@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-v23-latin-regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-v20-latin-regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-v20-latin-500.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-v20-latin-600.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-v20-latin-700.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-v20-latin-800.woff2)format("woff2")}:root{--void:#0b0b0e;--surface:#16161c;--surface-2:#1e1e26;--surface-3:#26262f;--edge:#ffffff17;--edge-2:#ffffff29;--black:#050507;--text:#f2f1f6;--text-soft:#9b99a8;--text-on:#0b0b0e;--on-paint:#fff;--blind-h:#34343f;--blind-p:#55555f;--blind-t:#45454f;--cyan:#24d6f2;--magenta:#ff2e7e;--yellow:#ffd21e;--good:#3ee08a;--bad:var(--magenta);--magenta-deep:#c21458;--yellow-hot:#fff2a8;--paper-a:#e2573c;--paper-b:#2f9fc4;--paper-c:#e6b93f;--camo-a:#3fae7c;--camo-b:#2c7f57;--body-ink:#f2f1f6;--glow-c:0 0 16px #24d6f266;--glow-m:0 0 16px #ff2e7e66;--glow-y:0 0 16px #ffd21e59;--shadow:0 10px 30px #0000008c, 0 2px 8px #0006;--radius:14px;--radius-sm:9px;--display:"Archivo Black", "Inter", system-ui, sans-serif;--fs-3xs:9.5px;--fs-2xs:10.5px;--fs-xs:11.5px;--fs-sm:12.5px;--fs-base:14px;--fs-md:15.5px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:25px;--fs-3xl:28px;--fs-4xl:32px;--fs-5xl:42px;--fs-6xl:48px;--fs-7xl:58px;--fs-8xl:74px;--fs-wordmark:clamp(40px, 3.5vw, 64px);--fs-boot:clamp(44px, 4vw, 74px);--fs-banner:clamp(36px, 3.3vw, 62px);--fs-count:clamp(54px, 5.1vw, 96px);--fs-clock:clamp(24px, 1.95vw, 34px);--plate-c:var(--cyan);--plate-m:var(--magenta);--bleed-stops:transparent 0 calc(100% - 5px), #24d6f24d calc(100% - 5px) calc(100% - 2px), #ffffff8c calc(100% - 2px) 100%;--bleed-r:linear-gradient(90deg, var(--bleed-stops));--bleed-l:linear-gradient(270deg, var(--bleed-stops));--bleed-d:linear-gradient(180deg, var(--bleed-stops));--bleed-u:linear-gradient(0deg, var(--bleed-stops))}@property --plate-open{syntax:"<length>";inherits:true;initial-value:0}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default;margin:0;padding:0;overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.card{border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;background:#16161cf0;padding:11px 13px;position:absolute}.card h2{font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft);margin:0 0 8px;font-weight:800}.card h2:after{content:"";background:var(--yellow);border-radius:2px;width:26px;height:3px;margin-top:6px;display:block}.row{align-items:center;gap:8px;display:flex}.row+.row{margin-top:7px}.spread{justify-content:space-between}.muted{color:var(--text-soft)}.tiny{font-size:var(--fs-xs)}kbd{text-align:center;min-width:18px;font:inherit;font-size:var(--fs-xs);background:var(--surface-3);border:1px solid var(--edge-2);color:var(--text);border-radius:5px;padding:1px 5px;font-weight:700;display:inline-block;box-shadow:0 2px #0000008c}button.btn{font:inherit;color:var(--text);cursor:pointer;background:var(--surface-2);border:1px solid var(--edge-2);border-radius:var(--radius-sm);padding:6px 12px;font-weight:600;transition:transform 70ms,background .12s,border-color .12s,box-shadow .12s;position:relative}button.btn:hover{background:var(--surface-3);border-color:#ffffff47;transform:translateY(-1px)}button.btn:active{transform:translateY(1px)}button.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button.btn.on{background:var(--yellow);border-color:var(--yellow);color:var(--text-on);box-shadow:var(--glow-y);font-weight:800}button.btn.sm{font-size:var(--fs-sm);padding:3px 8px}button.btn.big{font-size:var(--fs-base);letter-spacing:.04em;text-transform:uppercase;background:var(--yellow);border-color:var(--yellow);color:var(--text-on);padding:10px 14px;font-weight:800;overflow:hidden}button.btn.big:before{content:"";background:#ffffff8c;width:34%;position:absolute;top:-2px;bottom:-2px;left:0;transform:translate(-160%)skew(-16deg)}button.btn.big:hover{box-shadow:var(--glow-y);border-color:var(--yellow);background:var(--yellow)}button.btn.big:hover:before{animation:.45s cubic-bezier(.4,0,.2,1) btn-swipe}@keyframes btn-swipe{0%{transform:translate(-160%)skew(-16deg)}to{transform:translate(440%)skew(-16deg)}}.plate{--plate:calc(var(--plate-rest,3px) + var(--plate-open,0px));text-shadow:calc(var(--plate) * -1) 0 0 var(--plate-c), var(--plate) 0 0 var(--plate-m)}.plate.over{text-shadow:calc(var(--plate) * -1) 0 0 var(--plate-c), var(--plate) 0 0 var(--plate-m), 0 4px 22px #000c}.plate.soft{--plate-c:#24d6f26b;--plate-m:#ff2e7e6b}.plate.settle{animation:.42s cubic-bezier(.2,1.5,.45,1) both plate-settle}@keyframes plate-settle{0%{--plate-open:5px}to{--plate-open:0px}}.plate.stress{--plate:calc(var(--plate-rest,3px) + var(--plate-open,0px) + var(--stress,0) * 7px)}.card,.title-card,.pause-card,.browse-card,.profile-card,.ht-card{background-image:radial-gradient(#ffffff09 .75px,#0000 .75px),repeating-linear-gradient(58deg,#ffffff04 0 1px,#0000 1px 3px);background-position:0 0,0 0;background-size:3px 3px,auto}[data-wipe]{position:relative}[data-wipe]:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;opacity:0;position:absolute;inset:0}[data-wipe=r]:before{background:var(--bleed-r)}[data-wipe=l]:before{background:var(--bleed-l)}[data-wipe=d]:before{background:var(--bleed-d)}[data-wipe=u]:before{background:var(--bleed-u)}[data-wipe=r]{animation:.3s cubic-bezier(.4,0,.2,1) both wipe-r}[data-wipe=l]{animation:.3s cubic-bezier(.4,0,.2,1) both wipe-l}[data-wipe=d]{animation:.3s cubic-bezier(.4,0,.2,1) both wipe-d}[data-wipe=u]{animation:.3s cubic-bezier(.4,0,.2,1) both wipe-u}[data-wipe=r]:before{animation:.3s cubic-bezier(.4,0,.2,1) both bleed-r}[data-wipe=l]:before{animation:.3s cubic-bezier(.4,0,.2,1) both bleed-l}[data-wipe=d]:before{animation:.3s cubic-bezier(.4,0,.2,1) both bleed-d}[data-wipe=u]:before{animation:.3s cubic-bezier(.4,0,.2,1) both bleed-u}@keyframes wipe-r{0%{clip-path:inset(0 100% 0 0 round var(--radius))}to{clip-path:inset(0 0 0 0 round var(--radius))}}@keyframes wipe-l{0%{clip-path:inset(0 0 0 100% round var(--radius))}to{clip-path:inset(0 0 0 0 round var(--radius))}}@keyframes wipe-d{0%{clip-path:inset(0 0 100% 0 round var(--radius))}to{clip-path:inset(0 0 0 0 round var(--radius))}}@keyframes wipe-u{0%{clip-path:inset(100% 0 0 0 round var(--radius))}to{clip-path:inset(0 0 0 0 round var(--radius))}}@keyframes bleed-r{0%{opacity:1;transform:translate(-100%)}80%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes bleed-l{0%{opacity:1;transform:translate(100%)}80%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes bleed-d{0%{opacity:1;transform:translateY(-100%)}80%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes bleed-u{0%{opacity:1;transform:translateY(100%)}80%{opacity:1}to{opacity:0;transform:translateY(0)}}#hud-room{min-width:190px;top:16px;left:18px}#hud-room .name{font-size:var(--fs-lg);letter-spacing:.01em;font-weight:800}#hud-room .hint{font-size:var(--fs-xs);color:var(--text-soft);margin-top:2px}#hud-keys{max-width:250px;bottom:16px;left:18px}#hud-keys .k{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}#hud-keys .k span{color:var(--text-soft);font-size:var(--fs-sm)}#hud-stats{font-variant-numeric:tabular-nums;min-width:128px;font-size:var(--fs-sm);top:16px;right:18px}#hud-stats b{font-size:var(--fs-md)}#vis{letter-spacing:.06em;font-weight:700;font-size:var(--fs-sm);border-radius:99px;align-items:center;gap:9px;padding:8px 15px;display:flex;top:14px;left:50%;transform:translate(-50%)}#vis .dot{background:var(--surface-3);border-radius:50%;width:11px;height:11px}#vis.seen{border-color:#ff2e7e80}#vis.seen .dot{background:var(--magenta);box-shadow:var(--glow-m);animation:.9s ease-in-out infinite pulse}#vis.hidden-ok .dot{background:var(--good);box-shadow:0 0 12px #3ee08a80}@keyframes pulse{50%{transform:scale(1.35)}}#prompts{white-space:nowrap;font-size:var(--fs-sm);color:var(--text-soft);border:1px solid var(--edge);box-shadow:var(--shadow);background:#0b0b0ed1;border-radius:99px;align-items:baseline;gap:14px;padding:7px 15px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#prompts .p{align-items:baseline;gap:6px;font-weight:600;display:inline-flex}#prompts kbd{font-size:var(--fs-2xs)}#buried{letter-spacing:.1em;font-size:var(--fs-xl);font-family:var(--display);--plate-rest:1px;--plate-c:var(--cyan);--plate-m:var(--magenta-deep);color:var(--on-paint);background:var(--magenta);border-radius:var(--radius-sm);box-shadow:var(--glow-m), var(--shadow);border:1px solid #ffffff40;padding:9px 20px;font-weight:400;animation:.55s ease-in-out infinite buriedflash;position:absolute;top:21%;left:50%;transform:translate(-50%)}@keyframes buriedflash{50%{background:var(--magenta-deep);transform:translate(-50%)scale(1.03)}}#posemenu{z-index:30;min-width:300px;top:50%;left:50%;transform:translate(-50%,-52%)}#posemenu .grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}#posemenu button{text-align:left;padding:8px 12px 8px 20px;position:relative}#posemenu button .num{background:var(--yellow);color:var(--text-on);width:17px;height:17px;line-height:17px;font-size:var(--fs-2xs);text-align:center;border:none;border-radius:50%;font-weight:800;position:absolute;top:-8px;left:-7px}#chatline{border:1px solid var(--edge-2);border-radius:var(--radius-sm);width:min(440px,84vw);box-shadow:var(--shadow);z-index:30;background:#16161cf5;align-items:center;gap:8px;padding:9px 13px;display:flex;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}#chatline .tag{font-size:var(--fs-2xs);letter-spacing:.14em;color:var(--text-soft);font-weight:800}#chatline input{font:inherit;font-size:var(--fs-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1}#chatline:focus-within{border-color:var(--cyan);box-shadow:var(--shadow), 0 0 0 2px #24d6f259}#poses{gap:7px;padding:8px 10px;display:flex;bottom:52px;left:50%;transform:translate(-50%)}#poses button{position:relative}#poses button .num{background:var(--yellow);color:var(--text-on);width:17px;height:17px;line-height:17px;font-size:var(--fs-2xs);text-align:center;border:none;border-radius:50%;font-weight:800;position:absolute;top:-9px;left:-7px}#paint{width:250px;max-height:calc(100vh - 172px);top:152px;right:18px;overflow-y:auto}#paint.aside{max-height:calc(100vh - 36px);top:16px;left:18px;right:auto}body.paint-aside #net-role,body.paint-aside #hud-room{display:none}#paint.hidden,.hidden{display:none!important}#sv{border:1px solid var(--edge-2);cursor:crosshair;border-radius:8px;width:226px;height:132px;display:block}#hue{border:1px solid var(--edge-2);cursor:ew-resize;border-radius:8px;width:226px;height:18px;margin-top:7px;display:block}.pickwrap{position:relative}#svdot,#huedot{border:2px solid var(--on-paint);pointer-events:none;border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #000c}.swatches{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px;display:grid}.swatches button{aspect-ratio:1;border:1px solid var(--edge-2);cursor:pointer;font:inherit;appearance:none;background:0 0;border-radius:5px;padding:0;display:block}.swatches button:hover{border-color:#fff6;transform:translateY(-1px)}.swatches button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.swatches button.empty{background:repeating-linear-gradient(45deg, var(--surface-2) 0 4px, var(--surface-3) 4px 8px)}#curcol{border:1px solid var(--edge-2);border-radius:8px;flex:0 0 34px;width:34px;height:34px;box-shadow:inset 0 0 0 2px #00000059}input[type=range]{appearance:none;background:var(--surface-3);border:1px solid var(--edge);border-radius:4px;flex:1;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #0009}input[type=range]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#loupe{border:3px solid var(--on-paint);width:62px;height:62px;box-shadow:0 0 0 2px #000000b3, var(--shadow);pointer-events:none;z-index:40;border-radius:50%;display:none;position:fixed}#loupe:after{content:attr(data-hex);background:var(--void);color:var(--text);border:1px solid var(--edge-2);font-size:var(--fs-xs);letter-spacing:.05em;white-space:nowrap;border-radius:6px;padding:2px 7px;font-weight:700;position:absolute;top:68px;left:50%;transform:translate(-50%)}#brushring{pointer-events:none;z-index:39;border:2px solid #fffffff2;border-radius:50%;display:none;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0000008c,inset 0 0 0 1.5px #00000059}#toast{opacity:0;padding:8px 16px;font-weight:700;transition:opacity .18s,transform .18s;bottom:92px;left:50%;transform:translate(-50%)}#toast.show{opacity:1;transform:translate(-50%)translateY(-4px)}#hunterframe{pointer-events:none;z-index:5;display:none;position:fixed;inset:0;box-shadow:inset 0 0 0 3px #ff2e7ecc,inset 0 0 90px #0000006b}#hunterframe .tag{background:var(--magenta);color:var(--on-paint);letter-spacing:.2em;font-family:var(--display);font-weight:400;font-size:var(--fs-2xs);box-shadow:var(--glow-m);border:none;border-radius:99px;padding:6px 15px;position:absolute;top:22px;left:50%;transform:translate(-50%)}#hunterframe .cross{mix-blend-mode:difference;border:2px solid #ffffffd9;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#boot{z-index:100;background:radial-gradient(circle at 50% 40%, #16161c, var(--void) 70%);place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}#boot.gone{opacity:0;pointer-events:none}.boot-card{text-align:center}.boot-card h1{font-size:var(--fs-boot);font-family:var(--display);letter-spacing:.1em;color:var(--text);margin:0;font-weight:400}.boot-card .sub{color:var(--text-soft);letter-spacing:.1em;font-size:var(--fs-sm);margin:14px 0 18px}.boot-card .bar{background:var(--surface-2);border:1px solid var(--edge-2);border-radius:6px;width:230px;height:8px;margin:0 auto;overflow:hidden}.boot-card .bar i{background:var(--yellow);width:0%;height:100%;box-shadow:var(--glow-y);transition:width .25s;display:block}@media (max-width:720px),(pointer:coarse){#ui,#gl{filter:blur(3px)}}#title{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(640px at 10% 90%,#24d6f214,#0000 60%),radial-gradient(720px at 90% 8%,#ff2e7e14,#0000 60%),radial-gradient(circle at 50% 42%,#0b0b0ee0 0 20%,#0b0b0ead 50%,#0b0b0e70 100%);justify-content:center;align-items:safe center;padding:16px 0;display:flex;position:fixed;inset:0;overflow:hidden auto}.title-card{text-align:center;width:400px;max-width:calc(100vw - 32px);padding:26px 26px 20px;position:relative}.title-card h1{font-size:var(--fs-wordmark);font-family:var(--display);letter-spacing:.06em;color:var(--text);margin:0;font-weight:400}.title-card .tag{font-size:var(--fs-sm);color:var(--text-soft);margin:14px 0 20px;line-height:1.5}.field{text-align:left;margin-bottom:14px;display:block}.field span{font-size:var(--fs-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin-bottom:5px;font-weight:800;display:block}.title-card input,.joinrow input{font:inherit;width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--edge-2);border-radius:var(--radius-sm);padding:9px 12px;font-weight:600}.title-card input:focus,.joinrow input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #24d6f238}.title-card input::placeholder,.joinrow input::placeholder{color:#9b99a88c}.menu-actions{flex-direction:column;gap:9px;display:flex}.joinrow{gap:8px;display:flex}.joinrow .btn.big{background:var(--surface-2);border-color:var(--edge-2);color:var(--text)}.joinrow .btn.big:hover{background:var(--surface-3);box-shadow:none;border-color:#ffffff4d}.joinrow:focus-within .btn.big{background:var(--yellow);border-color:var(--yellow);color:var(--text-on)}.joinrow input{text-align:center;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;width:108px}.joinrow .btn{flex:1}#m-vis-row{margin:-3px 2px 0}#browse{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0b0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#browse.hidden{display:none}.browse-card{width:min(440px,92vw);padding:18px 20px}.browse-card h2{margin:0 0 12px}.b-list{flex-direction:column;gap:6px;min-height:60px;max-height:300px;display:flex;overflow-y:auto}.b-empty{text-align:center;margin:18px 0}.b-room{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:8px 11px;display:grid}.b-room.full{opacity:.55}.b-room .b-code{font-size:var(--fs-md);letter-spacing:.18em;grid-row:1/3;font-weight:800}.b-room .b-meta{font-size:var(--fs-sm);font-weight:600}.b-room .b-status{grid-column:2}.b-room .btn{grid-area:1/3/3}.b-foot{justify-content:space-between;margin-top:14px;display:flex}button.btn.xs{font-size:var(--fs-sm);padding:0 7px;line-height:20px}button.btn.ghost{border-color:var(--edge);color:var(--text-soft);background:0 0;width:100%}button.btn.ghost:hover{background:var(--surface-2);border-color:var(--edge-2);color:var(--text)}button.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.menu-sep{background:var(--edge);height:1px;margin:16px 0 10px;position:relative}.menu-sep span{background:var(--surface);font-size:var(--fs-xs);color:var(--text-soft);padding:0 9px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.menu-foot{margin:14px 0 0;line-height:1.5}.err{min-height:16px;font-size:var(--fs-sm);color:var(--text-soft);margin:12px 0 0;font-weight:700}.err.bad{color:var(--magenta)}#lobby{width:258px;max-height:calc(100vh - 32px);top:16px;right:18px;overflow-y:auto}#lobby h2 b{color:var(--text);font-size:var(--fs-md);letter-spacing:.22em}.l-phonetic{letter-spacing:.04em;opacity:.75;margin:-4px 0 8px}.l-players{flex-direction:column;gap:3px;max-height:210px;margin-bottom:10px;display:flex;overflow-y:auto}.l-player{font-weight:600;font-size:var(--fs-sm);align-items:center;gap:7px;display:flex}.l-player .dot{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 6px #3ee08a99}.l-player.gone .dot{background:var(--surface-3);box-shadow:none}.l-player.gone{opacity:.5}.l-player .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.l-player.me .nm{color:var(--yellow)}.l-player .host{font-style:normal;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.l-player .size{font-style:normal;font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--text-soft);opacity:.8}.l-player.pickable{cursor:pointer;border-radius:6px}.l-player.pickable:hover .nm{color:var(--cyan)}.l-player .gun{font-style:normal;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--bad,#ff2e7e);font-weight:800}.l-mine{border-top:1px solid var(--edge);padding-top:9px}.l-mine.locked{opacity:.55;pointer-events:none}.l-settings{border-top:1px solid var(--edge);padding-top:9px}.l-settings.locked{opacity:.55;pointer-events:none}.stepper{align-items:center;gap:6px;display:flex}.stepper b{text-align:center;min-width:48px;font-size:var(--fs-sm)}.l-foot{z-index:1;background:linear-gradient(to bottom, #16161c00 0, var(--surface) 11px);margin:11px -13px 0;padding:11px 13px 0;position:sticky;bottom:0}.l-foot .btn{width:100%}.l-foot p{text-align:center;margin:7px 0 0}.l-hint{border-top:1px solid var(--edge);margin-top:10px;padding-top:8px;line-height:1.5}.title-card .chip{z-index:1;font-size:var(--fs-xs);border-radius:99px;align-items:center;gap:6px;max-width:46%;padding:4px 10px 4px 8px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.title-card .chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-card .chip .chip-dot{background:linear-gradient(140deg, var(--cyan), var(--magenta));border-radius:50%;flex:none;width:13px;height:13px;box-shadow:inset 0 0 0 1px #00000059}.quick-note{text-align:left;margin:-3px 2px 3px;line-height:1.45}.title-card .btn.big.quiet{background:var(--surface-2);border-color:var(--edge-2);color:var(--text)}.title-card .btn.big.quiet:hover{background:var(--surface-3);box-shadow:none;border-color:#ffffff4d}.title-card:has(.joinrow:focus-within) #m-quick{background:var(--surface-2);border-color:var(--edge-2);color:var(--text);box-shadow:none}.menu-quiet .btn{font-size:var(--fs-sm);padding:5px 6px}.invite-line{text-align:left;font-size:var(--fs-sm);color:var(--text);border-radius:var(--radius-sm);background:#24d6f217;border:1px solid #24d6f259;margin:-8px 0 14px;padding:7px 10px;font-weight:700}.invite-line.hidden{display:none}.title-card .btn.sm.rejoin{width:auto;margin-top:8px;font-weight:800}.title-card .btn.sm.rejoin.hidden{display:none}#practicebar{width:258px;top:16px;right:18px}#practicebar.hidden{display:none}#practicebar p{margin:7px 0 0;line-height:1.5}.l-invite{flex-direction:column;gap:5px;margin:0 0 10px;display:flex}.l-invite .btn{align-self:flex-start;font-weight:800}.l-invite .btn.ok{background:var(--good);border-color:var(--good);color:var(--text-on)}.l-link{font-size:var(--fs-2xs);color:var(--text-soft);word-break:break-all;cursor:text;-webkit-user-select:all;user-select:all;font-weight:600;line-height:1.4}.l-player .rdy{font-style:normal;font-size:var(--fs-sm);color:var(--good);text-shadow:0 0 8px #3ee08a73;font-weight:800;line-height:1}#l-ready.hidden{display:none}button#l-ready.on{background:var(--good);border-color:var(--good);color:var(--text-on);box-shadow:0 0 18px #3ee08a59}.btn.pulse{animation:1.5s ease-in-out infinite cta-pulse}@keyframes cta-pulse{0%,to{box-shadow:0 0 #ffd21e8c}50%{box-shadow:0 0 0 7px #ffd21e00}}#results h2.r-title{font-size:var(--fs-xl);font-family:var(--display);letter-spacing:.03em;text-transform:none;color:var(--text);--plate-rest:2px;font-weight:400}#results h2.r-title b,#results h2.r-title span{font-size:inherit;letter-spacing:inherit}#results{width:560px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.r-medals{flex-wrap:wrap;gap:9px;margin-bottom:11px;display:flex}.medal{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);flex:1;align-items:center;gap:9px;min-width:180px;padding:8px 11px;display:flex}.medal i{font-style:normal;font-size:var(--fs-xl);color:var(--yellow);--plate-rest:2px;--plate-c:#24d6f2bf;--plate-m:#ff2e7ebf}.medal b{font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;display:block}.medal span{font-size:var(--fs-xs);color:var(--text-soft)}.r-head,.r-row{grid-template-columns:26px 1fr 58px 58px 62px 48px 62px;align-items:center;gap:4px;padding:4px 6px;display:grid}.r-head{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);font-weight:700}.r-head span:not(:nth-child(2)),.r-row span:not(.nm),.r-row b{text-align:right}.r-row{border-top:1px solid var(--edge);font-size:var(--fs-sm)}.r-row.me{background:#ffd21e14;border-radius:7px}.r-row .rank{color:var(--text-soft);font-weight:800;text-align:center!important}.r-row .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.r-row .nm em{font-style:normal;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin-left:6px}.r-row b{font-size:var(--fs-md)}.r-why{border-top:1px solid var(--edge);margin-top:10px;padding-top:9px}.r-why:empty{display:none}.r-why .r-sum{color:var(--text-soft);line-height:1.6;display:block}.r-why .r-sum b{color:var(--text);font-variant-numeric:tabular-nums}.r-why .r-advice{color:var(--text);margin-top:6px;line-height:1.5;display:block}.r-why .r-advice em{font-style:normal;font-weight:700}.r-actions{border-top:1px solid var(--edge);margin-top:11px;padding-top:9px}.r-actions.hidden{display:none}.r-thumbs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.r-thumbs:empty{display:none}button.r-thumb{font:inherit;cursor:pointer;color:var(--text-soft);background:var(--surface-2);border:1px solid var(--edge-2);border-radius:7px;flex:none;padding:3px;transition:transform 70ms,border-color .12s,background .12s}button.r-thumb canvas{border-radius:4px;width:96px;height:54px;display:block}button.r-thumb span{max-width:96px;font-size:var(--fs-3xs);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:800;display:block;overflow:hidden}button.r-thumb:hover{background:var(--surface-3);border-color:#ffffff59;transform:translateY(-1px)}button.r-thumb:active{transform:translateY(1px)}button.r-thumb:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button.r-thumb.mine{border-color:var(--yellow);color:var(--yellow)}.r-save{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.r-save .hidden{display:none}#r-note{flex:1;min-width:120px}.r-foot{align-items:center;gap:12px;margin-top:12px;display:flex}#net-clock{text-align:center;min-width:132px;padding:7px 16px;top:14px;left:50%;transform:translate(-50%)}#net-clock .phase{font-size:var(--fs-2xs);letter-spacing:.26em;color:var(--text-soft);font-weight:800}#net-clock .time{font-size:var(--fs-clock);font-family:var(--display);font-variant-numeric:tabular-nums;--plate-rest:1.5px;font-weight:400;line-height:1.1}#net-clock .sub{font-size:var(--fs-xs);color:var(--text-soft)}#net-clock.urgent{box-shadow:var(--glow-m), var(--shadow);border-color:#ff2e7e8c}#net-clock.urgent .time{color:var(--magenta);animation:.9s ease-in-out infinite pulse}#net-role{min-width:150px;top:16px;left:18px}#net-role .r{font-size:var(--fs-md);font-family:var(--display);letter-spacing:.14em;color:var(--cyan);font-weight:400}#net-role.hunter{box-shadow:var(--glow-m), var(--shadow);border-color:#ff2e7e8c}#net-role.hunter .r{color:var(--magenta)}#net-role.spectator{opacity:.78}#net-role.spectator .r{color:var(--text-soft)}#net-scores{width:214px;top:16px;right:18px}#net-scores .rows{flex-direction:column;gap:2px;display:flex}.s-row{font-size:var(--fs-sm);align-items:center;gap:7px;font-weight:600;display:flex}.s-row i{background:var(--cyan);border-radius:50%;flex:none;width:8px;height:8px}.s-row i.hunter{background:var(--magenta);box-shadow:0 0 6px #ff2e7e99}.s-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.s-row b{font-variant-numeric:tabular-nums}.s-row.me .nm{color:var(--yellow)}.s-row.out{opacity:.45;text-decoration:line-through}#net-feed{pointer-events:none;flex-direction:column;gap:5px;width:300px;display:flex;position:absolute;bottom:62px;left:18px}.f-item{font-size:var(--fs-sm);color:var(--text);border:1px solid var(--edge);border-radius:var(--radius-sm);opacity:0;background:#16161cf0;padding:6px 11px;font-weight:600;transition:opacity .28s,transform .28s;transform:translate(-10px)}.f-item.in{opacity:1;transform:none}.f-item.tag{background:#381021eb;border-color:#ff2e7e8c}.f-item.good{background:#0f2a1ceb;border-color:#3ee08a80}.f-item b{color:var(--yellow)}#net-floats{pointer-events:none;z-index:41;width:0;height:0;position:absolute;top:54%;left:50%}.sf{text-align:center;white-space:nowrap;opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0;transform:translate(-50%)}.sf b{font-family:var(--display);font-weight:400;font-size:var(--fs-2xl);color:var(--yellow);text-shadow:0 2px #000000bf,0 0 14px #ffd21e8c;font-variant-numeric:tabular-nums;line-height:1;display:block}.sf em{font-style:normal;font-size:var(--fs-3xs);letter-spacing:.18em;color:var(--yellow);opacity:.9;text-shadow:0 1px 2px #000c;margin-top:2px;font-weight:800;display:block}.sf:not(.tagged) em{display:none}.sf.mid b{font-size:var(--fs-4xl)}.sf.big b{font-size:var(--fs-5xl);color:var(--yellow-hot);text-shadow:0 2px #000c,0 0 22px #ffd21ed9}.sf.go{animation:.9s cubic-bezier(.16,.72,.32,1) forwards sfRise}@keyframes sfRise{0%{opacity:0;transform:translate(calc(-50% + var(--sfx,0px)), 6px) scale(.72)}14%{opacity:1;transform:translate(calc(-50% + var(--sfx,0px)), -2px) scale(1.06)}30%{opacity:1;transform:translate(calc(-50% + var(--sfx,0px)), -12px) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--sfx,0px)), -62px) scale(.96)}}#net-role .earn{opacity:0;align-items:center;gap:6px;height:0;margin-top:0;transition:height .16s,margin-top .16s,opacity .16s;display:flex;overflow:hidden}#net-role.earning .earn{opacity:1;height:12px;margin-top:6px}#net-role .earn i{background:var(--yellow);width:7px;height:7px;box-shadow:var(--glow-y);border-radius:50%;flex:none;animation:.8s ease-in-out infinite pulse;display:block}#net-role .earn span{font-size:var(--fs-3xs);letter-spacing:.18em;color:var(--yellow);font-weight:800}#net-cross{pointer-events:none;z-index:40;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#net-cross i{border:2.5px solid #ffffffeb;border-radius:50%;width:15px;height:15px;transition:transform .12s,opacity .12s;display:block;box-shadow:0 0 0 1.5px #00000073,inset 0 0 0 1.5px #00000073}#net-cross.cool i{opacity:.32;transform:scale(1.9)}#net-cross.empty i{border-color:#ff2e7ef2;transform:scale(.72);box-shadow:0 0 0 1.5px #00000080,inset 0 0 0 1.5px #00000080}#net-cross .hit{opacity:0;position:absolute;top:50%;left:50%}#net-cross.hit .hit{animation:.32s ease-out xhit}#net-cross .hit b{background:var(--on-paint);border-radius:1px;width:2.5px;height:8px;margin:-4px -1.25px;position:absolute;box-shadow:0 0 0 1px #00000080}#net-cross .hit b:first-child{transform:translateY(-13px)}#net-cross .hit b:nth-child(2){transform:translateY(13px)}#net-cross .hit b:nth-child(3){transform:translate(-13px)rotate(90deg)}#net-cross .hit b:nth-child(4){transform:translate(13px)rotate(90deg)}@keyframes xhit{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}#ammo{z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:7px;display:none;position:fixed;bottom:62px;right:20px}#ammo.on{display:flex}#ammo .pips{gap:5px;display:flex}#ammo .pips i{background:var(--text);border:2px solid #0000008c;border-radius:4px;width:9px;height:20px;transition:background .12s,transform .12s,opacity .12s;display:block;box-shadow:0 2px #0000004d}#ammo .pips i.spent{opacity:.8;background:#1412106b;transform:scaleY(.62)}#ammo .pips i.low{background:var(--magenta);box-shadow:0 0 8px #ff2e7e99}#ammo .bar{opacity:0;background:#14121080;border:2px solid #0000008c;border-radius:4px;width:88px;height:7px;transition:opacity .16s;overflow:hidden}#ammo.reloading .bar{opacity:1}#ammo .bar span{background:var(--cyan);width:0%;height:100%;display:block}#ammo .lbl{font-size:var(--fs-2xs);letter-spacing:.16em;color:#ffffffdb;text-shadow:0 1px 2px #000000b3;opacity:0;font-weight:800;transition:opacity .16s}#ammo.reloading .lbl,#ammo.empty .lbl{opacity:1}#ammo.empty .lbl{color:var(--magenta)}#ammo.empty:not(.reloading) .pips{animation:.7s ease-in-out infinite ammoPulse}@keyframes ammoPulse{0%,to{opacity:1}50%{opacity:.42}}#blindfold{z-index:80;background:var(--black);color:var(--text);opacity:0;pointer-events:none;place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#blindfold.on{opacity:1;pointer-events:auto}.bf-inner{text-align:center}.bf-inner h1{font-size:var(--fs-5xl);font-family:var(--display);letter-spacing:.18em;color:var(--blind-h);margin:0;font-weight:400}.bf-inner p{color:var(--blind-p);font-size:var(--fs-sm);letter-spacing:.06em;margin:12px 0}.bf-inner .bf-time{font-size:var(--fs-count);font-family:var(--display);color:var(--text);font-variant-numeric:tabular-nums;--plate-rest:3px;font-weight:400;line-height:1}.bf-inner .tiny{font-size:var(--fs-xs);color:var(--blind-t)}#taunt{z-index:45;background:var(--magenta);color:var(--on-paint);border-radius:var(--radius-sm);box-shadow:var(--glow-m), var(--shadow);opacity:0;pointer-events:none;border:1px solid #ffffff40;align-items:center;gap:10px;padding:9px 17px;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:88px;left:50%;transform:translate(-50%)translateY(-8px)}#taunt.on{opacity:1;animation:1s ease-in-out infinite pulse;transform:translate(-50%)translateY(0)}#taunt b{font-size:var(--fs-base);letter-spacing:.14em;font-family:var(--display);font-weight:400}#taunt span{font-size:var(--fs-sm)}#taunt kbd{color:var(--text-on);background:#ffffffeb;border-color:#0000}#wheel{z-index:46;opacity:0;pointer-events:none;width:380px;height:380px;transition:opacity .14s,transform .14s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}#wheel.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.w-seg{white-space:nowrap;font-size:var(--fs-sm);color:var(--text);border:1px solid var(--edge-2);background:#16161cf5;border-radius:99px;padding:7px 13px;font-weight:600;transition:transform .1s,background .1s,border-color .1s;position:absolute;transform:translate(-50%,-50%)}.w-seg.on{background:var(--yellow);border-color:var(--yellow);color:var(--text-on);box-shadow:var(--glow-y);font-weight:800;transform:translate(-50%,-50%)scale(1.14)}.w-hub{font-size:var(--fs-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 3px #000000b3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#net-banner{z-index:47;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.94)}#net-banner.on{opacity:1;transform:translate(-50%,-50%)scale(1)}#net-banner b{font-size:var(--fs-banner);font-family:var(--display);letter-spacing:.1em;color:var(--text);--plate-rest:4px;font-weight:400;display:block}#net-banner span{font-size:var(--fs-base);color:var(--text);text-shadow:0 2px 6px #000000bf;margin-top:8px;font-weight:700;display:block}#ui.net-dim #net-scores,#ui.net-dim #net-feed,#ui.net-dim #net-role{opacity:.28;transition:opacity .2s}#ui.ctx-net #hud-room{top:92px}#ui.ctx-net #hud-stats{display:none}#m-level-row{margin-top:12px}.stepper.wide{min-width:148px}.stepper.wide b{text-align:center;min-width:84px}.l-blurb{opacity:.85;margin:2px 0 8px;line-height:1.45}.mode-row{margin-bottom:2px}.mode-row .muted{letter-spacing:.06em;text-transform:uppercase;font-weight:800}.l-settings .hidden{display:none}.menu-row2{gap:8px;display:flex}.menu-row2 .btn{flex:1}.r-row{animation:.32s cubic-bezier(.2,.9,.3,1) both r-in}@keyframes r-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.r-row b{font-variant-numeric:tabular-nums}#painttip{z-index:44;text-align:center;pointer-events:none;max-width:400px;padding:12px 16px;animation:.3s both tip-in;position:fixed;bottom:128px;left:50%;transform:translate(-50%)}#painttip.hidden{display:none}#painttip b{font-size:var(--fs-md);margin-bottom:5px;display:block}#painttip span{font-size:var(--fs-sm);color:var(--text-soft);line-height:1.5;display:block}#painttip .eyedrop-nudge{color:var(--text);margin-top:8px}#painttip .eyedrop-nudge b{font-size:var(--fs-sm);margin:0;display:inline}#painttip.compact{padding:9px 14px}#painttip.compact>b,#painttip.compact>span:not(.eyedrop-nudge){display:none}#painttip.compact .eyedrop-nudge{margin-top:0}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}#howto{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0b0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#howto.hidden{display:none}.ht-card{width:min(560px,92vw);padding:0 0 18px;overflow:hidden}.ht-card h2{font-size:var(--fs-lg);font-family:var(--display);letter-spacing:.04em;text-transform:none;color:var(--text);margin:16px 22px 6px;font-weight:400}.ht-card h2:after{display:none}.ht-card p{color:var(--text-soft);line-height:1.6;font-size:var(--fs-base);margin:0 22px 16px}.ht-card p b{color:var(--text)}.ht-foot{justify-content:space-between;align-items:center;padding:0 22px;display:flex}.ht-btns{align-items:center;gap:8px;display:flex}.ht-btns button.btn{white-space:nowrap;flex:none;width:auto}.ht-dots{gap:7px;display:flex}.ht-dots i{background:var(--surface-3);border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.ht-dots i.on{background:var(--yellow);transform:scale(1.3);box-shadow:0 0 8px #ffd21e80}.ht-art{background:linear-gradient(var(--void), var(--surface));border-bottom:1px solid var(--edge);height:190px;position:relative;overflow:hidden}.ht-svg{width:100%;height:100%;display:block}.ht-score{font-family:var(--display);font-weight:400;font-size:var(--fs-3xl);fill:var(--good);animation:2.2s ease-out infinite ht-float}.ht-walk,.ht-under,.ht-over,.ht-hidden{transform-box:fill-box}.ht-walk{transform-origin:50% 100%;animation:4.6s ease-in-out infinite ht-walk}@keyframes ht-walk{0%,to{transform:translate(76px,172px)scale(1.75)}25%{transform:translate(200px,172px)scale(1.75,1.63)}50%{transform:translate(468px,172px)scale(1.75)}75%{transform:translate(200px,172px)scale(1.75,1.63)}}.ht-body{transform-box:view-box;transform:translate(268px,176px)scale(2.05)}.ht-body.ht-off{transform:translate(336px,176px)scale(2.05)}.ht-over{animation:3.2s ease-in-out infinite ht-paint}@keyframes ht-paint{0%,12%{opacity:0}62%,to{opacity:1}}.ht-brush{animation:3.2s ease-in-out infinite ht-brushmove}@keyframes ht-brushmove{0%{opacity:0;transform:translate(268px,120px)}10%{opacity:1}30%{opacity:1;transform:translate(292px,78px)}50%{opacity:1;transform:translate(246px,132px)}70%{opacity:1;transform:translate(294px,104px)}to{opacity:0;transform:translate(294px,104px)}}.ht-cone{transform-box:view-box;transform-origin:280px 186px;animation:4.4s ease-in-out infinite ht-sweep}@keyframes ht-sweep{0%,to{transform:rotate(-26deg)}50%{transform:rotate(26deg)}}@keyframes ht-float{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translateY(-26px)}}#film{z-index:40;pointer-events:none;--film-bar:12%;--film-slide:.42s;position:fixed;inset:0}.film-bar{height:var(--film-bar);background:var(--black);transition:transform var(--film-slide) cubic-bezier(.22, .61, .36, 1);position:absolute;left:0;right:0;transform:translateY(-101%)}.film-bar.bot{top:auto;bottom:0;transform:translateY(101%)}.film-bar.top{top:0}#film.on .film-bar{transform:none}.film-skip{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;font-size:var(--fs-xs);letter-spacing:.16em;color:#ffffff8c;line-height:1;position:absolute;bottom:34%;left:0;right:0}.film-title,.film-card{opacity:0;transition:opacity .3s,transform .3s;position:absolute;transform:translateY(8px)}.film-title{text-align:center;padding:16px 32px;top:50%;left:50%;transform:translate(-50%,-46%)}.film-title.in{opacity:1;transform:translate(-50%,-50%)}.film-title b{font-size:var(--fs-2xl);font-family:var(--display);letter-spacing:.16em;--plate-rest:2px;font-weight:400;display:block}.film-title span{font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}.film-card{left:3vw;bottom:calc(var(--film-bar) + 3.2vh);min-width:230px;max-width:44vw}.film-card.in{opacity:1;transform:none}.film-card>b{font-size:var(--fs-lg);font-family:var(--display);letter-spacing:.05em;font-weight:400;display:block}.film-lines{flex-direction:column;gap:2px;margin-top:4px;display:flex}.film-lines span{font-size:var(--fs-sm);color:var(--text-soft);opacity:0;font-weight:600;animation:.34s forwards film-line}@keyframes film-line{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}#desktopgate{z-index:200;background:var(--void);color:var(--text);text-align:center;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#desktopgate .card{max-width:380px;color:var(--text);padding:26px 24px}#desktopgate h1{font-size:var(--fs-3xl);font-family:var(--display);letter-spacing:.08em;--plate-rest:2px;margin:0 0 8px;font-weight:400}#desktopgate p{color:var(--text-soft);line-height:1.6;font-size:var(--fs-base);margin:0 0 6px}#desktopgate p b{color:var(--text)}#desktopgate button{margin-top:14px}body.gated #desktopgate{display:flex}#pause{z-index:92;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0b0eb8;justify-content:center;align-items:safe center;display:flex;position:fixed;inset:0}#pause.hidden{display:none}.pause-card{width:min(340px,92vw);max-height:calc(100vh - 32px);padding:18px 20px 16px;position:relative;overflow-y:auto}.pause-card h2{font-size:var(--fs-sm);margin:0 0 12px}.pause-btns{flex-direction:column;gap:8px;display:flex}.pause-btns .btn{width:100%}.pause-keys{border-top:1px solid var(--edge);grid-template-columns:1fr 1fr;gap:3px 10px;margin-top:14px;padding-top:12px;display:grid}.pz-h{font-size:var(--fs-3xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);grid-column:1/-1;margin:9px 0 1px;font-weight:800}.pz-h:first-child{margin-top:0}.pz-k{align-items:baseline;gap:6px;min-width:0;display:flex}.pz-k kbd+kbd{margin-left:-3px}.pz-k kbd{font-size:var(--fs-2xs);flex:none;padding:0 4px;box-shadow:0 1.5px #0000008c}.pz-k span{font-size:var(--fs-xs);color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pz-slider{grid-template-columns:1fr auto;align-items:baseline;gap:4px 8px;margin-bottom:14px;display:grid}.pz-slider label{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);font-weight:700}.pz-slider b{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.pz-slider input[type=range]{grid-column:1/3;width:100%}.pz-sfoot{align-items:center;gap:8px;margin-top:18px;display:flex}.pz-sfoot .btn.ghost{flex:1;width:auto}.title-card h1.logo{padding-bottom:16px;position:relative}.title-card h1.logo span{animation:.42s cubic-bezier(.2,1.5,.45,1) both logo-drop;animation-delay:calc(var(--i) * 55ms);display:inline-block}@keyframes logo-drop{0%{opacity:0;transform:translateY(-14px)rotate(-6deg)}60%{opacity:1;transform:translateY(2px)rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg))}}.title-card h1.logo span:nth-child(4n+1){--tilt:-1.2deg}.title-card h1.logo span:nth-child(4n+2){--tilt:.8deg}.title-card h1.logo span:nth-child(4n+3){--tilt:-.8deg}.title-card h1.logo span:nth-child(4n+4){--tilt:1.4deg}.title-card h1.logo:after{content:"";background:radial-gradient(4.5px 4.5px at 22% 9px, var(--yellow) 98%, transparent), radial-gradient(3.5px 3.5px at 54% 12px, var(--yellow) 98%, transparent), radial-gradient(4px 4px at 81% 8px, var(--yellow) 98%, transparent), linear-gradient(var(--yellow), var(--yellow)) 0 0 / 100% 5px no-repeat;border-radius:3px;height:15px;animation:.45s cubic-bezier(.4,0,.2,1) .38s both drip-reveal;position:absolute;bottom:0;left:14%;right:14%}@keyframes drip-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.title-card>*{animation:.28s ease-out .12s both title-row}.title-card>h1.logo{animation:.42s cubic-bezier(.2,1.5,.45,1) both plate-settle}.title-card>:nth-child(2){animation-delay:.17s}.title-card>:nth-child(3){animation-delay:.22s}.title-card>:nth-child(4){animation-delay:.27s}.title-card>:nth-child(5){animation-delay:.32s}.title-card>:nth-child(n+6){animation-delay:.36s}@keyframes title-row{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body.reduce-motion .title-card>*,body.reduce-motion .title-card h1.logo span,body.reduce-motion .title-card h1.logo:after,body.reduce-motion .plate.settle,body.reduce-motion button.btn.big:before{transition:none;animation:none}body.reduce-motion [data-wipe]{animation:.18s both rm-fade}body.reduce-motion [data-wipe]:before{opacity:0;animation:none}@keyframes rm-fade{0%{opacity:0}to{opacity:1}}#l-leave{margin-top:6px}#r-leave{width:auto;margin-left:auto}.title-card .signed-in{letter-spacing:.04em;margin:-14px 0 16px}.title-card .signed-in.hidden{display:none}.menu-row3{margin-top:8px}#profile{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0b0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#profile.hidden{display:none}.profile-card{flex-direction:column;width:min(560px,94vw);max-height:min(84vh,720px);padding:18px 20px;display:flex}.profile-card h2{margin:0 0 12px}.pf-tabs{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);gap:0;margin-bottom:12px;padding:3px;display:flex}.pf-tabs .btn{font-size:var(--fs-sm);background:0 0;border:none;border-radius:6px;flex:1;padding:5px 0}.pf-tabs .btn:hover{background:var(--surface-3);transform:none}.pf-tabs .btn.on{background:var(--yellow);color:var(--text-on);box-shadow:none}.pf-body{flex:1;padding-right:4px;overflow-y:auto}.pf-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.pf-foot .btn{width:auto}.pf-empty{text-align:center;margin:22px 0}.pf-who{margin:0 0 12px}.pf-guest{font-size:var(--fs-sm);color:var(--text-soft);background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);margin:0 0 14px;padding:10px 12px;line-height:1.55}.pf-guest a{color:var(--yellow);font-weight:800}.pf-stats{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;display:grid}.pf-stat{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);padding:10px 12px}.pf-stat b{font-size:var(--fs-3xl);color:var(--text);line-height:1.1;font-family:var(--display);--plate-rest:2px;font-weight:400;display:block}.pf-stat span{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-top:3px;font-weight:700;display:block}.pf-soon{margin:14px 0 0}.pf-sec{margin-bottom:18px}.pf-sec h3{font-size:var(--fs-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin:0}.pf-sec>p{margin:2px 0 8px}.pf-cards{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:7px;display:grid}.pf-card{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:var(--surface-2);border:1px solid var(--edge-2);border-radius:var(--radius-sm);padding:9px 11px 10px;transition:transform 90ms,border-color .12s,background .12s;display:block;position:relative}.pf-card:hover:not(:disabled){background:var(--surface-3);border-color:#ffffff4d;transform:translateY(-1px)}.pf-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pf-card b{font-size:var(--fs-base);display:block}.pf-card .pf-blurb{font-size:var(--fs-xs);color:var(--text-soft);margin-top:2px;line-height:1.4;display:block}.pf-card.on{border-color:var(--cyan);box-shadow:var(--glow-c)}.pf-card .pf-worn{font-style:normal;font-size:var(--fs-3xs);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:800;position:absolute;top:8px;right:10px}.pf-card.locked{cursor:not-allowed;opacity:.55;border-color:var(--edge);background:var(--surface)}.pf-card .pf-req{font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--text-soft);margin-top:6px;font-weight:700;display:block}.pf-card .pf-bar{background:var(--void);border:1px solid var(--edge);border-radius:3px;height:4px;margin-top:4px;display:block;overflow:hidden}.pf-card .pf-bar i{background:var(--cyan);height:100%;display:block;box-shadow:0 0 6px #24d6f2b3}.pf-sub{gap:6px;margin-bottom:10px;display:flex}.pf-sub .btn{font-size:var(--fs-xs);flex:1;padding:4px 0}.pf-board{flex-direction:column;gap:3px;display:flex}.pf-row{font-weight:600;font-size:var(--fs-sm);border:1px solid #0000;border-radius:7px;grid-template-columns:26px 1fr auto auto;align-items:baseline;gap:9px;padding:5px 8px;display:grid}.pf-row:nth-child(odd){background:var(--surface-2)}.pf-row .rank{color:var(--text-soft);font-size:var(--fs-xs)}.pf-row .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-row .pf-rounds{font-weight:600}.pf-row b{font-size:var(--fs-base);text-align:right;min-width:54px}.pf-row.me{border-color:#ffd21e99}.pf-row.me .nm{color:var(--yellow)}.l-player .l-kick{font:inherit;font-size:var(--fs-xs);color:var(--text-soft);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex:none;margin-left:2px;padding:0 4px;font-weight:800;line-height:15px}.l-player .l-kick:hover{color:var(--on-paint);background:var(--magenta);opacity:1}.l-player .l-kick:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;opacity:1}.l-player .ttl{font-style:normal;font-size:var(--fs-3xs);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:800;display:block}body.reduce-motion .pf-card{transition:none}body.reduce-motion .pf-card:hover:not(:disabled){transform:none}.hx-strip{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.hx-mode-tile{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);flex:120px;min-width:0;padding:8px 10px}.hx-mode-tile b{font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text);display:block}.hx-mode-tile span{font-size:var(--fs-2xs);color:var(--text-soft);font-weight:600;display:block}.hx-mode-tile .hx-n{margin-top:2px}.hx-list{flex-direction:column;gap:3px;display:flex}.hx-row{font-size:var(--fs-sm);background:var(--surface);border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:76px 68px minmax(0,1fr) 58px 60px 16px;align-items:baseline;gap:8px;padding:6px 9px;font-weight:600;display:grid}.hx-row:nth-child(odd){background:var(--surface-2)}.hx-row .hx-when{color:var(--text-soft);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.hx-row .hx-mode{color:var(--text);letter-spacing:.04em}.hx-row .hx-level,.hx-row .hx-finds{color:var(--text-soft);font-size:var(--fs-xs)}.hx-row .hx-level{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hx-row .hx-finds{text-align:right}.hx-row .hx-score{font-size:var(--fs-base);text-align:right;font-variant-numeric:tabular-nums}.hx-row .hx-flag{text-align:center;font-size:var(--fs-sm);color:var(--text-soft);opacity:.5;line-height:1}.hx-row.surv .hx-flag{color:var(--good);opacity:1}.r-row .r-acc{font-style:normal;font-size:var(--fs-3xs);letter-spacing:.06em;color:var(--text-soft);font-variant-numeric:tabular-nums;margin-top:-1px;font-weight:800;display:block}.pz-opt{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.pz-opt-l{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);font-weight:700}.pz-seg{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);flex:none;gap:0;padding:3px;display:flex}.pz-seg .btn{width:auto;min-width:46px;font-size:var(--fs-xs);color:var(--text-soft);background:0 0;border:none;border-radius:6px;padding:4px 9px}.pz-seg .btn:hover{background:var(--surface-3);color:var(--text);transform:none}.pz-seg .btn.on{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--edge-2);font-weight:800}.pz-seg .btn:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.pz-hint{font-size:var(--fs-2xs);color:var(--text-soft);margin:-4px 0 12px;font-weight:600;line-height:1.35}body.cb .s-row i{width:11px;height:auto;font-size:var(--fs-3xs);text-align:center;color:var(--cyan);border-radius:0;line-height:1;box-shadow:none!important;background:0 0!important}body.cb .s-row i.hunter{color:var(--magenta)}body.cb .s-row i.hider:before{content:"●"}body.cb .s-row i.hunter:before{content:"▲"}body.cb #net-role .r:before{content:"● "}body.cb #net-role.hunter .r:before{content:"▲ "}body.cb #net-role.spectator .r:before{content:"◇ "}body.cb #vis .dot{width:auto;height:auto;font-size:var(--fs-xs);color:var(--good);border-radius:0;line-height:1;box-shadow:none!important;background:0 0!important}body.cb #vis .dot:before{content:"●"}body.cb #vis.seen .dot{color:var(--magenta)}body.cb #vis.seen .dot:before{content:"▲"}.l-pick{margin-bottom:10px}.l-art{aspect-ratio:16/9;cursor:pointer;background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text);appearance:none;padding:0;transition:border-color .12s;display:block;position:relative;overflow:hidden}.l-art img{object-fit:cover;width:100%;height:100%;display:block}.l-art img.hidden{display:none}.l-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0505078c 58%,#050507f0);height:62%;position:absolute;bottom:0;left:0;right:0}.l-art .l-art-name{z-index:1;font-family:var(--display);font-weight:400;font-size:var(--fs-md);letter-spacing:.02em;text-align:left;color:var(--text);text-shadow:0 1px 4px #050507d9;line-height:1.15;position:absolute;bottom:7px;left:10px;right:10px}.l-art:hover:not(:disabled){border-color:var(--edge-2)}.l-art:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.l-art:disabled{cursor:default}.l-modes{gap:5px;margin:6px 0;display:flex}.l-mode-tile{background:var(--surface-2);border:1px solid var(--edge);cursor:pointer;min-width:0;font:inherit;color:var(--text-soft);appearance:none;border-radius:7px;flex:1 1 0;padding:0 0 3px;transition:border-color .12s,color .12s,box-shadow .12s;overflow:hidden}.l-mode-tile img{aspect-ratio:3/2;object-fit:cover;opacity:.66;width:100%;height:auto;transition:opacity .12s;display:block}.l-mode-tile span{font-size:var(--fs-3xs);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;padding:0 3px;font-weight:800;display:block;overflow:hidden}.l-mode-tile:hover{border-color:var(--edge-2);color:var(--text)}.l-mode-tile:hover img{opacity:.9}.l-mode-tile.on{border-color:var(--cyan);color:var(--text);box-shadow:var(--glow-c)}.l-mode-tile.on img{opacity:1}.l-mode-tile:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#practicebar .l-pick,#practicebar .l-blurb{margin-bottom:0}.title-wipe{z-index:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0b0b0ef7 0 calc(100% - 7px),#24d6f273 calc(100% - 7px) calc(100% - 3px),#fff9 calc(100% - 3px) 100%);position:absolute;inset:0}.title-wipe.cut{animation:.3s cubic-bezier(.45,0,.3,1) both title-cut}@keyframes title-cut{0%{opacity:1;clip-path:inset(0 100% 0 0)}46%{opacity:1;clip-path:inset(0)}54%{opacity:1;clip-path:inset(0)}to{opacity:1;clip-path:inset(0 0 0 100%)}}body.reduce-motion .title-wipe.cut{animation:.3s both rm-flash}@keyframes rm-flash{0%{opacity:0}45%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}