:root{--bg: #1a1a2e;--surface: #16213e;--surface-light: #0f3460;--accent: #e94560;--text: #e0e0e0;--muted: #a0a0a0;--success: #2ecc71;--warning: #f1c40f;--error: #e74c3c;--radius: .75rem;--shadow: 0 4px 12px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}#app{display:flex;flex-direction:column;height:100vh}button{border:none;border-radius:var(--radius);padding:.6rem 1rem;background:var(--surface-light);color:var(--text);font-weight:600;cursor:pointer;transition:transform .1s ease,background .2s ease}button:active{transform:scale(.96)}button.primary{background:var(--accent)}button.primary:hover{background:#ff6b81}input,select{border:none;border-radius:var(--radius);padding:.6rem .8rem;background:var(--surface);color:var(--text);outline:none}.hidden{display:none!important}.intro,.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;padding:2rem;text-align:center}.intro h1,.lobby h1{font-size:2.5rem;margin:0 0 1rem;color:var(--accent)}#join-form,.settings-form{display:flex;flex-direction:column;gap:.75rem;width:min(320px,90vw)}.lobby-players{display:flex;flex-direction:column;gap:.5rem;width:min(320px,90vw)}.player-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface);border-radius:var(--radius);border-left:4px solid var(--accent)}.game{display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "canvas sidebar" "bottom sidebar";gap:.75rem;height:100%;padding:.75rem}@media (max-width: 768px){.game{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"header" "canvas" "sidebar" "bottom";padding:.5rem}.sidebar{max-height:35vh}}.game-header-container{grid-area:header}.game-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.timer{font-size:1.5rem;font-weight:700;color:var(--warning);min-width:2.5rem;text-align:center}.word-box{font-family:Courier New,monospace;font-size:1.25rem;letter-spacing:.15rem;color:var(--success)}.canvas-area{grid-area:canvas;position:relative;min-height:0;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.board-wrapper canvas{display:block;touch-action:none}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:.75rem;min-height:0}.scoreboard,.chat-panel{background:var(--surface);border-radius:var(--radius);padding:.75rem;box-shadow:var(--shadow)}.scoreboard{flex:0 0 auto}.scoreboard ol{margin:0;padding-left:1.25rem}.scoreboard li.me{color:var(--warning)}.chat-panel{flex:1 1 0;display:flex;flex-direction:column;min-height:0}.chat-messages{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;margin-bottom:.5rem}.msg.guess{color:var(--muted);font-style:italic}.msg.system{color:var(--success);font-weight:600}.chat-form,.guess-form{display:flex;gap:.5rem}.chat-form input,.guess-form input{flex:1}.bottom-bar{grid-area:bottom;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.tools-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%}.tool-group,.color-group,.width-group,.action-group{display:flex;flex-wrap:wrap;gap:.35rem}.tool-btn,.color-btn,.width-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.4rem;padding:0;font-size:.85rem}.color-btn{border:2px solid rgba(255,255,255,.2)}.color-picker{width:2rem;height:2rem;padding:0;border:none;background:transparent}.guess-container,.tools-container,.guess-form{width:100%}#toast-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000;pointer-events:none}.toast{padding:.75rem 1rem;border-radius:var(--radius);background:var(--surface-light);color:var(--text);box-shadow:var(--shadow);opacity:0;transform:translate(1rem);transition:opacity .3s ease,transform .3s ease}.toast-show{opacity:1;transform:translate(0)}.toast-success{background:var(--success);color:#000}.toast-error{background:var(--error)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:2000}.modal-content{background:var(--surface);padding:1.5rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;min-width:280px;text-align:center;box-shadow:var(--shadow)}.word-options{display:flex;flex-direction:column;gap:.5rem}.final-scores{text-align:left}.ad-banner-container{display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-light);border-radius:var(--radius)}.ad-banner{width:100%;min-height:90px}.ad-format-auto{min-height:90px}.ad-format-rectangle{min-height:250px;max-width:300px}.ad-format-leaderboard{min-height:90px;max-width:728px}.ad-format-skyscraper{min-height:600px;max-width:300px}.ad-slot,.ad-banner ins.adsbygoogle{display:block;width:100%;height:100%}.ad-fallback img{display:block;max-width:100%;height:auto;border-radius:var(--radius)}@media (max-width: 1024px){.ad-format-skyscraper{display:none!important}}@media (max-width: 768px){.ad-format-leaderboard{display:none!important}}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:3000;padding:1rem;background:var(--surface);border-top:2px solid var(--accent);box-shadow:0 -4px 12px #0000004d;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.consent-banner p{margin:0;flex:1 1 300px;text-align:center}.consent-actions{display:flex;gap:.5rem}