:root{color-scheme:dark;--bg: #14161c;--panel: #1e212b;--panel-2: #262a37;--border: #363c4d;--text: #e8eaf0;--muted: #9aa1b2;--accent: #6c8cff;--accent-2: #ff6c9c;--danger: #ff5c5c;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.home-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;width:100%;max-width:420px;text-align:center}.home-card h1{margin:0 0 4px}.subtitle{color:var(--muted);margin-bottom:24px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer}.tab.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--panel-2))}.home-form{display:flex;flex-direction:column;gap:14px;text-align:left}.home-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}input,select,button{font-family:inherit;font-size:15px}input,select{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text)}select{cursor:pointer}select:hover{border-color:var(--accent)}button{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0a0d16;font-weight:600}.game-layout{display:grid;grid-template-columns:1fr 300px;gap:16px;width:100%;max-width:1280px;align-items:start}.main-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;min-height:70vh}.side-panel{display:flex;flex-direction:column;gap:16px}.lobby-code-banner{color:var(--muted);margin-bottom:16px;font-size:14px}.invite-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.modal-card img{border-radius:8px;background:#fff;padding:8px}.phase-screen{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.hint{color:var(--muted);font-size:14px}.player-list{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px}.player-list h3{margin:0 0 12px}.player-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;gap:8px;font-size:14px;padding:6px 8px;border-radius:8px}.player-list li.me{background:var(--panel-2)}.player-name{flex:1}.player-score{color:var(--muted);font-size:12px}.disconnected{color:var(--danger);font-size:11px}.color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}.chat-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;height:360px}.chat-panel h3{margin:0 0 12px}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.chat-message{font-size:13px;line-height:1.4}.chat-author{font-weight:600;margin-right:6px}.chat-input-row{display:flex;gap:8px}.chat-input-row input{flex:1}.role-card{position:relative;width:100%;max-width:340px}.role-card-hint{font-size:12px;color:var(--muted);margin-bottom:4px}.role-card-blur{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:20px;filter:blur(10px);transition:filter .2s ease;cursor:pointer}.role-card-blur:hover{filter:blur(0)}.role-card-theme{font-size:13px;color:var(--muted);margin-bottom:6px}.role-card-word{font-size:20px;font-weight:700}.impostor-word{color:var(--accent-2)}.powerup-card{background:var(--panel-2);border:1px solid var(--accent-2);border-radius:12px;padding:16px;max-width:360px}.powerup-name{font-size:18px;font-weight:700;margin-bottom:6px}.powerup-desc{color:var(--muted);font-size:13px}.target-list,.vote-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.target-btn{display:flex;align-items:center;gap:8px}.target-btn.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--panel-2))}.turn-indicator{display:flex;align-items:center;gap:16px;font-size:15px}.progress-count{color:var(--muted);font-size:13px}.drawing-area{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.canvas-wrapper{position:relative;width:100%;max-width:800px;aspect-ratio:1000 / 640;border-radius:12px;overflow:hidden;border:2px solid var(--border);background:#fdfdfd;transition:filter .15s ease}.canvas-wrapper canvas{width:100%;height:100%;display:block;touch-action:none}.canvas-wrapper canvas.canvas-active{cursor:crosshair}.canvas-wrapper.readonly{max-width:700px}.canvas-actions{display:flex;gap:12px}.canvas-falling-status{margin:0;font-size:14px;color:var(--muted);font-style:italic}.powerup-pixelate canvas{width:6%;height:6%;transform:scale(16.6667);transform-origin:top left;image-rendering:pixelated}.powerup-invert{transform:rotate(180deg)}@keyframes fa-shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-3px,-2px) rotate(-.6deg)}20%{transform:translate(3px,1px) rotate(.6deg)}30%{transform:translate(-2px,3px) rotate(-.4deg)}40%{transform:translate(2px,-3px) rotate(.4deg)}50%{transform:translate(-3px,2px) rotate(-.6deg)}60%{transform:translate(3px,-1px) rotate(.6deg)}70%{transform:translate(-2px,-2px) rotate(-.4deg)}80%{transform:translate(2px,2px) rotate(.4deg)}90%{transform:translate(-3px,-1px) rotate(-.6deg)}to{transform:translate(0) rotate(0)}}.powerup-shake{animation:fa-shake .25s infinite}.powerup-hole canvas.canvas-active{cursor:none}.powerup-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 25%,#1a1a1a 75%);border:1px solid var(--accent-2);color:#fff;font-size:13px;font-weight:600;z-index:5;pointer-events:none;animation:fa-badge-pop .35s ease}@keyframes fa-badge-pop{0%{transform:scale(.4) translateY(-6px);opacity:0}60%{transform:scale(1.08) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.powerup-invert .powerup-badge{animation:fa-badge-pop-inverted .35s ease}@keyframes fa-badge-pop-inverted{0%{transform:rotate(180deg) scale(.4) translateY(6px);opacity:0}60%{transform:rotate(180deg) scale(1.08) translateY(0);opacity:1}to{transform:rotate(180deg) scale(1) translateY(0);opacity:1}}.powerup-badge-icon{display:inline-block;font-size:16px}@keyframes fa-badge-pixelate-icon{0%,to{transform:scale(1);filter:contrast(1)}50%{transform:scale(.8);filter:contrast(1.6)}}.powerup-badge-pixelate .powerup-badge-icon{animation:fa-badge-pixelate-icon .5s steps(4) infinite}@keyframes fa-badge-invert-icon{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.powerup-badge-invert .powerup-badge-icon{animation:fa-badge-invert-icon 1.6s ease-in-out infinite}@keyframes fa-badge-shake-icon{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}.powerup-badge-shake .powerup-badge-icon{animation:fa-badge-shake-icon .4s linear infinite}@keyframes fa-badge-forget-icon{0%,to{opacity:1}50%{opacity:.15}}.powerup-badge-forget .powerup-badge-icon{animation:fa-badge-forget-icon 1.2s ease-in-out infinite}@keyframes fa-badge-hole-icon{0%,to{transform:scale(1)}50%{transform:scale(.55)}}.powerup-badge-hole .powerup-badge-icon{animation:fa-badge-hole-icon 1s ease-in-out infinite}@keyframes fa-badge-reverse-icon{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.powerup-badge-reverse .powerup-badge-icon{animation:fa-badge-reverse-icon 1s ease-in-out infinite}@keyframes fa-badge-blind-icon{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.powerup-badge-blind .powerup-badge-icon{animation:fa-badge-blind-icon 1.4s ease-in-out infinite}@keyframes fa-badge-gravity-icon{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.powerup-badge-gravity .powerup-badge-icon{animation:fa-badge-gravity-icon .8s ease-in-out infinite}.results-card{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:16px;max-width:480px}.scoreboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}.scoreboard li{display:flex;align-items:center;gap:8px;background:var(--panel-2);border-radius:8px;padding:8px 12px}.host-controls{display:flex;flex-direction:column;gap:16px;align-items:stretch;width:100%}.options-panel{display:flex;flex-direction:column;gap:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:8px 20px;text-align:left}.options-panel-title{margin:12px 0 4px;font-size:15px;color:var(--text)}.option-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.options-panel-title+.option-row{border-top:none}.option-label{display:flex;flex-direction:column;gap:2px}.option-title{font-size:14px;font-weight:600;color:var(--text)}.option-desc{font-size:12px;color:var(--muted)}.option-row select{flex-shrink:0}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;cursor:pointer;transition:background .15s ease}.switch-track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--text);border-radius:50%;transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{transform:translate(18px);background:#0a0d16}.powerup-config{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px 16px;margin:4px 0 14px}.powerup-config-title{margin:0 0 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left}.powerup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.powerup-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:12px 8px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;transition:border-color .15s ease,background .15s ease}.powerup-tile:hover{border-color:var(--accent)}.powerup-tile input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.powerup-tile-emoji{font-size:22px;line-height:1}.powerup-tile-label{font-size:13px;font-weight:600;color:var(--text)}.powerup-tile-desc{font-size:11px;line-height:1.35;color:var(--muted)}.powerup-tile.is-active{border-color:var(--accent);background:#6c8cff29}.waiting-room{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;width:100%;max-width:480px;margin:0 auto}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--danger);color:#1a0000;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer}@media (max-width: 900px){.game-layout{grid-template-columns:1fr}}.language-switcher{position:fixed;top:12px;right:12px;display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px;z-index:10}.lang-btn{background:transparent;border:none;color:var(--muted);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.lang-btn.active{background:var(--accent);color:#fff}