:root{--bg:#0b0e14;--panel:#0e121bc7;--panel-border:#ffffff17;--text:#e8ecf3;--muted:#9aa4b5;--accent:#7fd46b;--accent-2:#5ab4ff;--radius:14px;--pixel:"Silkscreen", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}#view{cursor:pointer;outline:none;width:100%;height:100%;transition:opacity .45s;display:block;position:absolute;inset:0}#view.fading{opacity:0;transition-duration:.25s}#ui{pointer-events:none;position:absolute;inset:0}#ui .screen,#ui button,#ui input,#ui label{pointer-events:auto}.hud{position:absolute;inset:0}#ui.replaying .hud>:not(.hud-layer),#ui.replaying .gamehud>:not(.hud-layer):not(.markers):not(.screen-flash):not(.scoreboard){visibility:hidden}.hud-layer{pointer-events:none;position:absolute;inset:0}.crosshair{mix-blend-mode:difference;opacity:.9;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute}.crosshair:before{width:2px;height:22px;top:0;left:10px}.crosshair:after{width:22px;height:2px;top:10px;left:0}.hotbar{-webkit-backdrop-filter:blur(10px)saturate(1.3);background:#0a0d148c;border:1px solid #ffffff14;border-radius:16px;gap:6px;padding:7px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}.slot{background:#ffffff0a;border:2px solid #ffffff0f;border-radius:10px;place-items:center;width:52px;height:52px;transition:transform .12s,border-color .12s,background .12s;display:grid;position:relative}.slot img{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #00000059)}.slot .key{font:9px var(--pixel);color:#ffffff73;position:absolute;top:2px;left:5px}.slot.selected{background:#ffffff1f;border-color:#ffffffeb;transform:translateY(-3px);box-shadow:0 0 0 3px #7fd46b40}.toast{font:13px var(--pixel);letter-spacing:.04em;color:#fff;text-shadow:0 2px 6px #000000b3;opacity:0;white-space:nowrap;transition:opacity .2s,transform .2s;position:absolute;bottom:96px;left:50%;transform:translate(-50%,6px)}.toast.show{opacity:1;transform:translate(-50%)}.water-tint{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0}.water-tint[data-medium=water]{opacity:1;background:radial-gradient(#0000 45%,#041e2d73 100%)}.water-tint[data-medium=lava]{opacity:1;background:radial-gradient(#ff5a0040 0%,#781400bf 100%)}.debug{color:#e9f1ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:pre;background:#080a109e;border:1px solid #ffffff12;border-radius:10px;margin:0;padding:10px 12px;font:12px/1.45 ui-monospace,SF Mono,Menlo,monospace;position:absolute;top:10px;left:10px}.fps{font:11px var(--pixel);color:#ffffff8c;text-shadow:0 1px 3px #0009;position:absolute;top:10px;right:12px}.screen{place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:0}.screen.hidden{opacity:0;visibility:hidden;pointer-events:none!important}.home{--game:#7fd46b;--pad-x:clamp(20px, 4.5vw, 64px);grid-template-rows:auto minmax(0,1fr) auto;place-items:stretch stretch;display:grid}.home>*{position:relative}.home>.home-cover{background:var(--bg) center / cover no-repeat;filter:blur(24px)brightness(.5)saturate(1.1);transition:opacity .7s;position:absolute;inset:-48px}.home.ready>.home-cover{opacity:0}.home>.home-scrim{background:linear-gradient(90deg,#070a10db 0%,#070a1099 30%,#070a101a 58%,#070a1000 72%),linear-gradient(#070a1000 54%,#070a108c 76%,#070a10f0 100%),linear-gradient(#070a1099 0%,#070a1000 16%);position:absolute;inset:0}.home-top{padding:22px var(--pad-x) 0;justify-content:space-between;align-items:center;gap:16px;display:flex}.home-brand{align-items:center;gap:12px;min-width:0;display:flex}.home-mark{filter:drop-shadow(0 4px 10px #00000080);flex:none;width:30px;height:30px}.home-mark svg{shape-rendering:crispedges;width:100%;height:100%;display:block}.home-logo{font:700 22px/1 var(--pixel);letter-spacing:.04em;background:linear-gradient(#fff 0%,#d9f8c8 60%,#9fe38a 100%);color:#0000;filter:drop-shadow(0 2px #0a1e0a8c);-webkit-background-clip:text;background-clip:text}.home-pitch{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ffffff29;margin-left:4px;padding-left:14px;font-size:13px;overflow:hidden}.home-online{color:#cfe9c8;white-space:nowrap;text-shadow:0 1px 8px #0009;align-items:center;gap:8px;font-size:13px;display:flex}.live-dot{background:#6fe36b;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #6fe36b}.home-hero{width:min(760px,100%);padding:24px var(--pad-x) 26px;flex-direction:column;align-self:end;align-items:flex-start;display:flex}.home-kicker{margin-bottom:12px}.home-kicker:empty{display:none}.home-room-tag{font:700 11px var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:#10130d;background:var(--game);border-radius:6px;padding:4px 9px;display:inline-block}.home-title{font:700 clamp(36px, 5.4vw, 76px)/.95 var(--pixel);letter-spacing:.01em;color:var(--game);text-shadow:0 4px #00000073,0 10px 40px #00000080;text-wrap:balance;margin:0}.home-tagline{max-width:560px;font:500 clamp(15px, 1.2vw, 18px)/1.45 var(--sans);color:#eef1f6;text-shadow:0 1px 12px #000000b3;margin:14px 0 0}.home-tagline:empty{display:none}.home-status{color:#c3cad6;text-shadow:0 1px 8px #000000b3;align-items:center;gap:8px;min-height:18px;margin-top:12px;font-size:13px;display:flex}.home-status.error{color:#ff9a8f}.home-actions{align-items:stretch;gap:10px;margin-top:22px;display:flex}.home-name{-webkit-backdrop-filter:blur(10px);cursor:text;background:#080b11a8;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;width:210px;padding:8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.home-name.hidden{display:none}.home-name:focus-within{border-color:var(--game);box-shadow:0 0 0 3px color-mix(in srgb, var(--game) 25%, transparent)}.home-name>span{font:600 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.home-name-input{width:100%;color:var(--text);font:600 16px var(--sans);background:0 0;border:0;outline:none;padding:0}.home-name-input::placeholder{color:#e8ecf366}.home-play{appearance:none;min-width:250px;min-height:60px;font:700 21px var(--pixel);letter-spacing:.1em;color:#10130d;background:linear-gradient(180deg, color-mix(in srgb, var(--game) 78%, white), var(--game));box-shadow:0 10px 34px color-mix(in srgb, var(--game) 38%, transparent), inset 0 -3px 0 #0000002e;cursor:pointer;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:0 30px;transition:transform .12s,filter .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.home-play:not(:disabled):before{content:"";border:8px solid #0000;border-left:12px solid;border-right-width:0;width:0;height:0;position:relative}.home-play:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.home-play:not(:disabled):active{transform:translateY(1px)}.home-play:disabled{cursor:progress;color:var(--text);font:500 13px var(--sans);letter-spacing:normal;box-shadow:none;-webkit-backdrop-filter:blur(10px);background:#080b11a8;border-color:#ffffff24}.home-play-fill{background:color-mix(in srgb, var(--game) 32%, transparent);width:0%;transition:width .25s;position:absolute;inset:0 auto 0 0}.home-play:not(:disabled) .home-play-fill{display:none}.home-play-label{white-space:nowrap;position:relative}.home-rooms{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.home-rooms:empty{display:none}.home-alt{appearance:none;color:var(--text);font:600 14px var(--sans);text-align:left;cursor:pointer;text-shadow:0 1px 8px #000000b3;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 0;display:flex}.home-alt-title:before{content:"+";width:1em;color:var(--game);font-weight:700;display:inline-block}.home-alt:hover .home-alt-title{color:var(--game)}.home-alt-note{font:400 12.5px var(--sans);color:var(--muted)}.home-alt.compact{text-shadow:none;background:#080b1199;border:1px solid #ffffff24;border-radius:10px;padding:9px 14px;transition:background .15s}.home-alt.compact:hover{background:#ffffff1f}.home-hints{margin-top:18px}.hint-line{color:#e8ecf3cc;text-shadow:0 1px 6px #000000b3;flex-wrap:wrap;align-items:center;gap:7px 16px;max-width:660px;font-size:12.5px;display:flex}.hint-chip{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.home-hints:not(.open) .hint-chip.extra{display:none}.home-more{appearance:none;color:var(--muted);font:600 12.5px var(--sans);cursor:pointer;background:0 0;border:0;padding:2px 0}.home-more:hover{color:var(--text)}.caps{align-items:center;gap:3px;display:inline-flex}.caps-sep{color:var(--muted);font-size:11px}.home-top-right{align-items:center;gap:18px;min-width:0;display:flex}.home-account{position:relative}.home-signin{appearance:none;color:#fff;font:600 13.5px var(--sans);cursor:pointer;background:#5865f2;border:0;border-radius:10px;align-items:center;gap:9px;padding:8px 14px 8px 12px;transition:filter .15s,transform .12s;display:inline-flex;box-shadow:0 6px 20px #5865f259}.home-signin:hover{filter:brightness(1.08);transform:translateY(-1px)}.home-signin svg{width:20px;height:20px}.home-me{appearance:none;max-width:240px;color:var(--text);font:600 13.5px var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#080b119e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:4px 12px 4px 4px;display:inline-flex}.home-me:hover{background:#ffffff1a}.home-avatar{object-fit:cover;border-radius:50%;flex:none;width:28px;height:28px}.home-avatar.blank{font:700 13px var(--sans);background:#5865f2;place-items:center;display:grid}.home-me-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-menu{z-index:5;background:#0c0f17f5;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-width:230px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000080}.home-account.open .home-menu{display:flex}.home-menu-head{color:var(--muted);padding:8px 10px 6px;font-size:11.5px}.home-menu-item{appearance:none;color:var(--text);font:500 13.5px var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px}.home-menu-item:hover{background:#ffffff14}.home-menu-item.danger{color:#ff9f94}.home-guest{color:#c3cad6;text-shadow:0 1px 8px #000000b3;margin-top:10px;font-size:12.5px}.home-guest.hidden{display:none}.home-guest-signin{appearance:none;color:#aab4ff;font:600 12.5px var(--sans);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.home-guest-signin:hover{color:#c8ceff}.home-feats{appearance:none;border:1px solid color-mix(in srgb, var(--game) 40%, #ffffff1f);color:#eef1f6;font:600 12.5px var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#080b118c;border-radius:999px;align-items:center;gap:7px;margin-top:12px;padding:5px 11px 5px 8px;display:inline-flex}.home-feats:hover{background:#ffffff1a}.home-feats.hidden{display:none}.home-feats svg{width:15px;height:15px;color:var(--game)}.home-signin.small{box-shadow:none;padding:6px 12px;font-size:12.5px}.home>.profile-screen{position:absolute;inset:0}.profile-screen{z-index:10;-webkit-backdrop-filter:blur(6px);background:#05070b9e;place-items:center;padding:24px;transition-duration:.18s;display:grid}.profile-panel{scrollbar-width:thin;background:#0c0f17f2;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;gap:16px;width:min(760px,100%);max-height:min(820px,100vh - 48px);padding:22px 24px 26px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #0000008c}.profile-head{align-items:center;gap:14px;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;flex:none;width:52px;height:52px}.profile-avatar.blank{font:700 20px var(--sans);background:#2a3040;place-items:center;display:grid}.profile-who{flex:1;min-width:0}.profile-name{font:700 26px/1.05 var(--pixel);letter-spacing:.04em;text-transform:uppercase}.profile-sub{color:var(--muted);margin-top:3px;font-size:13px}.profile-close{appearance:none;width:34px;height:34px;color:var(--text);font:400 22px/1 var(--sans);cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;align-self:flex-start}.profile-close:hover{background:#ffffff1f}.profile-guest{background:#5865f224;border:1px solid #5865f259;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.profile-games{flex-direction:column;gap:18px;display:flex}.profile-game{border-top:1px solid #ffffff12;padding-top:16px}.profile-game:first-child{border-top:0;padding-top:4px}.profile-game-head{grid-template-rows:auto auto;grid-template-columns:64px 1fr auto;align-items:center;gap:6px 12px;margin-bottom:10px;display:grid}.profile-cover{aspect-ratio:16/9;background:color-mix(in srgb, var(--game) 30%, #111) center / cover no-repeat;border-radius:6px;grid-row:1/3;width:64px;box-shadow:inset 0 0 0 1px #ffffff1a}.profile-game-title{font:700 17px/1 var(--pixel);letter-spacing:.08em;text-transform:uppercase}.profile-game-count{font:600 13px var(--sans);color:var(--game);font-variant-numeric:tabular-nums}.profile-game-bar{background:#ffffff14;border-radius:999px;grid-column:2/4;height:4px;overflow:hidden}.profile-game-bar>span{border-radius:inherit;background:var(--game);height:100%;display:block}.feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.feat{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:11px;padding:9px 11px;display:flex}.feat.done{background:color-mix(in srgb, var(--game) 9%, #ffffff08);border-color:color-mix(in srgb, var(--game) 30%, transparent)}.feat-icon{color:#ffffff38;background:#ffffff0d;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.feat-icon.done{color:#1a1305;background:var(--game)}.feat-icon svg{width:18px;height:18px}.feat-text{flex:1;min-width:0}.feat-title{font:600 13.5px var(--sans)}.feat:not(.done) .feat-title{color:#c9d0dc}.feat-desc{color:var(--muted);margin-top:1px;font-size:12px}.feat-when{color:var(--muted);flex:none;font-size:11px}@media (max-width:640px){.feats{grid-template-columns:1fr}}.home-face-button{appearance:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#080b11a8;border:1px solid #ffffff24;border-radius:12px;flex:none;place-items:center;width:60px;padding:0;transition:border-color .15s,transform .12s;display:grid}.home-face-button:hover{border-color:var(--game);transform:translateY(-1px)}.home-face{width:44px;height:44px;image-rendering:pixelated}.home>.locker-screen{position:absolute;inset:0}.locker-screen{z-index:10;-webkit-backdrop-filter:blur(6px);background:#05070b9e;place-items:center;padding:24px;transition-duration:.18s;display:grid}.locker-panel{background:#0c0f17f5;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;width:min(900px,100%);max-height:min(760px,100vh - 48px);padding:20px 24px 22px;display:flex;box-shadow:0 30px 80px #0000008c}.locker-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.locker-title{font:700 26px/1 var(--pixel);letter-spacing:.06em;text-transform:uppercase}.locker-main{grid-template-columns:260px minmax(0,1fr);gap:22px;min-height:0;display:grid}.locker-stage{background:radial-gradient(circle at 50% 40%,#ffffff12,#ffffff03 70%),#00000040;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;display:flex}.locker-preview{width:216px;image-rendering:pixelated}.locker-tagline{flex-direction:column;align-items:center;gap:2px;min-height:32px;display:flex}.locker-name{font:700 13px var(--pixel);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 3px #000000e6}.locker-sub{font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fffc}.locker-turn,.locker-done{appearance:none;color:var(--text);font:600 12.5px var(--sans);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:8px 14px}.locker-turn:hover{background:#ffffff1f}.locker-side{flex-direction:column;min-height:0;display:flex}.locker-tabs{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:2px;margin-bottom:12px;display:flex}.locker-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.locker-row{flex-direction:column;gap:6px;display:flex}.locker-label{font:600 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.locker-swatches,.locker-chips{flex-wrap:wrap;gap:6px;display:flex}.locker-swatch{appearance:none;cursor:pointer;border:2px solid #ffffff1f;border-radius:6px;width:26px;height:26px;padding:0}.locker-swatch.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.locker-chip{appearance:none;color:#d9dfe9;font:500 12.5px var(--sans);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:5px 10px}.locker-chip:hover{background:#ffffff1a}.locker-chip.on{color:#10130d;background:var(--game,#7fd46b);border-color:#0000}.locker-random{align-self:flex-start}.locker-items{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.locker-item{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.locker-item:hover{background:#ffffff12}.locker-item.on{border-color:var(--game,#7fd46b);background:color-mix(in srgb, var(--game,#7fd46b) 12%, transparent)}.locker-item.locked{cursor:default;opacity:.5}.locker-item-name{font:600 13.5px var(--sans)}.locker-item-how{color:var(--muted);font-size:11.5px}.locker-item-dot{border-radius:50%;width:14px;height:14px}.locker-item-title{font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.locker-note{color:var(--muted);margin:12px 0 0;font-size:12px}.locker-note:empty{display:none}.locker-done{color:#10130d;background:var(--game,#7fd46b);font:700 14px var(--pixel);letter-spacing:.1em;text-transform:uppercase;border-color:#0000;align-self:flex-end;margin-top:12px;padding:10px 22px}@media (max-width:720px){.locker-main{grid-template-columns:1fr}}.home-shelf{padding:8px var(--pad-x) 28px;scrollbar-width:none;scroll-padding:0 var(--pad-x);-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--pad-x) * .8), #000 calc(100% - var(--pad-x) * .8), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--pad-x) * .8), #000 calc(100% - var(--pad-x) * .8), transparent);mask-image:linear-gradient(90deg, transparent, #000 calc(var(--pad-x) * .8), #000 calc(100% - var(--pad-x) * .8), transparent);gap:12px;display:flex;overflow-x:auto}.home-shelf::-webkit-scrollbar{display:none}.home-card{appearance:none;aspect-ratio:16/9;color:#fff;text-align:left;cursor:pointer;filter:saturate(.8)brightness(.78);background:#121722;border:1px solid #ffffff1f;border-radius:12px;flex:1 0 0;min-width:136px;max-width:250px;padding:0;transition:transform .16s,filter .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.home-card:hover{filter:none;transform:translateY(-3px)}.home-card.current{cursor:default;filter:none;border-color:var(--game);box-shadow:0 0 0 2px var(--game), 0 16px 36px color-mix(in srgb, var(--game) 28%, #0000008c);transform:translateY(-5px)}.home-card-art{background:50%/cover no-repeat;transition:transform .4s;position:absolute;inset:0}.home-card:hover .home-card-art{transform:scale(1.05)}.home-card-art.blank{background:radial-gradient(circle at 75% 15%, color-mix(in srgb, var(--game) 55%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--game) 30%, #10141d), #0b0e15)}.home-card:after{content:"";background:linear-gradient(#05070c00,#05070ceb);position:absolute;inset:35% 0 0}.home-card-name{z-index:1;font:700 11px/1.2 var(--pixel);letter-spacing:.05em;text-shadow:0 1px 2px #000c;align-items:center;gap:7px;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.home-card-name:before{content:"";background:var(--game);flex:none;width:7px;height:7px}.home-card-live{z-index:1;font:600 11px var(--sans);color:#bff5b0;background:#05070cbf;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 7px;display:none;position:absolute;top:7px;right:7px}.home-card-live.on{display:inline-flex}.home-card-live.on:before{content:"";background:#6fe36b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #6fe36b}@media (max-height:640px){.home-hints{display:none}.home-hero{padding-bottom:14px}}@media (max-width:640px){.home-pitch,.home-online{display:none}.home>.home-scrim{background:linear-gradient(#070a1080 0%,#070a1033 25%,#070a10eb 70%)}.home-actions{flex-direction:column;width:100%}.home-name,.home-play{width:100%}.home-hints{display:none}.home-card{flex:0 0 150px}}.btn{appearance:none;color:var(--text);font:600 13px var(--sans);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:10px 16px;transition:background .15s,transform .1s,border-color .15s}.btn:hover{background:#ffffff1f}.btn:active{transform:translateY(1px)}.btn.primary{color:#0c1a0a;background:linear-gradient(#86dd70,#57b247);border-color:#ffffff40}.btn.primary:hover{background:linear-gradient(#98ea82,#62c051)}.btn:disabled{opacity:.55;cursor:default;filter:grayscale(.5)}kbd{min-width:22px;font:11px var(--sans);color:var(--text);background:#ffffff14;border:1px solid #ffffff1f;border-bottom-width:2px;border-radius:6px;padding:2px 6px;display:inline-block}.pause-screen{--game:#7fd46b;align-items:stretch;place-items:initial;-webkit-backdrop-filter:blur(6px)saturate(.9);background:linear-gradient(90deg,#06080c8c,#06080c4d);transition-duration:.18s;display:flex}.pause-rail{scrollbar-width:none;background:#080a10e0;border-right:1px solid #ffffff14;flex-direction:column;flex:none;gap:26px;width:300px;padding:44px 22px 24px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:flex;overflow-y:auto;box-shadow:24px 0 60px #00000059}.pause-screen.hidden .pause-rail{transform:translate(-24px)}.pause-head{padding:0 12px}.pause-kicker{font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.pause-title{font:700 27px/1.05 var(--pixel);letter-spacing:.02em;color:var(--game);text-wrap:balance;margin:8px 0 0}.hud-themed .pause-title{font-family:var(--hud-display,var(--pixel));font-size:40px;font-weight:400;line-height:.95}.pause-room{min-height:16px;color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:12.5px;display:flex}.pause-nav,.pause-bottom{flex-direction:column;gap:3px;display:flex}.pause-bottom{gap:12px;margin-top:auto}.pause-item{appearance:none;width:100%;color:var(--text);font:600 15px var(--sans);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:12px 14px;transition:background .12s,filter .12s;position:relative}.pause-item:hover{background:#ffffff12}.pause-item.active{background:#ffffff17}.pause-item.active:before{content:"";background:var(--game);border-radius:2px;width:3px;position:absolute;top:11px;bottom:11px;left:0}.pause-item.primary{text-align:center;font:700 16px var(--pixel);letter-spacing:.1em;color:#10130d;background:linear-gradient(180deg, color-mix(in srgb, var(--game) 78%, white), var(--game));box-shadow:0 8px 26px color-mix(in srgb, var(--game) 26%, transparent), inset 0 -3px 0 #00000029;border-color:#ffffff47;margin-bottom:10px;padding:15px 14px}.pause-item.leave{color:#ff9f94}.pause-item.leave:hover{background:#ff5a501f}.pause-foot{color:var(--muted);padding:0 14px;font-size:11.5px}.pause-foot kbd{margin-left:6px}.pause-foot kbd:first-child{margin-left:0}.pause-main{flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(28px,15vh,150px) clamp(20px,4vw,56px) 32px;display:flex}.pause-pane{scrollbar-width:thin;flex-direction:column;gap:14px;width:min(780px,100%);max-height:100%;display:flex;overflow-y:auto}.pause-pane.hidden{display:none}.pause-card,.pause-pane.settings{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#0c0f17d6;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 24px 70px #0006}.pause-card{padding:20px 24px 22px}.pause-card h3,.set-group h3{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.hint-table{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:11px 14px;font-size:13.5px;display:grid}.hint-keys{justify-self:end}.hint-what{color:#d9dfe9;padding-right:12px}.pause-players{flex-wrap:wrap;gap:8px;display:flex}.pause-player{background:#ffffff12;border-radius:999px;align-items:baseline;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex}.pause-player.me{color:#fff;background:color-mix(in srgb, var(--game) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--game) 50%, transparent)}.pause-player small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.pause-player.bots{color:var(--muted);background:0 0;box-shadow:inset 0 0 0 1px #ffffff24}.pause-pane.settings{gap:0}.pause-tabs{border-bottom:1px solid #ffffff14;gap:2px;padding:6px 14px 0;display:flex}.pause-tab{appearance:none;color:var(--muted);font:600 13.5px var(--sans);cursor:pointer;background:0 0;border:0;padding:13px 12px 14px;position:relative}.pause-tab:hover{color:var(--text)}.pause-tab.active{color:#fff}.pause-tab.active:after{content:"";background:var(--game);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tab-body{padding:4px 26px 24px}.tab-body.hidden{display:none}.set-group{padding-top:18px}.set-group+.set-group{border-top:1px solid #ffffff0f;margin-top:6px}.pause-screen .toggle input:checked+.switch{background:var(--game)}.pause-screen .keycap.listening{border-color:var(--game);color:var(--game)}@media (max-width:760px){.pause-rail{width:220px;padding:28px 12px 18px}.hint-table{grid-template-columns:auto minmax(0,1fr)}}.inventory-screen{-webkit-backdrop-filter:blur(3px);background:#06080c73}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px)saturate(1.3);border-radius:20px;width:min(880px,100vw - 32px);max-height:calc(100vh - 32px);padding:22px 24px;overflow:auto;box-shadow:0 30px 80px #00000080}.panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panel-head h2{font:700 26px var(--pixel);letter-spacing:.05em;margin:0}.panel-head .hint{color:var(--muted);font-size:12px}.row{grid-template-columns:160px 1fr 80px;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:grid}.row .value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.row:has(.segmented){grid-template-columns:160px 1fr}input[type=range]{appearance:none;background:#ffffff24;border-radius:999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px}.segmented{background:#ffffff0f;border-radius:10px;gap:2px;padding:3px;display:flex}.segmented button{appearance:none;color:var(--muted);font:600 12px var(--sans);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 4px}.segmented button.on{color:#fff;background:#ffffff29}.toggles{grid-template-columns:1fr 1fr;gap:12px 16px;margin:8px 0 4px;display:grid}.toggles.single{grid-template-columns:1fr}.toggle-text{flex-direction:column;gap:2px;display:flex}.toggle-text small{color:var(--muted);font-size:11.5px}.toggle{cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.toggle input{display:none}.toggle .switch{background:#ffffff24;border-radius:999px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.toggle .switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{transform:translate(14px)}.section-head{justify-content:space-between;align-items:baseline;display:flex}.link-btn{appearance:none;color:var(--muted);font:600 11px var(--sans);cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--text)}.link-btn:disabled{opacity:.35;cursor:default}.keybinds{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.keybind{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.keycap{appearance:none;min-width:62px;color:var(--text);font:600 12px var(--sans);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-bottom-width:2px;border-radius:7px;padding:4px 10px;transition:background .15s,border-color .15s}.keycap:hover{background:#ffffff24}.keycap.changed{border-color:#ffffff52}.keycap.listening{border-color:var(--accent);color:var(--accent);animation:1s ease-in-out infinite keycap-pulse}@keyframes keycap-pulse{50%{background:#ffffff29}}.keybind-hint{min-height:1.5em;color:var(--muted);margin-top:8px;font-size:11.5px}.inv-panel{width:min(640px,100vw - 32px)}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;display:grid}.inv-cell{appearance:none;aspect-ratio:1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;place-items:center;transition:background .12s,transform .12s;display:grid}.inv-cell:hover{background:#ffffff24;transform:scale(1.06)}.inv-cell img{width:42px;height:42px;image-rendering:pixelated}.error-box{white-space:pre-wrap;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#280a0cd9;border:1px solid #ff78784d;border-radius:16px;max-width:640px;padding:24px;font:13px/1.5 ui-monospace,Menlo,monospace}.gamehud{pointer-events:none;position:absolute;inset:0}.slot .count{font:700 12px var(--pixel);color:#fff;text-shadow:1px 1px #000,0 0 4px #000c;position:absolute;bottom:2px;right:5px}.hearts{filter:drop-shadow(0 2px 3px #00000080);gap:2px;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-240px)}.heart{width:18px;height:18px;image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath fill='%23201010' d='M1 1h3v1h1V1h3v1h1v3H8v1H7v1H6v1H5v1H4V8H3V7H2V6H1V5H0V2h1z'/%3E%3Cpath fill='%23e8262b' d='M1 2h2v1h1v1h1V3h1V2h2v3H7v1H6v1H5v1H4V7H3V6H2V5H1z'/%3E%3Cpath fill='%23ff8f8f' d='M2 2h1v1H2z'/%3E%3C/svg%3E");background-size:contain}.heart.half{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath fill='%23201010' d='M1 1h3v1h1V1h3v1h1v3H8v1H7v1H6v1H5v1H4V8H3V7H2V6H1V5H0V2h1z'/%3E%3Cpath fill='%23462a2a' d='M5 3h1V2h2v3H7v1H6v1H5z'/%3E%3Cpath fill='%23e8262b' d='M1 2h2v1h1v1h1v4H4V7H3V6H2V5H1z'/%3E%3Cpath fill='%23ff8f8f' d='M2 2h1v1H2z'/%3E%3C/svg%3E")}.heart.empty{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath fill='%23201010' d='M1 1h3v1h1V1h3v1h1v3H8v1H7v1H6v1H5v1H4V8H3V7H2V6H1V5H0V2h1z'/%3E%3Cpath fill='%23462a2a' d='M1 2h2v1h1v1h1V3h1V2h2v3H7v1H6v1H5v1H4V7H3V6H2V5H1z'/%3E%3C/svg%3E")}.hearts.low .heart.full,.hearts.low .heart.half{animation:.6s ease-in-out infinite heart-beat}.hearts.shake{animation:.35s ease-out hearts-shake}@keyframes heart-beat{50%{transform:translateY(-2px)scale(1.08)}}@keyframes hearts-shake{20%{transform:translate(-244px)}40%{transform:translate(-236px)}60%{transform:translate(-242px)}}.banner{text-align:center;opacity:0;white-space:nowrap;transition:opacity .35s,transform .35s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)scale(.96)}.banner.show{opacity:1;transform:translate(-50%)scale(1)}.banner-title{font:700 64px/1 var(--pixel);letter-spacing:.06em;color:#fff;text-shadow:0 4px #00000073,0 0 30px #00000080}.banner-sub{font:600 18px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 2px 8px #000c;margin-top:10px}.objective{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 13px var(--sans);letter-spacing:.02em;color:#f2f4f8;background:#0a0d148c;border:1px solid #ffffff14;border-radius:999px;padding:8px 16px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}.stats{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:34px;right:12px}.stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0d1480;border:1px solid #ffffff12;border-radius:10px;align-items:baseline;gap:10px;padding:6px 12px;display:flex}.stat-label{font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat-value{font:700 16px var(--pixel);color:#fff;font-variant-numeric:tabular-nums}.bossbar{text-align:center;width:min(560px,70vw);position:absolute;top:58px;left:50%;transform:translate(-50%)}.boss-name{font:700 15px var(--pixel);letter-spacing:.08em;color:#e7d7ff;text-shadow:0 2px 6px #000c;margin-bottom:6px}.boss-track{background:#14081eb3;border:1px solid #c8a0ff59;border-radius:6px;height:12px;overflow:hidden;box-shadow:0 0 18px #8c3cff59}.boss-fill{background:linear-gradient(90deg,#7a1fd6,#d21f5c);width:100%;height:100%;transition:width .2s}.achievement{z-index:3;border:1px solid color-mix(in srgb, var(--hud-accent,#ffc94d) 45%, transparent);max-width:min(460px,100vw - 32px);box-shadow:0 16px 40px #00000073, 0 0 0 1px #0006, 0 0 30px color-mix(in srgb, var(--hud-accent,#ffc94d) 18%, transparent);color:#fff;font-family:var(--sans);opacity:0;pointer-events:none;background:#0a0c12e6;border-radius:14px;align-items:center;gap:14px;padding:12px 18px 12px 12px;transition:opacity .26s,transform .32s cubic-bezier(.2,.9,.3,1.2);display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%,-14px)scale(.98)}.achievement.show{opacity:1;transform:translate(-50%)scale(1)}.achievement-icon{color:#1a1305;background:linear-gradient(160deg, color-mix(in srgb, var(--hud-accent,#ffc94d) 70%, white), var(--hud-accent,#ffc94d));border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 -3px #0000002e}.achievement-icon svg{width:26px;height:26px}.achievement-kicker{font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--hud-accent,#ffc94d)}.achievement-title{font:700 17px var(--sans);margin-top:2px}.achievement-desc{color:#c9d0dc;margin-top:1px;font-size:13px}.achievement-note{color:#aab4ff;margin-top:5px;font-size:11.5px}.game-toast{font:12px var(--pixel);color:#fff;text-shadow:0 2px 6px #000c;opacity:0;transition:opacity .2s,transform .2s;position:absolute;bottom:124px;left:50%;transform:translate(-50%,6px)}.game-toast.show{opacity:1;transform:translate(-50%)}.feed{pointer-events:none;flex-direction:column;align-items:flex-start;gap:3px;max-width:min(460px,100% - 32px);display:flex;position:absolute;top:16px;left:16px}.feed-line{font:12px/1.35 var(--pixel);color:#e8ecf3;text-shadow:0 1px #0009;background:#0000006b;border-radius:4px;padding:3px 8px;transition:opacity .6s;animation:.18s feed-in}.feed-line.fade{opacity:0}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}}.screen-flash{opacity:0;mix-blend-mode:screen;background:radial-gradient(#0000 30%,#c80000 100%);position:absolute;inset:0}.hitmarker{opacity:0;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(.8)}.hitmarker:before,.hitmarker:after{content:"";background:#fff;position:absolute;box-shadow:0 0 3px #000c}.hitmarker:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%);width:2px;height:26px;top:0;left:12px}.hitmarker:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,65% 0,100% 0,100% 100%,65% 100%);width:26px;height:2px;top:12px;left:0}.hitmarker.show{animation:.25s ease-out hit}.hitmarker.crit:before,.hitmarker.crit:after{background:#ffd54a}@keyframes hit{0%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(.9)}}.dmg-number{font:700 16px var(--pixel);text-shadow:2px 2px #000000bf;white-space:nowrap;will-change:transform, opacity;position:absolute;top:0;left:0}.dmg-number.crit{font-size:22px}.result-screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:radial-gradient(#080a1059,#080a10bf);animation:.4s fade-in}.result-screen.closing{opacity:0;transition:opacity .25s}@keyframes fade-in{0%{opacity:0}}.result-card{text-align:center;border:1px solid var(--panel-border);background:#0e121bd1;border-radius:22px;width:min(460px,100vw - 32px);padding:30px 28px 24px;animation:.45s cubic-bezier(.2,1.4,.4,1) pop-in;box-shadow:0 30px 80px #00000080}@keyframes pop-in{0%{opacity:0;transform:scale(.9)translateY(12px)}}.result-icon{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 6px 16px #ffc85080)}.result-title{font:700 44px var(--pixel);letter-spacing:.05em;margin:6px 0 0}.victory .result-title{color:#ffd36b;text-shadow:0 0 24px #ffbe3c80}.defeat .result-title{color:#ff6b6b;text-shadow:0 0 24px #ff3c3c66}.result-sub{color:var(--muted);margin-top:8px;font-size:14px}.result-stats{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 4px;display:grid}.result-stat{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.result-stat span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.result-stat b{font:700 18px var(--pixel)}.result-buttons{justify-content:center;gap:10px;margin-top:18px;display:flex}.result-buttons .btn{min-width:140px}.head-buttons{gap:8px;display:flex}.heart-count{font:700 13px var(--pixel);color:#fff;text-shadow:1px 1px #000;margin-left:6px;line-height:18px}.cmd{pointer-events:none;opacity:0;z-index:30;flex-direction:column;gap:4px;width:min(560px,100% - 24px);transition:opacity .4s;display:flex;position:absolute;bottom:96px;left:12px}.cmd.recent,.cmd.open{opacity:1}.cmd.open{pointer-events:auto;transition:none}.cmd-log{flex-direction:column;gap:2px;display:flex}.cmd-line{max-width:100%;font:12px/1.35 var(--pixel);color:#e8ecf3;white-space:pre-wrap;text-shadow:0 1px #0009;background:#00000073;border-radius:4px;align-self:flex-start;padding:3px 8px}.cmd-line.ok{color:#9fe88a}.cmd-line.error{color:#ff8a80}.cmd-line.echo{color:var(--muted)}.cmd-hint{flex-wrap:wrap;gap:4px;display:none}.cmd.open .cmd-hint{display:flex}.cmd-option,.cmd-more{color:#ffd36b;background:#0000008c;border-radius:4px;padding:2px 7px;font:12px ui-monospace,SF Mono,Menlo,monospace}.cmd-more{color:var(--muted)}.cmd-row{display:none}.cmd.open .cmd-row{display:block}.cmd-input{border:1px solid var(--panel-border);color:#fff;-webkit-user-select:text;user-select:text;background:#000000a6;border-radius:6px;outline:none;width:100%;padding:8px 10px;font:14px ui-monospace,SF Mono,Menlo,monospace}.cmd-input:focus{border-color:#ffffff40}.meters{flex-direction:column;gap:7px;width:240px;display:flex;position:absolute;bottom:18px;left:18px}.meter{font:11px var(--pixel);color:#dfe9f2;text-shadow:0 1px 3px #000c;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;display:grid}.meter-track{background:#0000008c;border:1px solid #ffffff26;border-radius:3px;height:9px;overflow:hidden}.meter-fill{background:#6fd3ff;width:100%;height:100%;transition:width .12s linear;box-shadow:0 0 8px}.meter.low .meter-fill{animation:.5s steps(2,end) infinite meter-low}@keyframes meter-low{50%{opacity:.45}}.meter-text{text-align:right;min-width:26px}.markers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.marker{--c:#ff5a4f;--s:26px;width:0;height:0;position:absolute;top:0;left:0}.marker-shape{width:var(--s);height:var(--s);left:calc(var(--s) / -2);top:calc(var(--s) / -2);box-sizing:border-box;position:absolute}.marker.box .marker-shape{background:linear-gradient(var(--c), var(--c)) left top / 30% 2px no-repeat, linear-gradient(var(--c), var(--c)) left top / 2px 30% no-repeat, linear-gradient(var(--c), var(--c)) right top / 30% 2px no-repeat, linear-gradient(var(--c), var(--c)) right top / 2px 30% no-repeat, linear-gradient(var(--c), var(--c)) left bottom / 30% 2px no-repeat, linear-gradient(var(--c), var(--c)) left bottom / 2px 30% no-repeat, linear-gradient(var(--c), var(--c)) right bottom / 30% 2px no-repeat, linear-gradient(var(--c), var(--c)) right bottom / 2px 30% no-repeat;filter:drop-shadow(0 0 3px var(--c))}.marker.diamond .marker-shape{border:2px solid var(--c);filter:drop-shadow(0 0 3px var(--c));transform:rotate(45deg)scale(.72)}.marker.ring .marker-shape{border:2px solid var(--c);filter:drop-shadow(0 0 3px var(--c));border-radius:50%}.marker.dot .marker-shape{background:var(--c);border-radius:50%;transform:scale(.35)}.marker.reticle .marker-shape{border:2px solid var(--c);background:linear-gradient(var(--c), var(--c)) center / 2px 38% no-repeat, linear-gradient(var(--c), var(--c)) center / 38% 2px no-repeat;filter:drop-shadow(0 0 4px var(--c));opacity:.9;border-radius:4px}.marker.pulse .marker-shape{animation:.5s ease-in-out infinite alternate marker-pulse}@keyframes marker-pulse{to{opacity:.65;transform:scale(1.18)}}.marker.offscreen .marker-shape{border:9px solid #0000;border-left:none;border-right:none;border-left:16px solid var(--c);width:0;height:0;transform:rotate(var(--a));filter:drop-shadow(0 0 3px var(--c));background:0 0;animation:none;top:-9px;left:-8px}.marker-label{top:calc(var(--s) / 2 + 3px);white-space:nowrap;font:10px var(--pixel);color:var(--c);text-shadow:0 1px 3px #000000e6;position:absolute;left:50%;transform:translate(-50%)}.marker.offscreen .marker-label{top:12px}.marker-sub{font:600 8.5px var(--sans);letter-spacing:.06em;text-align:center;text-transform:uppercase;color:#ffffffd1;margin-top:1px;display:block}.radar{filter:drop-shadow(0 2px 8px #00000080);width:150px;height:150px;position:absolute;bottom:16px;right:16px}.radar.in-slot{order:1;position:static}.menu-screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a73;justify-content:center;align-items:center;animation:.12s ease-out menu-in;display:flex}.menu-screen.closing{opacity:0;transition:opacity .15s}@keyframes menu-in{0%{opacity:0}}.menu-card{border-radius:var(--radius);border:1px solid var(--panel-border);-webkit-user-select:none;user-select:none;background:#10141ef0;width:min(720px,100% - 32px);max-height:calc(100% - 64px);padding:18px 20px 20px;overflow:auto;box-shadow:0 20px 60px #00000080}.menu-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.menu-title{font:18px var(--pixel);color:#fff;margin:0}.menu-sub{color:var(--muted);margin-top:4px;font-size:13px}.menu-close{border:1px solid var(--panel-border);width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;font-size:18px}.menu-close:hover{background:#ffffff1f}.menu-section+.menu-section{margin-top:14px}.menu-section-title{font:11px var(--pixel);color:var(--muted);letter-spacing:.04em;margin-bottom:6px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.menu-entry{color:var(--text);text-align:left;cursor:pointer;font:13px var(--sans);background:#ffffff0a;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;transition:background 80ms,transform 80ms;display:flex}.menu-entry:hover{background:#ffffff1a}.menu-entry:active{transform:scale(.98)}.menu-entry.active{background:#7fd46b1f;border-color:#7fd46b99}.menu-entry.disabled{opacity:.42;cursor:default}.menu-entry.disabled:hover{background:#ffffff0a}.menu-icon{width:32px;height:32px;image-rendering:pixelated;flex:none}.menu-text{flex-direction:column;flex:1;min-width:0;display:flex}.menu-label{font-weight:600}.menu-note{color:var(--muted);font-size:11px}.menu-detail{font:11px var(--pixel);color:#ffd36b;white-space:nowrap}.progress-ring{background:conic-gradient(var(--c,#ffffffd9) var(--p,0%), #ffffff1f 0);pointer-events:none;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;display:none;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 12px,#000 13px);mask:radial-gradient(circle,#0000 12px,#000 13px)}.healthbar{filter:drop-shadow(0 2px 3px #00000080);align-items:center;gap:10px;display:flex;position:absolute;bottom:24px;left:22px}.healthbar-track{background:#0000008c;border:2px solid #ffffffd9;border-radius:3px;width:240px;height:16px;position:relative;overflow:hidden}.healthbar-fill,.healthbar-lag{width:100%;position:absolute;top:0;bottom:0;left:0}.healthbar-fill{background:linear-gradient(#8ef07a,#3fb94a);transition:width 80ms linear}.healthbar-lag{background:#fff3c4;transition:width .6s .25s}.healthbar-text{font:700 24px/1 var(--pixel);color:#fff;text-shadow:0 2px 3px #000000b3;min-width:44px}.healthbar.low .healthbar-fill{background:linear-gradient(#ff7a6b,#d4322a);animation:.5s steps(2,end) infinite meter-low}.healthbar.hit .healthbar-track{animation:.3s ease-out health-hit}@keyframes health-hit{30%{border-color:#ff5a4f;transform:translate(-4px)}60%{transform:translate(3px)}}.hurt-arrow{filter:drop-shadow(0 0 6px #f00c);pointer-events:none;border-bottom:18px solid #ff1e1ed9;border-left:34px solid #0000;border-right:34px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%}.hitmarker.kill:before,.hitmarker.kill:after{background:#ff3b30}.hitmarker.kill.show{animation:.4s ease-out hit-kill}@keyframes hit-kill{0%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1.7)}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(1.1)}}.hud-pop{opacity:0;text-align:center;white-space:nowrap;pointer-events:none;transition:opacity .25s,transform .25s;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)scale(.6)}.hud-pop.show{opacity:1;animation:.28s cubic-bezier(.3,1.8,.5,1) pop-bounce;transform:translate(-50%)scale(1)}.hud-pop-text{font:700 22px/1 var(--pixel);color:#ffd36b;text-shadow:0 2px #0009,0 0 12px #0006}.hud-pop.big .hud-pop-text{font-size:40px}.hud-pop-sub{font:700 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px #000c;margin-top:4px}@keyframes pop-bounce{0%{transform:translate(-50%)scale(1.6)}}.scoreboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e8ecf3;pointer-events:none;background:#0a0d14db;border:1px solid #ffffff1f;border-radius:12px;min-width:min(560px,90vw);padding:18px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.sb-title{font:700 22px var(--pixel);letter-spacing:.06em;text-align:center;margin-bottom:10px}.sb-table{border-collapse:collapse;width:100%;font:600 14px var(--sans);font-variant-numeric:tabular-nums}.sb-table th{font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:right;padding:0 10px 6px}.sb-table td{text-align:right;border-top:1px solid #ffffff12;padding:6px 10px}.sb-table .sb-name{text-align:left;width:100%}.sb-table .sb-rank{text-align:left;color:var(--muted);width:1%}.sb-table tr.me td{background:color-mix(in srgb, var(--accent) 22%, transparent);color:#fff}.sb-footer{text-align:center;font:600 12px var(--sans);color:var(--muted);margin-top:10px}.marker-bar{top:calc(var(--s) / 2 + 17px);background:#0009;border:1px solid #000c;border-radius:2px;width:46px;height:5px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.marker-bar-fill{background:#7fe06b;height:100%;transition:width .12s linear}.marker-bar.low .marker-bar-fill{background:#ff5a4f}.feed-line{align-items:center;gap:6px;display:flex}.feed-icon{width:20px;height:20px;image-rendering:pixelated}.feed-icon.wide{object-fit:contain;width:44px;height:22px}.gw-layer{pointer-events:none;isolation:isolate;position:absolute;inset:0}.gw-slot{flex-direction:column;gap:10px;display:flex;position:absolute}.gw-top-left{align-items:flex-start;top:18px;left:18px}.gw-top{align-items:center;top:18px;left:50%;transform:translate(-50%)}.gw-top-right{align-items:flex-end;top:18px;right:18px}.gw-left{align-items:flex-start;top:50%;left:18px;transform:translateY(-50%)}.gw-center{align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.gw-right{align-items:flex-end;top:50%;right:18px;transform:translateY(-50%)}.gw-bottom-left{align-items:flex-start;bottom:18px;left:18px}.gw-bottom{align-items:center;bottom:18px;left:50%;transform:translate(-50%)}.gw-bottom-right{align-items:flex-end;bottom:18px;right:18px}.gw [hidden]{display:none!important}.gw [data-action]{pointer-events:auto;cursor:pointer}:where(.gw) button{font:inherit;color:inherit}.widget-screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);isolation:isolate;background:#04060a73;animation:.12s ease-out menu-in}.hud-themed :is(.hud,.gamehud,.result-screen,.menu-screen,.widget-screen){--pixel:var(--hud-display,"Silkscreen", ui-monospace, monospace);--sans:var(--hud-text,"Inter", system-ui, sans-serif);--accent:var(--hud-accent,#7fd46b)}.hud-themed .scoreboard,.hud-themed .result-card,.hud-themed .menu-card{background:var(--hud-paper,#0a0d14db);color:var(--hud-fg,#e8ecf3)}.hud-themed .healthbar-fill{background:var(--hud-good,#6fdc5f)}.hud-themed .hud-pop-text{color:var(--hud-accent,#ffd36b)}.hud-themed .dmg-number.crit{color:var(--hud-danger,#ff3b30)!important}body.pad-mode .keys-only,body:not(.pad-mode) .pad-only{display:none!important}.pad-focus{outline-offset:3px;z-index:1;position:relative;transform:scale(1.03);outline:3px solid var(--hud-accent,var(--game,#ffd23f))!important;box-shadow:0 0 0 3px #080a10e6, 0 0 24px color-mix(in srgb, var(--hud-accent,var(--game,#ffd23f)) 55%, transparent)!important}input[type=range].pad-focus{outline-offset:6px}body.pad-playing,body.pad-playing canvas{cursor:none}:root{--ui-display:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif}.home,.pause-screen{--pixel:var(--ui-display)}.home kbd,.pause-screen kbd{min-width:20px;font:600 10.5px var(--sans);letter-spacing:.02em;text-align:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:4px;padding:2px 6px}.home-logo{font:600 19px/1 var(--pixel);letter-spacing:.3em;text-transform:uppercase;color:#f3f5f7;filter:none;text-shadow:0 1px 10px #00000080;background:0 0}.home-pitch{letter-spacing:.01em;font-size:13px}.home-online{letter-spacing:.02em;font-size:12.5px}.home-room-tag{font:600 12px var(--pixel);letter-spacing:.24em;border-radius:3px;padding:4px 10px 3px}.home-title{font:600 clamp(46px, 6.8vw, 104px)/.9 var(--pixel);letter-spacing:.035em;text-transform:uppercase;color:#f7f8fa;text-shadow:0 0 60px color-mix(in srgb, var(--game) 28%, transparent), 0 4px 30px #0000008c}.home-title:before{content:"";background:var(--game);width:64px;height:3px;box-shadow:0 0 16px color-mix(in srgb, var(--game) 60%, transparent);border-radius:2px;margin-bottom:20px;display:block}.home-tagline{font:400 clamp(15px, 1.2vw, 18px)/1.5 var(--sans);color:#eef1f6eb;margin-top:16px}.home-status{color:#d6dce6cc;font-size:12.5px}.home-actions{gap:8px;margin-top:26px}.home-name{background:#080b1194;border-color:#ffffff1f;border-radius:6px}.home-name>span{font:600 10px var(--sans);letter-spacing:.14em}.home-play{min-height:58px;font:600 22px/1 var(--pixel);letter-spacing:.3em;text-transform:uppercase;background:var(--game);box-shadow:0 12px 34px color-mix(in srgb, var(--game) 32%, transparent);border:0;border-radius:6px;gap:14px;transition:transform .14s,filter .16s,box-shadow .16s}.home-play:not(:disabled):before{border-width:6px 0 6px 10px}.home-play:not(:disabled):hover{filter:brightness(1.08);box-shadow:0 14px 40px color-mix(in srgb, var(--game) 42%, transparent)}.home-play:disabled{letter-spacing:.01em;text-transform:none;border:1px solid #ffffff1f}.home-alt,.home-alt-title:before{font-weight:500}.home-alt.compact{border-color:#ffffff1f;border-radius:6px}.hint-line{color:#e8ecf3c7;gap:8px 18px;font-size:12.5px}.home-shelf{gap:10px}.home-card{filter:saturate(.75)brightness(.72);border-color:#ffffff1a;border-radius:8px}.home-card.current{box-shadow:0 0 0 1.5px var(--game), 0 16px 36px color-mix(in srgb, var(--game) 24%, #0000008c)}.home-card-name{font:600 13px/1.05 var(--pixel);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:5px;bottom:9px;left:12px}.home-card-name:before{border-radius:1px;width:16px;height:2px}.home-card-live{border-radius:4px;font-size:10.5px}.pause-rail{-webkit-backdrop-filter:blur(18px);background:#080a10d6;border-right-color:#ffffff12}.pause-kicker{font:600 11px var(--pixel);letter-spacing:.4em}.pause-title{font:600 34px/1 var(--pixel);letter-spacing:.04em;text-transform:uppercase}.pause-item{font:500 15px var(--sans);border-radius:6px;padding:11px 14px}.pause-item.active:before{width:2px;top:10px;bottom:10px}.pause-item.primary{font:600 18px/1 var(--pixel);letter-spacing:.34em;text-transform:uppercase;background:var(--game);box-shadow:0 10px 28px color-mix(in srgb, var(--game) 24%, transparent);border:0;border-radius:6px;padding:15px 14px 14px}.pause-item.primary:hover{background:var(--game);filter:brightness(1.08)}.pause-card,.pause-pane.settings{border-color:#ffffff12;border-radius:10px}.pause-card h3,.set-group h3{font:600 12px var(--pixel);letter-spacing:.3em}.pause-tab{font:600 14px var(--pixel);letter-spacing:.18em;text-transform:uppercase}.pause-player{border-radius:4px}