:root{--ink:#0b0e26;--navy:#141a3a;--glass:#101432c7;--glass-strong:#0c0f28eb;--line:#ffffff1a;--text:#f7f3ff;--muted:#aab1d8;--gold:#ffc94d;--gold-deep:#e8902a;--cream:#fff4dc;--red:#ff4b55;--green:#4ade80;--radius:1rem;--display:"Lilita One", "Outfit", system-ui, sans-serif;font-size:clamp(.7rem,.38rem + 1vmin,1.32rem)}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Outfit,system-ui,sans-serif;overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}#labels,#hud,#ui{pointer-events:none;position:fixed;inset:0}#ui>*,#hud .hud-overlay>*,#hud .hud-chat.on{pointer-events:auto}h1,h2,h3{font-family:var(--display);letter-spacing:.02em;margin:0 0 .6em;font-weight:400}h2{font-size:1.9rem}h3{font-size:1.25rem}p{line-height:1.45}.muted{color:var(--muted)}.small{font-size:.85rem}kbd{text-align:center;background:#ffffff1f;border:.08rem solid #ffffff40;border-bottom-width:.18rem;border-radius:.35em;min-width:1.6em;padding:.12em .45em;font-family:Outfit,sans-serif;font-size:.85em;font-weight:700;display:inline-block}.screen{padding:max(2vh, env(safe-area-inset-top)) max(3vw, env(safe-area-inset-right)) max(2vh, env(safe-area-inset-bottom)) max(3vw, env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute;inset:0}.screen.center{justify-content:center;align-items:center}.panel{background:var(--glass);border:.08rem solid var(--line);border-radius:calc(var(--radius) * 1.2);-webkit-backdrop-filter:blur(1rem)saturate(1.2);padding:1.4rem 1.6rem;position:relative;box-shadow:0 1.6rem 3.2rem #00000073,inset 0 .08rem #ffffff14}.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.8;border-radius:1rem;height:.18rem;position:absolute;top:-.08rem;left:1.2rem;right:1.2rem}.panel.narrow{text-align:center;flex-direction:column;gap:.8rem;width:min(32rem,92vw);display:flex}.btn{font-family:var(--display);letter-spacing:.03em;color:var(--text);cursor:pointer;background:linear-gradient(#ffffff29,#ffffff0f);border:.08rem solid #ffffff2e;border-radius:.8rem;padding:.7rem 1.2rem;font-size:1.15rem;transition:transform .12s,filter .12s,background .12s;box-shadow:0 .3rem #00000059}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-.08rem)}.btn:active:not(:disabled){transform:translateY(.12rem);box-shadow:0 .1rem #00000059}.btn:disabled{opacity:.5;cursor:default}.btn.gold{color:#3a2200;background:linear-gradient(180deg, #ffe08a, var(--gold) 45%, var(--gold-deep));border-color:#fff0b8;box-shadow:0 .3rem #9a5a12,0 .6rem 1.6rem #ffb43c59}.btn.ghost{box-shadow:none;background:0 0;border-color:#ffffff24}.btn.big{padding:.85rem 1.6rem;font-size:1.45rem}.mini{color:var(--text);cursor:pointer;background:#ffffff1a;border:.06rem solid #fff3;border-radius:.5rem;margin-left:.5rem;padding:.25rem .6rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.mini:hover{background:#fff3}.field{text-align:left;flex-direction:column;gap:.35rem;display:flex}.field>span{color:var(--muted);font-size:.9rem;font-weight:700}input[type=text],input:not([type]),select{color:var(--text);-webkit-user-select:text;user-select:text;background:#0000004d;border:.08rem solid #ffffff2e;border-radius:.6rem;outline:none;padding:.55rem .8rem;font:600 1.1rem Outfit,sans-serif}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 .18rem #ffc94d40}select{cursor:pointer;padding:.3rem .5rem;font-size:.9rem}select option{background:var(--navy)}input[type=range]{width:100%;accent-color:var(--gold)}.check{cursor:pointer;align-items:center;gap:.6rem;font-weight:600;display:flex}.check input{width:1.2rem;height:1.2rem;accent-color:var(--gold)}.seg{background:#0000004d;border-radius:.7rem;flex-wrap:wrap;gap:.2rem;padding:.2rem;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.4rem .75rem;font:700 .9rem Outfit,sans-serif}.seg button.on{color:#3a2200;background:linear-gradient(180deg, #ffe08a, var(--gold))}.seg button:disabled:not(.on){opacity:.6;cursor:default}.tag{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#ffffff14;border-radius:.4rem;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.tag.you{color:#3a2200;background:var(--gold)}.spinner{border:.3rem solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:3rem;height:3rem;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.title-screen{background:linear-gradient(90deg,#080a1eb8,#080a1e59 38%,#0000 62%);justify-content:center;align-items:flex-start}.title-col{flex-direction:column;align-items:stretch;gap:1.4rem;width:min(30rem,92vw);margin-left:3vw;display:flex}.logo{text-align:center;filter:drop-shadow(0 .6rem 1.2rem #00000080)}.logo-crown{width:5.5rem;height:5.5rem;color:var(--gold);filter:drop-shadow(0 0 1.2rem #ffc85099);margin:0 auto -.6rem;animation:3s ease-in-out infinite bob}.logo h1{flex-direction:column;margin:0;font-size:clamp(3.6rem,11vmin,8.5rem);line-height:.88;display:flex}.logo h1 span{background:linear-gradient(180deg, #fff6d0 10%, var(--gold) 45%, #e07a20 92%);color:#0000;-webkit-text-stroke:.04em #5a2a00;paint-order:stroke fill;-webkit-background-clip:text;background-clip:text}.logo h1 span+span{background:linear-gradient(#fff 10%,#a8d4ff 50%,#4a7ad8 95%);-webkit-text-stroke-color:#0c1a4a;-webkit-background-clip:text;background-clip:text;font-size:.82em}.logo .tag{display:inline-block}.logo p.tag{color:var(--cream);text-transform:none;letter-spacing:.02em;background:#0a0c288c;border-radius:2rem;margin-top:.8rem;padding:.4rem 1rem;font-size:1.05rem}@keyframes bob{50%{transform:translateY(-.4rem)rotate(-3deg)}}.title-panel{flex-direction:column;gap:.7rem;width:100%;display:flex}.row2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.foot{color:var(--muted);text-shadow:0 .1rem .3rem #000;margin:.4rem 0 0;font-size:.8rem}.join-panel{flex-direction:column;gap:.8rem;width:min(34rem,94vw);display:flex}.join-row{gap:.6rem;display:flex}.code-in{letter-spacing:.4em;text-align:center;text-transform:uppercase;flex:1;font-family:var(--display)!important;font-size:2rem!important}.rooms{flex-direction:column;gap:.4rem;max-height:40vh;display:flex;overflow:auto}.room{text-align:left;color:var(--text);border:.06rem solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:.7rem;grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:.6rem .9rem;font:600 .95rem Outfit,sans-serif;display:grid}.room:hover{background:#ffffff1f}.room .code{font-family:var(--display);color:var(--gold);letter-spacing:.15em}.lobby-screen{background:linear-gradient(90deg,#080a1e8c,#080a1e26 50%,#080a1e8c);gap:1rem}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.lobby-head h2{text-shadow:0 .2rem .6rem #00000080;margin:0;font-size:2.3rem}.code-box{background:var(--glass);border:.08rem solid #ffc94d66;border-radius:1rem;align-items:center;gap:.8rem;padding:.5rem .9rem;display:flex}.code-box span{color:var(--muted);font-size:.85rem;font-weight:700}.code-box b{font-family:var(--display);letter-spacing:.25em;color:var(--gold);font-size:2rem}.lobby-grid{flex:1;grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1.15fr);align-items:start;gap:1rem;min-height:0;display:grid}.lobby-grid>.panel{scrollbar-width:thin;max-height:100%;overflow:auto}.slots{flex-direction:column;gap:.45rem;display:flex}.slot{border-left:.3rem solid var(--pc);background:#ffffff0d;border-radius:.7rem;align-items:center;gap:.7rem;padding:.5rem .7rem;display:flex}.slot.open,.slot.closed{opacity:.6;border-left-color:#ffffff26}.chip,.pchip{background:var(--pc);width:1rem;height:1rem;box-shadow:0 0 0 .12rem #ffffff80, 0 0 .6rem var(--pc);border-radius:50%;flex:none}.pchip{vertical-align:middle;width:.8rem;height:.8rem;margin-right:.4rem;display:inline-block}.pname,.pname-in{flex:1;min-width:0;font-size:1.05rem;font-weight:700}.pname-in{padding:.25rem .5rem!important;font-size:1rem!important}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.setting>span{font-weight:700}.setting.col{flex-direction:column;align-items:stretch}.gtoggles{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.4rem;display:grid}.gtoggle{color:var(--muted);cursor:pointer;text-align:left;opacity:.55;background:#ffffff0a;border:.08rem solid #ffffff14;border-radius:.6rem;align-items:center;gap:.5rem;padding:.35rem .5rem;font:700 .85rem Outfit,sans-serif;display:flex}.gtoggle.on{color:var(--text);opacity:1;border-color:color-mix(in srgb, var(--gh) 60%, transparent);background:color-mix(in srgb, var(--gh) 18%, transparent)}.gtoggle:disabled{cursor:default}.gi{width:1.6rem;height:1.6rem;color:var(--gh);flex:none}.gi svg,.cicon svg{width:100%;height:100%}.lobby-foot{grid-template-columns:1fr auto;align-items:end;gap:1rem;display:grid}.lobby-btns{align-items:center;gap:.8rem;display:flex}.chat-box{flex-direction:column;gap:.4rem;max-width:36rem;display:flex}.chat-log{text-shadow:0 .1rem .25rem #000;flex-direction:column;gap:.15rem;font-size:.9rem;display:flex}.howto{flex-direction:column;gap:.6rem;width:min(56rem,96vw);max-height:92vh;display:flex;overflow:auto}.howto-list{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:.7rem;display:grid}.howto-game{border-left:.3rem solid var(--gh);background:#ffffff0d;border-radius:.8rem;gap:.8rem;padding:.8rem;display:flex}.howto-game .gi{width:2.6rem;height:2.6rem}.howto-game p{margin:.3rem 0 0;font-size:.9rem}.howto-game .ctl{color:var(--muted)}.kind,.ckind{text-transform:uppercase;letter-spacing:.1em;color:var(--gh);font-size:.7rem;font-weight:800}.options{text-align:left}.options h2{text-align:center}.pause-layer,.options-layer{z-index:5;background:#0506148c}#labels .tag,#labels .xtag{pointer-events:none;white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}#labels .nm{color:#fff;background:color-mix(in srgb, var(--pc) 70%, #000 30%);border:.08rem solid color-mix(in srgb, var(--pc) 80%, #fff 20%);text-shadow:0 .06rem .15rem #0009;border-radius:1rem;padding:.08rem .5rem;font-size:.85rem;font-weight:800;box-shadow:0 .2rem .5rem #00000059}#labels .tag.me .nm{font-size:.95rem}#labels .you{font-family:var(--display);color:var(--gold);text-shadow:0 .1rem .3rem #000;letter-spacing:.1em;font-size:.75rem;animation:1.2s ease-in-out infinite bob}#labels .xtag{font-family:var(--display);text-shadow:0 .12rem #000,0 0 .6rem #0009;font-size:1.3rem}#hud>div{position:absolute}.hud-top{top:max(1.2vh, env(safe-area-inset-top));align-items:center;gap:1rem;display:flex;left:50%;transform:translate(-50%)}.hud-top .round{color:var(--cream);background:var(--glass);border:.06rem solid var(--line);white-space:nowrap;border-radius:2rem;padding:.35rem 1rem;font-size:.95rem;font-weight:700}.hud-top .round b{font-family:var(--display);color:var(--gold);margin-left:.4rem;font-weight:400}.hud-top .sudden{color:var(--red);font-family:var(--display);letter-spacing:.05em}.timer{font-family:var(--display);text-align:center;color:#fff;background:var(--glass);border:.08rem solid var(--line);text-shadow:0 .12rem #000;border-radius:1rem;min-width:3.4rem;padding:0 .6rem;font-size:2.4rem}.timer.low{color:#ff8a8a;animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.hud-strip{top:calc(max(1.2vh, env(safe-area-inset-top)) + 4rem);pointer-events:none;flex-direction:column;align-items:center;display:flex;left:50%;transform:translate(-50%)}.hud-strip .btnz,.hud-strip button{pointer-events:auto}.strip{background:var(--glass);border:.08rem solid var(--line);border-radius:1rem;align-items:center;gap:.9rem;padding:.5rem 1rem;font-weight:700;display:flex;box-shadow:0 .6rem 1.4rem #00000059}.meter{background:#ffffff1f;border-radius:1rem;width:12rem;height:.7rem;overflow:hidden}.meter i{background:linear-gradient(90deg,#5ac8ff,#ffd04a,#ff5a3a);border-radius:1rem;height:100%;transition:width .15s;display:block}.strip.danger{border-color:var(--red);color:#ffd0d0;animation:.25s infinite shakeX}@keyframes shakeX{25%{transform:translate(-.12rem)}75%{transform:translate(.12rem)}}.hud-board{right:max(1vw, env(safe-area-inset-right));top:max(1.2vh, env(safe-area-inset-top));background:var(--glass);border:.06rem solid var(--line);border-radius:.9rem;flex-direction:column;gap:.15rem;min-width:13rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.hud-board:empty{display:none}.hud-board.tab{z-index:3;top:50%;right:50%;transform:translate(50%,-50%)scale(1.3)}.bhead,.brow{grid-template-columns:1rem 1fr auto auto;align-items:center;gap:.5rem;display:grid}.bhead{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.65rem;font-weight:800}.bhead span:nth-child(n+3),.brow .bv,.brow .bp{text-align:right;min-width:1.8rem}.brow{border-radius:.4rem;padding:.18rem .2rem;font-weight:700}.brow .pchip{margin:0}.brow.me{background:#ffc94d29}.brow.out{opacity:.45}.brow.out .bn{text-decoration:line-through}.brow .bv{font-family:var(--display);color:#fff;font-size:1rem;font-weight:400}.brow .bp{color:var(--gold)}.bn{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.hud-center{pointer-events:none;justify-content:center;align-items:center;display:flex;inset:0}.count-wrap{position:absolute}.count{font-family:var(--display);color:#fff;-webkit-text-stroke:.06em #1a1440;paint-order:stroke fill;text-shadow:0 .5rem 1.5rem #00000080;font-size:9rem;animation:1s ease-out countIn}.count.go{color:var(--gold);animation:.9s ease-out forwards goIn}@keyframes countIn{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.85)}}@keyframes goIn{0%{transform:scale(.3)}30%{transform:scale(1.25)}to{opacity:0;transform:scale(1.5)}}.callout{font-family:var(--display);color:var(--gold);-webkit-text-stroke:.06em #3a1800;paint-order:stroke fill;text-shadow:0 .5rem 1.4rem #00000080;font-size:6.5rem;animation:1.4s ease-out forwards callout;position:absolute}.callout.small{font-size:3rem;top:30%}@keyframes callout{0%{opacity:0;transform:scale(.4)rotate(-6deg)}15%{opacity:1;transform:scale(1.12)rotate(2deg)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.hud-status{bottom:14vh;left:50%;transform:translate(-50%)}.spect{color:var(--cream);background:var(--glass);border:.06rem solid var(--line);border-radius:2rem;padding:.5rem 1.2rem;font-weight:700}.hud-feed{left:max(1vw, env(safe-area-inset-left));flex-direction:column;gap:.2rem;max-width:40vw;font-size:.9rem;display:flex;bottom:6vh}.feed-line{background:#0a0c2499;border-radius:.5rem;padding:.25rem .6rem;transition:opacity 1s}.feed-line.fade{opacity:0}.hud-chat{left:max(1vw, env(safe-area-inset-left));width:min(30rem,80vw);display:none;position:absolute;bottom:1.5vh}.hud-chat.on{display:block}.hud-toast{opacity:0;background:var(--glass-strong);border:.06rem solid var(--line);white-space:nowrap;border-radius:2rem;padding:.45rem 1.1rem;font-weight:700;transition:opacity .25s,transform .25s;top:18vh;left:50%;transform:translate(-50%,-1rem)}.hud-toast.on{opacity:1;transform:translate(-50%)}.hud-overlay{justify-content:center;align-items:center;display:flex;inset:0}.hud-overlay:empty{display:none}.hud-overlay.ph-pick,.hud-overlay.ph-results,.hud-overlay.ph-final{background:radial-gradient(#080a1e33,#080a1e99)}.pick{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:18vh;padding:0 3vw;display:flex}.pick h2{text-shadow:0 .2rem .6rem #0009;justify-content:center;align-items:center;gap:.3rem;font-size:2.2rem;display:flex}.pick h2.yours{color:var(--gold);animation:.7s ease-in-out infinite alternate pulse}.pround{font-family:var(--display);color:var(--cream);background:var(--glass);border-radius:2rem;padding:.3rem 1rem}.cards{flex-wrap:wrap;justify-content:center;gap:1.4rem;display:flex}.card{width:15rem;min-height:19rem;color:var(--text);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--gh) 35%, transparent), transparent 65%), linear-gradient(180deg, #1e2250f2, #0c0e28f2);border:.15rem solid color-mix(in srgb, var(--gh) 70%, #fff 10%);cursor:default;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.1rem 1rem;font-family:Outfit,sans-serif;transition:transform .2s,opacity .3s,box-shadow .2s;animation:.5s ease-out backwards dealIn;display:flex;position:relative;box-shadow:0 1rem 2rem #00000080}.card:nth-child(2){animation-delay:80ms}.card:nth-child(3){animation-delay:.16s}@keyframes dealIn{0%{opacity:0;transform:translateY(4rem)rotate(-8deg)scale(.8)}}.card.can{cursor:pointer}.card.can:hover{box-shadow:0 1.4rem 2.4rem #00000080, 0 0 2rem color-mix(in srgb, var(--gh) 60%, transparent);transform:translateY(-.6rem)scale(1.04)}.card.spin{box-shadow:0 0 2.4rem var(--gh);transform:translateY(-.5rem)scale(1.05)}.card.chosen{box-shadow:0 0 3rem var(--gh), 0 1.4rem 2.4rem #00000080;border-color:#fff;transform:translateY(-.8rem)scale(1.1)}.card.dim{opacity:.3;transform:scale(.92)}.card .cicon{width:6rem;height:6rem;color:var(--gh);filter:drop-shadow(0 0 .8rem color-mix(in srgb, var(--gh) 60%, transparent));margin:.4rem 0}.card b{font-family:var(--display);font-size:1.6rem;font-weight:400}.cblurb{color:var(--muted);font-size:.9rem}.ckey{font-family:var(--display);color:var(--gold);position:absolute;top:.6rem;right:.7rem}.ptimer{font-family:var(--display);color:var(--cream);font-size:2rem}.intro{left:max(2vw, env(safe-area-inset-left));background:var(--glass-strong);border:.1rem solid color-mix(in srgb, var(--gh) 55%, transparent);border-radius:1.2rem;flex-direction:column;gap:.7rem;width:min(27rem,46vw);padding:1.2rem 1.3rem;animation:.45s ease-out slideIn;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1.2rem 2.4rem #00000080}@keyframes slideIn{0%{opacity:0;transform:translate(-3rem,-50%)}}.ihead{align-items:center;gap:.8rem;display:flex}.ihead .cicon{width:3.6rem;height:3.6rem;color:var(--gh);flex:none}.ihead h2{margin:0;font-size:2.2rem}.igoal{margin:0;font-size:1rem}.ictl{flex-direction:column;gap:.35rem;display:flex}.ictl div{align-items:center;gap:.6rem;font-weight:600;display:flex}.ipractice{color:var(--gold);margin:0;font-weight:700}.ready{flex-wrap:wrap;gap:.3rem;display:flex}.rchip{border:.08rem solid var(--pc);opacity:.55;border-radius:1rem;padding:.18rem .55rem;font-size:.75rem;font-weight:700}.rchip.ok{opacity:1;background:color-mix(in srgb, var(--pc) 45%, transparent)}.rchip.ok:after{content:" ✓"}.ibar{background:#ffffff1a;border-radius:1rem;height:.35rem;overflow:hidden}.ibar i{background:var(--gh);height:100%;transition:width .25s linear;display:block}.results,.final{background:var(--glass-strong);scrollbar-width:none;text-align:center;border:.1rem solid #ffc94d59;border-radius:1.4rem;width:min(48rem,94vw);max-height:92vh;padding:1.4rem 1.8rem;animation:.45s ease-out dealIn;overflow:hidden auto;box-shadow:0 1.4rem 3rem #0000008c}.results h2{color:var(--gold);font-size:2.2rem}.rgrid{text-align:left;grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.rlist,.slist{flex-direction:column;gap:.3rem;display:flex}.rrow{background:#ffffff0d;border-radius:.6rem;grid-template-columns:2rem 1rem 1fr auto;align-items:center;gap:.5rem;padding:.35rem .5rem;font-weight:700;animation:.4s ease-out backwards dealIn;display:grid}.rrow:nth-child(2){animation-delay:60ms}.rrow:nth-child(3){animation-delay:.12s}.rrow:nth-child(4){animation-delay:.18s}.rrow:nth-child(5){animation-delay:.24s}.rrow:nth-child(6){animation-delay:.3s}.rrow:nth-child(7){animation-delay:.36s}.rrow:nth-child(8){animation-delay:.42s}.rrow.me,.srow.me{background:#ffc94d29}.medal{width:1.8rem;height:1.8rem;font-family:var(--display);color:#2a1a00;background:var(--mc);border-radius:50%;place-items:center;font-weight:400;display:grid;box-shadow:inset 0 -.15rem #00000040}.medal[style*=transparent]{color:var(--muted);box-shadow:none}.rg{font-family:var(--display);color:var(--gold);font-size:1.15rem;font-weight:400}.srow{border-radius:.4rem;grid-template-columns:1rem 7rem 1fr 2rem;align-items:center;gap:.5rem;padding:.15rem .3rem;font-size:.9rem;font-weight:700;display:grid}.srow .pchip{margin:0}.sn{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sbar{background:#ffffff14;border-radius:1rem;height:.65rem;overflow:hidden}.sbar i{background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 70%, #000), var(--pc));border-radius:1rem;height:100%;animation:.9s ease-out grow;display:block}@keyframes grow{0%{width:0}}.srow b{text-align:right;color:var(--gold)}.hud-overlay.ph-final{align-items:flex-end;padding-bottom:2.5vh}.final{width:min(46rem,94vw);padding:1rem 1.4rem}.final .rlist{text-align:left;grid-template-columns:1fr 1fr;gap:.3rem .8rem;display:grid}.final .crown{width:4.5rem;height:4.5rem;color:var(--gold);filter:drop-shadow(0 0 1rem #ffc850b3);margin:-3.6rem auto .2rem;animation:2s ease-in-out infinite bob}.final h1{color:var(--gold);margin-bottom:.5em;font-size:2.1rem}.fbtns{justify-content:center;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.touchpad{pointer-events:none;display:none;position:fixed;inset:0}.touchpad.on{display:block}.tstick{left:max(4vw, env(safe-area-inset-left));bottom:max(6vh, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#ffffff14;border:.15rem solid #fff3;border-radius:50%;width:30vmin;height:30vmin;position:absolute}.touchpad.nostick .tstick{display:none}.tknob{background:#ffffff59;border-radius:50%;width:40%;height:40%;position:absolute;top:30%;left:30%;box-shadow:0 .3rem .8rem #0006}.tbtns,.textra{right:max(4vw, env(safe-area-inset-right));bottom:max(6vh, env(safe-area-inset-bottom));align-items:flex-end;gap:3vmin;display:flex;position:absolute}.touchpad.nostick .tbtns{display:none}.textra{bottom:calc(max(6vh, env(safe-area-inset-bottom)) + 20vmin)}.touchpad.nostick .textra{bottom:max(6vh, env(safe-area-inset-bottom));justify-content:center;left:4vw}.tbtns button,.textra button{pointer-events:auto;touch-action:none;width:16vmin;height:16vmin;font-family:var(--display);color:#fff;background:#ffc94d59;border:.15rem solid #fff6;border-radius:50%;font-size:1.3rem}.textra button{background:#5a8cff66;border-radius:1rem;width:auto;min-width:16vmin;padding:0 1rem}.tbtns button+button{background:#ffffff2e;width:12vmin;height:12vmin}.fps{color:#9f9;text-shadow:0 .06rem .2rem #000;pointer-events:none;font:700 .75rem Outfit,monospace;position:fixed;top:.5rem;left:.5rem}.fade{opacity:0;pointer-events:none;z-index:10;background:#070818;transition:opacity .18s;position:fixed;inset:0}.fade.on{opacity:1}@media (max-width:56rem){.title-screen{background:radial-gradient(at 50% 120%,#080a1ebf,#0000 60%);align-items:center}.title-col{margin-left:0}.lobby-grid{grid-template-columns:1fr;overflow:auto}.rgrid{grid-template-columns:1fr}.intro{width:min(26rem,92vw);animation:none;top:auto;bottom:2vh;left:50%;transform:translate(-50%)}.card{width:42vw;min-height:0}.hud-board{min-width:0;font-size:.75rem}}.gtoggles{grid-auto-rows:min-content;align-content:start}.strip b.big{font-family:var(--display);color:var(--gold);font-size:1.9rem;font-weight:400;line-height:1}.strip b{font-family:var(--display);font-size:1.3rem;font-weight:400}.strip .muted{font-size:.85rem;font-weight:600}.strip .warn{color:#ff9a8a;font-family:var(--display);font-weight:400;animation:.35s ease-in-out infinite alternate pulse}.meter.t{width:9rem}.meter.t i{background:linear-gradient(90deg,#ff5a3a,#ffd04a);transition:none}.meter.hunger i{background:linear-gradient(90deg,#ff5050,#ffd04a 40%,#5ad06a)}.btnz{font-family:var(--display);color:#3a2200;background:linear-gradient(180deg, #ffe08a, var(--gold) 45%, var(--gold-deep));cursor:pointer;border:.08rem solid #fff0b8;border-radius:.7rem;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:1.15rem;display:inline-flex;box-shadow:0 .25rem #9a5a12}.btnz:active{transform:translateY(.12rem);box-shadow:0 .1rem #9a5a12}.btnz kbd{color:#3a2200;background:#fff6;border-color:#5a32004d;font-size:.75rem}.btnz.k2{background:linear-gradient(#ffb48a,#ff7a3a 45%,#c84a1a);border-color:#ffd0b8;box-shadow:0 .25rem #8a2a0a}.strip.boom .bnum{text-align:center;color:#fff4d8;-webkit-text-stroke:.04em #3a1a06;paint-order:stroke fill;min-width:3rem;font-size:2.6rem}.strip.boom.mine{border-color:var(--gold);box-shadow:0 0 2rem #ffc85066,0 .6rem 1.4rem #00000059}.strip.herald{font-size:1.15rem}.strip.herald .hmsg{font-family:var(--display);letter-spacing:.02em;font-size:1.7rem;font-weight:400}.strip.herald.says{border-color:#ffd25099}.strip.herald.fake .hmsg{color:#d8e0ff}.strip.runes .ask{color:#d8b8ff;font-size:1.7rem}.strip.keg b.big{text-align:center;min-width:3.5rem;font-size:2.4rem}.btnz.go{animation:.45s ease-in-out infinite alternate pulse}.strip.row .track{background:linear-gradient(90deg,#ffffff1a,#ffffff2e);border-right:.25rem solid #fff;border-radius:1rem;width:16rem;height:.9rem;position:relative}.strip.row .track i{border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .1rem #0006}.strip.row .track i.me{z-index:2;width:1.05rem;height:1.05rem;box-shadow:0 0 0 .15rem #fff}#labels .hbar{background:#0000008c;border:.06rem solid #fff6;border-radius:1rem;width:3.2rem;height:.4rem;overflow:hidden}#labels .hbar i{height:100%;display:block}.drum-hw{pointer-events:none;width:min(24rem,56vw);height:58vh;transition:opacity .4s;position:absolute;bottom:2vh;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 25%);mask-image:linear-gradient(#0000,#000 25%)}