@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-ext-400-normal-2T9bWrxp.woff2)format("woff2"),url(/assets/silkscreen-latin-ext-400-normal-Drdn_BEM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2"),url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/silkscreen-latin-ext-700-normal-D7YUjVT_.woff2)format("woff2"),url(/assets/silkscreen-latin-ext-700-normal-CjQdSuci.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/silkscreen-latin-700-normal-CSE2nhgM.woff2)format("woff2"),url(/assets/silkscreen-latin-700-normal-BjMPLkh0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2)format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--k:#0b0820;--bg:#0b0820;--bg2:#110c2b;--panel:#161036;--panel2:#1d1748;--line:#2e2470;--line2:#4b3fa0;--ink:#f4f0ff;--muted:#8f86b8;--dim:#5a5190;--cyan:#31e8ff;--pink:#ff3d9a;--yellow:#ffd23f;--orange:#ff8a1f;--red:#ff2e4d;--green:#4dff8a;--violet:#b066ff;--heat-0:#31e8ff;--heat-1:#4dff8a;--heat-2:#ffd23f;--heat-3:#ff8a1f;--heat-4:#ff2e4d;--px:3px;--display:"Silkscreen", "Courier New", monospace;--body:"VT323", "Courier New", monospace;--gutter:clamp(10px, calc(2.4vw / var(--vz,1)), 22px);--screen-pad:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}html{scrollbar-gutter:stable}*{scrollbar-width:thin;scrollbar-color:var(--line2) transparent}html{scrollbar-color:var(--line2) var(--bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line2);box-shadow:inset 0 0 0 1px var(--k)}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}::-webkit-scrollbar-corner{background:0 0}body,button,.btn,.logo,canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable],.room-code,.code-chip,.tv-code,.tv-link code,.tv-url,.chat-msg,.chat-log,.p-text,.b-ans,.chip,.used-strip,.pf-prompt,.pf-find b,.tk-run{-webkit-user-select:text;user-select:text}body{background:radial-gradient(1200px 600px at 50% -10%, #23175a 0%, transparent 60%), radial-gradient(800px 500px at 100% 100%, #2a0f3f 0%, transparent 60%), var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:none;background-attachment:fixed;margin:0;font-size:20px;line-height:1.15;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{image-rendering:pixelated;max-width:100%}[hidden]{display:none!important}::selection{background:var(--pink);color:var(--k)}.crt-lines{pointer-events:none;z-index:100;background:repeating-linear-gradient(#0000 0 2px,#00000024 2px 3px);position:fixed;inset:0}.panel,.btn,.input,.toast,.chip,.seat-tag,.bubble,.pack,.cz-item,.award,.stat,.room-row,.me-card,.mystery,.tab,.seg,.stepper,.unlock,.reel{--o:var(--k)}.panel{background:linear-gradient(180deg, var(--panel2), var(--panel));box-shadow:0 calc(-1 * var(--px)) 0 0 var(--o), 0 var(--px) 0 0 var(--o), calc(-1 * var(--px)) 0 0 0 var(--o), var(--px) 0 0 0 var(--o), inset 0 0 0 2px var(--line), 0 calc(var(--px) * 3) 0 0 #00000059;margin:var(--px);padding:14px}.panel-title{font-family:var(--display);letter-spacing:1px;color:var(--muted);align-items:center;gap:8px;margin:0 0 10px;font-size:16px;display:flex}.label{font-family:var(--display);color:var(--muted);letter-spacing:1px;font-size:11px}.note{color:var(--muted);padding:6px 0;font-size:18px}.hint{font-family:var(--body);color:var(--dim);letter-spacing:0;font-size:15px;display:block}.btn{--c:var(--cyan);--c2:color-mix(in srgb, var(--c) 72%, #000);--hi:color-mix(in srgb, var(--c) 55%, #fff);color:var(--k);font-family:var(--display);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(180deg, var(--hi) 0 3px, var(--c) 3px 55%, var(--c2) 55%);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--o), 0 var(--px) 0 0 var(--o), calc(-1 * var(--px)) 0 0 0 var(--o), var(--px) 0 0 0 var(--o), inset 0 -4px 0 0 #00000047, 0 calc(var(--px) + 4px) 0 0 var(--o);margin:var(--px) var(--px) calc(var(--px) + 4px);white-space:nowrap;border:0;padding:12px 18px 15px;font-size:15px;font-weight:700;transition:transform 60ms,filter .1s;position:relative}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 calc(-1 * var(--px)) 0 0 var(--o), 0 var(--px) 0 0 var(--o), calc(-1 * var(--px)) 0 0 0 var(--o), var(--px) 0 0 0 var(--o), inset 0 3px 0 0 #00000040;transform:translateY(4px)}.btn:disabled{filter:grayscale(.8)brightness(.6)}.btn:focus-visible{outline:3px dashed var(--yellow);outline-offset:6px}:where(button,a[href],[role=button],[role=tab],[role=switch],[tabindex="0"]):not(.btn):focus-visible{outline:2px dashed var(--yellow);outline-offset:3px}.btn-pink{--c:var(--pink)}.btn-cyan{--c:var(--cyan)}.btn-yellow{--c:var(--yellow)}.btn-ghost{--c:#2a2160;--hi:#3a2f80;--c2:#1d1748;color:var(--ink)}.btn-big{padding:16px 24px 20px;font-size:20px}.btn-sm{padding:8px 12px 11px;font-size:12px}.icon-btn{font-family:var(--display);border:2px solid var(--line2);color:var(--cyan);letter-spacing:1px;white-space:nowrap;background:0 0;padding:5px 8px;font-size:11px}.icon-btn.off{color:var(--dim);border-color:var(--line);text-decoration:line-through}.icon-btn:hover{background:var(--panel2)}.input{color:var(--ink);min-width:0;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--o), 0 var(--px) 0 0 var(--o), calc(-1 * var(--px)) 0 0 0 var(--o), var(--px) 0 0 0 var(--o), inset 0 0 0 2px var(--line), inset 0 4px 0 0 #00000080;margin:var(--px);background:#08061a;border:0;outline:none;padding:10px 12px;font-size:24px}.input:focus{box-shadow:0 calc(-1 * var(--px)) 0 0 var(--o), 0 var(--px) 0 0 var(--o), calc(-1 * var(--px)) 0 0 0 var(--o), var(--px) 0 0 0 var(--o), inset 0 0 0 2px var(--cyan), inset 0 4px 0 0 #00000080, 0 0 16px -4px var(--cyan)}.input::placeholder{color:var(--dim)}.area{resize:vertical;width:100%;font-size:20px}.field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.toggle{width:52px;height:26px;box-shadow:inset 0 0 0 2px var(--line2);background:#08061a;border:0;flex:none;position:relative}.toggle .knob{background:var(--dim);width:18px;height:18px;transition:left .12s,background .12s;position:absolute;top:4px;left:4px}.toggle.on{box-shadow:inset 0 0 0 2px var(--green)}.toggle.on .knob{background:var(--green);box-shadow:0 0 10px var(--green);left:30px}.toggle:disabled{opacity:.5}.inline-toggle{font-family:var(--display);color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.stepper{box-shadow:inset 0 0 0 2px var(--line);background:#08061a;align-items:stretch;display:inline-flex}.step-b{background:var(--line);width:34px;font-family:var(--display);color:var(--ink);border:0;font-size:18px}.step-b:hover:not(:disabled){background:var(--line2)}.step-val{text-align:center;min-width:58px;color:var(--yellow);padding:4px 6px;font-size:22px}.stepper.disabled{opacity:.6}.seg{box-shadow:inset 0 0 0 2px var(--line);background:#08061a;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg-b{font-family:var(--display);color:var(--muted);letter-spacing:1px;background:0 0;border:0;padding:6px 8px;font-size:11px}.seg-b.on{background:var(--cyan);color:var(--k)}.seg.disabled{opacity:.6}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tab{font-family:var(--display);letter-spacing:1px;color:var(--muted);box-shadow:inset 0 -3px 0 var(--line);background:#0d0a24;border:0;padding:8px 12px;font-size:12px;position:relative}.tab.on{color:var(--k);background:var(--yellow);box-shadow:inset 0 -3px 0 var(--orange)}.tab[data-badge]:not([data-badge=""]):after{content:attr(data-badge);background:var(--pink);color:var(--k);padding:1px 5px;font-size:10px;position:absolute;top:-8px;right:-6px}.tab-count{opacity:.7;margin-left:6px;font-size:10px}#app{min-height:calc(100dvh / var(--vz,1));margin:calc(var(--screen-pad) * 1dvh / var(--vz,1)) calc(var(--screen-pad) * 1dvw / var(--vz,1));padding:env(safe-area-inset-top,0px) max(var(--gutter), env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) max(var(--gutter), env(safe-area-inset-left,0px));flex-direction:column;display:flex}#topbar{top:env(safe-area-inset-top,0px);z-index:20;background:linear-gradient(180deg, var(--bg) 70%, transparent);align-items:center;gap:14px;padding:10px 0;display:flex;position:sticky}.top-logo{background:0 0;border:0;padding:0;display:flex}.top-logo,.top-logo .logo{flex:none}.room-pill{font-family:var(--display);letter-spacing:1px;white-space:nowrap;color:var(--k);background:var(--yellow);box-shadow:0 -2px 0 var(--k), 0 2px 0 var(--k), -2px 0 0 var(--k), 2px 0 0 var(--k), 0 0 14px -2px var(--yellow);border:0;padding:7px 10px;font-size:11px;animation:1.6s ease-in-out infinite pillpulse}.room-pill:hover{background:#fff0a8}@keyframes pillpulse{50%{box-shadow:0 -2px 0 var(--k), 0 2px 0 var(--k), -2px 0 0 var(--k), 2px 0 0 var(--k), 0 0 22px 2px var(--yellow)}}@media (width<=560px){.room-pill{padding:6px 7px;font-size:9px}}.top-logo .logo{height:26px}body[data-screen=home] .top-logo{visibility:hidden}.top-xp{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.top-xp .xp-bar{min-width:32px}.net-sig{cursor:help;align-items:flex-end;gap:2px;height:14px;padding:0 2px;display:inline-flex}.net-sig i{background:var(--line2);width:3px}.net-sig i:first-child{height:5px}.net-sig i:nth-child(2){height:9px}.net-sig i:nth-child(3){height:13px}.net-sig[data-q=good] i{background:var(--green)}.net-sig[data-q=ok] i:nth-child(-n+2){background:var(--yellow)}.net-sig[data-q=poor] i:first-child{background:var(--orange)}.net-sig[data-q=down] i{background:var(--red);animation:1s step-end infinite blink}.lvl-badge{font-family:var(--display);background:var(--yellow);color:var(--k);box-shadow:0 -2px 0 var(--k), 0 2px 0 var(--k), -2px 0 0 var(--k), 2px 0 0 var(--k);padding:4px 7px;font-size:12px;font-weight:700}.lvl-badge.big{padding:6px 10px;font-size:18px}.lvl-badge.bump{animation:.5s bump}.xp-bar{width:clamp(70px, calc(14vw / var(--vz,1)), 180px);height:12px;box-shadow:inset 0 0 0 2px var(--line);background:#08061a;position:relative;overflow:hidden}.xp-bar.big{flex:1;width:auto;height:18px}.xp-fill{background:repeating-linear-gradient(90deg, var(--pink) 0 6px, #ff6fb5 6px 8px);width:0;max-width:calc(100% - 4px);box-shadow:0 0 10px var(--pink);transition:width .25s;position:absolute;inset:2px auto 2px 2px}.xp-num{color:var(--muted);min-width:64px;font-size:16px}.top-btns{gap:6px;display:flex;position:relative}.top-opts{gap:6px;display:flex}.opts-btn{display:none}#topbar.opts-open .opts-btn{color:var(--k);background:var(--cyan);border-color:var(--cyan)}#view{flex-direction:column;flex:1;display:flex}.logo{height:calc(18px * var(--s,3));width:auto;display:block}.top-logo .logo{width:auto;height:50px}.stage-box{--u:3px;aspect-ratio:1;width:100%;margin:0 auto;position:relative}.stage-canvas{width:100%;height:100%;image-rendering:pixelated;box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), 0 0 0 5px var(--line), 0 0 40px -6px #ff3d9a59;display:block;position:absolute;inset:0}.seat-layer,.bubble-host{pointer-events:none;position:absolute;inset:0}.bubble-leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bubble-leaders line{stroke:#f4f0ff8c;stroke-width:2px;stroke-dasharray:3 3;stroke-linecap:square}.bubble-leaders line.dim{opacity:.45}.seat-tag{--ty:calc(var(--u) * 17 * var(--az,1));transform:translate(-50%, var(--ty));pointer-events:auto;box-shadow:0 -2px 0 var(--o), 0 2px 0 var(--o), -2px 0 0 var(--o), 2px 0 0 var(--o);white-space:nowrap;max-width:calc(var(--u) * 44);background:#0b0820db;flex-direction:column;align-items:center;padding:1px 6px 2px;display:flex;position:absolute}.seat-tag.you{--o:var(--cyan)}.seat-tag.up{--ty:calc(-100% - var(--u) * 36 * var(--az,1))}.seat-tag.dc{opacity:.5}.tag-name{font-size:clamp(14px, calc(var(--u) * 5.4), 26px);text-overflow:ellipsis;max-width:100%;line-height:1;overflow:hidden}.tag-sub{font-size:clamp(11px, calc(var(--u) * 3.8), 17px);color:var(--muted);line-height:1}.stage-box.tight .tag-sub{display:none}.host-mark{font-family:var(--display);background:var(--yellow);color:var(--k);vertical-align:2px;margin-right:4px;padding:0 3px;font-size:9px}.tag-kick{background:var(--red);color:var(--k);font-family:var(--display);border:0;width:16px;height:16px;padding:0;font-size:10px;line-height:16px;position:absolute;top:-10px;right:-10px}.seat-sit{pointer-events:auto;border:2px dashed var(--line2);color:var(--cyan);font-family:var(--display);font-size:clamp(9px, calc(var(--u) * 3.4), 14px);letter-spacing:1px;background:#0b0820b3;padding:3px 7px;position:absolute;transform:translate(-50%,-110%)}.seat-sit:hover{background:var(--cyan);color:var(--k);border-style:solid}.bubble{--bx:-50%;--by:calc(-100% - var(--u) * 28 * var(--az,1));transform:translate(var(--bx), var(--by));background:var(--ink);color:var(--k);font-size:clamp(16px, calc(var(--u) * 6.4), 32px);box-shadow:0 -2px 0 var(--o), 0 2px 0 var(--o), -2px 0 0 var(--o), 2px 0 0 var(--o);white-space:nowrap;max-width:calc(var(--u) * 90);z-index:2;flex-direction:column;align-items:center;padding:2px 8px 3px;line-height:1;display:none;position:absolute}.bubble:after{content:"";border:4px solid #0000;border-top-color:var(--k);margin-left:-4px;position:absolute;bottom:-8px;left:50%}.bubble[data-side]{--bx:0px;--by:0px}.bubble[data-side=above]{transform-origin:var(--tail,50%) 100%}.bubble[data-side=above]:after{left:var(--tail,50%)}.bubble[data-side=below]{transform-origin:var(--tail,50%) 0}.bubble[data-side=below]:after{top:-8px;bottom:auto;left:var(--tail,50%);border-top-color:#0000;border-bottom-color:var(--k)}.bubble[data-side=left]{transform-origin:100% var(--tail,50%)}.bubble[data-side=left]:after{bottom:auto;left:auto;right:-8px;top:var(--tail,50%);border-top-color:#0000;border-left-color:var(--k);margin:-4px 0 0}.bubble[data-side=right]{transform-origin:0 var(--tail,50%)}.bubble[data-side=right]:after{bottom:auto;left:-8px;top:var(--tail,50%);border-top-color:#0000;border-right-color:var(--k);margin:-4px 0 0}.bubble.typing,.bubble.answer,.bubble.miss,.bubble.zapped{display:flex}.bubble.pop{animation:.22s steps(4,end) pop}.bubble.typing{color:var(--ink);--o:var(--cyan);background:#0d0a24;flex-direction:row;align-items:baseline}.bubble.typing .b-type{max-width:calc(var(--u) * 80);justify-content:flex-end;display:flex;overflow:hidden}.bubble.typing .b-type>span{flex:none}.caret{color:var(--cyan);animation:.6s step-end infinite blink}.bubble.answer{--o:var(--k)}.bubble.answer .b-ans{font-weight:700}.b-tier{font-family:var(--display);font-size:clamp(8px, calc(var(--u) * 2.8), 13px);letter-spacing:1px;margin-top:2px}.b-fix{font-size:clamp(11px, calc(var(--u) * 3.6), 16px);opacity:.7}.bubble.t0{background:#d8d4f4}.bubble.t1{background:var(--green)}.bubble.t2{background:#36b7ff}.bubble.t3{background:var(--violet)}.bubble.t4{background:var(--yellow);box-shadow:0 -2px 0 var(--k), 0 2px 0 var(--k), -2px 0 0 var(--k), 2px 0 0 var(--k), 0 0 18px var(--yellow)}.bubble.t5{box-shadow:0 -2px 0 var(--k), 0 2px 0 var(--k), -2px 0 0 var(--k), 2px 0 0 var(--k), 0 0 24px #ff3d6e;background:linear-gradient(90deg,#ff3d6e,#ffd23f,#31e8ff,#b066ff) 0 0/300% 100%;animation:.22s steps(4,end) pop,1s linear infinite rainbow}.bubble.miss{background:var(--red);animation:.3s shake}.bubble.miss .b-ans{text-decoration:line-through}.bubble.settled{font-size:clamp(12px, calc(var(--u) * 4.6), 22px);opacity:.9;z-index:1;padding:1px 6px 2px;animation:none}.bubble.typing{z-index:4}.bubble.settled.crowded{opacity:.45}.bubble-host.crowd .bubble{font-size:clamp(11px, calc(var(--u) * 5), 16px);padding:1px 5px 2px}.bubble-host.crowd :is(.b-tier,.b-fix){display:none}.bubble.settled.t4,.bubble.settled.t5{box-shadow:0 -2px 0 var(--k), 0 2px 0 var(--k), -2px 0 0 var(--k), 2px 0 0 var(--k)}.bubble.zapped{background:var(--yellow);font-family:var(--display);font-size:clamp(10px, calc(var(--u) * 3.6), 16px);animation:.4s shake}body[data-screen=home] #topbar{background:linear-gradient(#05030fbf,#0000)}.home{flex-direction:column;flex:1;display:flex;position:relative;overflow-x:clip}.home-bg{z-index:0;position:fixed;inset:0}@supports (height:100lvh){.home-bg{height:calc(100lvh / var(--vz,1));bottom:auto}}.home-bg .stage-box{aspect-ratio:auto;width:100%;height:100%}.home-bg .stage-canvas{box-shadow:none}.home-street{display:none}.home-grid{z-index:1;flex:1;grid-template-columns:minmax(300px,400px) minmax(0,1fr) minmax(300px,380px);align-items:start;gap:18px;width:100%;max-width:1700px;margin:0 auto;padding:4px 0 64px;display:grid;position:relative}.home-left{flex-direction:column;gap:14px;display:flex}.hero{position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ff3d9a33,#b066ff17 55%,#0000);width:128%;max-width:520px;height:190px;animation:3s ease-in-out infinite backlight;position:absolute;top:-30px;left:-14%}@keyframes backlight{50%{opacity:.65}}.hero .logo{filter:drop-shadow(0 0 18px #ff3d9a8c);will-change:transform;width:min(100%,396px);height:auto;display:block}.hero.enter .logo{animation:.9s step-end both glitchin,3s ease-in-out 1s infinite float}.tagline{color:#e6e2ff;paint-order:stroke fill;-webkit-text-stroke:4px var(--k);text-shadow:2px 2px 0 var(--k), 0 0 10px #050312f2, 0 0 20px #050312cc;margin:8px 0 0;font-size:24px}.tagline .hl{color:var(--yellow);white-space:nowrap}.play-card,.rooms-panel,.board-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#1d1748db,#120d2ed6)}.play-card{flex-direction:column;gap:10px;display:flex}.qp-btn{width:calc(100% - 6px)}.qp{flex-direction:column;align-items:center;gap:2px;display:flex}.qp small{font-family:var(--body);letter-spacing:0;text-transform:none;opacity:.75;font-size:16px;font-weight:400}.qp-btn{overflow:hidden}.qp-btn:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff73 45%,#0000 60%);width:300%;animation:3.2s linear infinite sheen-x3;position:absolute;inset:0 auto 0 0}.me-row{align-items:flex-end;gap:12px;display:flex}.me-card{box-shadow:inset 0 0 0 2px var(--line);text-align:left;background:#0d0a24;border:0;align-items:center;gap:10px;padding:6px 10px 6px 4px;display:flex}.me-card:hover{box-shadow:inset 0 0 0 2px var(--cyan)}.me-look{width:64px}.me-meta{flex-direction:column;display:flex}.me-lvl{font-family:var(--display);color:var(--yellow);font-size:13px}.me-title{color:var(--muted);font-size:17px}.me-edit{font-family:var(--display);color:var(--cyan);font-size:10px}.name-in{text-transform:none;width:100%;font-size:28px}.host-row,.join-row{align-items:center;gap:6px;display:flex}.host-row .btn{flex:1}.vis-toggle{font-family:var(--display);border:2px solid var(--line2);color:var(--muted);letter-spacing:1px;background:#0d0a24;margin-bottom:4px;padding:12px 10px;font-size:12px}.vis-toggle.pub{color:var(--green);border-color:var(--green)}.code-in{text-align:center;letter-spacing:8px;text-transform:uppercase;flex:1;width:130px;font-size:30px}.join-row .btn{flex:none}.home-links{grid-template-columns:1fr 1fr;gap:6px;display:grid}.home-links .btn:last-child:nth-child(odd){grid-column:1/-1}.home-links .soon{opacity:.6}.home-links .soon .soon-tag{color:#000;background:#ffe27a}.home-links .soon:has(.soon-tag){opacity:.75}@media (width<=340px){.home-links .btn{letter-spacing:1px;padding-inline:6px;font-size:11px}.host-row .btn{min-width:0}.vis-toggle{letter-spacing:0;padding-inline:7px}}.soon-tag{background:var(--yellow);color:var(--k);vertical-align:1px;margin-left:6px;padding:1px 4px 2px;font-size:8px}.home-side{flex-direction:column;gap:14px;display:flex}.online{font-family:var(--body);color:var(--green);letter-spacing:0;margin-left:auto;font-size:17px}.room-list{max-height:min(calc(56vh / var(--vz,1)), 620px);flex-direction:column;gap:8px;padding:2px 4px 2px 2px;display:flex;overflow-y:auto}.room-tools{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.room-search{width:calc(100% - 6px);padding:7px 10px;font-size:19px}.room-chips{flex-wrap:wrap;gap:4px;display:flex}.room-chip{cursor:pointer;font-family:var(--display);letter-spacing:1px;color:var(--muted);box-shadow:inset 0 0 0 2px var(--line);background:#08061ab3;border:0;padding:6px 8px;font-size:9px}.room-chip:hover{color:var(--ink)}.room-chip.on{color:var(--k);background:var(--cyan);box-shadow:none}.room-meta{color:var(--dim);min-height:17px;font-size:15px}.rc-host{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:16px;display:flex}.rc-by{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rc-code{font-family:var(--display);letter-spacing:2px;color:var(--dim);font-size:9px}.rc-where{flex-shrink:0;align-items:center;gap:6px;display:flex}.rc-region{font-family:var(--display);letter-spacing:1px;color:var(--dim);white-space:nowrap;padding:2px 4px;font-size:8px;box-shadow:inset 0 0 0 1px}.rc-region.q-good{color:var(--green,#5dffa0)}.rc-region.q-ok{color:var(--yellow)}.rc-region.q-poor{color:var(--pink,#ff5d8f)}.rc-friends{font-family:var(--display);letter-spacing:1px;color:var(--k);background:var(--yellow);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;max-width:100%;padding:3px 6px;font-size:9px;overflow:hidden}.room-card.has-friends{box-shadow:inset 0 0 0 2px var(--yellow), 0 0 16px -8px var(--yellow)}.room-count .full{color:var(--orange);font-weight:400}.more-rooms{align-self:center}.room-card{text-align:left;box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24e6;border:0;flex-direction:column;gap:4px;padding:8px 10px;transition:transform 80ms,box-shadow 80ms;display:flex}.room-card:hover{box-shadow:inset 0 0 0 2px var(--cyan), 0 0 18px -6px var(--cyan);transform:translate(-3px)}.rc-top,.rc-bot{align-items:center;gap:8px;display:flex}.room-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:21px;overflow:hidden}.rc-looks{display:flex}.rc-look{width:22px;margin-top:-10px;margin-right:-4px}.room-count{color:var(--muted);white-space:nowrap;font-size:18px}.room-packs{gap:3px;display:flex}.mini-pack img{width:20px;display:block}.region{font-family:var(--display);color:var(--cyan);letter-spacing:1px;font-size:9px}.ping{align-items:flex-end;gap:1px;height:10px;display:inline-flex}.ping i{background:var(--line2);width:3px}.ping i:first-child{height:3px}.ping i:nth-child(2){height:5px}.ping i:nth-child(3){height:7px}.ping i:nth-child(4){height:10px}.ping.p4 i.on,.ping.p3 i.on{background:var(--green)}.ping.p2 i.on{background:var(--yellow)}.ping.p1 i.on{background:var(--red)}.ms{color:var(--dim);font-size:15px}.room-status{font-family:var(--display);padding:2px 6px;font-size:10px}.room-status.st-live{background:var(--red);color:var(--k)}.room-status.st-open{background:var(--green);color:var(--k)}.live-dot{background:var(--red);flex:none;width:8px;height:8px;animation:1s step-end infinite blink}.board{flex-direction:column;gap:4px;display:flex}.board-row{grid-template-columns:22px 26px 1fr auto;align-items:center;gap:8px;font-size:19px;display:grid}.board-row.first .b-name{color:var(--yellow)}.b-rank{font-family:var(--display);color:var(--muted);text-align:center;font-size:12px}.board-row.first .b-rank{background:var(--yellow);color:var(--k)}.b-look{width:26px;margin-top:-10px}.b-xp{color:var(--pink);font-size:16px}.ticker{z-index:3;height:calc(34px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 0 var(--k), 0 -5px 0 var(--line);padding-bottom:env(safe-area-inset-bottom,0px);background:#05030fe0;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tk-label{font-family:var(--display);background:var(--red);color:var(--k);flex:none;margin:0 8px;padding:4px 8px;font-size:11px;animation:1.2s step-end infinite blink}.tk-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.tk-run{white-space:nowrap;gap:40px;animation:60s linear infinite marquee;display:inline-flex}.ticker{cursor:pointer}@media (hover:hover){.ticker:hover .tk-run{animation-play-state:paused}}.ticker.paused .tk-run{animation-play-state:paused}.ticker.paused .tk-label{animation:none}.ticker.paused .tk-label:after{content:"";vertical-align:-1px;background:currentColor;width:3px;height:9px;margin:0 6px 0 7px;display:inline-block;box-shadow:5px 0}.ticker:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.tk{color:var(--muted);font-size:19px}.tk b{color:var(--c);font-family:var(--display);font-size:12px}@media (width<=560px){.tk-label{margin:0 5px;padding:4px 6px}.tk-track{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5% 97.5%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5% 97.5%,#0000)}}.tk.win{color:var(--yellow)}.lobby{flex:1;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:12px;width:100%;min-height:0;display:grid}@media (width>=1500px){.lobby{grid-template-columns:minmax(0,1fr) 400px 300px}}@media (width>=861px){body[data-screen=lobby] #app{height:calc(100dvh / var(--vz,1));padding-bottom:max(10px, env(safe-area-inset-bottom,0px))}body[data-screen=lobby] #view{min-height:0}}.lobby-main{min-width:0;min-height:0;position:relative}.lobby-stage{position:absolute;inset:0}.lobby-stage .stage-box{aspect-ratio:auto;width:100%;height:100%}.lobby-top{z-index:4;width:min(900px,100% - 24px);margin:0 auto;position:absolute;top:8px;left:0;right:0}.lobby-bottom{z-index:4;width:min(560px,100% - 24px);margin:0 auto;position:absolute;bottom:8px;left:0;right:0}.lobby-head,.lobby-actions{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#1d1748e0,#120d2ed6)}.lobby-head{flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.code-block{flex-direction:column;gap:4px;display:flex}.room-code{background:0 0;border:0;gap:4px;padding:0;display:flex}.room-code span{font-family:var(--display);text-align:center;width:40px;color:var(--yellow);box-shadow:inset 0 0 0 2px var(--line2);text-shadow:0 0 10px var(--yellow);background:#08061a;padding:2px 0;font-size:30px;font-weight:700;animation:.5s steps(4,end) both codeflip}.room-code span:nth-child(2){animation-delay:80ms}.room-code span:nth-child(3){animation-delay:.16s}.room-code span:nth-child(4){animation-delay:.24s}@keyframes codeflip{0%{color:#fff;transform:rotateX(90deg)}to{transform:none}}.room-code:hover span{box-shadow:inset 0 0 0 2px var(--yellow)}.head-mid{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.room-title{text-align:left;color:inherit;cursor:default;background:0 0;border:0;padding:0;font-size:26px}.room-title.editable{cursor:pointer}.room-title.editable:after{content:" ✎";color:var(--dim);font-size:16px}.room-title.editable:hover:after{color:var(--cyan)}.vis-badge{font-family:var(--display);color:var(--muted);letter-spacing:1px;font-size:10px}.vis-badge.pub{color:var(--green)}.head-btns{flex-wrap:wrap;gap:4px;display:flex}.lobby-actions{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;display:flex}.start-btn{min-width:60%}.start-btn:not(:disabled){animation:1.4s ease-in-out infinite bootpulse}@keyframes bootpulse{50%{filter:brightness(1.25) drop-shadow(0 0 14px var(--pink))}}.lobby-status{color:var(--muted);font-size:20px}.act-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.lobby-side{flex-direction:column;min-width:0;min-height:0;margin:3px;display:flex}.tab-body{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.set-row{border-bottom:2px dotted var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.set-label{font-family:var(--display);letter-spacing:1px;color:var(--ink);flex:180px;min-width:0;font-size:12px}.set-row>.toggle{flex:none}.mystery{text-align:left;width:100%;box-shadow:inset 0 0 0 2px var(--line2);background:repeating-linear-gradient(45deg,#1d1450 0 10px,#241a5e 10px 20px);border:0;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.mystery.on{box-shadow:inset 0 0 0 3px var(--pink), 0 0 20px -4px var(--pink);animation:1.2s linear infinite stripes}.mystery img{width:44px}.mystery-text{flex-direction:column;flex:1;display:flex}.mystery-text b{font-family:var(--display);color:var(--pink);font-size:16px}.mystery-text span{color:var(--muted);font-size:17px}.mystery-check{font-family:var(--display);background:var(--line);padding:3px 6px;font-size:12px}.mystery.on .mystery-check{background:var(--pink);color:var(--k)}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px;display:grid}.pack{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24;padding:6px;transition:box-shadow .1s}.pack.on{box-shadow:inset 0 0 0 2px var(--c), 0 0 14px -6px var(--c);background:color-mix(in srgb, var(--c) 8%, #0d0a24)}.pack.masked{filter:blur()saturate(.3);opacity:.55}.pack-head{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:2px;display:flex}.pack-head img{width:30px}.pack-name{font-family:var(--display);flex:1;font-size:13px}.pack.on .pack-name{color:var(--c)}.pack-count{color:var(--muted);font-size:16px}.subs{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.sub{color:var(--muted);background:#1a1440;border:0;padding:2px 7px;font-size:16px}.sub.on{background:var(--c);color:var(--k)}.custom-btn{margin-top:12px}.custom{width:min(520px, calc(86vw / var(--vz,1)));flex-direction:column;gap:12px;display:flex}.lobby-chat{min-width:0;min-height:0}.lobby-chat .chat{height:100%}.chat{flex-direction:column;gap:8px;height:100%;min-height:300px;display:flex}.wins{background:#0d0a24;padding:8px;box-shadow:inset 0 0 0 2px #3a2a10}.wins-title{font-family:var(--display);color:var(--yellow);letter-spacing:1px;margin-bottom:4px;font-size:11px}.win-row{grid-template-columns:46px 22px 1fr auto auto;align-items:center;gap:6px;font-size:18px;display:grid}.win-row.latest .win-name{color:var(--yellow)}.win-crown{font-family:var(--display);color:var(--muted);font-size:9px}.win-row.latest .win-crown{color:var(--k);background:var(--yellow);padding:1px 3px}.win-look{width:22px;margin-top:-8px}.win-score{color:var(--pink)}.win-ago{color:var(--dim);font-size:15px}.win-empty{color:var(--dim);font-size:17px}.chat-list{flex-direction:column;flex:1;gap:3px;min-height:100px;display:flex;overflow-y:auto}.msg{word-break:break-word;font-size:19px;animation:.2s steps(3,end) slidein}.msg.system{color:var(--c,var(--muted));font-size:17px}.msg.join{color:var(--green);font-size:17px}.msg.win{color:var(--k);background:var(--yellow);padding:2px 6px;font-size:18px}.msg.legend{color:var(--c);box-shadow:inset 3px 0 0 var(--c);padding-left:8px}.msg.level{color:var(--pink)}.game{flex:1;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-height:0;display:grid;position:relative}body[data-screen=game] #app{height:calc(100dvh / var(--vz,1));padding-bottom:max(10px, env(safe-area-inset-bottom,0px))}body[data-screen=game] #view{min-height:0}.game-main{min-width:0;min-height:0;position:relative}.prompt{--c:var(--pink);box-shadow:0 -3px 0 0 var(--k), 0 3px 0 0 var(--k), -3px 0 0 0 var(--k), 3px 0 0 0 var(--k), inset 0 0 0 2px var(--c), 0 0 26px -10px var(--c);padding:10px 14px}.prompt.slam{animation:.4s cubic-bezier(.2,1.6,.4,1) slam}.p-top{align-items:center;gap:8px;min-height:26px;display:flex}.p-icon img{width:26px;display:block}.p-cat{font-family:var(--display);color:var(--c);letter-spacing:1px;font-size:11px}.p-spacer{flex:1}.p-left,.p-laps{font-family:var(--display);color:var(--muted);font-size:11px}.p-left{color:var(--yellow)}.p-text{font-size:clamp(24px, calc(3.4vw / var(--vz,1)), 40px);text-shadow:3px 3px 0 var(--k);margin-top:4px;line-height:1.05}.used-strip{scrollbar-width:none;gap:6px;min-height:0;padding:6px 3px 2px;display:flex;overflow-x:auto}.used-strip::-webkit-scrollbar{display:none}.used-strip:empty:after{content:" ";visibility:hidden;flex:none;padding:1px 8px;font-size:18px}.chip{--c:var(--muted);color:var(--c);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 60%, transparent);background:#0d0a24;flex:none;padding:1px 8px;font-size:18px;animation:.2s steps(3,end) pop}.game-stage{position:absolute;inset:0}.game-stage .stage-box{aspect-ratio:auto;width:100%;height:100%}.game-top{z-index:4;pointer-events:none;width:min(920px,100% - 24px);position:absolute;top:8px;left:50%;transform:translate(-50%)}.rejoin{z-index:25;left:50%;top:calc(var(--topbar-h,56px) + env(safe-area-inset-top,0px) + 6px);width:min(520px,100% - 24px);box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 2px var(--pink), 0 10px 26px #00000080;background:linear-gradient(#1d1748f7,#120d2ef7);align-items:center;gap:10px;padding:8px 8px 8px 12px;animation:.3s steps(4,end) both dropin;display:flex;position:fixed;transform:translate(-50%)}.rejoin[hidden]{display:none}.rejoin-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rejoin-text b{font-family:var(--display);letter-spacing:1px;color:var(--pink);font-size:11px;font-weight:400}.rejoin-text span{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.rejoin-go{flex:none}.rejoin-x{width:36px;height:36px;color:var(--muted);font-family:var(--display);cursor:pointer;box-shadow:inset 0 0 0 2px var(--line2);background:#0d0a24;border:0;flex:none;font-size:12px}.rejoin-x:hover{color:var(--ink);box-shadow:inset 0 0 0 2px var(--pink)}.net-pill{font-family:var(--display);letter-spacing:1px;color:var(--k);background:var(--yellow);white-space:nowrap;pointer-events:none;box-shadow:0 -2px 0 var(--k), 0 2px 0 var(--k), -2px 0 0 var(--k), 2px 0 0 var(--k), 0 0 14px -2px var(--yellow);align-items:center;gap:7px;padding:5px 10px 6px;font-size:10px;display:inline-flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.net-pill[hidden]{display:none}.net-pill i{background:var(--red);width:6px;height:6px;animation:.8s step-end infinite blink}.game-top>*{pointer-events:auto}.game-top .prompt{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#1d1748e0,#161036d1)}.game-bottom{z-index:5;flex-direction:column;gap:4px;width:min(760px,100% - 24px);margin:0 auto;display:flex;position:absolute;bottom:8px;left:0;right:0}.game-bottom .panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#1d1748e6,#161036db)}.feedback{text-shadow:2px 2px 0 var(--k)}.input-bar{align-items:center;gap:8px;padding:8px;transition:box-shadow .15s;display:flex;position:relative;container-type:inline-size}.turn-fuse{transform-origin:0;pointer-events:none;height:3px;display:none;position:absolute;top:2px;left:2px;right:2px;transform:scaleX(0);box-shadow:0 0 8px}.input-bar.keys-up .send-btn{display:none}@container (width<=460px){.input-bar .timer-num{display:none}.input-bar .turn-fuse{display:block}.input-bar .kb-switch{padding-inline:6px}.input-bar .send-btn{min-width:0;padding-inline:8px}body[data-kb=open] .input-bar .send-btn{display:none}}.input-bar.mine{box-shadow:0 -3px 0 0 var(--k), 0 3px 0 0 var(--k), -3px 0 0 0 var(--k), 3px 0 0 0 var(--k), inset 0 0 0 2px var(--yellow), 0 0 30px -6px var(--yellow);animation:1s ease-in-out infinite alternate glow}.input-bar.shake{animation:.3s shake}.input-bar.queued .answer-in{box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 2px var(--violet), 0 0 16px -4px var(--violet);color:var(--violet)}.input-bar.queued .send-btn{--c:var(--violet)}.feedback.queued{color:var(--violet)}.timer-num{font-family:var(--display);text-align:center;text-shadow:0 0 12px;flex:none;width:54px;font-size:30px;font-weight:700}.answer-in{flex:1;font-size:30px}.answer-in:disabled{opacity:.55}.send-btn{flex:none;min-width:8.3em}.spec-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spec-eye{font-family:var(--display);background:var(--violet);color:var(--k);padding:3px 7px;font-size:12px;animation:1.4s step-end infinite blink}.spec-text{color:var(--muted);flex:1}.feedback{min-height:26px;font-family:var(--display);letter-spacing:1px;text-align:center;font-size:13px}.feedback.good{color:var(--green)}.feedback.info{color:var(--cyan)}.feedback.checking{color:var(--muted)}.feedback.bad{color:var(--red);animation:.3s shake}.dots{gap:3px;padding:4px 2px;display:inline-flex}.dots i{background:var(--cyan);width:5px;height:5px;animation:1s steps(2,end) infinite dot}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{50%{opacity:.4;transform:translateY(-3px)}}.hurt-vignette{pointer-events:none;z-index:40;opacity:0;box-shadow:inset 0 0 120px 40px var(--red);position:fixed;inset:0}.hurt-vignette.on{animation:.7s ease-out hurt}.overlay{z-index:50;pointer-events:none;padding:var(--gutter);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay:empty{display:none}.overlay:has(.results){background:#05030fb8}.overlay>*{pointer-events:auto}.reveal{text-align:center}.reveal-title{font-family:var(--display);font-weight:700;font-size:clamp(20px, calc(4vw / var(--vz,1)), 38px);color:var(--yellow);text-shadow:4px 4px 0 var(--k), 0 0 20px var(--orange);margin-bottom:18px;animation:.5s cubic-bezier(.2,1.6,.4,1) slam}.reels{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reel{width:clamp(120px, calc(20vw / var(--vz,1)), 170px);height:clamp(140px, calc(22vw / var(--vz,1)), 190px);box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 3px var(--line2), inset 0 20px 20px -10px #000, inset 0 -20px 20px -10px #000;background:#08061a;overflow:hidden}.reel-win{justify-content:center;align-items:center;height:100%;display:flex}.reel-face{font-family:var(--display);color:var(--c);flex-direction:column;align-items:center;gap:8px;font-size:14px;display:flex}.reel-face img{width:60px}.reel.landed{box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 3px var(--yellow), 0 0 30px -4px var(--yellow);animation:.5s cubic-bezier(.2,1.8,.4,1) both land}.results{width:min(900px,100%);max-height:calc(calc(100dvh / var(--vz,1)) - 40px);box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 3px var(--yellow);background:#0b0820eb;flex-direction:column;align-items:center;gap:14px;padding:20px;animation:.5s cubic-bezier(.2,1.6,.4,1) slam;display:flex;overflow:hidden auto}.res-title{font-family:var(--display);font-weight:700;font-size:clamp(26px, calc(5vw / var(--vz,1)), 48px);color:var(--yellow);text-shadow:4px 4px 0 var(--k), 0 0 26px var(--orange);text-align:center}.podium{align-items:flex-end;gap:10px;display:flex}.pod{width:clamp(90px, calc(18vw / var(--vz,1)), 140px);animation:.45s cubic-bezier(.2,1.4,.4,1) both podin;animation-delay:calc(.25s + (2 - var(--i,0)) * .22s);flex-direction:column;align-items:center;display:flex}@keyframes podin{0%{opacity:0;transform:translateY(40px)}}.pod.you .pod-name{color:var(--cyan)}.pod-name small{color:var(--muted);font-size:14px}.pod-look{position:relative}.pod-crown{background:linear-gradient(var(--yellow), var(--yellow)) 0 6px / 100% 6px no-repeat, linear-gradient(var(--yellow), var(--yellow)) 0 0 / 4px 6px no-repeat, linear-gradient(var(--yellow), var(--yellow)) 9px 0 / 4px 6px no-repeat, linear-gradient(var(--yellow), var(--yellow)) 18px 0 / 4px 6px no-repeat;width:22px;height:12px;filter:drop-shadow(2px 2px 0 var(--k));animation:1.6s ease-in-out infinite float;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pod-look img{margin:0 auto;display:block}.pod-1 .pod-look{animation:1.6s ease-in-out infinite float}.pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:4px 0;font-size:20px;overflow:hidden}.pod-block{width:100%;box-shadow:inset 0 0 0 3px var(--k);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8px;display:flex}.pod-1 .pod-block{background:linear-gradient(var(--yellow), var(--orange));height:110px;box-shadow:inset 0 0 0 3px var(--k), 0 0 24px -6px var(--yellow)}.pod-2 .pod-block{background:linear-gradient(#d8d4f4, var(--muted));height:80px}.pod-3 .pod-block{background:linear-gradient(#ff9a5a,#a8501a);height:60px}.pod-place{font-family:var(--display);color:var(--k);font-size:22px;font-weight:700}.pod-score{color:var(--k);font-size:20px}.awards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.award{text-align:center;min-width:150px;box-shadow:inset 0 0 0 2px var(--line2);background:#0d0a24;padding:8px 12px;animation:.5s cubic-bezier(.2,1.8,.4,1) both land}.award-title{font-family:var(--display);color:var(--yellow);letter-spacing:1px;font-size:11px}.award-who{font-size:22px}.award-val{color:var(--muted);font-size:17px}.a-rarest{box-shadow:inset 0 0 0 2px var(--violet)}.a-fastest{box-shadow:inset 0 0 0 2px var(--cyan)}.a-clutch{box-shadow:inset 0 0 0 2px var(--red)}.a-combo{box-shadow:inset 0 0 0 2px var(--orange)}.a-points{box-shadow:inset 0 0 0 2px var(--green)}.xp-panel{width:100%}.xp-head{align-items:center;gap:10px;display:flex}.xp-total{font-family:var(--display);color:var(--pink);text-align:right;min-width:110px;font-size:18px;font-weight:700}.xp-lines{flex-direction:column;gap:2px;margin-top:10px;display:flex}.xp-line{justify-content:space-between;font-size:20px;animation:.25s steps(3,end) slidein;display:flex}.xp-line b{color:var(--pink)}.unlocks{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.unlock{min-width:100px;box-shadow:inset 0 0 0 3px var(--c), 0 0 24px -6px var(--c);background:#0d0a24;flex-direction:column;align-items:center;padding:10px;animation:.6s cubic-bezier(.2,1.6,.4,1) both flip;display:flex;position:relative}.unlock-new{font-family:var(--display);background:var(--pink);color:var(--k);padding:1px 5px;font-size:10px;animation:.5s step-end infinite blink;position:absolute;top:-10px}.unlock-name{color:var(--c);font-size:20px}.unlock-slot{font-family:var(--display);color:var(--muted);font-size:9px}.res-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.customize{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:16px;width:100%;max-width:1200px;margin:0 auto;display:grid}.cz-left{flex-direction:column;align-items:center;gap:12px;display:flex;position:sticky;top:64px}.cz-preview{flex-direction:column;align-items:center;gap:4px;display:flex}.cz-pad{width:220px;height:260px;box-shadow:inset 0 0 0 2px var(--line);background:radial-gradient(50% 10% at 50% 92%,#31e8ff73,#0000 70%),repeating-linear-gradient(0deg,#120e30 0 8px,#150f36 8px 16px);justify-content:center;align-items:flex-end;padding-bottom:14px;display:flex}.cz-big{width:160px;animation:2.4s ease-in-out infinite float}.cz-name{font-size:30px}.cz-title{font-family:var(--display);color:var(--yellow);letter-spacing:1px;font-size:12px}.cz-robot-view{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:none;position:absolute;inset:0}.cz-robot-view img{width:min(70%,160px);image-rendering:pixelated}.cz-robot-view span{font-family:var(--display);letter-spacing:1px;color:var(--muted);padding:0 8px;font-size:9px}.customize[data-group=table] .cz-robot-view{display:flex}.customize[data-group=table] .cz-pad>:not(.cz-robot-view){visibility:hidden}.customize[data-group=table] .cz-pad:after,.customize[data-group=table] .cz-tests{display:none}.cz-stats{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.stat{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24;flex-direction:column;padding:6px 8px;display:flex}.stat b{font-family:var(--display);color:var(--cyan);font-size:16px}.stat span{color:var(--muted);font-size:16px}.cz-head{justify-content:space-between;align-items:center;display:flex}.cz-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.cz-item{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 45%, var(--line));background:#0d0a24;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:140px;padding:18px 6px 8px;transition:transform 80ms;display:flex;position:relative}.cz-item:hover{box-shadow:inset 0 0 0 2px var(--c), 0 0 18px -6px var(--c);transform:translateY(-2px)}.cz-item.on{box-shadow:inset 0 0 0 3px var(--c), 0 0 22px -4px var(--c);background:color-mix(in srgb, var(--c) 10%, #0d0a24)}.cz-item.locked .item-img{filter:brightness(0) drop-shadow(0 0 0 var(--line2));opacity:.5}.cz-item.locked .cz-iname{color:var(--dim)}.cz-rarity{font-family:var(--display);color:var(--k);background:var(--c);padding:1px 3px;font-size:8px;position:absolute;top:4px;left:4px}.cz-iname{font-size:18px}.cz-lock{font-family:var(--display);color:var(--muted);text-align:center;align-items:center;gap:4px;font-size:9px;line-height:1.3;display:flex}.lock-ico{background:var(--muted);width:8px;height:9px;position:relative;box-shadow:0 -4px 0 -1px #0000}.lock-ico:before{content:"";width:6px;height:6px;box-shadow:inset 0 0 0 2px var(--muted);position:absolute;top:-5px;left:1px}.cz-on{font-family:var(--display);background:var(--green);color:var(--k);padding:1px 3px;font-size:8px;position:absolute;top:4px;right:4px}.item-img{max-height:96px;display:block}.title-prev{font-family:var(--display);color:var(--c);text-align:center;text-shadow:0 0 10px var(--c);padding:18px 2px;font-size:12px}.cz-dev{opacity:.7}.cz-back{display:none}#toasts{top:calc(64px + env(safe-area-inset-top,0px));z-index:80;pointer-events:none;width:max-content;max-width:calc(92vw / var(--vz,1));flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{font-family:var(--display);letter-spacing:1px;background:var(--panel2);color:var(--ink);box-shadow:0 -3px 0 var(--o), 0 3px 0 var(--o), -3px 0 0 var(--o), 3px 0 0 var(--o), 0 6px 0 #0006;text-align:center;padding:8px 14px;font-size:13px;animation:.3s cubic-bezier(.2,1.6,.4,1) drop}.toast.out{opacity:0;transition:all .3s;transform:translateY(-10px)}body:has(.results) #toasts{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column-reverse}body:has(.results) .toast.out{transform:translateY(10px)}.toast-good{background:var(--green);color:var(--k)}.toast-bad{background:var(--red);color:var(--k)}.toast-gold{background:var(--yellow);color:var(--k);box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), 0 0 30px var(--orange)}#modal{z-index:90;padding:max(var(--gutter), env(safe-area-inset-top,0px)) max(var(--gutter), env(safe-area-inset-right,0px)) max(var(--gutter), env(safe-area-inset-bottom,0px)) max(var(--gutter), env(safe-area-inset-left,0px));justify-content:center;align-items:center;display:none;position:fixed;inset:0}#modal.open{display:flex}.modal-back{background:#05030fcc;position:absolute;inset:0}.modal-card{max-height:calc(90dvh / var(--vz,1));scroll-padding:64px 0 80px;animation:.35s cubic-bezier(.2,1.6,.4,1) slam;position:relative;overflow:clip auto}.shake{animation:.3s shake}.plate-neon{--o:var(--cyan);box-shadow:0 -2px 0 var(--o), 0 2px 0 var(--o), -2px 0 0 var(--o), 2px 0 0 var(--o), 0 0 12px var(--cyan)}.plate-neon .tag-name{color:var(--cyan)}.plate-gold{--o:#5a3a08;background:linear-gradient(#fff0a8,#ffc23a 55%,#c48a12)}.plate-gold .tag-name,.plate-gold .tag-sub{color:#2a1a00}.plate-holo{background:linear-gradient(90deg,#ff7ad8,#31e8ff,#b066ff,#ff7ad8) 0 0/300% 100%;animation:3s linear infinite rainbow}.plate-holo .tag-name,.plate-holo .tag-sub{color:var(--k)}.plate-void{--o:var(--violet);box-shadow:0 -2px 0 var(--o), 0 2px 0 var(--o), -2px 0 0 var(--o), 2px 0 0 var(--o), 0 0 16px var(--violet), inset 0 0 8px var(--violet);background:#000}.plate-void .tag-name{color:#d4bcff;text-shadow:0 0 6px var(--violet)}.plate-prev{max-width:100%;margin:12px 0;display:inline-flex;position:static;transform:none}.enter{animation:.55s steps(7,end) both materialize}@keyframes materialize{0%{clip-path:inset(0 0 100%);filter:brightness(3)saturate(0);transform:translateY(-6px)}50%{clip-path:inset(0 0 35%);filter:brightness(1.8)}70%{clip-path:inset(0);filter:brightness(1.4);transform:none}80%{filter:brightness(.6)}to{clip-path:none;filter:none;transform:none}}@keyframes glitchin{0%{opacity:0;filter:drop-shadow(6px 0 #31e8ff)drop-shadow(-6px 0 #ff3d9a);transform:translate(-12px)skew(20deg)}12%{opacity:1;transform:translate(10px,2px)}24%{filter:drop-shadow(-4px 0 #31e8ff)drop-shadow(4px 0 #ff3d9a);transform:translate(-6px,-2px)skew(-12deg)}36%{opacity:.4;transform:translate(3px)}48%{opacity:1;filter:drop-shadow(2px 0 #31e8ff)drop-shadow(-2px 0 #ff3d9a);transform:none}70%{transform:translate(-2px)}to{filter:drop-shadow(0 0 18px #ff3d9a8c);transform:none}}@keyframes sheen{0%{background-position:150% 0}to{background-position:-150% 0}}@keyframes sheen-x3{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes sheen-x2{0%{transform:translate(-75%)}to{transform:translate(75%)}}@keyframes marquee{to{transform:translate(-50%)}}.wipe{width:calc(100vw / var(--vz,1));height:calc(100vh / var(--vz,1));z-index:200;image-rendering:pixelated;pointer-events:none;position:fixed;inset:0}.lobby-head,.lobby-actions,.lobby-side,.lobby-chat .chat,.cz-left,.cz-right,.game-top,.game-bottom{animation:.55s steps(7,end) both materialize}.lobby-actions{animation-delay:.12s}.lobby-side{animation-delay:.2s}.lobby-chat .chat{animation-delay:.28s}.cz-right{animation-delay:.12s}.game-bottom{animation-delay:.15s}.game-top{animation-name:dropin}@keyframes dropin{0%{transform:translate(-50%,-120%)}70%{transform:translate(-50%,6px)}to{transform:translate(-50%)}}.cz-item{animation:.3s steps(4,end) both pop2}@keyframes pop2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.boot{z-index:300;cursor:pointer;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-screen{background:radial-gradient(#120a30,#000 75%);justify-content:center;align-items:center;width:100%;height:100%;animation:.5s cubic-bezier(.2,.8,.3,1) both crton;display:flex}.boot-text{font-family:var(--body);font-size:clamp(18px, calc(2.6vw / var(--vz,1)), 28px);color:var(--green);text-shadow:0 0 8px var(--green);min-width:min(620px, calc(90vw / var(--vz,1)))}.boot-line{animation:.15s steps(2,end) slidein}.boot-line:last-child:after{content:"_";animation:.5s step-end infinite blink}.boot.off{animation:.42s ease-in forwards crtoff}@keyframes crton{0%{filter:brightness(8);transform:scaleY(.004)}40%{filter:brightness(8);transform:scaleY(.004)}70%{filter:brightness(2);transform:scaleY(1.05)}to{filter:none;transform:none}}@keyframes crtoff{0%{opacity:1;filter:brightness()}40%{opacity:1;filter:brightness(4)}to{opacity:0;filter:brightness()}}@keyframes blink{50%{opacity:0}}@keyframes pop{0%{transform:translate(var(--bx), var(--by)) scale(.4)}to{transform:translate(var(--bx), var(--by)) scale(1)}}.chip,.msg{animation-name:fadepop}@keyframes fadepop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{translate:0}20%{translate:-6px}40%{translate:6px}60%{translate:-4px}80%{translate:3px}}@keyframes slam{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes land{0%{opacity:0;transform:translateY(-30px)scale(.8)}to{opacity:1;transform:none}}@keyframes flip{0%{transform:rotateY(90deg)scale(.6)}to{transform:none}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes bump{30%{color:var(--yellow);transform:scale(1.08)}}@keyframes glow{to{box-shadow:0 -3px 0 0 var(--k), 0 3px 0 0 var(--k), -3px 0 0 0 var(--k), 3px 0 0 0 var(--k), inset 0 0 0 2px var(--orange), 0 0 40px -4px var(--orange)}}@keyframes hurt{0%{opacity:1}to{opacity:0}}@keyframes drop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes rainbow{to{background-position:300% 0}}@keyframes stripes{to{background-position:28px 0}}@media (width>=861px) and (width<=1180px){.home-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.home-gap{display:none}.home-side{grid-area:1/2;justify-self:end;width:min(380px,100%)}}@media (width<=860px){.home-grid{grid-template-columns:minmax(0,1fr)}.hero{text-align:center}.hero .logo{margin:0 auto}.home-gap{display:none}.play-card{margin-top:calc(30vh / var(--vz,1))}.lobby{grid-template-columns:minmax(0,1fr)}.lobby-main{height:calc(82vh / var(--vz,1));min-height:520px}.tab-body{max-height:none}.customize{grid-template-columns:minmax(0,1fr)}.cz-left{position:static}}@media (width<=560px){body{font-size:18px}.xp-bar{width:44px}.lvl-badge{white-space:nowrap}#topbar{gap:8px}.top-logo .logo{height:32px}.xp-num{display:none}.tagline{font-size:21px}.room-code span{width:32px;font-size:24px}.answer-in{font-size:24px}.timer-num{width:40px;font-size:24px}.send-btn{min-width:7.7em;padding:10px 10px 13px;font-size:12px}.cz-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.p-laps{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){[data-tip]:not(input):not(textarea){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.tip{z-index:400;pointer-events:none;max-width:300px;color:var(--ink);box-shadow:0 -2px 0 var(--cyan), 0 2px 0 var(--cyan), -2px 0 0 var(--cyan), 2px 0 0 var(--cyan), 4px 6px 0 #00000080;background:#08061a;padding:6px 9px;font-size:17px;line-height:1.15;animation:.12s steps(2,end) tipin;position:fixed}@keyframes tipin{0%{opacity:0;transform:translateY(4px)}}.menu-btn{font-family:var(--display);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line2);background:#0d0a24;border:0;margin-right:4px;padding:4px 7px;font-size:10px}.menu-btn:hover{color:var(--ink);box-shadow:inset 0 0 0 2px var(--cyan)}.menu{width:min(380px, calc(84vw / var(--vz,1)));flex-direction:column;align-items:stretch;gap:10px;display:flex}.menu .note.small{font-size:16px}.leave-b.armed{--c:var(--red);--hi:#ff7a8a;--c2:#9e1a3a;color:var(--k);animation:.3s shake}.emote-bar{opacity:.55;flex-wrap:wrap;justify-content:center;gap:4px;transition:opacity .15s;display:flex}.emote-bar:hover,.emote-bar:focus-within{opacity:1}.emote-b{font-family:var(--display);color:var(--c);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 55%, transparent);background:#0d0a24d9;border:0;padding:3px 7px;font-size:10px}.emote-b:hover{background:var(--c);color:var(--k);transform:translateY(-2px)}.emote-b:active{transform:translateY(1px)}body[data-screen=game] .game-stage .stage-canvas{box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), 0 0 0 5px color-mix(in srgb, var(--line) calc(100% - var(--heat,0) * 100%), var(--red)), 0 0 calc(30px + var(--heat,0) * 50px) -6px color-mix(in srgb, #ff3d9a calc(100% - var(--heat,0) * 100%), #ff2e4d)}.cz-pad{width:240px;height:240px;box-shadow:inset 0 0 0 2px var(--line);background:radial-gradient(45% 12% at 50% 86%,#31e8ff59,#0000 70%),repeating-linear-gradient(0deg,#120e30 0 8px,#150f36 8px 16px);justify-content:center;align-items:center;padding:0;display:flex}.cz-canvas{width:238px;height:238px;image-rendering:pixelated;cursor:pointer}.cz-tests{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.cz-plate .seat-tag{display:inline-flex;position:static;transform:none}.cz-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.crate-btn.has{animation:1.2s ease-in-out infinite bootpulse}.cz-right{min-height:calc(70vh / var(--vz,1))}.cz-body{flex-direction:column;gap:18px;display:flex}.cz-section{animation:.45s steps(6,end) both materialize}.cz-sec-title{font-family:var(--display);letter-spacing:1px;color:var(--ink);align-items:center;gap:10px;margin:0 0 8px;font-size:13px;display:flex}.cz-count{color:var(--muted);font-size:11px}.cz-bar{max-width:160px;height:6px;box-shadow:inset 0 0 0 1px var(--line);background:#08061a;flex:1;position:relative}.cz-bar i{background:var(--green);max-width:calc(100% - 2px);position:absolute;inset:1px auto 1px 1px}.new-dot{background:var(--pink);color:var(--k);margin-left:6px;padding:1px 4px;font-size:9px;animation:1s step-end infinite blink}.cz-new{font-family:var(--display);background:var(--pink);color:var(--k);padding:1px 3px;font-size:8px;animation:.8s step-end infinite blink;position:absolute;bottom:4px;right:4px}.cz-item.crate .cz-rarity{background:linear-gradient(90deg, var(--yellow), var(--c))}.cz-item.r4:not(.locked):before,.cz-item.r5:not(.locked):before{content:"";pointer-events:none;background:linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--c) 35%, transparent) 50%, transparent 65%);background-size:300% 100%;animation:2.6s linear infinite sheen;position:absolute;inset:0}.cz-item.r5:not(.locked){box-shadow:inset 0 0 0 2px var(--c), 0 0 16px -4px var(--c);animation:2s ease-in-out infinite ocglow}@keyframes ocglow{50%{box-shadow:inset 0 0 0 2px #31e8ff,0 0 22px -2px #ff3d6e}}.cz-item .cz-on{background:var(--green)}.crate-modal{width:min(420px, calc(86vw / var(--vz,1)));flex-direction:column;align-items:center;gap:10px;display:flex}.crate-title{font-family:var(--display);letter-spacing:1px;text-shadow:0 0 10px;font-size:14px}.crate-canvas{width:320px;height:280px;image-rendering:pixelated;cursor:pointer;max-width:100%}.crate-hint{font-family:var(--display);color:var(--muted);font-size:11px;animation:1s step-end infinite blink}.crate-result:empty{display:none}.crate-actions{gap:8px;display:flex}.crate-card .crate-ico{background:linear-gradient(var(--c) 0 3px, #3a2470 3px);width:36px;height:30px;box-shadow:inset 0 0 0 3px #0b0820, inset 8px 0 0 -5px var(--c), inset -8px 0 0 -5px var(--c);margin:6px 0}.plate-circuit{--o:#4dff8a;box-shadow:0 -2px 0 var(--o), 0 2px 0 var(--o), -2px 0 0 var(--o), 2px 0 0 var(--o);background-color:#0a2a14;background-image:linear-gradient(90deg,#0000 0 6px,#4dff8a40 6px 7px,#0000 7px),linear-gradient(0deg,#0000 0 5px,#4dff8a33 5px 6px,#0000 6px);background-position:0 0;background-repeat:repeat;background-size:12px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.plate-circuit .tag-name{color:#b8ffcc}.plate-flame{--o:#5a0a10;background:linear-gradient(#ffd23f,#ff8a1f 50%,#ff2e4d) 0 0/100% 200%;animation:1s ease-in-out infinite alternate flameplate}.plate-flame .tag-name,.plate-flame .tag-sub{color:#2a0400}@keyframes flameplate{to{background-position:0 100%}}.logo{image-rendering:pixelated}body[data-fx=high] .hero .logo{filter:drop-shadow(0 0 10px #ff3d9a99)drop-shadow(0 0 26px #b066ff59);animation:.9s step-end both glitchin,3s ease-in-out .9s infinite logoglow,3s ease-in-out 1s infinite float}body[data-fx=low] .hero .logo{filter:drop-shadow(0 0 10px #ff3d9a73)}body[data-fx=off] .hero .logo{filter:none}body[data-fx=off] .hero:before{display:none}body[data-fx=low] .hero:before{opacity:.7;animation:none}body[data-fx=off] .crt-lines{display:none}body[data-fx=low] .crt-lines{opacity:.5}@keyframes logoglow{50%{filter:drop-shadow(0 0 14px #31e8ffa6)drop-shadow(0 0 30px #ff3d9a66)}}.side-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.side-head .tabs{margin:0}.side-head .online{align-items:center;gap:4px;margin:0;display:inline-flex}.friends{flex-direction:column;gap:6px;display:flex}.my-code{justify-content:space-between;align-items:center;gap:8px;display:flex}.code-chip{font-family:var(--display);letter-spacing:2px;color:var(--yellow);box-shadow:inset 0 0 0 2px var(--line2);background:#08061a;border:0;padding:6px 10px;font-size:14px}.code-chip:hover{box-shadow:inset 0 0 0 2px var(--yellow)}.friend-in{letter-spacing:3px;text-transform:uppercase;flex:1;width:100px;font-size:20px}.f-head{font-family:var(--display);color:var(--muted);letter-spacing:1px;margin-top:6px;font-size:10px}.btn-xs{margin:3px 3px 6px;padding:5px 8px 7px;font-size:10px}.howto{width:min(440px, calc(86vw / var(--vz,1)));text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.ht-step{font-family:var(--display);color:var(--muted);font-size:10px}.ht-art{justify-content:center;align-items:center;gap:8px;height:120px;animation:.3s steps(4,end) pop2;display:flex;position:relative}.ht-art.chips{flex-wrap:wrap}.ht-art .chip.taken{--c:var(--red);text-decoration:line-through;animation:.5s infinite shake}.ht-timer{font-family:var(--display);color:var(--yellow);text-shadow:0 0 14px var(--orange);font-size:40px}.ht-title{font-family:var(--display);color:var(--pink);text-shadow:3px 3px 0 var(--k);margin:0;font-size:18px}.howto>.ht-art,.howto>.ht-title,.howto>.ht-body{animation:.3s steps(4,end) both stepin}.howto>.ht-title{animation-delay:50ms}.howto>.ht-body{animation-delay:.1s}@keyframes stepin{0%{opacity:0;transform:translate(14px)}}.ht-dots i{transition:background .2s,transform .2s}.ht-dots i.on{transform:scale(1.3)}.ht-body{color:#d8d4f4;margin:0;font-size:21px}.ht-dots{gap:6px;display:flex}.ht-dots i{background:var(--line2);width:8px;height:8px}.ht-dots i.on{background:var(--cyan)}.ht-btns{gap:8px;display:flex}.home-grid{pointer-events:none}.home-grid>*{pointer-events:auto}.home-gap{pointer-events:none!important}.bubble.fade{opacity:0;pointer-events:none;transition:opacity .45s steps(3,end)}.display-set{width:min(460px, calc(86vw / var(--vz,1)));flex-direction:column;gap:4px;display:flex}.set-head{z-index:2;background:var(--panel2);justify-content:space-between;align-items:center;gap:10px;margin:-12px -12px 0;padding:12px 12px 6px;display:flex;position:sticky;top:-12px}.set-head .panel-title{margin:0}.set-x{min-width:36px;min-height:32px;padding:4px 10px}body[data-tv="1"] .set-x{display:none}body[data-tv="1"] .set-head{justify-content:center}.set-foot{z-index:2;background:var(--panel);border-top:2px dotted var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:6px -12px -12px;padding:10px 12px 12px;display:flex;position:sticky;bottom:-12px}.set-foot .btn{margin-top:0}.set-foot .reset-b{margin-right:auto}@media (width<=400px){.set-foot{flex-wrap:nowrap;gap:8px}.set-foot .btn{letter-spacing:1px;white-space:nowrap;padding:8px 10px 11px;font-size:11px}}.reset-b.armed{--c:var(--red);--hi:#ff7a8a;--c2:#9e1a3a;color:var(--k);animation:.3s shake}.vol-ctl{align-items:center;gap:8px;display:flex}.modal-card:focus{outline:none}body[data-lines=off] .crt-lines{display:none}@media (prefers-reduced-motion:reduce){.crt-lines{display:none}}.presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.preset{font-family:var(--display);letter-spacing:1px;color:var(--cyan);box-shadow:inset 0 0 0 2px var(--line2);background:#0d0a24;border:0;padding:6px 9px;font-size:10px}.preset:hover:not(:disabled){background:var(--cyan);color:var(--k)}.preset:disabled{opacity:.5}.range{appearance:none;width:160px;height:10px;box-shadow:inset 0 0 0 2px var(--line2);background:#08061a}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan);width:14px;height:18px;box-shadow:0 0 0 2px var(--k);cursor:pointer}.range::-moz-range-thumb{background:var(--cyan);border:2px solid var(--k);cursor:pointer;border-radius:0;width:14px;height:18px}.cr-stage{z-index:260;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#05030f;animation:.35s steps(5,end) both crin;position:fixed;inset:0}.cr-stage.out{animation:.3s steps(4,end) forwards crout}@keyframes crin{0%{opacity:0;filter:brightness(3)}to{opacity:1;filter:none}}@keyframes crout{to{opacity:0}}.cr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cr-ui{pointer-events:none;padding:calc(16px + env(safe-area-inset-top,0px)) var(--gutter) calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.cr-ui>*{pointer-events:auto}.cr-title{font-family:var(--display);letter-spacing:2px;text-shadow:0 0 12px currentColor, 2px 2px 0 var(--k);text-align:center;max-width:calc(100% - 96px);font-size:14px}.cr-hint{margin-top:auto;margin-bottom:calc(18vh / var(--vz,1));font-family:var(--display);letter-spacing:2px;color:var(--ink);text-shadow:2px 2px 0 var(--k);font-size:13px;animation:1s step-end infinite blink}.cr-card{min-width:240px;box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 3px var(--c,#fff), 0 0 40px -6px var(--c,#fff);background:#0b0820e0;flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding:12px 22px;display:none}.cr-card.show{animation:.55s cubic-bezier(.2,1.6,.4,1) both crcard;display:flex}@keyframes crcard{0%{opacity:0;transform:translateY(60px)rotateX(70deg)scale(.6)}to{opacity:1;transform:none}}.cr-card.r4,.cr-card.r5{animation:.55s cubic-bezier(.2,1.6,.4,1) both crcard,1.6s ease-in-out .6s infinite ocglow}.cr-tier{font-family:var(--display);letter-spacing:3px;color:var(--c);text-shadow:0 0 10px var(--c);font-size:12px}.cr-name{color:var(--ink);font-size:30px}.cr-slot{font-family:var(--display);color:var(--muted);letter-spacing:1px;font-size:9px}.cr-xp{font-family:var(--display);color:var(--yellow);padding:16px 0;font-size:28px}.cr-card .item-img{max-height:140px}.cr-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.cr-actions:empty{display:none}.cr-close{top:calc(12px + env(safe-area-inset-top,0px));right:max(var(--gutter), env(safe-area-inset-right,0px));z-index:2;font-family:var(--display);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line2);background:#0d0a24;border:0;padding:6px 9px;font-size:12px;position:absolute}.cr-close:hover{color:var(--ink);box-shadow:inset 0 0 0 2px var(--red)}.cr-summary .cr-sum-list{max-width:min(560px, calc(86vw / var(--vz,1)));max-height:calc(40vh / var(--vz,1));grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid;overflow-y:auto}.cr-sum{box-shadow:inset 0 0 0 2px var(--c);font:inherit;color:var(--c);cursor:pointer;touch-action:manipulation;background:#0b08208c;border:0;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:6px;font-size:16px;display:flex}.cr-sum:hover,.cr-sum:focus-visible{background:color-mix(in srgb, var(--c) 18%, #0b08208c);box-shadow:inset 0 0 0 2px var(--c), 0 0 0 2px var(--k), 0 0 0 4px var(--c);outline:none}.cr-sum.on{background:color-mix(in srgb, var(--c) 26%, #0b08208c);box-shadow:inset 0 0 0 3px var(--c);cursor:default}.cr-sum-slot{font-family:var(--display);letter-spacing:1px;color:var(--muted);font-size:9px}.cr-sum.on .cr-sum-slot{color:var(--c)}.cr-sum .item-img{max-height:60px}.reel.tick .reel-win{animation:80ms steps(2,end) reeltick}@keyframes reeltick{0%{filter:blur(1px)brightness(1.4);transform:translateY(-10px)}to{filter:none;transform:none}}.reveal.spinning .reel:not(.landed){box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 3px var(--line2), inset 0 20px 20px -10px #000, inset 0 -20px 20px -10px #000, 0 0 24px -8px var(--cyan)}.reveal-title.slam-in{color:var(--pink);text-shadow:4px 4px 0 var(--k), 0 0 26px var(--pink);animation:.45s cubic-bezier(.2,1.8,.4,1) slam}.top-xp{box-shadow:inset 0 0 0 2px var(--line);cursor:help;background:#08061ab3;padding:3px 8px 3px 3px;position:relative}.top-xp .xp-bar{height:14px;width:clamp(90px, calc(16vw / var(--vz,1)), 220px)}.top-xp .xp-fill{background:repeating-linear-gradient(90deg, var(--pink) 0 7px, #ff8ac6 7px 8px, var(--pink) 8px 15px, #8a1f5a 15px 16px)}.top-xp .xp-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0b0820cc calc(10% - 1px) 10%);position:absolute;inset:0}.top-xp .xp-fill{overflow:hidden}.top-xp .xp-fill:after{content:"";background:linear-gradient(90deg,#0000 60%,#ffffff8c 80%,#0000);width:200%;animation:2.4s linear infinite sheen-x2;position:absolute;inset:0 auto 0 0}.top-xp.gain .xp-fill{animation:.8s steps(4,end) xpgain}@keyframes xpgain{0%,to{filter:none}30%{filter:brightness(2)drop-shadow(0 0 6px #fff)}}.xp-num{white-space:nowrap;min-width:0;font-size:15px}.pstars{color:var(--k);letter-spacing:-1px;margin-right:3px}.lvl-badge{align-items:center;display:inline-flex}.cz-backdrop{z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 50% -10%,#b066ff38,#0000 70%),linear-gradient(#0b0820 0%,#120a30 60%,#0a0620 100%);position:fixed;inset:0;overflow:hidden}.cz-spot{width:calc(40vw / var(--vz,1));height:calc(120vh / var(--vz,1));opacity:.35;mix-blend-mode:screen;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:linear-gradient(#31e8ff73,#31e8ff00 75%);animation:7s ease-in-out infinite alternate spot;position:absolute;top:-10vh}.cz-spot.l{left:calc(2vw / var(--vz,1));transform-origin:50% 0}.cz-spot.r{right:calc(2vw / var(--vz,1));transform-origin:50% 0;background:linear-gradient(#ff3d9a73,#ff3d9a00 75%);animation-delay:-3.5s}@keyframes spot{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.cz-floor{height:calc(55vh / var(--vz,1));transform-origin:50% 100%;position:absolute;bottom:-10vh;left:-20%;right:-20%;overflow:hidden;transform:perspective(380px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.cz-floor:before{content:"";will-change:transform;background:repeating-linear-gradient(90deg,#5b3fc859 0 2px,#0000 2px 60px),repeating-linear-gradient(0deg,#5b3fc859 0 2px,#0000 2px 60px);animation:4s linear infinite floorscroll;position:absolute;inset:-60px 0 0}@keyframes floorscroll{to{transform:translateY(60px)}}.cz-dust{opacity:.5;will-change:transform;background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 20%,#31e8ff,#0000),radial-gradient(1px 1px at 40% 70%,#ff3d9a,#0000),radial-gradient(1px 1px at 85% 60%,#fff,#0000),radial-gradient(1px 1px at 10% 85%,#ffd23f,#0000);background-size:300px 300px;animation:18s linear infinite dust;position:absolute;inset:0 0 -300px}@keyframes dust{to{transform:translateY(-300px)}}body[data-screen=customize] .customize{z-index:1;position:relative}.cz-left,.cz-right{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#1d1748db,#120d2edb)}.cz-pad{position:relative;overflow:hidden}.cz-pad:after{content:"";filter:blur(6px);z-index:0;background:conic-gradient(#31e8ff80,#ff3d9a80,#ffd23f66,#31e8ff80);border-radius:50%;width:70%;height:14%;animation:4s linear infinite platform;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}@keyframes platform{to{filter:blur(6px)hue-rotate(360deg)}}.cz-canvas{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.cz-spot,.cz-floor,.cz-dust{animation:none}}.empty-rooms{box-shadow:inset 0 0 0 2px var(--line);color:var(--muted);background:#0d0a24e6;flex-direction:column;gap:4px;padding:12px;font-size:18px;display:flex}.empty-rooms b{font-family:var(--display);color:var(--ink);font-size:12px}.empty-rooms .empty-qp{align-self:flex-start;margin-top:6px;display:none}.off-dot{background:var(--muted);flex:none;width:8px;height:8px;display:inline-block}.record{flex-direction:column;gap:4px;display:flex}.rec-row{color:var(--muted);border-bottom:2px dotted var(--line);justify-content:space-between;padding-bottom:2px;font-size:19px;display:flex}.rec-row b{color:var(--ink);font-weight:400}body[data-net=reconnecting] #topbar:after{content:"CONNECTION LOST · RECONNECTING...";top:calc(58px + env(safe-area-inset-top,0px));z-index:90;font-family:var(--display);letter-spacing:1px;background:var(--red);color:var(--k);width:max-content;max-width:calc(100vw / var(--vz,1) - 2 * var(--gutter));text-align:center;padding:6px 12px;font-size:11px;animation:1s step-end infinite blink;position:fixed;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){body[data-net=reconnecting] #topbar:after{animation:none}}.plate-pixel{background:repeating-linear-gradient(90deg,#ff2e4d 0 6px,#ff8a1f 6px 12px,#ffd23f 12px 18px,#4dff8a 18px 24px,#31e8ff 24px 30px,#b066ff 30px 36px) 0 0/72px 100%;animation:2s steps(6,end) infinite pixelplate}.plate-pixel .tag-name,.plate-pixel .tag-sub{color:var(--k);text-shadow:1px 1px #fff9}@keyframes pixelplate{to{background-position:72px 0}}.plate-ice{--o:#1a4a6a;background:linear-gradient(#e8fbff,#8ad8ff 60%,#4aa8d8)}.plate-ice .tag-name,.plate-ice .tag-sub{color:#0a2a3a}.plate-galaxy{--o:#b066ff;box-shadow:0 -2px 0 var(--o), 0 2px 0 var(--o), -2px 0 0 var(--o), 2px 0 0 var(--o), 0 0 14px #5a2ad8;background:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 60%,#ffd23f,#0000),radial-gradient(1px 1px at 45% 80%,#fff,#0000),linear-gradient(135deg,#1a0a4a,#5a2ad8 60%,#b066ff)}.plate-galaxy .tag-name{color:#fff}.top-xp{color:inherit;font:inherit;cursor:pointer;border:0}.top-xp:hover{box-shadow:inset 0 0 0 2px var(--yellow)}.link-btn{font-family:var(--display);color:var(--cyan);letter-spacing:1px;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:9px}.link-btn:hover{color:var(--ink)}.note.small{font-size:15px}.profile{z-index:1;flex-direction:column;gap:14px;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.pf-top{justify-content:space-between;align-items:center;display:flex}.pf-h{font-family:var(--display);letter-spacing:2px;color:var(--muted);align-items:center;gap:8px;margin:14px 0 8px;font-size:10px;font-weight:400;display:flex}.pf-h:after{content:"";background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 8px);flex:1;height:2px}.pf-banner{background:radial-gradient(120% 140% at 0 100%,#ff3d9a38,#0000 55%),radial-gradient(90% 120% at 100% 0,#31e8ff29,#0000 60%),linear-gradient(#1d1748f0,#0e0a26f0);grid-template-columns:220px minmax(0,1fr) 280px;align-items:center;gap:22px;padding:18px 22px;animation:.45s steps(6,end) both materialize;display:grid;position:relative;overflow:hidden}.pf-banner:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.pf-stage{place-items:center;height:220px;display:grid;position:relative}.pf-spot{background:conic-gradient(from 160deg at 50% 0,#0000 0deg,#ffd23f2e 20deg,#ffd23f0d 30deg,#0000 40deg);width:200px;height:270px;animation:6s ease-in-out infinite alternate spotsway;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes spotsway{0%{transform:translate(-50%)rotate(-4deg)}to{transform:translate(-50%)rotate(4deg)}}.pf-pad{z-index:1;width:190px;height:190px;box-shadow:none;background:0 0;position:relative}.pf-pad .cz-canvas{width:190px;height:190px}.pf-pedestal{background:radial-gradient(50% 50%,#ffd23f73,#ff3d9a26 60%,#0000 72%);width:150px;height:22px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.pf-mid{flex-direction:column;gap:10px;min-width:0;display:flex}.pf-idrow{align-items:center;gap:16px;display:flex;position:relative}.pf-emblem{width:92px;height:92px;color:var(--k);background:linear-gradient(160deg, #fff3b0, var(--yellow) 40%, var(--orange));clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.pf-emblem:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffffbf 50%,#0000 65%) 0 0/250% 100%;animation:3.2s ease-in-out infinite pfsheen;position:absolute;inset:0}.pf-idrow:before{content:"";pointer-events:none;border-radius:50%;width:92px;height:92px;animation:2.8s ease-in-out infinite emblem;position:absolute;box-shadow:0 0 40px 6px #ffaa2873}.pf-emblem small{font-family:var(--display);letter-spacing:2px;font-size:8px}.pf-emblem b{font-family:var(--display);font-size:34px;line-height:1}.pf-stars{letter-spacing:1px;font-size:10px}@keyframes emblem{50%{box-shadow:0 0 60px 12px #ff8a1f99}}@keyframes pfsheen{0%,55%{background-position:150% 0}to{background-position:-100% 0}}.pf-id{flex-direction:column;gap:4px;min-width:0;display:flex}.pf-name{font-family:var(--display);font-size:clamp(22px, calc(3vw / var(--vz,1)), 34px);color:var(--ink);text-shadow:3px 3px 0 var(--k), 0 0 18px #ff3d9a80;text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.pf-meta{font-family:var(--display);color:var(--muted);letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:10px;font-size:9px;display:flex}.pf-meta b{color:var(--ink)}.code-chip.sm{cursor:pointer;padding:4px 8px;font-size:11px}.mega-bar{height:34px;box-shadow:inset 0 0 0 3px var(--line2), 0 0 0 3px var(--k);background:#08061a;position:relative;overflow:hidden}.mega-fill{background:linear-gradient(180deg, #ff9ad0, var(--pink) 45%, #c41f78);max-width:calc(100% - 6px);box-shadow:0 0 16px var(--pink);transition:width 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;bottom:3px;left:3px}.mega-fill:before{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 45%,#0000 60%) 0 0/220% 100%;animation:2.6s linear infinite pfsheen;position:absolute;inset:0}.mega-tip{width:4px;box-shadow:0 0 12px #fff, 0 0 24px var(--pink);background:#fff;position:absolute;top:-3px;bottom:-3px;right:-2px}.mega-ticks{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#0b0820bf calc(10% - 2px) 10%);position:absolute;inset:3px}.mega-label{font-family:var(--display);letter-spacing:1px;color:#fff;text-shadow:2px 2px 0 var(--k), -1px -1px 0 var(--k);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.mega-label b{margin-right:4px;font-size:14px;font-weight:400}.pf-sub{color:var(--muted);font-size:19px}.pf-sub b{color:var(--yellow);font-weight:400}.pf-mid .cz-actions{justify-content:flex-start;margin:0}.pf-cta{animation:1.4s ease-in-out infinite ctaPulse}@keyframes ctaPulse{50%{box-shadow:0 0 22px var(--yellow)}}.pf-next{box-shadow:inset 0 0 0 2px var(--yellow), 0 0 30px -10px var(--yellow);background:#08061abf;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative;overflow:hidden}.pf-next:before{content:"";aspect-ratio:1;pointer-events:none;background:conic-gradient(#0000,#ffd23f1f,#0000 25% 50%,#ffd23f1f,#0000 75%);width:200%;animation:9s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.pf-next>*{position:relative}.pf-next-head{font-family:var(--display);color:var(--yellow);letter-spacing:1px;justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.pf-next-head small{color:var(--muted);font-size:9px}.pf-next-body{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.pf-next-crate,.pf-next-item{text-align:center;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c,var(--line2)) 55%, transparent);background:#1d1748b3;flex-direction:column;flex:70px;justify-content:flex-end;align-items:center;gap:4px;padding:6px 4px;font-size:15px;line-height:1;display:flex}.pf-next-item{color:var(--c)}.pf-next-item .item-img{max-height:48px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 60%, transparent));animation:2.4s ease-in-out infinite floaty}.pf-next-item .title-prev,.pf-next-item .plate-prev{margin:0;padding:3px;font-size:9px}.pf-next-gear{font-family:var(--display);letter-spacing:1px;color:var(--muted);flex-direction:column;gap:4px;font-size:8px;display:flex}.pf-next-gear>div{flex-wrap:wrap;gap:6px;display:flex}.pf-gear{min-width:40px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent);background:#1d1748b3;place-items:center;padding:2px;display:grid}.pf-gear .item-img{max-height:34px}.pf-gear .title-prev,.pf-gear .plate-prev{margin:0;padding:2px;font-size:8px}.pf-next-foot{color:var(--muted);text-align:center;font-size:15px}@keyframes floaty{50%{transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}.crate-ico{vertical-align:middle;background:linear-gradient(180deg, color-mix(in srgb, var(--c), #fff 25%), var(--c) 50%, color-mix(in srgb, var(--c), #000 40%));flex:none;width:18px;height:16px;display:inline-block;position:relative;box-shadow:inset 0 0 0 2px #0b082099}.crate-ico i{background:#0b08208c;height:3px;position:absolute;top:35%;left:0;right:0}.crate-ico i:after{content:"";background:#fff8d0;width:4px;height:7px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #fff}.crate-ico.xs{width:12px;height:10px}.crate-ico.xs i{height:2px}.crate-ico.xs i:after{width:2px;height:5px;top:-1.5px}.crate-ico.sm{width:16px;height:14px}.crate-ico.lg{width:44px;height:38px;box-shadow:inset 0 0 0 3px #0b082099, 0 0 18px var(--c);animation:2s ease-in-out infinite floaty}.crate-ico.lg i{height:6px}.crate-ico.lg i:after{width:8px;height:14px;top:-4px}.ck-legend{animation:1.6s ease-in-out infinite legendglow}.crate-ico.lg.ck-legend{animation:2s ease-in-out infinite floaty,1.6s ease-in-out infinite legendglow}@keyframes legendglow{50%{filter:brightness(1.3) drop-shadow(0 0 6px var(--c))}}.pf-goals .pf-h{margin-top:0}.pf-goal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.pf-goal{box-shadow:inset 0 0 0 2px var(--line), inset 3px 0 0 var(--c);background:linear-gradient(#1d1748e6,#0e0a26e6);flex-direction:column;gap:4px;padding:10px 12px 12px;animation:.4s steps(6,end) both materialize;display:flex;position:relative}.pf-goal:nth-child(2){animation-delay:60ms}.pf-goal:nth-child(3){animation-delay:.12s}.pf-goal:nth-child(4){animation-delay:.18s}.pf-goal>.crate-ico{position:absolute;top:10px;right:10px}.g-label{font-family:var(--display);letter-spacing:2px;color:var(--c);font-size:8px}.pf-goal b{font-family:var(--display);color:var(--ink);font-size:12px;font-weight:400}.g-sub{color:var(--muted);min-height:2.2em;font-size:15px;line-height:1.1}.pf-goal .pf-mini>span{--c:inherit}.pf-mini{height:8px;box-shadow:inset 0 0 0 1px var(--line2);background:#08061a;display:block;overflow:hidden}.pf-mini>span{background:var(--c,var(--pink));height:100%;box-shadow:0 0 8px var(--c,var(--pink));transform-origin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both growx;display:block}.pf-mini.pink>span{--c:var(--pink)}.pf-mini.cyan>span{--c:var(--cyan)}.pf-mini.gold>span{--c:var(--yellow)}.pf-mini.violet>span{--c:var(--violet)}@keyframes growx{0%{transform:scaleX(0)}}.pf-right{min-height:calc(50vh / var(--vz,1));background:linear-gradient(#1d1748e6,#120d2ee6)}.pf-tabs{flex-wrap:wrap}.pf-nav{top:calc(var(--topbar-h,56px) + env(safe-area-inset-top,0px));z-index:6;background:linear-gradient(#1d1748f7,#120d2ef7);margin:0 3px;padding:6px;position:sticky}.pf-nav .pf-tabs{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;margin:0;position:relative;overflow-x:auto}.pf-nav .pf-tabs.more-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.pf-nav .pf-tabs.more-l{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.pf-nav .pf-tabs.more-l.more-r{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.pf-nav .pf-tabs::-webkit-scrollbar{display:none}.pf-nav .tab{flex:none}.profile:not([data-tab=OVERVIEW]) :is(.pf-banner,.pf-goals,.pf-trophies){display:none}.pf-body{animation:.4s steps(6,end) both materialize}.pf-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.pf-tile b{font-size:16px}.pf-tile.gold b{color:var(--yellow)}.pf-tile.violet b{color:var(--violet)}.pf-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;display:grid}.pf-finds{flex-direction:column;gap:4px;display:flex}.pf-find{box-shadow:inset 3px 0 0 var(--c);background:#0d0a24d9;grid-template-columns:100px auto 1fr;align-items:center;gap:10px;padding:5px 8px;display:grid}.pf-tier{font-family:var(--display);color:var(--c);font-size:9px}.pf-find b{color:var(--ink);font-size:20px;font-weight:400}.pf-prompt{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.pf-bars{flex-direction:column;gap:5px;display:flex}.pf-barrow{color:var(--muted);grid-template-columns:110px 1fr 54px;align-items:center;gap:8px;font-size:16px;display:grid}.pf-barrow b{font-family:var(--display);color:var(--ink);text-align:right;font-size:9px;font-weight:400}.pf-barrow.full b{color:var(--green)}.pf-daily{flex-direction:column;gap:4px;display:flex}.pf-next-daily{border-top:2px dotted var(--line);flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.pf-next-sub{font-family:var(--display);letter-spacing:2px;color:var(--muted);font-size:9px}.daily-row{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24d9;justify-content:space-between;align-items:center;padding:6px 10px;font-size:18px;display:flex}.daily-row b{font-family:var(--display);color:var(--yellow);font-size:9px;font-weight:400}.daily-row.done{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--green) 50%, transparent)}.daily-row.done b{color:var(--green)}.pf-road{max-height:calc(64vh / var(--vz,1));flex-direction:column;gap:6px;padding:2px 6px 2px 2px;display:flex;position:relative;overflow-y:auto}.road-step{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24d9;grid-template-columns:34px 74px 110px 1fr auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid;position:relative}.road-step:not(:last-child):after{content:"";background:var(--line2);width:3px;height:6px;position:absolute;top:100%;left:22px}.road-step.got:after{background:var(--green)}.road-node{width:34px;height:34px;font-family:var(--display);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line2);background:#08061a;place-items:center;font-size:11px;display:grid}.road-step.got{opacity:.6}.road-step.got .road-node{color:var(--k);background:var(--green);box-shadow:none}.road-step.mile{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 14%, #0d0a24e6), #0d0a24e6 60%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 45%, var(--line))}.road-step.mile .road-node{color:var(--c);box-shadow:inset 0 0 0 2px var(--c), 0 0 12px -2px var(--c)}.road-step.next{opacity:1;box-shadow:inset 0 0 0 3px var(--yellow), 0 0 22px -6px var(--yellow);animation:1.8s ease-in-out infinite nextpulse}.road-step.next .road-node{color:var(--k);background:var(--yellow);box-shadow:0 0 14px var(--yellow)}@keyframes nextpulse{50%{box-shadow:inset 0 0 0 3px var(--yellow), 0 0 32px -4px var(--yellow)}}.road-prog{grid-column:2/-1}.road-lv{font-family:var(--display);color:var(--ink);flex-direction:column;gap:2px;font-size:12px;display:flex}.road-you{color:var(--yellow);letter-spacing:2px;font-size:8px;animation:1s steps(2,end) infinite blink}.road-reward{align-items:center;gap:6px;display:flex}.road-crate{font-family:var(--display);color:var(--c);font-size:9px}.road-items{flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;display:flex}.road-item{color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 50%, transparent);background:#08061a80;align-items:center;gap:4px;padding:1px 6px 1px 2px;font-size:16px;display:flex}.road-item .item-img{max-height:30px}.road-item .title-prev,.road-item .plate-prev{margin:0;padding:2px;font-size:9px}.road-need{font-family:var(--display);color:var(--yellow);font-size:9px}.road-need.dim{color:var(--dim)}.road-got{font-family:var(--display);color:var(--green);font-size:9px}.road-step.prestige{box-shadow:inset 0 0 0 2px var(--red), 0 0 20px -8px var(--red)}.pf-history{flex-direction:column;gap:5px;display:flex}.pf-hsum{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:4px;display:grid}.pf-hsum>div{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24d9;flex-direction:column;align-items:center;padding:8px;display:flex}.pf-hsum b{font-family:var(--display);color:var(--yellow);font-size:16px;font-weight:400}.pf-hsum span{font-family:var(--display);color:var(--muted);letter-spacing:1px;font-size:8px}.pf-spark{height:70px;box-shadow:inset 0 0 0 2px var(--line);background:#08061ab3;align-items:flex-end;gap:3px;margin-bottom:6px;padding:6px 8px;display:flex}.pf-spark span{background:var(--line2);transform-origin:bottom;flex:1;max-width:22px;animation:.6s cubic-bezier(.2,.8,.2,1) both growy}.pf-spark span.win{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.pf-spark span:hover{filter:brightness(1.5)}@keyframes growy{0%{transform:scaleY(0)}}.match{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24d9;grid-template-columns:54px 1fr auto 80px;align-items:center;gap:10px;padding:6px 10px;display:grid}.match.p1{box-shadow:inset 0 0 0 2px var(--yellow);background:linear-gradient(90deg,#ffd23f1a,#0d0a24d9 50%)}.m-place{font-family:var(--display);color:var(--muted);font-size:13px}.match.p1 .m-place{color:var(--yellow)}.m-main{flex-direction:column;display:flex}.m-main b{font-size:19px;font-weight:400}.m-main small{color:var(--dim);font-size:15px}.m-best{color:var(--c);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:17px;overflow:hidden}.m-best.dim{color:var(--dim);font-size:14px}.m-when{color:var(--muted);flex-direction:column;align-items:flex-end;font-size:15px;display:flex}.m-when small{font-family:var(--display);color:var(--dim);font-size:8px}.pull-sum{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:18px;display:flex}.pull-sum b{color:var(--ink);font-family:var(--display);font-size:13px;font-weight:400}.pull-chip{font-family:var(--display);color:var(--c);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 60%, transparent);padding:3px 6px;font-size:9px}.pull-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;display:grid}.pull{text-align:center;background:radial-gradient(80% 60% at 50% 30%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%), #0d0a24e6;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 55%, var(--line));flex-direction:column;align-items:center;gap:3px;padding:8px 6px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.pull:hover{transform:translateY(-2px)}.pull.t3,.pull.t4,.pull.t5{box-shadow:inset 0 0 0 2px var(--c), 0 0 18px -6px var(--c)}.pull.t4:after,.pull.t5:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff2e 50%,#0000 65%) 0 0/250% 100%;animation:3s ease-in-out infinite pfsheen;position:absolute;inset:0}.pull-art{place-items:center;height:58px;display:grid}.pull-art .item-img{max-width:100%;max-height:56px}.pull-art .title-prev,.pull-art .plate-prev{margin:0;font-size:9px}.pull-xp{font-family:var(--display);color:var(--c);flex-direction:column;align-items:center;font-size:18px;line-height:1;display:flex}.pull-xp small{font-size:9px}.pull b{color:var(--ink);font-size:17px;font-weight:400;line-height:1}.pull-tier{font-family:var(--display);color:var(--c);letter-spacing:1px;font-size:8px}.pull-meta{color:var(--dim);align-items:center;gap:4px;font-size:13px;display:flex}.pull-cta{justify-content:center;margin-top:12px;display:flex}.pf-achs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.ach{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24d9;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.ach.enter{animation:.5s steps(6,end) both powerup;animation-delay:calc(var(--i,0) * 30ms)}@keyframes powerup{0%{opacity:0;filter:brightness(.3);transform:translateY(6px)}60%{opacity:1;filter:brightness(.7);transform:none}to{opacity:1;filter:brightness()}}.ach:not(.got){opacity:1}.ach:not(.got) b{color:#c9c2ee}.ach.got{box-shadow:inset 0 0 0 2px var(--yellow), 0 0 14px -6px var(--yellow);background:linear-gradient(#ffd23f1a,#0d0a24d9)}.ach-top{align-items:center;gap:6px;display:flex}.ach-ico{width:18px;height:18px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line2);background:#08061a;place-items:center;font-size:12px;display:grid}.ach.got .ach-ico{background:var(--yellow);color:var(--k)}.ach b{font-family:var(--display);color:var(--ink);font-size:11px;font-weight:400}.ach.got b{color:var(--yellow)}.ach>span{color:#c9c2ee;font-size:17px}.ach-prog{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.ach-prog small{font-family:var(--display);color:var(--violet);font-size:8px}.ach-rew{align-items:center;gap:5px;display:flex}.ach-rew small{font-family:var(--display);color:var(--cyan);letter-spacing:1px;font-size:8px}@media (width<=1000px){.pf-banner{grid-template-columns:180px minmax(0,1fr)}.pf-next{grid-column:1/-1}.pf-stage{height:180px}.pf-pad,.pf-pad .cz-canvas{width:160px;height:160px}}@media (width<=700px){.pf-banner{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}.pf-stage{height:150px}.pf-pad,.pf-pad .cz-canvas{width:140px;height:140px}.pf-emblem,.pf-idrow:before{width:70px;height:70px}.pf-emblem b{font-size:26px}.pf-cols{grid-template-columns:minmax(0,1fr)}.road-step{grid-template-columns:34px 1fr auto}.road-reward{grid-column:2}.road-items{grid-column:1/-1}.road-need,.road-got{grid-area:1/3}.road-lv{grid-area:1/2}.road-reward{grid-row:2}.match{grid-template-columns:44px 1fr}.m-best,.m-when{grid-column:2;align-items:flex-start}.pf-find{grid-template-columns:80px 1fr}.pf-prompt{grid-column:1/-1}}.friend-row{box-shadow:inset 0 0 0 2px var(--line);background:#0d0a24d9;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;transition:box-shadow .15s;display:grid}.friend-row:hover{box-shadow:inset 0 0 0 2px var(--line2)}.friend-row.st-ingame{box-shadow:inset 3px 0 0 var(--violet), inset 0 0 0 2px var(--line)}.friend-row.st-online{box-shadow:inset 3px 0 0 var(--green), inset 0 0 0 2px var(--line)}.friend-row.st-offline{opacity:.62}.f-av{width:34px;height:34px;box-shadow:inset 0 0 0 2px var(--line);background:#08061a;place-items:end center;display:grid;position:relative;overflow:hidden}.f-look{width:40px;max-width:none;image-rendering:pixelated;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.f-dot{background:var(--dim);width:6px;height:6px;position:absolute;top:2px;right:2px}.f-dot.online{background:var(--green);box-shadow:0 0 6px var(--green);animation:1.6s steps(2,end) infinite blink}.f-dot.ingame{background:var(--violet);box-shadow:0 0 6px var(--violet)}.f-main{flex-direction:column;min-width:0;display:flex}.f-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1;overflow:hidden}.f-name small{color:var(--muted);margin-left:6px;font-size:14px}.f-where{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.st-ingame .f-where{color:var(--violet)}.st-online .f-where{color:var(--green)}.f-acts{align-items:center;gap:4px;display:flex}.fr-here{font-family:var(--display);color:var(--cyan);letter-spacing:1px;font-size:8px}.f-x{color:var(--dim);font-family:var(--display);cursor:pointer;background:0 0;border:0;padding:4px;font-size:10px}.f-x:hover,.f-x.sure{color:var(--red)}.fr-top{border-bottom:2px dashed var(--line);flex-direction:column;gap:6px;margin-bottom:4px;padding-bottom:8px;display:flex}.fr-list{flex-direction:column;gap:6px;display:flex}.fr-empty{text-align:center;border:2px dashed var(--line);background:#0d0a2499;flex-direction:column;gap:4px;padding:14px;display:flex}.fr-empty b{font-family:var(--display);color:var(--yellow);font-size:11px}.fr-empty span{color:var(--muted);font-size:17px}.fr-btn{position:relative}.fr-badge{text-align:center;background:var(--green);min-width:15px;height:15px;color:var(--k);box-shadow:0 0 8px var(--green);padding:0 3px;font-size:9px;line-height:15px;position:absolute;top:-6px;right:-6px}.tab-count.on{color:var(--green);opacity:1}.tab-count.req{color:var(--yellow)}.drawer-back{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0503108c;animation:.2s both fadein;position:fixed;inset:0}.drawer{z-index:71;width:min(400px, calc(100vw / var(--vz,1)));padding:calc(14px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) 16px;box-shadow:-4px 0 0 var(--line2), -20px 0 60px #0009;background:linear-gradient(#1d1748f7,#0d0a24fa);flex-direction:column;gap:10px;animation:.26s cubic-bezier(.2,.9,.3,1.2) both drawerin;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.drawer.out,.drawer-back.out{opacity:0;transition:opacity .2s,transform .2s;animation:none}.drawer.out{transform:translate(40px)}.drawer-head{justify-content:space-between;align-items:center;display:flex}@keyframes drawerin{0%{transform:translate(100%)}to{transform:none}}@keyframes fadein{0%{opacity:0}}.invite-card{pointer-events:auto;background:var(--panel2);box-shadow:inset 0 0 0 2px var(--yellow), 0 0 26px -6px var(--yellow);grid-template-columns:34px 1fr;align-items:center;gap:6px 10px;padding:10px 12px;animation:.4s cubic-bezier(.2,.9,.3,1.4) both invitein;display:grid}.invite-card.out{opacity:0;transition:all .3s;transform:translateY(-10px)}.invite-card .f-look{width:34px;position:static;transform:none}.inv-text{flex-direction:column;display:flex}.inv-text b{font-family:var(--display);color:var(--yellow);font-size:12px}.inv-text span{font-size:18px}.inv-acts{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}@keyframes invitein{0%{opacity:0;transform:translateY(-20px)scale(.9)}}.f-head.req{color:var(--yellow)}.friend-row.st-req{box-shadow:inset 3px 0 0 var(--yellow), inset 0 0 0 2px var(--line)}.fr-badge.req{background:var(--yellow);box-shadow:0 0 8px var(--yellow);animation:1.2s steps(2,end) infinite blink}.cr-title{font-size:clamp(14px, calc(1.6vw / var(--vz,1)), 20px)}.cr-queue{max-width:calc(90vw / var(--vz,1));flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:10px;display:flex}.cr-queue .crate-ico{opacity:.55}.cr-queue .crate-ico.cur{opacity:1;box-shadow:inset 0 0 0 2px #0b082099, 0 0 10px var(--c);margin:0 4px;transform:scale(1.35)}.cr-more{font-family:var(--display);color:var(--muted);font-size:9px}.cr-hint{box-shadow:inset 0 0 0 2px var(--line2);background:#0b082099;padding:8px 14px;font-size:15px}.cr-odds{left:var(--gutter);width:clamp(230px, calc(17vw / var(--vz,1)), 300px);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 45%, var(--line)), 0 0 30px -12px var(--c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d0a24d1;flex-direction:column;gap:6px;padding:14px;animation:.5s steps(5,end) .2s both crodds;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@keyframes crodds{0%{opacity:0;transform:translate(-20px,-50%)}}.cr-odds-head{align-items:center;gap:8px;display:flex}.cr-odds-head b{font-family:var(--display);color:var(--c);letter-spacing:1px;font-size:11px;font-weight:400}.cr-odds-sub{font-family:var(--display);letter-spacing:2px;color:var(--muted);margin-top:2px;font-size:8px}.cr-odd{grid-template-rows:auto auto;grid-template-columns:84px 1fr 44px;align-items:center;column-gap:6px;font-size:17px;display:grid}.cr-odd-name{color:var(--t)}.cr-odd-bar{height:6px;box-shadow:inset 0 0 0 1px var(--line);background:#08061a}.cr-odd-bar i{background:var(--t);height:100%;box-shadow:0 0 6px var(--t);display:block}.cr-odd b{font-family:var(--display);text-align:right;color:var(--ink);font-size:9px;font-weight:400}.cr-odd small{color:var(--dim);grid-column:2/-1;font-size:12px}.cr-odds-note{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.1}.cr-odds-pity{font-family:var(--display);letter-spacing:.5px;color:var(--yellow);margin:6px 0 0;font-size:10px;line-height:1.5}.cr-haul{right:var(--gutter);grid-template-columns:repeat(2,42px);justify-items:center;gap:6px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.cr-haul-label{grid-column:1/-1}@media (width<=900px){.cr-haul{top:calc(64px + env(safe-area-inset-top,0px));grid-template-columns:repeat(5,34px);transform:none}.cr-haul-item{width:34px;height:34px}.cr-haul-item .item-img{max-width:30px;max-height:30px}}.cr-haul-label{font-family:var(--display);letter-spacing:2px;color:var(--muted);font-size:8px}.cr-haul-item{width:42px;height:42px;box-shadow:inset 0 0 0 2px var(--c), 0 0 10px -3px var(--c);background:#0d0a24d9;place-items:center;animation:.4s cubic-bezier(.2,.9,.3,1.5) both haulin;display:grid}.cr-haul-item .item-img{max-width:36px;max-height:36px}.cr-haul-item .title-prev,.cr-haul-item .plate-prev{max-width:40px;margin:0;padding:1px;font-size:7px;overflow:hidden}.cr-haul-xp{font-family:var(--display);color:var(--c);font-size:9px}@keyframes haulin{0%{transform:scale(0)}}@media (width<=900px){.cr-odds{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(320px, calc(92vw / var(--vz,1)));gap:3px;padding:8px 10px;animation:none;left:50%;transform:translate(-50%)}.cr-odd small,.cr-odds-note{display:none}.cr-stage:has(.cr-odds) .cr-hint{margin-bottom:168px}}@media (width<=900px) and (height<=640px){.cr-stage .cr-hint{margin-bottom:calc(18vh / var(--vz,1))}}@media (height<=640px) and (width<=900px){.cr-odds{display:none}}@media (width<=900px){.cr-stage:has(.cr-card.show) .cr-odds{display:none}}@media (width<=600px){.cr-haul{display:none}}.cz-bar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.cz-bar-row .tabs{margin:0}.cz-filter{flex-wrap:wrap;gap:4px;display:flex}.cz-fbtn{cursor:pointer;font-family:var(--display);letter-spacing:1px;color:var(--muted);box-shadow:inset 0 0 0 2px var(--line);background:#08061ab3;border:0;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.cz-fbtn small{color:var(--dim);font-size:8px}.cz-fbtn:hover{color:var(--ink)}.cz-fbtn.on{color:var(--k);background:var(--cyan);box-shadow:none}.cz-fbtn.on small{color:var(--k)}.cz-inspect{background:radial-gradient(90% 120% at 0% 50%, color-mix(in srgb, var(--c,var(--line2)) 20%, transparent), transparent 70%), #08061abf;width:100%;min-height:92px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c,var(--line2)) 55%, var(--line));grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;padding:8px;transition:box-shadow .15s;display:grid}.cz-insp-empty{text-align:center;color:var(--dim);grid-column:1/-1;font-size:16px}.cz-insp-art{width:76px;height:76px;box-shadow:inset 0 0 0 1px var(--line2);background:#1d1748b3;place-items:center;display:grid}.cz-insp-art .item-img{max-width:70px;max-height:70px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 60%, transparent))}.cz-insp-art.locked .item-img{filter:brightness(.35)saturate(.4)}.cz-insp-art .title-prev,.cz-insp-art .plate-prev{max-width:72px;margin:0;font-size:9px}.cz-insp-info{flex-direction:column;gap:3px;min-width:0;display:flex}.cz-insp-tier{font-family:var(--display);letter-spacing:2px;color:var(--c);font-size:8px}.cz-insp-info b{font-family:var(--display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.cz-insp-req{color:var(--yellow);font-size:15px;line-height:1.1}.cz-insp-req.ok{color:var(--green)}.cz-item:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pf-shelf{box-shadow:inset 0 0 0 2px var(--line), inset 0 -10px 0 #08061acc;background:linear-gradient(#1d1748d9,#0e0a26eb);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;padding:12px;display:grid;position:relative}.pf-shelf:after{content:"";background:linear-gradient(90deg, transparent, var(--line2), transparent);height:4px;position:absolute;bottom:6px;left:12px;right:12px}.pf-trophy{text-align:center;background:radial-gradient(70% 60% at 50% 35%, color-mix(in srgb, var(--c) 28%, transparent), transparent 70%);animation:trophyin .5s calc(var(--i) * 60ms) cubic-bezier(.2,.9,.3,1.3) both;flex-direction:column;align-items:center;gap:3px;padding:8px 6px 10px;display:flex;position:relative;overflow:hidden}@keyframes trophyin{0%{opacity:0;transform:translateY(14px)scale(.9)}}.pf-trophy-art{place-items:end center;height:60px;display:grid}.pf-trophy-art .item-img{max-height:58px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--c) 70%, transparent));animation:floaty 2.6s calc(var(--i) * -.3s) ease-in-out infinite}.pf-trophy-art .title-prev,.pf-trophy-art .plate-prev{margin:0;font-size:9px}.pf-trophy b{color:var(--ink);font-size:16px;font-weight:400;line-height:1}.pf-trophy span{font-family:var(--display);letter-spacing:1px;color:var(--c);font-size:8px}.pf-trophy.r4:after,.pf-trophy.r5:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff29 50%,#0000 65%) 0 0/250% 100%;animation:3.4s ease-in-out infinite pfsheen;position:absolute;inset:0}.pf-records{margin-bottom:4px}.pf-records .pf-tile b{color:var(--cyan)}.pf-records .pf-tile.gold b{color:var(--yellow)}@media (width<=719px),(width>=720px) and (width<=1023px) and (orientation:portrait){.cz-left{top:calc(var(--topbar-h,46px) + env(safe-area-inset-top,0px));z-index:5;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid;position:sticky}.cz-left>:not(.cz-pad):not(.cz-inspect):not(.cz-actions){display:none}.cz-left .cz-pad{grid-row:span 2;width:112px;height:112px}.cz-left .cz-pad .cz-canvas{width:108px;height:108px}.cz-left .cz-inspect{grid-template-columns:52px minmax(0,1fr);min-height:0;padding:6px}.cz-left .cz-insp-art{width:52px;height:52px}.cz-left .cz-insp-art .item-img{max-width:48px;max-height:48px}.cz-left .cz-actions{justify-content:flex-start;margin:0}.cz-left .cz-actions .btn{padding:6px 8px 9px;font-size:9px}}#topbar.fold .opts-btn{display:inline-block}#topbar.fold .top-opts{z-index:30;min-width:150px;box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), inset 0 0 0 2px var(--line2), 0 12px 30px #0000008c;background:linear-gradient(#1d1748fa,#120d2efa);flex-direction:column;gap:6px;padding:10px;animation:.14s steps(3,end) pop;display:none;position:absolute;top:calc(100% + 8px);right:0}#topbar.fold.opts-open .top-opts{display:flex}#topbar.fold .top-opts .icon-btn{text-align:left;padding:10px 12px;font-size:12px}#topbar.fold .xp-num{display:none}#topbar.fold .top-xp{flex:auto;margin-left:0}#topbar.fold .top-xp .xp-bar{flex:auto;width:auto;max-width:none}@media (width>=480px){#topbar.fold .xp-num{white-space:nowrap;min-width:0;font-size:15px;display:inline}}#topbar.fold{gap:10px}#topbar.fold .top-logo .logo{height:32px}body[data-screen=home] #topbar.fold .top-logo,#topbar.fold.away .top-logo{display:none}@media (width<=560px){#topbar.away{flex-wrap:wrap}#topbar.away .room-pill{flex-basis:100%;order:1}body:is([data-screen=profile],[data-screen=customize]) .top-logo{display:none}}@media (width<=860px){.home-left,.home-side{width:min(100%,480px);margin-inline:auto}}@media (height<=500px) and (orientation:landscape){.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding-top:0}.home-left,.home-side{width:100%}.home-side{grid-area:1/2}.play-card{margin-top:0}.hero{text-align:left}.hero .logo{width:min(100%,280px);margin:0}.hero:before{height:130px}.tagline{margin-top:4px;font-size:19px}#topbar{padding:6px 0}.top-logo .logo{height:28px}}@media (pointer:coarse){.icon-btn{min-height:36px;padding:6px 10px}.tab{min-height:38px}.link-btn{margin-block:-10px;padding:10px 4px}.menu-btn{padding:8px 10px}.vis-toggle{min-height:44px}.emote-bar{opacity:.85}.emote-b{min-height:30px;padding:6px}.top-xp,.btn-sm{min-height:36px}.room-chip{min-height:32px;padding-inline:10px;font-size:10px}.seg-b{min-height:34px;padding-inline:10px}.set-x,.cr-close{min-width:40px;min-height:36px}.code-chip{min-height:34px}.code-chip.sm{min-height:30px}.ui-size-step{min-width:38px;height:34px}.toggle:before{content:"";position:absolute;inset:-9px -8px}.menu-btn{position:relative}:is(.tag-kick,.seat-sit,.fold-btn,.menu-btn):after{content:"";position:absolute;inset:-6px}.tag-kick:after{inset:-10px}.preset{min-height:34px}.cz-fbtn{min-height:34px;padding-inline:10px}.emote-b{min-width:34px}.room-code{align-items:center;min-height:34px}.room-title.editable{min-height:34px}.range{height:30px;box-shadow:none;background:0 0}.range::-webkit-slider-runnable-track{height:10px;box-shadow:inset 0 0 0 2px var(--line2);background:#08061a}.range::-webkit-slider-thumb{width:18px;height:24px;margin-top:-7px}.range::-moz-range-track{height:10px;box-shadow:inset 0 0 0 2px var(--line2);background:#08061a}.range::-moz-range-thumb{width:16px;height:22px}}@media (width<=560px){.top-btns>.icon-btn{padding-inline:7px;font-size:10px}.top-xp .xp-bar{width:48px}.top-logo .logo{height:26px}#topbar{gap:8px}}body[data-native]{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-touch-callout:none}body[data-native] :not(input):not(textarea){-webkit-user-select:none;user-select:none}@media (height<=430px){body[data-screen=game] #topbar,body[data-screen=game] .emote-bar,body[data-screen=game] .used-strip,body[data-screen=game] .p-cat,body[data-screen=game] .p-icon,body[data-screen=game] .p-laps{display:none}body[data-screen=game] .game-top{top:4px}body[data-screen=game] .game-top .prompt{padding:4px 10px 6px}body[data-screen=game] .p-top{min-height:0}body[data-screen=game] .p-text{font-size:clamp(18px, calc(5.5vh / var(--vz,1)), 26px);margin-top:2px}body[data-screen=game] .game-bottom{gap:2px;bottom:4px}body[data-screen=game] .input-bar{padding:4px 6px}body[data-screen=game] .answer-in{padding-block:6px;font-size:22px}body[data-screen=game] .feedback{min-height:0}}body[data-perf=lite] *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body[data-perf=lite] :is(.play-card,.rooms-panel,.board-panel,.lobby-head,.lobby-actions,.cz-left,.cz-right){background:linear-gradient(#1d1748f2,#120d2ef0)}body[data-perf=lite] .game-top .prompt,body[data-perf=lite] .game-bottom .panel{background:linear-gradient(#1d1748f2,#161036ed)}body[data-perf=lite][data-fx=high] .hero .logo{animation:3s ease-in-out infinite float}body[data-perf=lite] :is(.hero .logo,.tv-brand .logo){filter:none}body[data-perf=lite] :is(.cz-spot,.cz-dust),.home-switch{display:none}.pane-badge{background:var(--green);color:var(--k);margin-left:6px;padding:1px 5px;font-size:9px}.pane-badge.req{background:var(--yellow)}@media (width<=860px),(height<=820px){body[data-screen=home] #app{height:calc(100dvh / var(--vz,1));min-height:0}body[data-screen=home] #view,.home{min-height:0}.home-grid{min-height:0;padding-bottom:calc(42px + env(safe-area-inset-bottom,0px) - max(20px, env(safe-area-inset-bottom,0px)))}.home-side{min-height:0}.home .board-panel{display:none}.rooms-panel{flex-direction:column;flex:1;min-height:0;display:flex}.rooms-panel .side-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.rooms-box{flex-direction:column;flex:1;min-height:0;display:flex}.rooms-box .room-list{flex:1;min-height:80px;max-height:none}}@media (height<=360px){.ticker{display:none}.home-grid{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}@media (width<=860px) and (orientation:portrait),(width<=860px) and (height>=501px){.hero,.home-switch,.play-card,.home-side{width:min(100%,480px);margin-inline:auto}.home-grid{flex-direction:column;gap:10px;display:flex}.home-left{display:contents}.hero{flex:0 auto}.hero .logo{width:min(100%,300px)}.hero:before{height:140px}.tagline{margin-top:4px;font-size:19px}.home-switch{justify-content:center;gap:6px;display:flex}.home-pane{max-width:240px;font-family:var(--display);letter-spacing:1px;color:var(--muted);box-shadow:inset 0 0 0 2px var(--line);cursor:pointer;background:#0d0a24d9;border:0;flex:1;justify-content:center;align-items:center;padding:10px 8px 12px;font-size:11px;display:inline-flex}.home-pane[aria-selected=true]{color:var(--k);background:var(--yellow);box-shadow:inset 0 -4px #00000040}.home-pane[aria-selected=true] .pane-badge{background:var(--k);color:var(--yellow)}.play-card{margin-top:auto}.home-side{flex:0 auto}.home[data-pane=play] .home-side,.home[data-pane=rooms] .play-card{display:none}.home[data-pane=rooms] .home-side{flex:1 1 0;margin-top:0}.home[data-pane=rooms] .home-switch{order:0}.home[data-pane=rooms] .hero .tagline{display:none}.empty-rooms .empty-qp{display:inline-flex}}@media (width<=860px) and (orientation:portrait) and (height<=640px),(width<=860px) and (height>=501px) and (height<=640px){.home[data-pane=play] .hero{display:none}.play-card{min-height:0;overflow-y:auto}}@media (height<=820px) and (width>=861px),(height<=500px) and (orientation:landscape){.home-grid{align-items:stretch;height:100%}.home-left{gap:10px;min-height:0}.hero .logo{width:min(100%,300px)}.hero:before{height:140px}.tagline{margin-top:4px;font-size:19px}.home-side{display:flex}.play-card{gap:7px;padding-top:10px;padding-bottom:10px}.me-look{width:44px}.me-title{display:none}.name-in{padding-top:6px;padding-bottom:6px;font-size:22px}.play-card .btn-big{padding:10px 18px 13px;font-size:17px}.qp small{display:none}.vis-toggle{padding:8px 10px}.code-in{padding-top:4px;padding-bottom:4px;font-size:24px}.home-links .btn{padding-top:7px;padding-bottom:9px}}@media (width<=860px) and (orientation:portrait) and (height<=600px){.play-card{gap:7px;padding-top:10px;padding-bottom:10px}.me-look{width:44px}.me-title{display:none}.name-in{padding-top:6px;padding-bottom:6px;font-size:22px}.play-card .btn-big{padding:10px 18px 13px;font-size:17px}.qp small{display:none}.code-in{padding-top:4px;padding-bottom:4px;font-size:24px}.home-links .btn{padding-top:7px;padding-bottom:9px}}@media (height<=640px) and (width>=861px),(height<=500px) and (orientation:landscape){.hero{display:none}body[data-screen=home] .top-logo{visibility:visible;display:flex}.home-left{overflow-y:auto}}@media (width>=1181px) and (height>=501px){.hero{z-index:1;text-align:center;pointer-events:none;width:min(440px,100% - 880px);display:block;position:absolute;top:0;left:calc(50% + -1*min(220px,50% - 440px))}.hero .logo{pointer-events:auto;width:100%;margin:0 auto}.hero:before{width:120%;left:-10%}.hero .tagline{font-size:clamp(18px,1.5vw,24px)}body[data-screen=home] .top-logo{visibility:hidden}}@media (width>=861px){body[data-screen=home] #app{height:calc(100dvh / var(--vz,1));min-height:0}body[data-screen=home] #view,.home{min-height:0}.home-grid{grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.home-left{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:hidden auto}.home-side{min-height:0}.rooms-panel{flex-direction:column;flex:0 auto;min-height:0;display:flex}.rooms-panel .side-body{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow-y:auto}.rooms-box{flex-direction:column;flex:0 auto;min-height:0;display:flex}.rooms-box .room-list{flex:0 auto;min-height:80px;max-height:none}}@media (width>=1800px){.home-grid{grid-template-columns:minmax(340px,440px) minmax(0,1fr) minmax(340px,460px);max-width:1900px}}@media (width>=861px) and (height<=820px){.home-grid{grid-template-rows:minmax(0,1fr)}.home-left{overscroll-behavior:contain;scrollbar-width:thin;align-self:stretch;min-height:0;overflow-y:auto}}.pf-next-item .item-img,.pf-trophy-art .item-img{will-change:transform}.sheet-close{display:none}@media (width<=860px) and (height>=600px),(width<=860px) and (orientation:portrait) and (height>=480px){body[data-screen=lobby] #app{height:calc(100dvh / var(--vz,1));padding-bottom:max(10px, env(safe-area-inset-bottom,0px))}body[data-screen=lobby] #view{min-height:0}.lobby{grid-template-rows:minmax(0,1fr) auto;gap:8px;position:relative}.lobby-main{height:auto;min-height:0}.lobby-side{z-index:12;margin:0 3px 3px;padding-top:8px;padding-bottom:8px;position:relative}.lobby-side .tabs{margin:0}.lobby-side .tab-body{display:none}.lobby-side.open .tab-body{left:calc(-1 * var(--px));right:calc(-1 * var(--px));height:min(calc(62dvh / var(--vz,1)), 560px);background:linear-gradient(180deg, var(--panel2), var(--panel));box-shadow:0 0 0 var(--px) var(--o), 0 -8px 28px #0000008c;padding:12px 10px 12px 12px;animation:.16s steps(4,end) both sheetup;display:block;position:absolute;bottom:calc(100% + 6px)}.lobby-side.open .sheet-close{min-width:40px;font-family:var(--display);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line2);cursor:pointer;background:#0d0a24;border:0;justify-content:center;align-items:center;margin-left:auto;padding:4px 10px 8px;font-size:14px;display:inline-flex}}@media (width<=400px){.lobby-side .tabs{flex-wrap:nowrap}.lobby-side .tab{letter-spacing:.5px;padding-inline:7px;font-size:11px}}@keyframes sheetup{0%{opacity:0;transform:translateY(24px)}}@media (width<=560px){.lobby-head{gap:6px 10px;padding:8px 10px}.room-code span{width:30px;font-size:22px}.head-mid{min-width:0}.room-title{font-size:21px}.head-btns .btn{padding:6px 8px 8px;font-size:9px}.lobby-actions{gap:4px;padding:8px}.lobby-actions .start-btn{padding:10px 18px 13px;font-size:17px}.lobby-status{font-size:17px}.act-row{gap:6px 10px}.act-row .btn{padding:6px 10px 8px;font-size:10px}}@media (width<=560px) and (orientation:portrait){.lobby-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:8px;display:grid}.lobby-head .code-block .label{display:none}.room-code span{width:27px;font-size:20px}.head-mid{gap:2px}.room-title{white-space:nowrap;text-overflow:ellipsis;font-size:19px;overflow:hidden}.vis-badge{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.lobby-head .fold-btn{grid-area:1/3;align-self:center;margin:0}.head-btns{grid-column:1/-1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.head-btns .btn{letter-spacing:.5px;white-space:nowrap;min-height:34px;padding:8px 2px 10px;font-size:9px}.lobby-actions{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;padding:8px;display:grid}.lobby-actions .emote-bar{scrollbar-width:none;flex-wrap:nowrap;grid-column:1/-1;justify-content:flex-start;margin-right:44px;overflow-x:auto}.lobby-actions .emote-b{flex:none;padding:3px 6px}.lobby-status{text-align:center;grid-area:2/1/auto/-1;font-size:15px;line-height:1.15}.lobby-actions .start-btn{grid-area:3/1;width:100%;padding:11px 10px 14px;font-size:16px}.act-row{display:contents}.act-row .bot-btn{grid-area:3/2;align-self:stretch;padding:8px 12px 10px;font-size:11px}.act-row>.btn:not(.bot-btn){grid-area:4/1;justify-self:start}.act-row .inline-toggle{grid-area:4/2;justify-self:end}.lobby-actions .start-btn[hidden]~.act-row>.btn:not(.bot-btn),.lobby-actions .start-btn[hidden]~.act-row .inline-toggle{grid-row:3}.lobby-actions .fold-btn{top:6px;right:6px}.lobby.folded .lobby-actions{padding:6px 52px 6px 8px}.lobby.folded.need-players .lobby-actions .act-row{grid-area:3/2}.lobby.folded .lobby-actions .start-btn{padding:9px 8px 12px}.lobby-side .tabs{flex-wrap:nowrap}.lobby-side .tab{text-align:center;flex:1 1 0;padding-inline:4px}.lobby-side.open .sheet-close{flex:none}}@media (width<=560px) and (orientation:portrait) and (height<=760px){.lobby-actions .emote-bar{display:none}.lobby-status{padding-inline:40px}}.lobby.folded.need-players .lobby-actions .act-row{display:flex}.lobby.folded.need-players .lobby-actions .act-row>:not(.bot-btn){display:none}body[data-perf=lite] :is(.start-btn:not(:disabled),.crate-btn.has){animation-name:bootpulse-lite}@keyframes bootpulse-lite{50%{filter:brightness(1.25)}}body[data-perf=lite] :is(.input-bar.mine,.pf-cta,.road-step.next,.cz-item.r5:not(.locked)){animation:none}body[data-perf=lite] .plate-holo{animation-timing-function:steps(12,end)}body[data-perf=lite] .plate-flame{animation-timing-function:steps(5,end)}body[data-perf=lite] .bubble.t5{animation-timing-function:steps(4,end),steps(8,end)}body[data-perf=lite][data-screen=game] .game-stage .stage-canvas{box-shadow:0 -3px 0 var(--k), 0 3px 0 var(--k), -3px 0 0 var(--k), 3px 0 0 var(--k), 0 0 0 5px color-mix(in srgb, var(--line) calc(100% - var(--heat,0) * 100%), var(--red))}body[data-perf=lite] .pf-idrow:before{will-change:opacity;animation-name:emblem-lite;box-shadow:0 0 52px 10px #ff96238c}@keyframes emblem-lite{50%{opacity:.55}}.kb{--kh:clamp(36px, calc(5.4dvh / var(--vz,1)), 48px);--kg:5px;gap:var(--kg);width:100%;max-width:720px;box-shadow:0 0 0 var(--px) var(--o);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#08061af2;flex-direction:column;margin:2px auto 0;padding:6px;display:flex}.kb[hidden],.kb.off,.spec-bar:not([hidden])~.kb,.input-bar[hidden]~.kb{display:none}.kb-row{gap:var(--kg);display:flex}.kb-indent{flex:1 1 0;min-width:0}.kb-key{min-width:0;height:var(--kh);font-family:var(--display);font-size:clamp(13px, calc(2.3dvh / var(--vz,1)), 18px);color:var(--ink);text-shadow:2px 2px 0 var(--k), 0 0 6px #050312cc;box-shadow:inset 0 0 0 2px var(--line2), inset 0 -4px 0 #0006;cursor:pointer;touch-action:none;background:linear-gradient(#2b2368,#1b1548);flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative}.kb-key.num{height:calc(var(--kh) * .76);color:#b9b2e6;font-size:clamp(11px, calc(1.9dvh / var(--vz,1)), 15px)}.kb-key.sym{font-family:var(--body);font-size:clamp(22px, calc(3.6dvh / var(--vz,1)), 30px)}.kb-key.fn{font-size:clamp(9px, calc(1.5dvh / var(--vz,1)), 12px);letter-spacing:1px;color:var(--yellow)}.kb-key.space{font-size:clamp(9px, calc(1.4dvh / var(--vz,1)), 11px);letter-spacing:4px;color:var(--dim)}.kb-key.enter{color:#fff;box-shadow:inset 0 0 0 2px var(--k), inset 0 -4px 0 #0000004d;background:linear-gradient(#ff5aac,#c42776)}.kb-key.down{background:var(--cyan);color:var(--k);box-shadow:inset 0 0 0 2px var(--k);transform:translateY(2px)}.kb-key.enter.down{background:var(--yellow)}@media (width<=560px){.kb{--kg:5px;--kh:clamp(40px, calc(6dvh / var(--vz,1)), 52px);max-width:none;padding:6px 3px}body.game-keys[data-screen=game] .game-bottom{width:calc(100% + 2 * var(--gutter));left:calc(-1 * var(--gutter));margin:0;right:auto}body.game-keys[data-screen=game] .game-bottom>:not(.kb){margin-inline:var(--gutter)}.kb-key.down:not(.fn):not(.space):after{content:attr(data-show);text-align:center;background:var(--cyan);min-width:40px;color:var(--k);box-shadow:0 0 0 2px var(--k), 0 6px 0 #00000059;pointer-events:none;z-index:2;padding:8px 6px 10px;font-size:22px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}}.kb-switch{font-family:var(--display);letter-spacing:1px;color:var(--cyan);box-shadow:inset 0 0 0 2px var(--line2);background:#0d0a24;border:0;flex:none;padding:10px 8px;font-size:10px}@media (height<=760px),(orientation:landscape) and (height<=1050px){body.game-keys[data-screen=game] .emote-bar,body.game-keys[data-screen=game] #topbar{display:none}body.game-keys .kb{--kh:clamp(30px, calc(5.8dvh / var(--vz,1)), 40px);--kg:4px;padding:4px}body.game-keys .kb-row:first-child{display:none}body.game-keys[data-screen=game] .game-top{top:4px}body.game-keys[data-screen=game] .game-bottom{gap:2px;bottom:4px}body.game-keys[data-screen=game] .input-bar{padding:4px 6px}body.game-keys[data-screen=game] .answer-in{padding-block:4px;font-size:24px}body.game-keys[data-screen=game] .feedback{min-height:18px;font-size:11px}}@media (width<=560px),(height<=760px),(orientation:landscape) and (height<=1050px){body.game-keys[data-screen=game] #topbar{display:none}body.game-keys[data-screen=game] .feedback{pointer-events:none;min-height:0;position:absolute;bottom:calc(100% + 2px);left:0;right:0}}@media (width<=560px){.kb{--kh:clamp(34px, calc(5.4dvh / var(--vz,1)), 48px)}.kb-key.num{height:calc(var(--kh) * .7)}}@media (height<=430px){body.game-keys .kb{--kh:27px;--kg:3px;padding:3px}.kb-row:first-child{display:none}body.game-keys[data-screen=game] .answer-in{padding-block:2px;font-size:20px}body.game-keys[data-screen=game] .send-btn{padding-block:6px 8px}}:where(button,a,input,select,textarea,label,summary,.btn,[role=button],[data-tip]){touch-action:manipulation}.room-list,.tab-body,.chat-list,.modal-card,.results,.pf-road,.drawer,.side-body,.play-card,.home-left,.cr-summary .cr-sum-list{overscroll-behavior:contain}body[data-native]{overscroll-behavior:none}@media (height<=430px){body[data-screen=game] #app{padding-bottom:env(safe-area-inset-bottom,0px)}}body[data-kb=open] :is(.ticker,#topbar){display:none}body[data-kb=open][data-screen=game] #app{left:0;right:0;top:var(--vvt,0px);height:var(--vvh,100dvh);min-height:0;padding-top:0;padding-bottom:4px;position:fixed;overflow:hidden}body[data-kb=open][data-screen=game] #view{min-height:0}body[data-kb=open][data-screen=game] .game-bottom{bottom:2px}body[data-kb=open] .home-grid{padding-bottom:8px}body[data-kb=open] .home :is(.hero,.home-switch){display:none}.fold-btn{width:36px;height:30px;box-shadow:inset 0 0 0 2px var(--line2);cursor:pointer;background:#0d0a24;border:0;flex:none;padding:0;position:relative}.fold-btn:hover{box-shadow:inset 0 0 0 2px var(--cyan)}.fold-btn:before{content:"";background:var(--cyan);position:absolute;inset:10px 11px}.fold-up:before,.folded .fold-down:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.fold-down:before,.folded .fold-up:before{clip-path:polygon(0 0,100% 0,50% 100%)}.lobby-head .fold-btn{align-self:flex-start;margin-left:auto}.lobby-actions{position:relative}.lobby-actions .fold-btn{position:absolute;top:8px;right:8px}.lobby.folded .lobby-head{flex-wrap:nowrap;gap:10px;padding:6px 10px}.lobby.folded .lobby-head :is(.code-block .label,.vis-badge,.head-btns){display:none}.lobby.folded .lobby-head .fold-btn{align-self:center}.lobby.folded .room-code span{width:24px;font-size:18px}.lobby.folded .head-mid{min-width:0}.lobby.folded .room-title{white-space:nowrap;text-overflow:ellipsis;font-size:19px;overflow:hidden}.lobby.folded .lobby-actions{flex-direction:row;justify-content:center;padding:6px 52px}.lobby.folded .lobby-actions :is(.emote-bar,.lobby-status,.act-row){display:none}.lobby.folded .lobby-actions .fold-btn{top:50%;transform:translateY(-50%)}.lobby.folded .start-btn{min-width:0;padding:8px 18px 11px;font-size:15px}@media (width>=861px) and (height<=820px),(orientation:landscape) and (width>=600px) and (height<=599px){.lobby{grid-template-rows:auto minmax(0,1fr) auto;gap:8px 12px}.lobby-main,.lobby-top,.lobby-bottom{display:contents}.lobby-stage{grid-area:1/1/4;min-height:0;position:relative;inset:auto}.lobby-head{grid-area:1/2;gap:6px 10px;margin:3px 3px 0;padding:8px 10px}.lobby-side{grid-area:2/2;margin:0 3px}.lobby-actions{grid-area:3/2;gap:4px;margin:0 3px 3px;padding:8px}.lobby-chat{grid-area:1/3/4}.room-code span{width:30px;font-size:22px}.lobby-head{flex-wrap:wrap}.lobby-head .code-block .label{display:none}.head-mid{flex:1 1 0;min-width:0}.room-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:21px;overflow:hidden}.vis-badge{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lobby-head .fold-btn{align-self:center}.head-btns{flex-basis:100%;order:1}.head-btns .btn{padding:6px 8px 8px;font-size:9px}.lobby-actions .start-btn{padding:10px 18px 13px;font-size:17px}.lobby-status{font-size:17px}.act-row{gap:6px 10px}.act-row .btn{padding:6px 10px 8px;font-size:10px}.lobby-actions .emote-b{padding:3px 5px}}.game.side-ctl{grid-template-columns:minmax(0,1fr)}.game.side-ctl .game-main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(300px,40%,440px);gap:6px 10px;display:grid}.game.side-ctl .game-stage{grid-area:1/1/3;min-height:0;position:relative;inset:auto}.game.side-ctl .game-top{grid-area:1/2;width:auto;margin:3px 3px 0;animation-name:materialize;position:relative;top:auto;left:auto;transform:none}.game.side-ctl .game-bottom{grid-area:2/2;align-self:end;width:auto;margin:0 3px 3px;position:relative;bottom:auto}.game.side-ctl .p-text{font-size:clamp(20px, calc(3.6dvh / var(--vz,1)), 28px)}.game.side-ctl .kb{--kh:clamp(32px, calc(7.2dvh / var(--vz,1)), 52px);max-width:none}@media (height>=520px){body.game-keys .game.side-ctl .kb-row:first-child{display:flex}}@media (width<=700px){.game.side-ctl .game-main{grid-template-columns:minmax(0,1fr) clamp(260px,50%,300px);gap:4px 6px}.game.side-ctl .kb{--kg:3px;padding:3px}.game.side-ctl .p-text{font-size:clamp(16px, calc(5vh / var(--vz,1)), 22px)}}@media (height>=560px){body.game-keys[data-screen=game] .game.side-ctl .emote-bar{display:flex}}.kb-key.hide:before{content:"";background:var(--cyan);clip-path:polygon(0 0,100% 0,50% 100%);width:16px;height:10px}.kb-key.hide.down:before{background:var(--k)}.game.side-ctl .p-top{flex-wrap:nowrap}.game.side-ctl .p-cat{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.game.side-ctl :is(.p-laps,.p-left){white-space:nowrap}body.game-keys[data-screen=game] #topbar{display:none}body.game-keys[data-screen=game] .feedback{pointer-events:none;min-height:0;position:absolute;bottom:calc(100% + 2px);left:0;right:0}body.game-keys[data-screen=game] .game.side-ctl .feedback{min-height:18px;position:static}body.game-keys[data-screen=game] .game:not(.side-ctl) .feedback:not(:empty){z-index:6;width:max-content;max-width:calc(100% - 16px);box-shadow:0 2px 0 var(--k);background:#0b0820e6;border:1px solid;margin-inline:auto;padding:3px 10px 2px}.menu-sound{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}@media (width<=560px){body[data-screen=game] .p-top{flex-wrap:nowrap}body[data-screen=game] .p-cat{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}body[data-screen=game] .p-laps{display:none}body[data-screen=game] .p-left{white-space:nowrap}body[data-screen=game] .used-strip:empty{display:none}body[data-screen=game] .game-top .prompt{padding:6px 10px 8px}body[data-screen=game] .p-text{font-size:21px}body[data-screen=game] .used-strip{gap:4px;padding-top:5px}body[data-screen=game] .used-strip .chip{padding:0 6px;font-size:14px}}@media (width>=720px){.customize{grid-template-columns:minmax(240px,340px) minmax(0,1fr)}body[data-screen=customize] #app{height:calc(100dvh / var(--vz,1));padding-bottom:max(10px, env(safe-area-inset-bottom,0px))}body[data-screen=customize] #view{min-height:0}.customize{flex:1;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.cz-left{overscroll-behavior:contain;min-height:0;position:relative;top:0;overflow-y:auto}.cz-right{flex-direction:column;min-height:0;display:flex}.cz-right .cz-body{overscroll-behavior:contain;flex:1;min-height:0;padding:2px 6px 6px 2px;overflow-y:auto}}@media (width<=719px),(width>=720px) and (width<=1023px) and (orientation:portrait){.customize{grid-template-columns:minmax(0,1fr)}body[data-screen=customize] #app{height:calc(100dvh / var(--vz,1));padding-bottom:max(8px, env(safe-area-inset-bottom,0px))}body[data-screen=customize] #view{min-height:0}.customize{flex:1;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:8px;min-height:0}.cz-left{position:relative;top:0}.cz-right{flex-direction:column;min-height:0;padding:8px 10px 0;display:flex}.cz-right .cz-head{margin-bottom:6px}.cz-right .cz-head .panel-title{margin:0}.cz-right .cz-body{overscroll-behavior:contain;flex:1;gap:14px;min-height:0;padding:2px 2px 10px;overflow-y:auto}.cz-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.cz-item{gap:2px;min-height:0;padding:15px 3px 5px}.cz-item .item-img{max-width:100%;max-height:44px}.cz-iname{text-align:center;overflow-wrap:anywhere;font-size:15px;line-height:1}.cz-lock{font-size:8px}.cz-rarity,.cz-on,.cz-new{font-size:7px}.cz-sec-title{margin-bottom:6px}.cz-right .cz-head{display:none}.cz-back{display:inline-block}.cz-tabs{flex-wrap:nowrap}.cz-tabs .tab{letter-spacing:.5px;flex:auto;min-height:34px;padding:8px 6px;font-size:10px}.cz-left .cz-insp-empty{font-size:14px}}@media (width>=720px) and (width<=1023px) and (orientation:portrait){.cz-left{grid-template-columns:150px minmax(0,1fr);padding:10px}.cz-left .cz-pad{width:150px;height:150px}.cz-left .cz-pad .cz-canvas{width:146px;height:146px}.cz-left .cz-insp-art{width:72px;height:72px}.cz-left .cz-insp-art .item-img{max-width:68px;max-height:68px}.cz-left .cz-actions .btn{padding:8px 12px 11px;font-size:11px}.cz-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.cz-item{gap:3px;padding:18px 4px 7px}.cz-item .item-img{max-height:64px}.cz-iname{font-size:18px}.cz-lock{font-size:10px}.cz-rarity,.cz-on,.cz-new{font-size:8px}.cz-tabs .tab{min-height:40px;font-size:12px}}@media (width>=720px) and (height<=500px){.cz-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.cz-item{min-height:104px;padding:16px 4px 6px}.cz-item .item-img{max-width:100%;max-height:56px}.cz-iname{font-size:16px}.cz-right{position:relative}.cz-right .cz-head{z-index:2;position:absolute;top:10px;right:12px}.cz-right .cz-head .panel-title{display:none}.cz-bar-row{padding-right:84px}.cz-tabs{flex-wrap:nowrap}.cz-tabs .tab{letter-spacing:.5px;flex:0 auto;min-height:34px;padding:8px 10px;font-size:10px}.cz-left :is(.cz-plate,.cz-stats,.cz-title){display:none}}@media (orientation:landscape) and (height<=450px){body[data-screen=customize] #topbar{display:none}body[data-screen=customize] #app{padding-top:max(8px, env(safe-area-inset-top,0px))}}@media (width>=720px) and (height<=820px){.cz-left{gap:8px}.cz-left .cz-pad{width:min(240px, calc(36dvh / var(--vz,1)));height:min(240px, calc(36dvh / var(--vz,1)));flex:none}.cz-name{font-size:24px}}@media (orientation:landscape) and (width>=600px) and (width<=860px) and (height<=599px){body[data-screen=lobby] #app{height:calc(100dvh / var(--vz,1));padding-bottom:max(6px, env(safe-area-inset-bottom,0px))}body[data-screen=lobby] #view{min-height:0}.lobby{grid-template-columns:minmax(0,1fr) clamp(280px,44%,380px)}}@media (orientation:landscape) and (height<=450px),(width<=560px) and (height<=700px){body[data-screen=lobby] #topbar{display:none}body[data-screen=lobby] #app{padding-top:max(6px, env(safe-area-inset-top,0px))}}@media (width<=860px) and (orientation:portrait) and (height<=740px),(width<=860px) and (height>=501px) and (height<=740px){.home[data-pane=play] .hero{display:none}}body[data-tv="1"] #topbar,body[data-tv="1"] .ticker{display:none}body[data-tv="1"]{--bg:#130e30;--panel:#1c1544;--panel2:#261e5a;--line:#3b2f8c;--line2:#5447ad;--muted:#aaa3d2;--dim:#7a71b8}body[data-tv="1"] #app{height:calc(100dvh / var(--vz,1));padding:calc(var(--tv-pad,1) * 1dvh / var(--vz,1)) calc(var(--tv-pad,1) * 1dvw / var(--vz,1))}body[data-tv="1"] #view{min-height:0}body[data-tv="1"] :is(button,a,input,[tabindex]):focus-visible{outline:4px solid var(--yellow);outline-offset:3px;box-shadow:0 0 22px 2px var(--yellow)}body[data-tv="1"] .tip{display:none!important}.tv-start{z-index:1;flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:12px 36px;min-height:0;display:grid;position:relative}.tv-start .tv-panel{gap:8px;min-height:0;max-height:100%;padding-block:12px}.tv-start .tv-panel .tv-or{margin:0}.tv-start .tv-host{padding:13px 20px 16px}.tv-start .tv-code span{height:52px;font-size:34px}.tv-start .tv-pad .tv-key{height:35px}.tv-start .tv-panel-keys{margin:0;padding-top:8px}.tv-start .tv-status:empty{min-height:0}.tv-brand{text-align:center;margin-top:calc(7dvh / var(--vz,1));align-self:start}.tv-brand .logo{filter:drop-shadow(0 0 18px #ff3d9a8c);will-change:transform;width:min(100%,460px);height:auto;margin:0 auto;animation:3s ease-in-out infinite float}body[data-perf=lite] .tv-brand .logo{will-change:auto;animation:none}@media (prefers-reduced-motion:reduce){.tv-brand .logo{animation:none}}.tv-brand .tagline{font-size:22px}.tv-panel{text-align:center;background:linear-gradient(#1d1748f2,#120d2ef2);flex-direction:column;align-items:center;gap:10px;padding:16px 22px;display:flex}.tv-h{font-family:var(--display);letter-spacing:2px;color:var(--yellow);margin:0;font-size:18px}.tv-hint{color:var(--muted);max-width:460px;margin:0;font-size:18px}.tv-code{justify-content:center;gap:8px;display:flex}.tv-code span{width:54px;height:62px;font-family:var(--display);color:var(--yellow);box-shadow:inset 0 0 0 3px var(--line2);text-shadow:0 0 12px var(--yellow);background:#08061a;place-items:center;font-size:38px;display:grid}.tv-entry span.cur{box-shadow:inset 0 0 0 3px var(--cyan)}.tv-pad{grid-template-columns:repeat(9,42px);gap:5px;display:grid}.tv-key{height:40px;font-family:var(--display);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line2), inset 0 -4px 0 #0006;cursor:pointer;background:linear-gradient(#2b2368,#1b1548);border:0;padding:0;font-size:16px}.tv-key.wide{color:var(--yellow);font-size:10px}.tv-key:hover,.tv-key:focus-visible{background:var(--cyan);color:var(--k)}.tv-go:disabled{opacity:.45}.tv-host{paint-order:stroke fill;-webkit-text-stroke:2.5px #fff;text-shadow:0 0 4px #ffffff59;filter:drop-shadow(0 0 8px #050312cc);width:100%;padding:18px 24px 22px;font-size:24px}.tv-host small{-webkit-text-stroke:1.5px #fff;text-shadow:none;font-size:15px}.tv-or-line{font-family:var(--display);letter-spacing:1px;color:var(--muted);margin:4px 0 0;font-size:10px}.tv-or{font-family:var(--display);letter-spacing:2px;color:var(--muted);align-self:stretch;align-items:center;gap:12px;margin:2px 0;font-size:10px;display:flex}.tv-or:before,.tv-or:after{content:"";background:var(--line);flex:1;height:2px}.tv-watch-h{font-family:var(--display);letter-spacing:2px;color:var(--cyan);margin:0;font-size:13px;font-weight:400}.tv-panel .tv-hint{margin-top:-4px}.tv-panel .tv-panel-keys{border-top:2px solid var(--line);color:#c9c2ee;-webkit-text-stroke:0;text-shadow:none;flex-wrap:wrap;justify-content:center;align-self:stretch;gap:6px 16px;margin:4px 0 0;padding-top:12px;font-size:17px;display:flex}.tv-go-row{justify-content:center;align-items:center;gap:10px;display:flex}.tv-again{font-size:10px}.tv-keys{color:#c9c2ee;paint-order:stroke fill;-webkit-text-stroke:3px var(--k);text-shadow:1px 1px 0 var(--k), 0 0 8px #050312f2, 0 0 18px #050312cc;margin:8px 0 0;font-size:18px}.tv-mode-tag{z-index:2;color:#c9c2ee;box-shadow:inset 0 0 0 2px var(--line);background:#05030fbd;align-items:center;gap:10px;margin:0;padding:6px 12px 7px 6px;font-size:18px;display:inline-flex;position:absolute;top:0;left:0}.tv-mode-tag b{font-family:var(--display);letter-spacing:1px;color:var(--k);background:var(--cyan);padding:4px 7px 5px;font-size:11px;font-weight:400}.tv-plate{box-shadow:inset 0 0 0 2px var(--line);background:#05030fbd;flex-direction:column;align-items:center;gap:8px;margin-top:10px;padding:10px 18px 12px;display:inline-flex}.tv-plate .tagline{margin:0}.tv-plate .tv-keys{-webkit-text-stroke:0;text-shadow:none;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0;display:flex}.tv-remote-key{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.tv-remote-key kbd{font-family:var(--display);letter-spacing:1px;color:var(--k);background:var(--cyan);padding:3px 6px 4px;font-size:10px;box-shadow:inset 0 -3px #00000040}.tv-actions{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.tv-start-btn:disabled{opacity:.45}.tv-opts{width:min(600px, calc(90vw / var(--vz,1)));flex-direction:column;gap:10px;display:flex}.tv-opts .set-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tv-opts .set-label{font-family:var(--display);letter-spacing:1px;flex-direction:column;gap:2px;font-size:11px;display:flex}.tv-opts .set-label .hint{font-family:var(--text);letter-spacing:0;color:var(--muted);font-size:16px}.tv-opts .set-foot{justify-content:space-between;gap:12px;margin-top:6px;display:flex}.tv-status{min-height:24px;color:var(--yellow);margin:0;font-size:20px}.tv-foot{grid-column:1/-1;justify-content:center;display:flex}.tv-lobby{flex:1;grid-template-columns:minmax(0,1fr) 330px;gap:16px;min-height:0;display:grid}.tv-stage{min-height:0;position:relative}.tv-stage .stage-box{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.tv-join{text-align:center;background:linear-gradient(#1d1748f2,#120d2ef2);flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:3px;padding:16px;display:flex}.tv-qr{width:190px;box-shadow:0 0 0 4px var(--k), 0 0 0 7px var(--cyan)}.qr{width:100%;height:auto;image-rendering:pixelated;display:block}.tv-url,.tv-or{color:var(--muted);margin:0;font-size:19px}.tv-url b{color:var(--cyan);font-weight:400}.tv-count{font-family:var(--display);letter-spacing:1px;color:var(--green);font-size:11px}.tv-changes{z-index:6;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:14px;left:14px}.tv-change{box-shadow:0 0 0 3px var(--yellow), 0 0 24px -6px var(--yellow);font-family:var(--display);letter-spacing:1px;color:var(--yellow);background:#08061af0;align-items:baseline;gap:10px;padding:8px 14px;font-size:12px;animation:.4s cubic-bezier(.2,1.5,.4,1) both changein,.45s ease-in 3.2s forwards changeout;display:flex}.tv-change b{font-family:var(--text);color:var(--muted);letter-spacing:0;font-size:24px;font-weight:400}.tv-change span{flex-direction:column;gap:2px;display:flex}.tv-change small{color:var(--muted);letter-spacing:1px;font-size:8px}.tv-change b.to{color:var(--ink)}.tv-change i{color:var(--muted);font-style:normal}@keyframes changein{0%{opacity:0;transform:translate(-30px)scale(.85)}}@keyframes changeout{to{opacity:0;transform:translateY(-12px)}}.tv-rules.bump{animation:.5s cubic-bezier(.2,1.6,.4,1) bump}.tv-rules{color:var(--muted);font-size:18px}body[data-tv="1"] :is(.game-bottom,.menu-btn,.spec-bar,.res-btns){display:none!important}body[data-tv="1"] .game{grid-template-columns:minmax(0,1fr)}body[data-tv="1"] .game-top{width:min(1240px,100% - 24px)}body[data-tv="1"] .p-text{paint-order:stroke fill;-webkit-text-stroke:6px var(--k);max-width:100%;text-shadow:4px 4px 0 var(--k), 0 0 12px #000000e6;margin-top:4px;font-size:64px;line-height:1.05}body[data-tv="1"] :is(.p-cat,.p-left,.p-laps){font-size:15px}body[data-tv="1"] .p-icon img{width:34px}body[data-tv="1"] .chip{padding:2px 10px;font-size:24px}body[data-tv="1"] .used-strip{flex-wrap:nowrap;min-height:44px}body[data-tv="1"] .used-strip .chip:first-child{box-shadow:inset 0 0 0 3px var(--c)}body[data-tv="1"] .tag-name{font-size:clamp(16px, calc(var(--u) * 6.2), 34px)}body[data-tv="1"] .tag-sub{font-size:clamp(12px, calc(var(--u) * 4.2), 20px)}body[data-tv="1"] .tv-corner .qr{width:96px}body[data-tv="1"] .tv-corner b{font-size:24px}body[data-tv="1"] .tv-corner span{font-size:12px}.tv-sound{z-index:6;gap:6px;display:flex;position:absolute;bottom:8px;left:8px}.tv-sound .btn{min-width:0;padding:6px 10px;font-size:10px}.tv-sound .btn.off{color:var(--dim);text-decoration:line-through}.tv-sound .tv-gear{align-items:center;padding:4px 8px;display:inline-flex}.tv-sound .tv-gear svg{width:18px;height:18px;display:block}.tv-foot .tv-sound{position:static}.tv-join .tv-sound{justify-content:center;margin-top:auto;padding-top:10px;position:static}.tv-stage .tv-sound{bottom:10px;left:10px}body[data-tv="1"] .bubble{font-size:calc(20px * var(--az,1.5));white-space:normal;text-align:center;max-width:400px;padding:4px 12px 5px;line-height:1.1}body[data-tv="1"] .bubble.typing{white-space:nowrap}body[data-tv="1"] .bubble-leaders line{stroke-width:3px}.tv-corner{z-index:6;box-shadow:0 0 0 2px var(--line2);pointer-events:none;background:#08061ae0;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex;position:absolute;bottom:8px;right:8px}.tv-corner .qr{width:70px}.tv-corner span{font-family:var(--display);letter-spacing:1px;color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex}.tv-corner b{letter-spacing:3px;color:var(--yellow);font-size:18px}.tv-help{width:min(520px, calc(86vw / var(--vz,1)));flex-direction:column;gap:12px;display:flex}.tv-steps{flex-direction:column;gap:10px;margin:0;padding-left:22px;font-size:19px;display:flex}.tv-steps b{color:var(--cyan);font-weight:400}.tv-steps .tv-code{justify-content:flex-start;margin-top:6px}.tv-steps .tv-code span{width:40px;height:48px;font-size:26px}.tv-link{align-items:center;gap:8px;display:flex}.tv-link code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--yellow);box-shadow:inset 0 0 0 2px var(--line2);background:#08061a;flex:1;padding:8px;font-size:16px;overflow:hidden}body[data-posture=tabletop][data-screen=game] #topbar{display:none}body[data-posture=tabletop][data-screen=game] .game-stage{height:var(--fold-top);position:fixed;top:0;left:0;right:0}body[data-posture=tabletop][data-screen=game] .game-top{top:calc(var(--fold-bottom) + 6px);width:min(760px,100% - 24px);animation:none;position:fixed;left:50%;transform:translate(-50%)}body[data-posture=tabletop][data-screen=game] .game-bottom{bottom:max(6px, env(safe-area-inset-bottom,0px));position:fixed;left:0;right:0}body[data-posture=tabletop][data-screen=game] .used-strip:empty,body[data-posture=tabletop][data-screen=game] .emote-bar{display:none}body[data-posture=tabletop] .kb{--kh:clamp(30px, calc(5dvh / var(--vz,1)), 42px)}body[data-posture=tabletop] .kb-row:first-child{display:none}body[data-posture=tabletop][data-screen=game] .game.side-ctl .game-main{display:block}.ui-size-ctl{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ui-size-ctl .seg{padding:2px}.ui-size-step{min-width:32px;height:28px;color:var(--cyan);box-shadow:inset 0 0 0 2px var(--line2);background:#08061a;font-size:14px}.ui-size-step:hover,.ui-size-step:focus-visible{background:var(--cyan);color:var(--k)}.ui-size-range{width:150px}.ui-size-val{text-align:right;min-width:48px;font-family:var(--display);color:var(--yellow);font-size:12px;font-weight:400}.tv-size{font-family:var(--display);letter-spacing:1px;color:#c9c2ee;paint-order:stroke fill;-webkit-text-stroke:3px var(--k);text-shadow:1px 1px 0 var(--k), 0 0 8px #050312f2, 0 0 16px #050312cc;align-items:center;gap:8px;font-size:12px;display:flex}.tv-size b{text-align:center;min-width:52px;color:var(--yellow);font-size:13px;font-weight:400}.tv-size .btn,.tv-foot>.btn,.tv-sound .btn{-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 0 8px #050312f2)drop-shadow(0 3px 10px #050312cc)}.tv-foot{flex-wrap:wrap;align-items:center;gap:24px}@media (height<=700px){body[data-screen=game] #topbar{display:none}body[data-screen=game] .game-top{top:4px}body[data-screen=game] .game-top .prompt{padding:6px 12px 8px}body[data-screen=game] .p-text{font-size:clamp(20px, calc(4.2dvh / var(--vz,1)), 30px)}body[data-screen=game] .used-strip:empty,body[data-screen=game] .emote-bar{display:none}body[data-screen=game] .game-bottom{bottom:4px}}.game.side-ctl .answer-in{min-width:0;font-size:22px}@media (width<=860px) and (orientation:portrait) and (height>=560px){:root:has(body[data-screen=home]){scroll-snap-type:y mandatory}:is(:root:has(.home.snapping),:root:has(body[data-kb=open])){scroll-snap-type:none}:root:has(body[data-screen=home]){overscroll-behavior-y:none}body[data-screen=home] #app{height:auto;min-height:calc(100dvh / var(--vz,1))}.home-street{z-index:1;height:calc(100dvh / var(--vz,1));padding:56px 0 calc(58px + env(safe-area-inset-bottom,0px));scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:none;justify-content:space-between;align-items:center;display:flex;position:relative}@supports (height:100svh){.home-street{height:calc(100svh / var(--vz,1))}}.street-top{text-align:center}.street-top .logo{filter:drop-shadow(0 0 18px #ff3d9a8c);width:min(100%,340px);height:auto;margin:0 auto}.street-cta{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.street-play{width:min(100%,320px)}.street-hint{font-family:var(--display);letter-spacing:2px;color:var(--muted);margin:0;font-size:9px;animation:2.4s ease-in-out infinite float}.home-grid{scroll-snap-align:start;scroll-margin-top:calc(var(--topbar-h,48px) + env(safe-area-inset-top,0px));min-height:calc(100dvh / var(--vz,1) - var(--topbar-h,48px) - env(safe-area-inset-top,0px));padding-top:0;padding-bottom:calc(46px + env(safe-area-inset-bottom,0px));flex:none}@supports (height:100svh){.home-grid{min-height:calc(100svh / var(--vz,1) - var(--topbar-h,48px) - env(safe-area-inset-top,0px))}}.home-street{pointer-events:none}.street-top .logo,.street-cta{pointer-events:auto}.home.street-off .street-cta{visibility:hidden}.hero{display:none}.play-card{margin-top:0;overflow:visible}.home-side,.rooms-panel,.rooms-panel .side-body{flex-direction:column;min-height:0;display:flex;overflow:visible}}.acct-btns{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.acct-pair{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}@media (width<=520px){.acct-pair{grid-template-columns:1fr}}.acct-card{text-align:left;box-shadow:inset 0 0 0 2px var(--cyan);background:#00000040;flex-direction:column;gap:3px;min-width:0;padding:10px;display:flex}.acct-card.guest{box-shadow:inset 0 0 0 2px var(--yellow)}.acct-card b{font-family:var(--display);letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.acct-card .hint{overflow-wrap:anywhere}.acct-tag{font-family:var(--display);letter-spacing:2px;color:var(--dim);font-size:8px}.acct-row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.acct-row .acct-card{flex:200px}.acct-acts{flex-direction:column;justify-content:center;gap:6px;display:flex}.acct-profiles,.acct-choose{max-width:560px}.tag-more{pointer-events:auto;width:16px;height:16px;font-family:var(--display);letter-spacing:-1px;text-align:center;color:var(--k);background:var(--dim);cursor:pointer;border:0;padding:0;font-size:8px;line-height:13px;position:absolute;top:-10px;left:-10px}.tag-more:hover,.tag-more:focus-visible{background:var(--cyan)}.tag-more:after{content:"";position:absolute;inset:-6px}.tag-more.muted{background:var(--pink)}.player-menu{max-width:380px}.policy-links{color:var(--dim);text-align:center;font-size:14px}.policy-links a,.policy-link{color:var(--dim);text-underline-offset:2px;text-decoration:underline}.policy-links a:hover,.policy-link:hover,.policy-link:focus-visible{color:var(--cyan)}.home-policies{margin-top:10px}.set-policies{margin:6px 0 2px}.signin-terms{margin:-4px 0 6px;font-size:14px}.toast a{pointer-events:auto;color:var(--cyan)}.presence{z-index:300;padding:var(--gutter);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05030fd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.presence-card{width:min(420px, calc(90vw / var(--vz,1)));text-align:center;flex-direction:column;gap:12px;padding:20px;animation:.35s cubic-bezier(.2,1.6,.4,1) slam;display:flex}.presence-card .panel-title{color:var(--cyan);text-align:center;margin:0}.presence-card .note{margin:0;font-size:19px;line-height:1.25}@media (prefers-reduced-motion:reduce){.presence-card{animation:none}}.net-sig[data-q=paused] i{background:var(--line2)}