: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%}@font-face{font-family:Tengoku;src:url(/assets/fonts/Tengoku.woff2) format("woff2"),url(/assets/fonts/Tengoku.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}body{margin:0;font-family:Tengoku,ui-monospace,monospace;font-size:14px;line-height:1.6;color:var(--ink);background:var(--night-1);-webkit-font-smoothing:none;image-rendering:pixelated;overflow-x:hidden}h1,h2,h3,.display,strong,b{font-weight:400}h3{font-size:15px;line-height:1.5;letter-spacing:1px;margin:0 0 10px}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}.fireworks{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;overflow:hidden}.fw-burst{position:absolute;width:0;height:0;pointer-events:none}.fw-flash{position:absolute;left:-7px;top:-7px;width:14px;height:14px;pointer-events:none;animation:fw-flash .26s steps(3) forwards}.fw-spark{position:absolute;display:block;image-rendering:pixelated;pointer-events:none;animation:fw-spark 1.5s steps(14) forwards}@keyframes fw-flash{0%{opacity:.95;transform:scale(1.6)}to{opacity:0;transform:scale(.2)}}@keyframes fw-spark{0%{transform:translate(0);opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 40px));opacity:0}}@media(prefers-reduced-motion:reduce){.fireworks{display:none}}.inferno{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;overflow:hidden}.inferno>*{pointer-events:none}.inferno-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:screen;background:radial-gradient(120% 58% at 50% 112%,rgba(255,96,16,.72) 0%,rgba(220,40,0,.34) 40%,transparent 74%),radial-gradient(80% 50% at 16% 108%,rgba(255,70,12,.42) 0%,transparent 70%),radial-gradient(80% 50% at 84% 108%,rgba(255,70,12,.42) 0%,transparent 70%);animation:inferno-glow 6s steps(6) forwards}@keyframes inferno-glow{0%{opacity:0}25%{opacity:.44}40%{opacity:.3}60%{opacity:.62}80%{opacity:.48}to{opacity:.68}}.inferno-flicker{position:absolute;left:0;right:0;bottom:0;height:46vh;transform-origin:bottom center;mix-blend-mode:screen;background:radial-gradient(100% 100% at 50% 100%,rgba(255,120,30,.34) 0%,transparent 62%);animation:inferno-lick 1.1s steps(3) infinite alternate}@keyframes inferno-lick{0%{opacity:.3;transform:scaleY(.9)}to{opacity:.8;transform:scaleY(1.1)}}.inferno-scorch{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:multiply;background:radial-gradient(112% 92% at 50% 44%,transparent 30%,rgba(44,12,2,.55) 68%,rgba(6,2,0,.96) 100%);animation:inferno-scorch 9s steps(8) forwards}@keyframes inferno-scorch{0%{opacity:0}to{opacity:1}}.inferno-ash{position:absolute;left:0;right:0;bottom:0;height:76px;mix-blend-mode:multiply;transition:opacity 1.6s linear;background:linear-gradient(transparent 0%,#1a090373 40%,#080301e6)}.inferno-wall{position:absolute;left:-2%;right:-2%;bottom:0;height:92px;transform-origin:bottom center;mix-blend-mode:screen;transition:opacity 1.2s linear;background:linear-gradient(transparent 0%,#ff300829 30%,#ff5c1080 70%,#ff781870 92%,#8c26004d);animation:inferno-wall .48s steps(2) infinite alternate}@keyframes inferno-wall{0%{filter:brightness(.82);transform:scaleY(.94)}to{filter:brightness(1.22);transform:scaleY(1.05)}}.inferno .meteor{position:absolute;display:block;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(255,120,20,.85));animation:meteor-fall var(--dur) linear forwards,fire-frames .28s steps(4) infinite}@keyframes meteor-fall{0%{transform:translateZ(0)}to{transform:translate3d(var(--dx),var(--fall),0)}}@keyframes fire-frames{0%{background-position-x:0}to{background-position-x:calc(var(--frame-w) * -4)}}.meteor-trail{position:absolute;left:50%;bottom:45%;width:4px;transform-origin:bottom center;background:linear-gradient(transparent 0%,#be28001f 30%,#ff5a0e8c 76%,#ffaa3cd9)}.inferno .impact{position:absolute;width:0;height:0}.impact-flash{position:absolute;left:-26px;bottom:-16px;width:52px;height:32px;background:radial-gradient(circle,#fff3c4,#ffb03a 44%,#ff500a00 72%);animation:impact-flash .3s steps(3) forwards}@keyframes impact-flash{0%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(.4)}}.impact-shard{position:absolute;display:block;image-rendering:pixelated;animation:impact-shard .7s steps(9) forwards}@keyframes impact-shard{0%{transform:translate(0);opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 46px));opacity:0}}.inferno .blaze{position:absolute;display:block;background-repeat:no-repeat;image-rendering:pixelated;transform-origin:bottom center;filter:drop-shadow(0 0 16px rgba(255,120,20,.6));animation:blaze-in .4s steps(4),fire-frames .3s steps(4) infinite}@keyframes blaze-in{0%{opacity:.2;transform:scale3d(.55,.15,1)}}.blaze-smoke{position:absolute;left:50%;bottom:55%;margin-left:-26px;width:52px;height:78px;opacity:0;image-rendering:pixelated;background:url(/assets/world/smoke.png) no-repeat;background-size:208px 78px;filter:brightness(.5) sepia(.5) saturate(1.4) hue-rotate(-12deg);animation:smoke-rise 4.2s linear infinite,smoke-frames .5s steps(4) infinite}@keyframes smoke-rise{0%{opacity:0;transform:translateY(0) scale(.8)}18%{opacity:.34}to{opacity:0;transform:translateY(-300px) scale(2.4)}}@keyframes smoke-frames{0%{background-position-x:0}to{background-position-x:-208px}}.inferno .ember{position:absolute;bottom:30px;display:block;image-rendering:pixelated;animation-name:ember-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ember-rise{0%{transform:translateZ(0);opacity:0}14%{opacity:1}to{transform:translate3d(var(--dx),var(--rise),0);opacity:0}}@media(prefers-reduced-motion:reduce){.inferno{display:none}}.verdict{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none;display:grid;place-items:center;overflow:hidden}.verdict-word{display:flex;white-space:nowrap;font-size:clamp(40px,15vw,168px);line-height:1;letter-spacing:.06em;animation:verdict-slam .42s steps(4) both}.verdict-ch{display:inline-block;animation:verdict-drop .34s steps(4) both}@keyframes verdict-slam{0%{transform:scale(1.9)}to{transform:scale(1)}}@keyframes verdict-drop{0%{opacity:0;transform:translateY(-70%) scale(1.5)}70%{opacity:1;transform:translateY(8%) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.verdict.win .verdict-word{color:var(--gold);text-shadow:0 var(--px) 0 #a35f00,0 calc(var(--px) * 2) 0 #5e3400,calc(var(--px) * -1) 0 0 #5e3400,var(--px) 0 0 #5e3400,0 calc(var(--px) * -1) 0 #fff4c2,0 0 calc(var(--px) * 8) rgba(255,200,60,.75)}.verdict.win .verdict-word{animation:verdict-slam .42s steps(4) both,verdict-bob 1.8s steps(4) .42s infinite alternate}@keyframes verdict-bob{0%{transform:scale(1)}to{transform:scale(1.045)}}.verdict.lose .verdict-word{color:#ff5a3c;text-shadow:0 var(--px) 0 #7d1a0c,0 calc(var(--px) * 2) 0 #2c0703,calc(var(--px) * -1) 0 0 #2c0703,var(--px) 0 0 #2c0703,0 calc(var(--px) * -1) 0 #ffc98a,0 0 calc(var(--px) * 8) rgba(255,70,20,.8);animation:verdict-slam .42s steps(4) both,verdict-shudder 2.6s steps(2) .42s infinite}@keyframes verdict-shudder{0%,42%,to{transform:scale(1) translate(0)}46%{transform:scale(1.02) translate(-.4%,.6%)}52%{transform:scale(.99) translate(.5%,-.4%)}58%{transform:scale(1.01) translate(-.3%,.3%)}}@media(max-width:620px){.verdict{place-items:start center;padding-top:22vh}}.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 .tree{transition:filter 5s linear}.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:center;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:1px;color:var(--parch)}.panel-hd p{margin:0;font-size:12px;color:var(--ink-dim)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.panel-actions .btn{min-height:40px;padding:8px 16px;font-size:12px}.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:13px;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:14px;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:13px}.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-size:12px;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:12px;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:12px;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-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:12px}.masthead .tagline{display:inline-block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--parch-ink)}.masthead .tagline-row .btn{min-height:40px;padding:8px 16px;font-size:12px}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:12px;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-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:16px;flex-wrap:wrap;margin-bottom:16px}.round-label{font-size:17px;color:var(--ink);letter-spacing:.5px}.pips{display:flex;gap:7px}.pip{width:16px;height:16px;border:3px 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 10px var(--gold)}@keyframes pulse{50%{background:#3a1c1c}}.timer-bar{position:relative;overflow:hidden}.timer-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,#e8b93c,#d9a52c);box-shadow:inset calc(var(--px) * -1) 0 0 #7a56148c;pointer-events:none;will-change:transform}.timer-bar.low .timer-bar-fill{background:linear-gradient(90deg,#e06a5a,#c94a42);box-shadow:inset calc(var(--px) * -1) 0 0 #5a1a1a99;animation:pulse-bar .5s steps(2) infinite}@keyframes pulse-bar{50%{filter:brightness(1.22)}}.timer-bar-content{position:relative;z-index:1}.timer-bar.parchment{background:linear-gradient(#c9ab72,#b89a62)}.bonus-timer{max-width:460px;margin:0 auto 16px;padding:10px 14px;text-align:center;background:linear-gradient(#c9ab72,#b89a62);border:var(--px) solid #b99a5f;box-shadow:inset 0 0 0 var(--px) #ffffff40,0 var(--px) 0 #8f7442}.bonus-timer .round-label.bonus-label{color:#2a1d06;text-shadow:none}.timer-bar.low .round-label.bonus-label{color:#2b0d0d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.prompt{margin:0 auto 20px;max-width:460px;text-align:center}.prompt .q{font-size:13px;color:var(--parch-ink)}.prompt .hex{font-size:clamp(22px,5vw,32px);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:13px;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:12px}.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:12px;color:var(--ink-dim)}.countdown-stage{display:grid;place-items:center;gap:18px;padding:40px 0}.countdown-num{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-size:13px}.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:12px;color:var(--ink-dim)}.plinth-streak{font-size:12px;color:var(--gold)}.standings-streak{color:var(--gold);margin-right:10px}.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:22px auto 1fr auto;gap:8px;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-rank{font-size:12px;color:var(--ink-faint);text-align:right}.sb-row.me .sb-rank{color:var(--gold)}.sb-who{display:grid;gap:1px;min-width:0}.sb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-stats{display:flex;gap:8px;font-size:12px;color:var(--ink-dim)}.sb-correct{color:var(--green-hi)}.sb-streak.hot{color:var(--gold)}.sb-best{margin-left:5px;color:var(--ink-faint)}.sb-row .pts{font-size:12px;color:var(--gold);position:relative}.sb-row .delta{position:absolute;right:calc(100% + 8px);top:50%;font-size:12px;color:var(--green-hi);white-space:nowrap;pointer-events:none;text-shadow:0 0 6px rgba(122,212,98,.5);animation:sb-delta-float 1.4s ease-out forwards}@keyframes sb-delta-float{0%{opacity:0;transform:translateY(-20%) scale(.85)}18%{opacity:1;transform:translateY(-50%) scale(1.06)}38%{opacity:1;transform:translateY(-58%) scale(1)}to{opacity:0;transform:translateY(-210%) scale(1)}}@media(prefers-reduced-motion:reduce){.sb-row .delta{animation:sb-delta-hold 1.4s steps(1) forwards}@keyframes sb-delta-hold{0%,80%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}}.avatar-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.avatar-choice{display:grid;place-items:center;padding:5px 2px;min-height:52px;background:var(--panel-2);border:var(--px) solid var(--panel-3);cursor:pointer}.avatar-choice:hover{background:var(--panel-3)}.avatar-choice.on{border-color:var(--gold);background:var(--panel-3);box-shadow:inset 0 0 0 var(--px) var(--gold)}.chat-toggle{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;display:grid;place-items:center;font-size:15px}.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:12px}.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:12px;line-height:1.7;word-break:break-word}.chat-msg .who{color:var(--gold)}.chat-msg.system{color:var(--ink-faint);font-size:12px}.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:12px;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:12px}}@media(max-width:620px){:root{--frame: 3px}body{font-size:12px}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}.round-bar{gap:10px;margin-bottom:12px}.round-label{font-size:15px}.pips{gap:5px}.pip{width:12px;height:12px;border-width:2px}.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-row{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:13px;opacity:.92}}.mute-btn{position:absolute;top:14px;left:14px;z-index:5;min-height:36px;padding:6px 12px;font-size:12px}.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:14px;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:12px;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:12px;color:var(--ink-faint);text-transform:none;letter-spacing:0}.bonus-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;text-align:center;padding:20px;background:radial-gradient(60% 60% at 50% 45%,rgba(255,215,110,.3) 0%,transparent 70%),linear-gradient(140deg,#ff2e6b,#ff8a2b 28%,#ffd54d,#4fd67a 72%,#4276b8);animation:bonus-in .28s steps(3),bonus-flash 1.1s steps(2) infinite .3s}@keyframes bonus-in{0%{opacity:0;transform:scale(1.12)}}@keyframes bonus-flash{50%{filter:brightness(1.14) saturate(1.15)}}.bonus-rays{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0deg 7deg,transparent 7deg 14deg);animation:bonus-spin 9s linear infinite;pointer-events:none}@keyframes bonus-spin{to{transform:rotate(360deg)}}.bonus-splash-inner{position:relative;display:grid;gap:10px;justify-items:center}.bonus-kicker{margin:0;font-size:clamp(12px,2.4vw,16px);letter-spacing:3px;color:#2a1206;text-shadow:0 2px 0 rgba(255,255,255,.45)}.bonus-title{margin:0;line-height:1.06;font-size:clamp(38px,12vw,128px);color:#fff;text-shadow:var(--px) var(--px) 0 #2a1206,calc(var(--px) * -1) var(--px) 0 #2a1206,var(--px) calc(var(--px) * -1) 0 #2a1206,calc(var(--px) * -1) calc(var(--px) * -1) 0 #2a1206,0 calc(var(--px) * 3) 0 #a3122f,0 calc(var(--px) * 5) 0 rgba(0,0,0,.45)}.bonus-title span{display:inline-block;animation:bonus-slam .34s steps(4) both}@keyframes bonus-slam{0%{opacity:0;transform:translateY(-70px) scale(2.2) rotate(-8deg)}70%{opacity:1;transform:translateY(0) scale(.9)}to{opacity:1;transform:none}}.bonus-sub{margin:6px 0 0;font-size:clamp(13px,2.2vw,20px);color:#1a0d04;text-shadow:0 2px 0 rgba(255,255,255,.4)}.bonus-sub strong{color:#7a0f22}.bonus-stakes{margin:2px 0 0;padding:6px 14px;font-size:clamp(12px,2.2vw,17px);color:var(--gold);background:#140a04d1;border:var(--px) solid #2a1206;animation:bonus-throb .7s steps(2) infinite}@keyframes bonus-throb{50%{color:#fff}}.bonus-count{margin:8px 0 0;font-size:clamp(28px,7vw,56px);color:#fff;text-shadow:var(--px) var(--px) 0 #2a1206;animation:tick .9s steps(4) infinite}@media(prefers-reduced-motion:reduce){.bonus-splash{animation:none}.bonus-rays{display:none}}.round-label.bonus-label{color:var(--gold);text-shadow:0 0 10px rgba(255,207,77,.55)}.bonus-stage{display:flex;justify-content:center;align-items:flex-end;gap:0;margin:0 auto 12px;max-width:460px}.bonus-stage figure{margin:0;flex:1 1 0;min-width:0;display:grid;gap:6px}.bonus-stage figcaption{text-align:center;color:var(--ink-dim);font-size:12px;letter-spacing:1px}.bonus-target img,.bonus-mine-chip{display:block;width:100%;aspect-ratio:1 / .52;max-height:14vh;min-height:62px;image-rendering:pixelated;border:var(--px) solid var(--panel-3)}.bonus-target img{border-right-width:0;border-color:var(--gold)}.bonus-mine-chip{border-left-width:0;display:grid;place-items:center;background-image:linear-gradient(45deg,var(--panel-2) 25%,transparent 25% 75%,var(--panel-2) 75%),linear-gradient(45deg,var(--panel-2) 25%,transparent 25% 75%,var(--panel-2) 75%);background-size:16px 16px;background-position:0 0,8px 8px}.bonus-mine-empty{font-size:12px;color:var(--ink-dim);background:#080914cc;padding:4px 8px}.picker{max-width:460px;margin:0 auto;display:grid;justify-items:center}.picker.disabled{opacity:.6;pointer-events:none}.picker-wheel{position:relative;width:min(320px,78vw,32vh);height:min(320px,78vw,32vh);border-radius:50%;cursor:crosshair;touch-action:none;box-shadow:0 var(--px) 0 #00000080,0 0 0 var(--px) var(--panel-3)}.picker-wheel:focus-visible{outline:var(--px) solid var(--gold);outline-offset:calc(var(--px) * 2)}.picker-wheel-hue,.picker-wheel-sat{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.picker-wheel-hue{background:conic-gradient(from 0deg,#d90000,#d96c00,#d9d900,#6cd900,#00d900,#00d96c,#00d9d9,#006cd9,#0000d9,#6c00d9,#d900d9,#d9006c,#d90000 360deg)}.picker-wheel-sat{background:radial-gradient(circle closest-side,#fff,#ffffffd9 12%,#fff0 70%)}.picker-handle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #000000b3,inset 0 0 0 2px #0000008c;pointer-events:none}.bonus-results{max-width:560px;margin:0 auto}.bonus-row{display:grid;align-items:center;gap:10px;grid-template-columns:22px auto minmax(0,1fr) auto auto auto auto;padding:7px 8px;border-bottom:2px solid var(--panel-3)}.bonus-row .pts{font-size:12px;color:var(--green-hi);white-space:nowrap}.bonus-row.best{background:linear-gradient(90deg,rgba(255,207,77,.16),transparent);border-bottom-color:var(--gold)}.bonus-rank{font-size:12px;color:var(--ink-dim)}.bonus-row.best .bonus-rank{color:var(--gold)}.bonus-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bonus-pair{display:flex}.bonus-chip{display:block;width:30px;height:30px;border:2px solid var(--panel-3)}.bonus-chip+.bonus-chip{border-left-width:0}.bonus-chip.none{background:repeating-linear-gradient(45deg,var(--panel-2) 0 4px,var(--panel) 4px 8px)}.bonus-hex{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.bonus-acc{font-size:12px;color:var(--gold);min-width:44px;text-align:right}@media(max-width:560px){.bonus-row{grid-template-columns:20px auto minmax(0,1fr) auto auto auto;gap:8px}.bonus-hex{display:none}}