:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background:linear-gradient(135deg,#667eea,#764ba2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:gold;text-decoration:none;transition:color .3s ease}a:hover{color:#ffed4e}@media(max-width:1200px){body{background:linear-gradient(135deg,#667eea,#764ba2)}}} } .game-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.header-content h1,.header-content p{margin:0;color:#fff}.game-title{font-size:42px;font-weight:700;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.game-subtitle{font-size:14px;opacity:.9;letter-spacing:1px}.timer-badge{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50px;font-weight:600;color:#fff;box-shadow:0 8px 25px #f5576c66;animation:pulse 2s ease-in-out infinite}.timer-icon{font-size:24px}.timer-value{font-size:24px;font-weight:700;min-width:40px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-content{display:grid;grid-template-columns:250px 1fr 0px;gap:20px;max-width:1400px;margin:0 auto}.scores-panel{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:15px;height:fit-content}.scores-title{margin:0;font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:2px}.scores-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.score-item{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:12px 15px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;transition:all .3s ease}.score-item:hover{background:#ffffff26;transform:translate(5px)}.score-item.my-score{background:linear-gradient(135deg,#4caf504d,#4caf501a);border-color:#4caf5080;box-shadow:0 0 15px #4caf5033}.score-rank{font-weight:600;opacity:.7;font-size:12px}.score-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500}.score-value{font-weight:700;text-align:right;color:gold;font-size:15px}.role-badge{margin-top:10px}.badge{display:inline-block;padding:10px 20px;border-radius:25px;font-size:13px;font-weight:600;text-align:center;width:100%;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0003}.badge-drawer{background:linear-gradient(135deg,#667eea,#764ba2)}.badge-guesser{background:linear-gradient(135deg,#f093fb,#f5576c)}.game-center{display:flex;flex-direction:column;gap:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.word-display{text-align:center;padding:20px;background:#ffffff0d;border-radius:15px;border:2px dashed rgba(255,255,255,.3)}.word-text{margin:0;font-size:36px;letter-spacing:8px;color:gold;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.controls-section{text-align:center}.controls-title{margin:0 0 20px;color:#fff;font-size:18px;font-weight:600}.word-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.word-button{padding:12px 28px;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea4d;text-transform:uppercase;letter-spacing:1px}.word-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.word-button:active{transform:translateY(-1px)}canvas{border-radius:15px;border:3px solid rgba(255,255,255,.3);background:#1a1a2e!important;cursor:crosshair;box-shadow:0 10px 40px #0000004d;display:block;margin:0 auto;width:100%;max-width:600px;height:auto}.eraser-section{text-align:center}.eraser-button{padding:12px 32px;border-radius:12px;border:2px solid transparent;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #f5576c4d;text-transform:uppercase;letter-spacing:1px}.eraser-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f5576c80}.eraser-button:active{transform:translateY(-1px)}.guess-section{display:flex;gap:12px;margin-top:10px}.guess-input{flex:1;padding:14px 18px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:15px;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guess-input::placeholder{color:#fff9}.guess-input:focus{border-color:#ffd70099;background:#ffffff26;box-shadow:0 0 20px #ffd70033}.guess-button{padding:14px 32px;border-radius:12px;border:2px solid transparent;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #4caf504d;text-transform:uppercase;letter-spacing:1px}.guess-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5080}.guess-button:active{transform:translateY(-1px)}.guess-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.side-panel{display:none}@media(max-width:1024px){.game-content{grid-template-columns:1fr}.scores-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.game-header{flex-direction:column;gap:20px;text-align:center}}@media(max-width:768px){.game-container{padding:10px}.game-header{padding:15px 20px}.game-title{font-size:32px}.game-subtitle{font-size:12px}.game-center{padding:20px}canvas{max-width:100%;height:300px}.word-buttons{gap:10px}.word-button{padding:10px 20px;font-size:12px}.guess-section{flex-direction:column}.scores-panel{grid-template-columns:1fr}}@media(max-width:480px){.game-title{font-size:24px}.timer-badge{padding:10px 16px}.timer-icon,.timer-value{font-size:18px}.word-text{font-size:24px;letter-spacing:4px}canvas{height:250px}}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;border-radius:12px;padding:16px 20px;box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out;z-index:9999;overflow:hidden}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-left:4px solid #2e7d32}.toast-error{background:linear-gradient(135deg,#f44336,#da190b);color:#fff;border-left:4px solid #c62828}.toast-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-left:4px solid #1565c0}.toast-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-left:4px solid #e65100}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:20px;font-weight:700;min-width:24px;display:flex;align-items:center;justify-content:center}.toast-message{font-size:14px;font-weight:500;flex:1}.toast-progress{position:absolute;bottom:0;left:0;height:3px;animation:progress 4s linear forwards}.toast-progress-success,.toast-progress-error,.toast-progress-info,.toast-progress-warning{background:#fff9}@keyframes progress{0%{width:100%}to{width:0%}}