:root{--night-0:#0b0d18;--night-1:#10121f;--night-2:#161a2e;--panel:#1e2440;--panel-2:#252c4d;--panel-3:#2e3760;--wood-lo:#3f2a18;--wood:#6b4a2f;--wood-hi:#8b6239;--wood-top:#a87a48;--parch:#e9d5a6;--parch-2:#d8bf87;--parch-ink:#4a3520;--ink:#eceaf5;--ink-dim:#9aa2c4;--ink-faint:#6b74a0;--green:#5fb84a;--green-hi:#7ad462;--green-lo:#397a2c;--blue:#4276b8;--blue-hi:#5b93d6;--blue-lo:#2b5185;--gold:#ffcf4d;--red:#e05a5a;--red-lo:#a33b3b;--px:4px;--chat-w:340px;--frame: var(--px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Pixelify Sans,ui-monospace,monospace;font-size:17px;color:var(--ink);background:var(--night-1);-webkit-font-smoothing:none;image-rendering:pixelated;overflow-x:hidden}h1,h2,h3,.display{font-family:"Press Start 2P",Pixelify Sans,monospace;font-weight:400}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 80% at 78% 6%,#2b3566 0%,transparent 55%),radial-gradient(90% 60% at 12% 0%,#1d2547 0%,transparent 60%),linear-gradient(#0a0c16,#131832 45%,#1b2142 78%,#10131f)}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.85}.moon{position:fixed;top:4vh;right:6vw;width:84px;height:84px;z-index:-1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffbe8,#f3e6bd 55%,#d9c78e);box-shadow:0 0 0 6px #fffadc0f,0 0 60px 18px #fff5c829}.treeline{position:fixed;left:0;right:0;bottom:0;height:108px;z-index:-1;pointer-events:none;background:linear-gradient(transparent 55%,#0c1a12 92%,#0a150f)}.treeline .tree,.treeline .campfire{position:absolute;bottom:0;display:block;background-repeat:no-repeat;image-rendering:pixelated}.treeline .campfire{z-index:30;filter:drop-shadow(0 0 14px rgba(255,150,40,.55));animation:flicker .4s steps(3) infinite}@keyframes flicker{0%{background-position-x:0}to{background-position-x:calc(var(--fire-w) * -3)}}.panel{position:relative;background:var(--panel);border:var(--frame) solid var(--wood);box-shadow:inset 0 0 0 var(--frame) var(--wood-lo),inset 0 var(--frame) 0 calc(var(--frame) * 1) #ffffff0f,0 0 0 var(--frame) var(--wood-lo),0 calc(var(--px) * 2) 0 #00000073,0 calc(var(--px) * 3) calc(var(--px) * 6) #00000080}.panel:before{content:"";position:absolute;inset:calc(var(--frame) * -1);border-top:var(--frame) solid var(--wood-top);pointer-events:none;opacity:.5}.panel-hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px 16px 10px;border-bottom:var(--px) solid var(--panel-3);background:linear-gradient(var(--panel-2),var(--panel))}.panel-hd h2{margin:0;font-size:13px;letter-spacing:.5px}.panel-hd p{margin:0;font-size:15px;color:var(--ink-dim)}.panel-bd{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:48px;border:var(--px) solid var(--green-lo);background:linear-gradient(var(--green-hi),var(--green));color:#0d2109;font-size:17px;font-weight:600;box-shadow:inset 0 var(--px) 0 #ffffff59,inset 0 calc(var(--px) * -1) 0 #00000040,0 var(--px) 0 var(--green-lo);transition:transform .06s steps(2),filter .1s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(var(--px));box-shadow:inset 0 var(--px) 0 #ffffff40}.btn.blue{border-color:var(--blue-lo);background:linear-gradient(var(--blue-hi),var(--blue));color:#f2f7ff;box-shadow:inset 0 var(--px) 0 #ffffff4d,0 var(--px) 0 var(--blue-lo)}.btn.ghost{border-color:var(--panel-3);background:var(--panel-2);color:var(--ink);box-shadow:0 var(--px) 0 #141833}.btn.wide{width:100%}.btn.lg{font-size:20px;padding:16px 26px;min-height:60px}.field{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:center;margin-bottom:14px}.field>label{color:var(--ink-dim);font-size:16px}.input{width:100%;padding:11px 12px;min-height:46px;background:#11142a;color:var(--ink);border:var(--px) solid var(--panel-3);box-shadow:inset 0 var(--px) 0 #00000080}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;border-color:var(--blue-hi)}.seg{display:flex;gap:0}.seg button{flex:1;padding:11px 8px;min-height:46px;background:var(--panel-2);color:var(--ink-dim);border:var(--px) solid var(--panel-3);border-right-width:0}.seg button:last-child{border-right-width:var(--px)}.seg button[aria-pressed=true]{background:linear-gradient(var(--blue-hi),var(--blue));color:#fff;border-color:var(--blue-lo);box-shadow:inset 0 var(--px) 0 #ffffff4d}.slider-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.slider-row .val{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--gold)}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:10px;background:#11142a;border:var(--px) solid var(--panel-3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:24px;margin-top:-9px;background:linear-gradient(var(--blue-hi),var(--blue));border:var(--px) solid var(--blue-lo)}input[type=range]::-moz-range-track{height:10px;background:#11142a;border:var(--px) solid var(--panel-3)}input[type=range]::-moz-range-thumb{width:20px;height:24px;border-radius:0;background:var(--blue-hi);border:var(--px) solid var(--blue-lo)}.range-ends{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-faint)}.parchment{background:linear-gradient(var(--parch),var(--parch-2));color:var(--parch-ink);border:var(--px) solid #b99a5f;box-shadow:inset 0 0 0 var(--px) #ffffff59,0 var(--px) 0 #8f7442;padding:14px 18px}.tag{font-size:13px;padding:3px 8px;border:2px solid currentColor;text-transform:uppercase;letter-spacing:.5px}.tag.progress{color:var(--gold)}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.center{text-align:center}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.app{min-height:100%;display:flex;flex-direction:column}.masthead{padding:22px 20px 6px;text-align:center}.masthead .logo{font-size:clamp(22px,5.5vw,42px);line-height:1.35;margin:0;text-shadow:0 var(--px) 0 #000}.masthead .logo .what{color:var(--ink)}.masthead .logo .hex span{display:inline-block}.masthead .tagline{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--parch-ink)}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:18px 16px 90px}.home{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.room-list{width:100%;border-collapse:collapse}.room-list th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-faint);padding:0 10px 8px;font-weight:400}.room-list td{padding:0}.room-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;width:100%;text-align:left;padding:12px 10px;min-height:52px;background:transparent;border:0;border-bottom:2px solid var(--panel-3);color:var(--ink)}.room-row:hover:not(:disabled){background:var(--panel-2)}.room-row:disabled{color:var(--ink-faint)}.room-row .count{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--ink-dim)}.empty-note{padding:30px 10px;text-align:center;color:var(--ink-faint)}.player-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px 10px;border-bottom:2px solid var(--panel-3)}.player-row .nm{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--ink-faint);box-shadow:none}.slot-empty{color:var(--ink-faint);font-style:normal}.round-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.round-label{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--ink-dim)}.pips{display:flex;gap:6px}.pip{width:11px;height:11px;border:2px solid var(--ink-faint)}.pip.done{background:var(--ink-dim);border-color:var(--ink-dim)}.pip.now{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px var(--gold)}.timer{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:var(--panel-2);border:var(--px) solid var(--panel-3);font-family:"Press Start 2P",monospace;font-size:13px;color:var(--gold)}.timer.low{color:var(--red);border-color:var(--red-lo);animation:pulse .5s steps(2) infinite}@keyframes pulse{50%{background:#3a1c1c}}.prompt{margin:0 auto 20px;max-width:460px;text-align:center}.prompt .q{font-size:15px;color:var(--parch-ink)}.prompt .hex{font-family:"Press Start 2P",monospace;font-size:clamp(20px,5vw,30px);margin-top:8px;letter-spacing:1px}.swatch-grid{display:grid;gap:14px;max-width:620px;margin:0 auto}.swatch{position:relative;aspect-ratio:1;width:100%;padding:0;border:var(--px) solid var(--panel-3);background-repeat:no-repeat;image-rendering:pixelated;box-shadow:0 var(--px) 0 #00000080;transition:transform .08s steps(2)}.swatch:hover:not(:disabled){transform:translateY(calc(var(--px) * -1));border-color:var(--ink-dim)}.swatch[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 var(--px) var(--gold),0 var(--px) 0 #00000080}.swatch.correct{border-color:var(--green-hi);box-shadow:0 0 0 var(--px) var(--green-hi),0 0 26px var(--green-hi);animation:winner .35s steps(3) 2}.swatch.dim{filter:brightness(.55) saturate(.8)}@keyframes winner{50%{transform:scale(1.05)}}.swatch .badge{position:absolute;top:-12px;right:-12px;width:30px;height:30px;display:grid;place-items:center;font-size:17px;border:var(--px) solid #000}.swatch .badge.ok{background:var(--green);color:#08240a}.swatch .badge.no{background:var(--red);color:#2a0808}.swatch .pickers{position:absolute;inset:auto 0 6px;display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.hint{text-align:center;color:var(--ink-faint);margin-top:16px;font-size:15px}.avatar{position:relative;display:inline-block;line-height:0;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.avatar.guessed:after{content:"";position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;background:var(--gold);border:2px solid #000}.avatar.pop{animation:pop .5s steps(4) 2,walk .36s steps(3) infinite}.avatar.sad{animation:sad .5s steps(4) 2}@keyframes pop{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes sad{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(3px) rotate(-8deg)}70%{transform:translateY(3px) rotate(8deg)}to{transform:translateY(0)}}@keyframes walk{0%{background-position-x:0}to{background-position-x:calc(var(--fw) * -3)}}.avatar-strip{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}.avatar-cell{display:grid;justify-items:center;gap:5px;font-size:14px;color:var(--ink-dim)}.countdown-stage{display:grid;place-items:center;gap:18px;padding:40px 0}.countdown-num{font-family:"Press Start 2P",monospace;font-size:clamp(64px,18vw,132px);color:var(--parch);text-shadow:0 var(--px) 0 #000,0 0 40px rgba(255,220,150,.4);animation:tick .9s steps(4) infinite}@keyframes tick{0%{transform:scale(1)}20%{transform:scale(1.14)}to{transform:scale(1)}}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;max-width:520px;margin:20px auto}.plinth{display:grid;justify-items:center;gap:8px;padding:12px 6px;border:var(--px) solid var(--wood);background:var(--panel-2)}.plinth .rank{font-family:"Press Start 2P",monospace;font-size:16px}.plinth.p1{padding-bottom:46px;background:linear-gradient(var(--panel-3),var(--panel-2));border-color:var(--gold)}.plinth.p1 .rank{color:var(--gold)}.plinth.p2{padding-bottom:26px}.plinth.p3{padding-bottom:14px}.plinth .pts{font-size:14px;color:var(--ink-dim)}.standings{max-width:520px;margin:0 auto}.standings .player-row{grid-template-columns:28px auto 1fr auto}.scoreboard{display:grid;gap:6px}.sb-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:6px 8px;background:var(--panel-2);border-left:var(--px) solid transparent}.sb-row.me{border-left-color:var(--gold);background:var(--panel-3)}.sb-row .pts{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--gold)}.sb-row .delta{font-size:14px;color:var(--green-hi)}.chat-toggle{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;display:grid;place-items:center;font-size:22px}.chat-toggle .unread{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid #000;font-size:13px}.chat-drawer{position:fixed;top:0;right:0;bottom:0;width:min(var(--chat-w),100vw);z-index:50;display:flex;flex-direction:column;background:var(--panel);border-left:var(--frame) solid var(--wood);box-shadow:-8px 0 30px #0009;transform:translate(100%);transition:transform .18s steps(4);visibility:hidden}.chat-drawer.open{transform:none;visibility:visible}.chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:9px}.chat-msg{font-size:16px;line-height:1.35;word-break:break-word}.chat-msg .who{color:var(--gold)}.chat-msg.system{color:var(--ink-faint);font-size:14px}.chat-form{display:flex;gap:8px;padding:10px;border-top:var(--px) solid var(--panel-3)}.chat-form .input{flex:1}.error-bar{background:#3a1c1c;border:var(--px) solid var(--red-lo);color:#ffd9d9;padding:10px 14px;margin-bottom:14px}.footer{text-align:center;padding:16px;font-size:13px;color:var(--ink-faint);letter-spacing:1px;text-transform:uppercase}@media(max-width:900px){.home{grid-template-columns:1fr}.field{grid-template-columns:1fr;gap:6px}.field>label{font-size:15px}}@media(max-width:620px){:root{--frame: 3px}body{font-size:16px}main{padding:12px 10px 84px}.moon{width:54px;height:54px;top:2vh}.treeline,.stars{display:none}.sky{background:linear-gradient(#0a0c16,#151a36 55%,#10131f)}.masthead{padding:14px 12px 4px}.panel-bd{padding:12px}.swatch-grid{gap:10px}.podium{gap:6px}.plinth.p1{padding-bottom:30px}.chat-drawer{width:100vw;border-left:0}.room-row{grid-template-columns:1fr auto;row-gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.swatch.dim{filter:none}.swatch.dim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#08091457;pointer-events:none}.swatch .badge,.swatch .pickers{z-index:2}.masthead.compact{padding:10px 20px 2px}.masthead.compact .logo{font-size:clamp(15px,2.6vw,22px)}.masthead.compact .tagline{display:none}@media(max-width:620px){.moon{display:none}.home>.stack{order:2}.home>.panel{order:1}.chat-toggle{width:46px;height:46px;right:12px;bottom:12px;font-size:18px;opacity:.92}}.mute-btn{position:absolute;top:14px;left:14px;z-index:5;min-height:36px;padding:6px 12px;font-size:14px}.masthead{position:relative}@media(max-width:620px){.mute-btn{top:6px;left:6px;min-height:30px;padding:4px 8px;font-size:12px}}.chat-drawer .panel-hd{justify-content:space-between;align-items:center}.chat-close{min-height:34px;padding:2px 12px;font-size:20px;line-height:1}@media(min-width:1100px){.chat-drawer{transform:none;visibility:visible}.app{padding-right:var(--chat-w)}.moon{right:calc(var(--chat-w) + 4vw)}}.credits{margin-top:16px;padding:12px 14px;background:var(--panel-2);border:var(--px) solid var(--panel-3);font-size:14px;color:var(--ink-dim)}.credits h4{margin:0 0 8px;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);font-weight:400}.credits p{margin:0 0 6px}.credits strong{color:var(--gold);font-weight:400}.footer-credit{font-size:11px;color:var(--ink-faint);text-transform:none;letter-spacing:0}