:root{--bg:#07071a;--bg2:#0e1033;--panel:#121548;--panel2:#1a1e63;--line:#3b45c9;--line2:#6b7bff;--fg:#e8ebff;--muted:#9aa3e6;--accent:#ffd166;--accent2:#4cc9f0;--good:#06d6a0;--bad:#ff6b6b;--font-pixel:"Press Start 2P", monospace;--font-body:"VT323", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);background-image:radial-gradient(at 50% 0,#16207a 0%,#0000 55%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);font-size:20px;line-height:1.25;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}canvas{image-rendering:pixelated;image-rendering:crisp-edges}[hidden]{display:none!important}#app{max-width:1000px;min-height:100%;margin:0 auto;padding:12px 16px 32px}.screen{flex-direction:column;gap:12px;display:flex}.logo{font-family:var(--font-pixel);color:var(--accent);text-shadow:3px 3px #7a2d8a,6px 6px #2a1d5a;letter-spacing:1px;text-wrap:balance;margin:0;font-size:22px;line-height:1.5}.logo.small{text-shadow:2px 2px #7a2d8a;font-size:10px;line-height:1.3}.tagline{color:var(--muted);margin:6px 0 12px;font-size:22px}h2{font-family:var(--font-pixel);color:var(--accent2);letter-spacing:1px;margin:0 0 10px;font-size:12px}.hint{color:var(--muted);margin:6px 0 0;font-size:18px}.error{color:var(--bad);margin:-4px 0 0;font-size:18px}.notice{border:2px solid var(--bad);background:#7a1f2b;margin-bottom:10px;padding:8px 10px}.title{font-family:var(--font-pixel);font-size:11px}.spacer{flex:1}b{color:var(--accent)}.panel{background:var(--panel);border:4px solid var(--line);box-shadow:0 0 0 2px var(--bg), 6px 6px 0 #04041a;min-width:0;padding:14px}.topbar{background:var(--panel2);border:4px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex;box-shadow:4px 4px #04041a}.coins{font-family:var(--font-pixel);color:var(--accent);border:2px solid var(--accent);font-variant-numeric:tabular-nums;background:#2a1d5a;padding:6px 8px;font-size:11px}.room-code{font-family:var(--font-pixel);color:var(--accent2);border:2px solid var(--accent2);background:#0b1b3a;padding:6px 8px;font-size:10px}.phase-chip{font-family:var(--font-pixel);color:var(--bg);background:var(--accent2);padding:6px 8px;font-size:9px}.ai-badge{color:var(--muted);margin:10px 0 0;font-size:16px}.ai-badge.live{color:var(--good)}.btn{font-family:var(--font-pixel);background:var(--panel2);color:var(--fg);border:3px solid var(--line2);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:12px 14px;font-size:11px;line-height:1.6;text-decoration:none;transition:transform 50ms;display:inline-block;box-shadow:4px 4px #04041a}.btn:hover{background:#262c86}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #04041a}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:#2a1d5a;border-color:#fff0b3}.btn.primary:hover{background:#ffe08a}.btn.big{padding:18px 20px;font-size:14px}.btn.tiny{padding:8px 10px;font-size:9px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}form{flex-direction:column;gap:10px;display:flex}label{color:var(--muted);flex-direction:column;flex:1;gap:4px;min-width:0;font-size:18px;display:flex}input,select,textarea{border:3px solid var(--line);color:var(--fg);background:#07081f;min-width:0;padding:8px 10px;font-size:22px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{resize:vertical;min-height:96px}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.row>*{flex:1;min-width:0}.auth-screen{justify-content:center;align-items:center;min-height:90vh}.auth-box{text-align:center;width:min(420px,100%)}.auth-box canvas{width:96px;height:160px;margin:4px auto 10px;display:block}.auth-box form{text-align:left}.home-grid{grid-template-columns:220px 1fr;gap:16px;display:grid}.home-char{text-align:center}.home-char canvas{width:144px;max-width:100%;height:240px}.home-nick{font-family:var(--font-pixel);color:var(--accent);margin-top:8px;font-size:12px}.home-stats{color:var(--muted);margin-top:6px}.home-actions{flex-direction:column;justify-content:center;gap:14px;display:flex}.rank-panel table{border-collapse:collapse;width:100%}.rank-panel td,.rank-panel th{text-align:left;border-bottom:2px solid #23287a;padding:6px 8px}.rank-panel th{font-family:var(--font-pixel);color:var(--accent2);font-size:9px}.lobby-grid{grid-template-columns:1fr 1.3fr;gap:16px;display:grid}.room-list{flex-direction:column;gap:8px;max-height:320px;margin-bottom:12px;display:flex;overflow-y:auto}.room-item{background:#0b0d33;border:2px solid #2a2f8f;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.room-item .name{font-size:22px}.room-item .meta{color:var(--muted);font-size:17px}.room-list .empty{color:var(--muted);padding:10px}.editor-grid{grid-template-columns:240px 1fr;gap:16px;display:grid}.editor-preview{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.editor-preview canvas{width:192px;max-width:100%;height:320px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button{font-family:var(--font-pixel);border:2px solid var(--line);color:var(--muted);cursor:pointer;background:#0b0d33;padding:8px 10px;font-size:9px}.tabs button.active{background:var(--accent2);color:var(--bg);border-color:var(--accent2)}.items{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.item{text-align:center;cursor:pointer;background:#0b0d33;border:3px solid #2a2f8f;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px;display:flex}.item:hover{border-color:var(--line2)}.item.selected{border-color:var(--accent);background:#2a1d5a}.item.locked{opacity:.85}.item canvas{width:48px;height:80px}.item .name{font-size:17px;line-height:1.1}.item .price{font-family:var(--font-pixel);color:var(--accent);font-size:8px}.item .price.owned{color:var(--good)}.item .buy{margin-top:4px;padding:6px 8px;font-size:8px}.swatch{aspect-ratio:1;cursor:pointer;border:3px solid #2a2f8f;width:100%}.swatch.selected{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:-8px}.stage-wrap{aspect-ratio:16/9;border:4px solid var(--line);background:#000;width:min(100%,177.778vh - 533.333px);min-width:min(100%,480px);margin:0 auto;position:relative;box-shadow:6px 6px #04041a}#stage{width:100%;height:100%;display:block}#stage-overlay{pointer-events:none;position:absolute;inset:0}.sfx-toggle{z-index:3;pointer-events:auto;cursor:pointer;border:2px solid var(--line2);width:36px;height:36px;color:var(--fg);background:#05061eb3;padding:0;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.sfx-toggle:hover{background:#1a1e63e6}.sfx-toggle.muted{opacity:.7}.sfx-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.nameplate{font-family:var(--font-pixel);white-space:nowrap;color:#fff;background:#05061ed9;border:2px solid #4a60ff;flex-direction:column;align-items:center;gap:3px;padding:3px 5px;font-size:7px;display:flex;position:absolute;transform:translate(-50%,-100%)}.nameplate.me{border-color:var(--accent)}.nameplate.off{opacity:.45}.nameplate .score{color:var(--accent2)}.nameplate .status{color:var(--good)}.nameplate .delta{font-size:8px}.nameplate .delta.pos{color:var(--good)}.nameplate .delta.neg{color:var(--bad)}.nameplate .delta.zero{color:var(--muted)}.nameplate.winner{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.grouplabel{font-family:var(--font-pixel);white-space:nowrap;text-align:center;color:#fff;background:#05061ed9;border:2px solid #333a9a;flex-direction:column;align-items:center;gap:2px;padding:3px 4px;font-size:6px;display:flex;position:absolute;transform:translate(-50%)}.grouplabel .react{font-size:8px}.grouplabel.pos{border-color:var(--good)}.grouplabel.neg{border-color:var(--bad)}.timer-bar{border:2px solid var(--line);background:#0b0d33;height:10px;margin-top:12px}#timer-fill{background:var(--accent);width:0;height:100%;transition:width .2s linear}#timer-fill.urgent{background:var(--bad)}.game-panel{min-height:180px}.game-panel h2{margin-bottom:8px}.theme-card{text-align:center;padding:8px 0}.theme-card .round{font-family:var(--font-pixel);color:var(--muted);font-size:10px}.theme-card .theme{font-family:var(--font-pixel);color:var(--accent);text-wrap:balance;margin:10px 0;font-size:20px}.theme-card .hint{font-size:20px}.groups{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px;display:grid}.group{text-align:left;background:#0b0d33;border-left:6px solid;padding:8px 10px}.group .gname{font-family:var(--font-pixel);font-size:9px}.group .gweight{color:var(--muted);font-size:16px}.group .gdesc{color:#cdd3ff;font-size:17px}.write-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.suggestions{flex-direction:column;gap:8px;display:flex}.suggestion{cursor:pointer;text-align:left;color:var(--fg);background:#0b0d33;border:3px solid #2a2f8f;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.suggestion:hover{border-color:var(--line2)}.suggestion .style{font-family:var(--font-pixel);color:var(--accent2);text-transform:uppercase;font-size:7px}.suggestion.loading{color:var(--muted);cursor:default}.counter{color:var(--muted);text-align:right;font-size:16px}.waiting{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 0;display:flex}.waiting .big{font-family:var(--font-pixel);color:var(--accent2);font-size:12px}.dots:after{content:"…";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.reveal-card{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.reveal-card .who{font-family:var(--font-pixel);color:var(--accent);margin-bottom:8px;font-size:12px}.reveal-card .quote{border-left:6px solid var(--accent2);background:#0b0d33;padding:10px 12px;font-size:24px}.reveal-card .quote.silent{color:var(--muted);border-color:#555;font-style:italic}.reveal-card .summary{color:#cdd3ff;min-height:24px;margin-top:10px;font-size:19px}.reveal-late{opacity:0;animation:.3s forwards appear;animation-delay:calc(5.3s - var(--elapsed,0s))}.reactions{flex-direction:column;gap:6px;display:flex}.reaction{opacity:0;animation:.3s forwards slidein;animation-delay:calc(1.3s + var(--k,0) * .65s - var(--elapsed,0s));background:#0b0d33;border-left:5px solid;grid-template-columns:110px 1fr auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.reaction .rname{font-family:var(--font-pixel);font-size:7px}.reaction .rcomment{color:#cdd3ff;font-size:17px}.reaction .rscore{font-family:var(--font-pixel);text-align:right;min-width:28px;font-size:9px}.rscore.pos{color:var(--good)}.rscore.neg{color:var(--bad)}.rscore.zero{color:var(--muted)}.points{font-family:var(--font-pixel);text-align:right;margin-top:8px;font-size:14px}.points.pos{color:var(--good)}.points.neg{color:var(--bad)}.points.zero{color:var(--muted)}@keyframes appear{to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.scoretable{border-collapse:collapse;width:100%}.scoretable td,.scoretable th{text-align:left;border-bottom:2px solid #23287a;padding:6px 8px}.scoretable th{font-family:var(--font-pixel);color:var(--accent2);font-size:9px}.scoretable td.num{text-align:right;font-variant-numeric:tabular-nums}.scoretable td.pos{color:var(--good)}.scoretable td.neg{color:var(--bad)}.scoretable tr.me td{color:var(--accent)}.scoretable tr.first td{background:#2a1d5a}.players{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.player-chip{background:#0b0d33;border:2px solid #2a2f8f;align-items:center;gap:8px;padding:6px 10px;display:flex}.player-chip.host{border-color:var(--accent)}.player-chip .tag{font-family:var(--font-pixel);color:var(--muted);font-size:7px}.player-chip .x{cursor:pointer;color:var(--bad);font-family:var(--font-pixel);background:0 0;border:0;padding:0;font-size:9px}.lobby-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.end-list{flex-direction:column;gap:8px;margin:10px 0;display:flex}.end-item{background:#0b0d33;border:2px solid #2a2f8f;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.end-item.first{border-color:var(--accent);background:#2a1d5a}.end-item .place{font-family:var(--font-pixel);color:var(--accent);font-size:14px}.end-item .reward{font-family:var(--font-pixel);color:var(--good);font-size:9px}#toasts{z-index:50;flex-direction:column;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--panel2);border:3px solid var(--line2);padding:10px 12px;animation:.15s pop;box-shadow:4px 4px #04041a}.toast.error{border-color:var(--bad)}.toast.good{border-color:var(--good)}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}@media (width<=760px){body{font-size:18px}.home-grid,.lobby-grid,.editor-grid,.write-grid,.reveal-card{grid-template-columns:1fr}.home-char canvas{width:96px;height:160px}.editor-preview canvas{width:120px;height:200px}.logo{font-size:24px}.reaction{grid-template-columns:90px 1fr auto}.nameplate{padding:2px 3px;font-size:5px}.grouplabel{font-size:5px}}@media (prefers-reduced-motion:reduce){.dots:after{content:"...";animation:none}.reaction,.reveal-late{opacity:1;animation:none}}