@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;src:url(/fonts/Silkscreen-Regular.ttf?v=734e6faa40) format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;src:url(/fonts/Silkscreen-Bold.ttf?v=48f0553c45) format("truetype")}:root{color-scheme:dark;font-family:Avenir Next,IBM Plex Sans,Segoe UI Variable,sans-serif;background:radial-gradient(circle at top,rgba(92,144,214,.18),transparent 30%),linear-gradient(160deg,#05070b,#0a1019 46%,#06070d);color:#f2f6fb}body{overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(255,214,102,.12),transparent 24%),radial-gradient(circle at 82% 12%,rgba(71,209,227,.1),transparent 28%),linear-gradient(180deg,#05070c,#0c1420 54%,#071017)}button{font:inherit;color:inherit}.lootbox-lab{height:100vh;min-height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;padding:24px}.lootbox-lab,.lootbox-lab *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.lootbox-lab-sidebar{min-height:0;display:grid;align-content:start;gap:16px;overflow:auto;padding-right:4px;position:relative;z-index:2}.lootbox-lab-header,.lootbox-lab-panel{border:1px solid rgba(219,171,91,.16);border-radius:24px;background:linear-gradient(180deg,#232832fa,#12161efa),#0d1117f0;box-shadow:0 24px 60px #00000057,inset 0 1px #ffe3a30d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lootbox-lab-header{padding:20px 20px 18px}.lootbox-lab-header h1{margin:8px 0 10px;font-size:1.8rem;line-height:1.05;color:#f7fbff;text-shadow:0 1px 0 rgba(0,0,0,.26)}.lootbox-lab-header p,.lootbox-copy,.lootbox-help{margin:0;color:#e8eef8e6;line-height:1.45}.lootbox-kicker{display:inline-block;font-family:Silkscreen,Courier New,monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#c9b186}.lootbox-lab-panel{padding:16px 16px 18px;display:grid;gap:12px}.lootbox-panel-head{display:grid;gap:4px}.lootbox-panel-head strong{font-size:1.02rem;color:#f7fbff;text-shadow:0 1px 0 rgba(0,0,0,.26)}.lootbox-button-grid{display:grid;gap:10px}.lootbox-button-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr))}.lootbox-button-grid button,.lootbox-pill-row button{border:1px solid rgba(214,175,111,.12);border-radius:16px;padding:12px 14px;background:linear-gradient(180deg,#ffffff08,#ffffff04),#ffffff05;color:#f4f8ff;text-shadow:0 1px 0 rgba(0,0,0,.22);transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease;cursor:pointer}.lootbox-button-grid button:hover,.lootbox-pill-row button:hover,.lootbox-button-grid button.is-active,.lootbox-pill-row button.is-active,.lootbox-button-grid button.is-primary,.lootbox-button-grid button.is-active:hover,.lootbox-pill-row button.is-active:hover{transform:translateY(-1px);border-color:#ffda786b;background:linear-gradient(180deg,#ffdb8d1f,#ff993d12),#ffda780f;box-shadow:0 10px 24px #00000038}.lootbox-button-grid button.is-primary{background:linear-gradient(180deg,#ffd98042,#ff8b4233),#ffffff0f}.lootbox-button-grid button.is-active,.lootbox-pill-row button.is-active{color:#fff3d0}.lootbox-pill-row{display:flex;flex-wrap:wrap;gap:10px}.lootbox-pill-row button{flex:1 1 44%}.lootbox-chest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lootbox-chest-button{display:grid;gap:8px;align-items:center;justify-items:center;padding:10px 10px 12px;border:1px solid rgba(214,175,111,.12);border-radius:16px;background:linear-gradient(180deg,#ffffff08,#ffffff04),#ffffff05;color:#f4f8ff;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.lootbox-chest-button:hover,.lootbox-chest-button.is-active{transform:translateY(-1px);border-color:#ffda786b;background:linear-gradient(180deg,#ffdb8d1f,#ff993d12),#ffda780f;box-shadow:0 10px 24px #00000038}.lootbox-chest-button img{width:100%;max-width:132px;border-radius:12px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28))}.lootbox-chest-button span{display:block;text-align:center;font-size:.82rem;line-height:1.2}.lootbox-help code{font-family:Silkscreen,Courier New,monospace;font-size:.68rem;color:#ffe093}.lootbox-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.lootbox-meta div{padding:12px 14px;border-radius:16px;background:#ffffff06;border:1px solid rgba(214,175,111,.1)}.lootbox-meta dt{margin:0 0 6px;font-size:.74rem;color:#8ea3bf}.lootbox-meta dd{margin:0;color:#f7fbff;line-height:1.3}.lootbox-preview-shell{min-width:0;min-height:0;display:grid;position:relative;z-index:1}.lootbox-preview{position:relative;min-height:0;height:100%;border-radius:32px;overflow:hidden;border:1px solid rgba(217,171,94,.14);background:radial-gradient(circle at 50% 18%,rgba(255,223,129,.18),transparent 24%),linear-gradient(180deg,#090e14eb,#030509f5);box-shadow:inset 0 1px #ffe3a30f,0 26px 70px #00000052}.lootbox-presenter{position:absolute;top:0;right:0;bottom:0;left:0;contain:layout paint style;--lootbox-base: #142131;--lootbox-accent: #5fd0ff;--lootbox-glow: #baf5ff;--lootbox-beam: #f5fdff;--lootbox-particle: #7bd8ff;--lootbox-rarity-accent: #d17cff;--lootbox-glow-strength: .2;--lootbox-beam-strength: .08;--lootbox-aura-strength: .18;--lootbox-lid-open-px: 0px;--lootbox-card-lift-px: 0px;--lootbox-box-tilt-deg: 0deg;--lootbox-shake-x: 0px;--lootbox-shake-y: 0px;--lootbox-chest-art-opacity: 1;--lootbox-chest-art-y: 0px;--lootbox-chest-art-scale: 1;--lootbox-box-y-percent: 54%;--lootbox-box-x-percent: 50%;--lootbox-box-scale: 1;--lootbox-card-x-percent: 50%;--lootbox-card-bottom-percent: 10%;--lootbox-card-width: min(38vw, 340px);--lootbox-beam-width: min(32vw, 190px);--lootbox-beam-height: 54%;--lootbox-beam-top: 21%}.lootbox-atmosphere,.lootbox-stage-art,.lootbox-particles,.lootbox-shake-layer{position:absolute;top:0;right:0;bottom:0;left:0}.lootbox-atmosphere,.lootbox-beam,.lootbox-rings,.lootbox-box,.lootbox-reward-card,.lootbox-reward-icon{will-change:opacity,transform}.lootbox-atmosphere{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--lootbox-glow) 34%,transparent),transparent 28%),radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--lootbox-accent) 14%,transparent),transparent 40%),linear-gradient(180deg,#ffffff03,#0000001a);opacity:calc(.32 + var(--lootbox-aura-strength));transition:opacity .18s ease}.lootbox-stage-art{overflow:hidden;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--lootbox-glow) 18%,transparent),transparent 28%),radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--lootbox-accent) 12%,transparent),transparent 40%),linear-gradient(180deg,#070a1233,#05070c80)}.lootbox-shake-layer{transform:translate(var(--lootbox-shake-x),var(--lootbox-shake-y))}.lootbox-aura,.lootbox-beam,.lootbox-rings,.lootbox-box,.lootbox-reward-card{position:absolute;left:50%;transform:translate(-50%)}.lootbox-aura{top:40%;width:min(60vw,520px);height:min(42vw,320px);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lootbox-glow) 28%,transparent),transparent 65%);opacity:calc(.25 + var(--lootbox-aura-strength))}.lootbox-beam{top:var(--lootbox-beam-top);width:var(--lootbox-beam-width);height:var(--lootbox-beam-height);background:linear-gradient(180deg,#fff0,color-mix(in srgb,var(--lootbox-beam) 88%,transparent) 20%,color-mix(in srgb,var(--lootbox-glow) 78%,transparent) 64%,#fff0);clip-path:polygon(50% 0,100% 18%,84% 100%,16% 100%,0 18%);opacity:var(--lootbox-beam-strength);transition:top .22s ease,width .22s ease,height .22s ease,clip-path .22s ease,opacity .22s ease}.lootbox-presenter[data-reward-visible=true] .lootbox-beam{opacity:calc(var(--lootbox-beam-strength) * .22);transition:top .22s ease,width .22s ease,height .22s ease,clip-path .22s ease,opacity .42s ease}.lootbox-rings{top:22%;width:min(60vw,540px);height:min(60vw,540px);pointer-events:none;transition:transform .22s ease,opacity .22s ease}.lootbox-rings span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--lootbox-beam) 26%,transparent);transform:scale(calc(.55 + var(--lootbox-beam-strength) * .4));opacity:calc(.05 + var(--lootbox-beam-strength) * .35)}.lootbox-rings span:nth-child(2){top:10%;right:10%;bottom:10%;left:10%}.lootbox-rings span:nth-child(3){top:19%;right:19%;bottom:19%;left:19%}.lootbox-box{top:var(--lootbox-box-y-percent);width:min(38vw,300px);aspect-ratio:1.2;transform:translate(calc(-1 * var(--lootbox-box-x-percent))) translateY(10px) scale(var(--lootbox-box-scale)) rotate(var(--lootbox-box-tilt-deg));left:var(--lootbox-box-x-percent);transition:top .22s ease,left .22s ease,width .22s ease,transform .22s ease}.lootbox-chest-shadow,.lootbox-glow,.lootbox-chest-art-wrap,.lootbox-lid,.lootbox-body,.lootbox-core,.lootbox-seam{position:absolute}.lootbox-chest-shadow{inset:auto 16% 3% 16%;height:12%;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.26),transparent 72%)}.lootbox-glow{top:12%;right:8%;bottom:2%;left:8%;border-radius:34px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--lootbox-glow) 56%,transparent),transparent 54%);opacity:calc(.18 + var(--lootbox-glow-strength) * .5)}.lootbox-chest-art-wrap{top:4%;right:5%;bottom:8%;left:5%;display:grid;place-items:center;opacity:0;transform:translateY(var(--lootbox-chest-art-y)) scale(var(--lootbox-chest-art-scale));transition:opacity .18s ease,transform .24s cubic-bezier(.18,.9,.2,1);pointer-events:none}.lootbox-chest-art-wrap[data-visible=true]{opacity:var(--lootbox-chest-art-opacity)}.lootbox-chest-art{max-width:78%;max-height:86%;object-fit:contain;object-position:center;image-rendering:pixelated;image-rendering:crisp-edges}.lootbox-presenter[data-has-chest-art=true] .lootbox-lid,.lootbox-presenter[data-has-chest-art=true] .lootbox-body,.lootbox-presenter[data-has-chest-art=true] .lootbox-core,.lootbox-presenter[data-has-chest-art=true] .lootbox-seam{opacity:0}.lootbox-presenter[data-has-chest-art=true] .lootbox-glow{top:11%;right:13%;bottom:5%;left:13%;opacity:calc(.18 + var(--lootbox-glow-strength) * .46)}.lootbox-lid,.lootbox-body{left:50%;width:78%;transform:translate(-50%)}.lootbox-lid{top:2%;height:34%;transform:translate(-50%) translateY(calc(var(--lootbox-lid-open-px) * -1)) rotate(calc(var(--lootbox-box-tilt-deg) * .18))}.lootbox-lid-plate,.lootbox-body-plate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--lootbox-accent) 42%,#fff 8%),var(--lootbox-base) 46%,#07101b 100%);border:2px solid color-mix(in srgb,var(--lootbox-glow) 40%,rgba(255,255,255,.08));box-shadow:inset 0 1px #ffffff3d,inset 0 -12px 28px #00000047,0 16px 28px #00000038}.lootbox-lid-plate:before,.lootbox-body-plate:before,.lootbox-lid-plate:after,.lootbox-body-plate:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:#ffe0971f}.lootbox-lid-plate:before,.lootbox-body-plate:before{top:28%}.lootbox-lid-plate:after,.lootbox-body-plate:after{top:58%}.lootbox-body{top:27%;height:46%}.lootbox-lid-band,.lootbox-body-band{position:absolute;top:6%;bottom:6%;width:10%;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--lootbox-beam) 48%,#fff 8%),color-mix(in srgb,var(--lootbox-accent) 82%,#603719));border:2px solid rgba(255,243,208,.12);box-shadow:inset 0 1px #ffffff2e,inset 0 -6px 10px #0000002e}.lootbox-lid-band-left,.lootbox-body-band-left{left:11%}.lootbox-lid-band-right,.lootbox-body-band-right{right:11%}.lootbox-lock{position:absolute;left:50%;bottom:-12%;width:18%;height:42%;transform:translate(-50%);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--lootbox-glow) 72%,white 10%),var(--lootbox-accent));border:2px solid rgba(255,255,255,.15);box-shadow:0 10px 20px #0000003d}.lootbox-seam{right:0;bottom:0;left:0;margin:auto;width:80%;height:18%;top:-8%;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--lootbox-beam) 90%,white 10%),transparent 72%);opacity:calc(.12 + var(--lootbox-glow-strength) * .8)}.lootbox-core{left:50%;top:2%;width:54%;height:60%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lootbox-beam) 72%,transparent),transparent 66%);opacity:calc(.14 + var(--lootbox-beam-strength) * .82)}.lootbox-reward-card{bottom:var(--lootbox-card-bottom-percent);width:var(--lootbox-card-width);padding:4px 18px 0;text-align:center;opacity:0;transform:translate(calc(-1 * var(--lootbox-card-x-percent))) translateY(calc(40px - var(--lootbox-card-lift-px))) scale(.92);transition:opacity .18s ease,transform .18s ease;left:var(--lootbox-card-x-percent)}.lootbox-reward-card[data-visible=true]{opacity:1;transform:translate(calc(-1 * var(--lootbox-card-x-percent))) translateY(calc(24px - var(--lootbox-card-lift-px))) scale(1)}.lootbox-reward-card[data-visible=true] .lootbox-reward-icon{animation:lootboxRewardHover 1.8s ease-in-out infinite}.lootbox-reward-card[data-visible=true] .lootbox-reward-icon-wrap:before{animation:lootboxRewardGlowSettle .62s ease-out forwards}.lootbox-reward-card[data-visible=true] .lootbox-godray{animation:lootboxRewardRaysSettle .62s ease-out forwards,lootboxRewardRaysDrift 9s linear infinite}.lootbox-reward-eyebrow{display:block;font-family:Silkscreen,Courier New,monospace;font-size:.68rem;color:color-mix(in srgb,var(--lootbox-rarity-accent) 78%,white 18%);text-transform:uppercase;letter-spacing:.08em}.lootbox-reward-title{display:block;margin-top:8px;font-size:clamp(1.2rem,2.1vw,1.6rem);text-shadow:0 2px 0 rgba(0,0,0,.32),0 0 18px color-mix(in srgb,var(--lootbox-rarity-accent) 28%,transparent)}.lootbox-reward-icon-wrap{position:relative;display:grid;place-items:center;min-height:124px;margin:14px 0 0}.lootbox-reward-icon-wrap:before{content:"";position:absolute;top:-10px;right:8px;bottom:-10px;left:8px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--lootbox-rarity-accent) 34%,transparent),transparent 46%),radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--lootbox-rarity-accent) 12%,white 6%,transparent),transparent 42%);opacity:.95;pointer-events:none}.lootbox-godray{position:absolute;left:50%;top:50%;width:273px;height:273px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.72;transform:translate(-50%,-50%) scaleY(.78);pointer-events:none;mix-blend-mode:screen}.lootbox-reward-icon{position:relative;z-index:1;image-rendering:pixelated}.lootbox-reward-detail{margin:0;color:#e2e9f4c7;line-height:1.45}@keyframes lootboxRewardHover{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.018)}}@keyframes lootboxRewardGlowSettle{0%{opacity:.95}to{opacity:.54}}@keyframes lootboxRewardRaysSettle{0%{opacity:.8}to{opacity:.72}}@keyframes lootboxRewardRaysDrift{0%{transform:translate(-50%,-50%) scaleY(.78) rotate(0)}to{transform:translate(-50%,-50%) scaleY(.78) rotate(360deg)}}.lootbox-presenter[data-variant=jackpot_reel] .lootbox-rings span{border-style:dashed;border-width:2px}.lootbox-presenter[data-variant=jackpot_reel] .lootbox-beam{clip-path:polygon(50% 0,100% 24%,86% 62%,100% 100%,0 100%,14% 62%,0 24%)}.lootbox-presenter[data-variant=jackpot_reel] .lootbox-rings{transform:translate(-50%) scale(.88)}.lootbox-presenter[data-variant=jackpot_reel] .lootbox-box{opacity:.98}@media(max-width:1100px){body{overflow:auto}.lootbox-lab{height:auto;grid-template-columns:1fr}.lootbox-lab-sidebar{overflow:visible;padding-right:0}.lootbox-preview{min-height:62vh;height:62vh}}@media(max-width:720px){.lootbox-lab{padding:14px;gap:14px}.lootbox-lab-header,.lootbox-lab-panel{border-radius:20px}.lootbox-button-grid-tight,.lootbox-meta{grid-template-columns:1fr}.lootbox-preview{min-height:58vh;border-radius:24px}.lootbox-reward-card{width:min(88vw,340px)}}:root{color-scheme:dark;font-family:Avenir Next,IBM Plex Sans,Segoe UI Variable,sans-serif;background:#000;color:#eef3f9;--surface-base: rgba(11, 14, 19, .76);--surface-elevated: rgba(15, 20, 27, .84);--surface-soft: rgba(255, 255, 255, .05);--surface-quiet: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .09);--border-strong: rgba(248, 205, 109, .42);--text: #eef3f9;--muted: #a9b4c2;--dim: #707a89;--accent: #f8cd6d;--accent-ink: #161108;--red: #f06d7a;--blue: #74b6ff;--green: #7dd4ac;--shadow: 0 18px 48px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}html{font-size:120%}body{overflow:hidden;background:#000}button,input,select{font:inherit}button,input,select,a{-webkit-tap-highlight-color:transparent}#app,#app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],#room-code{-webkit-user-select:text;user-select:text}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.game-ui-guarded img,.game-ui-guarded canvas,.game-ui-guarded [style*=background-image]{-webkit-user-drag:none;user-drag:none}#app{position:relative;min-height:100vh;width:100vw}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;width:100%;height:100%}.overlay{position:absolute;z-index:2;transition:opacity .18s ease,transform .18s ease,background-color .18s ease,border-color .18s ease}.panel{background:var(--surface-base);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0000007a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{width:min(420px,calc(100vw - 36px));padding:16px;border-radius:12px;border-color:#f8cd6d59;background:#090e16f0;display:grid;gap:14px}.confirm-dialog-copy{display:grid;gap:7px}.confirm-dialog-copy strong{font-size:1.08rem;line-height:1.1}.confirm-dialog-copy p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.35}.confirm-dialog-actions{justify-content:end}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;box-shadow:inset 0 36px 72px #02030524,inset 0 -56px 96px #0203052e}.eyebrow,.label{text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;color:var(--dim)}.top-bar{top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud-stack{top:96px;left:14px;display:grid;justify-items:start;gap:8px;z-index:5}.latency-panel{display:inline-flex;align-items:center;gap:10px;min-width:88px;padding:8px 10px;border-radius:12px;background:#0a0e14c2}.latency-metric{display:grid;gap:3px}.latency-metric-value{display:inline-flex;align-items:baseline;gap:6px}.latency-metric[hidden]{display:none}.latency-metric+.latency-metric{padding-left:10px;border-left:1px solid rgba(255,255,255,.08)}.latency-panel strong{display:block;font-size:.88rem;line-height:1;color:var(--text)}.region-select{display:block;min-width:92px;padding:5px 28px 5px 9px;border:1px solid rgba(93,186,255,.58);border-radius:7px;color:var(--text);background:linear-gradient(45deg,transparent 50%,#9fd9ff 50%) calc(100% - 14px) 50% / 5px 5px no-repeat,linear-gradient(135deg,#9fd9ff 50%,transparent 50%) calc(100% - 9px) 50% / 5px 5px no-repeat,#122330eb;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 12px #5dbaff29;font-size:.78rem;line-height:1;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.region-select:hover,.region-select:focus{border-color:#f8cd6dc2;background-color:#182d3cf5}.region-select option:disabled{color:#6c7480}.latency-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:2px 6px 1px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.62rem;font-weight:700;line-height:1;letter-spacing:.03em}#latency-value{transition:color .14s ease}.latency-panel[data-quality=probing] #latency-value{color:var(--muted)}.latency-panel[data-quality=good]{border-color:#7dd4ac47}.latency-panel[data-quality=good] #latency-value{color:#7dd4ac}.latency-panel[data-quality=fair]{border-color:#f8cd6d47}.latency-panel[data-quality=fair] #latency-value{color:#f8cd6d}.latency-panel[data-quality=poor]{border-color:#f06d7a47}.latency-panel[data-quality=poor] #latency-value{color:#f06d7a}.hud-controls{display:inline-flex;gap:8px;padding:5px;border-radius:14px;background:#0a0e14ad;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-icon-button{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;min-height:42px;padding:5px;border-radius:10px;background:#ffffff0b;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0003}.hud-icon-button img,.hud-atlas-icon{display:block;width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.36))}.hud-atlas-icon{background-image:url(/generated/hud/hud-icons-atlas.webp);background-repeat:no-repeat;background-size:400% 100%}.hud-locker-button .hud-atlas-icon{width:34px;height:34px}.hud-atlas-locker{background-position:0% 0}.hud-atlas-leaderboard{background-position:33.333% 0}.hud-atlas-settings{background-position:66.667% 0}.hud-atlas-music{background-position:100% 0}.hud-notification-badge{position:absolute;top:-4px;right:-4px;width:13px;height:13px;border-radius:999px;background:#f04452;border:2px solid rgba(8,11,15,.96);box-shadow:0 0 0 1px #ffffff24,0 0 12px #f04452b8}.hud-notification-badge[hidden]{display:none}.hud-icon-button[aria-pressed=false] img,.hud-icon-button[aria-pressed=false] .hud-atlas-icon{opacity:.42;filter:grayscale(.75) drop-shadow(0 2px 0 rgba(0,0,0,.36))}.hud-icon-button.active,.hud-icon-button[aria-expanded=true],.hud-icon-button[aria-pressed=true]{border-color:#f8cd6d6b;background:#f8cd6d1f}.settings-panel{width:min(300px,calc(100vw - 28px));padding:12px;border-radius:14px;background:#080b0feb;border-color:#f8cd6d33}.settings-panel[hidden]{display:none}.leaderboard-panel{width:min(620px,calc(100vw - 28px));padding:12px;border-radius:14px;background:#080b0ff0;border-color:#f8cd6d33}.leaderboard-panel[hidden]{display:none}.leaderboard-head{margin-bottom:10px}.leaderboard-list{display:grid;gap:0;margin:0;max-height:min(55vh,520px);overflow:auto;padding:0;scrollbar-gutter:stable;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09;list-style:none}.leaderboard-row{display:grid;grid-template-columns:42px minmax(150px,1.35fr) minmax(92px,1fr) 76px 78px;align-items:center;gap:10px;min-height:40px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row:not(.leaderboard-header):hover{background:#ffffff0e}.leaderboard-header{position:sticky;top:0;z-index:1;min-height:30px;background:#080b0ffa;color:#eaf0f87a;font-size:.58rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.leaderboard-header span{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.leaderboard-header span:nth-child(2){text-align:left}.leaderboard-rank{display:grid;place-items:center;color:#f8cd6d;font-size:.74rem;font-weight:900;text-align:center}.leaderboard-player{display:grid;min-width:0;text-align:left}.leaderboard-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player strong{color:var(--text);font-size:.78rem}.leaderboard-record,.leaderboard-server,.leaderboard-score{overflow:hidden;color:var(--text);font-size:.72rem;font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;white-space:nowrap}.leaderboard-record{font-size:.68rem}.leaderboard-score,.leaderboard-record{color:var(--text);font-weight:900}.leaderboard-record{display:inline-flex;justify-content:center;gap:3px}.leaderboard-wins{color:#52d273}.leaderboard-losses{color:#ff5c6a}.leaderboard-record-separator{color:#eaf0f873}.leaderboard-server,.leaderboard-header span{color:var(--muted)}@media(max-width:560px){.leaderboard-row{grid-template-columns:30px minmax(112px,1fr) 76px 58px}.leaderboard-header span:nth-child(5),.leaderboard-server{display:none}}.leaderboard-empty{display:grid;gap:5px;padding:14px;border:1px dashed rgba(255,255,255,.16);border-radius:8px;color:var(--muted)}.leaderboard-loading{min-height:96px;place-items:center}.leaderboard-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.14);border-top-color:#f8cd6d;border-radius:999px;animation:leaderboard-spin .75s linear infinite}@keyframes leaderboard-spin{to{transform:rotate(360deg)}}.leaderboard-empty strong{color:var(--text)}.leaderboard-empty.negative strong{color:#f06d7a}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-close{min-height:30px;padding:6px 9px;border-radius:8px;font-size:.62rem}.settings-list{display:grid;gap:8px}.settings-toggle-row,.settings-range-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:9px 10px;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.065)}.settings-toggle-row span,.settings-range-row span{display:grid;gap:3px;min-width:0}.settings-toggle-row strong,.settings-range-row strong{color:var(--text);font-size:.78rem}.settings-toggle-row small,.settings-range-row small{color:var(--muted);font-size:.62rem;line-height:1.25}.settings-toggle-row input{flex:0 0 auto;width:44px;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}.settings-range-row input{flex:0 0 118px;width:118px;accent-color:var(--accent);cursor:pointer}#queue-timer[data-state=found] .latency-badge{background:#7dd4ac24;border-color:#7dd4ac3d;color:#7dd4ac}#queue-timer[data-state=connecting] .latency-badge{background:#a3c5e71f;border-color:#a3c5e733;color:#a3c5e7}.room-chip,.lobby-card,.action-dock,.roster-panel,.player-badge,.build-badge{border-radius:16px}.build-badge{left:12px;bottom:10px;z-index:4;padding:4px 7px;border:1px solid rgba(255,255,255,.08);background:#05080c80;color:#eef3f994;font-size:.58rem;font-weight:700;line-height:1;letter-spacing:.06em;pointer-events:none;text-transform:uppercase}.player-badge{left:12px;bottom:32px;z-index:4}.name-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#03050857,#030508ad),#0305086b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.name-gate[hidden]{display:none}.name-gate-panel{box-sizing:border-box;width:min(560px,calc(100vw - 48px));display:grid;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#080d12db;box-shadow:0 18px 60px #0000005c}.name-gate-panel h1{min-width:0;margin:0;color:var(--text);font-size:1.35rem;line-height:1.05;letter-spacing:0;white-space:nowrap}.name-gate-field{display:grid;min-width:0}.name-gate-field input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:.95rem}.name-gate-panel button{box-sizing:border-box;width:100%;min-width:0;max-width:100%}#app.match-live .scene-vignette{box-shadow:inset 0 12px 30px #0203050d,inset 0 -16px 34px #02030512}.room-chip{min-width:560px;padding:10px 12px;display:grid;gap:8px;background:#0a0e14b8}.room-meta{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));gap:6px}.meta-pill{border-radius:12px;padding:8px 10px 9px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.meta-pill strong{display:block;margin-top:3px;font-size:.88rem;color:var(--text);font-weight:690}.lobby-card{top:50%;left:20px;width:min(376px,calc(100vw - 40px));transform:translateY(-50%);padding:18px;background:#090c11b8}.brand h2{margin:6px 0 8px;font-size:1.7rem;line-height:.96;letter-spacing:.01em}.brand p{margin:0;color:var(--muted);line-height:1.55}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.join-grid{grid-template-columns:1.25fr .75fr;align-items:end}.field{display:flex;flex-direction:column;gap:8px}.field input,.field select{width:100%;padding:11px 13px;border-radius:11px;border:1px solid var(--border);background:#ffffff06;color:var(--text);outline:none;transition:border-color .14s ease,background-color .14s ease}.field input:focus,.field select:focus{border-color:var(--border-strong);background:#ffffff0d}.divider{margin:16px 0;height:1px;background:var(--border)}.button-row,.button-grid{display:grid;gap:10px}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-actions{margin-top:14px}#quick-match{display:inline-flex;align-items:center;justify-content:center;gap:8px}#quick-match.searching,#quick-match.connecting{background:#fff1;color:var(--text);border-color:#ffffff29}#quick-match.connecting:disabled{opacity:1}#quick-match.connecting:before{content:"";width:.9em;height:.9em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:queue-button-spin .72s linear infinite}@keyframes queue-button-spin{to{transform:rotate(360deg)}}.entry-footnote{margin:10px 0 0;color:var(--muted);font-size:.77rem;line-height:1.45}button{min-height:42px;border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:720;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background-color .12s ease,color .12s ease,border-color .12s ease}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#ffffff14}button.secondary{background:#ffffff0b;color:var(--text);border-color:#ffffff1a}button.quiet{background:#ffffff08;color:var(--text);border-color:var(--border)}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.36;cursor:not-allowed}.action-dock{left:22px;bottom:18px;width:fit-content;max-width:calc(100vw - 32px);padding:8px;display:grid;background:#0a0e13bd}.loadout-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,64px);gap:10px}.loadout-strip li{display:grid;padding:0;border-radius:9px;background:transparent;border:0;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.loadout-strip strong{font-size:1rem}.loadout-strip li.pulse{transform:translateY(-2px);filter:drop-shadow(0 10px 18px rgba(247,196,81,.22))}.roster-panel{top:96px;right:16px;width:min(248px,calc(100vw - 32px));padding:12px;background:#0a0e13b8}.presentation-layer{top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.countdown-overlay{position:absolute;top:112px;left:50%;display:grid;min-width:160px;justify-items:center;transform:translate(-50%) translateY(-8px) scale(.9);opacity:0;filter:drop-shadow(0 18px 34px rgba(0,0,0,.54));transition:opacity .14s ease,transform .14s ease}.countdown-overlay[hidden]{display:none}.countdown-overlay strong{display:block;color:#fff4c8;font-size:8rem;line-height:.78;letter-spacing:0;text-shadow:0 0 16px rgba(248,205,109,.48),0 12px 34px rgba(0,0,0,.66)}.countdown-overlay.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.countdown-overlay.pulse strong{animation:countdown-pop .46s cubic-bezier(.2,.9,.2,1)}@keyframes countdown-pop{0%{transform:scale(.78)}48%{transform:scale(1.1)}to{transform:scale(1)}}.announcement{position:absolute;top:92px;left:50%;display:grid;gap:6px;min-width:250px;max-width:min(400px,calc(100vw - 42px));padding:13px 16px;border-radius:16px;text-align:center;transform:translate(-50%) translateY(-10px) scale(.97);opacity:0;background:#080b0ff0;border:1px solid var(--border);box-shadow:var(--shadow);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background-color .18s ease}.results-card{position:absolute;top:50%;left:50%;width:min(640px,calc(100vw - 28px));padding:18px;border-radius:20px;background:#080b0ff2;border:1px solid rgba(248,205,109,.24);box-shadow:0 24px 72px #0000006b;transform:translate(-50%) translateY(18px) scale(.98);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,border-color .18s ease}#results-title{display:block;margin-top:6px;font-size:2rem;line-height:.94;text-align:center}.results-card .support-copy{margin:10px 0 0}.results-card #results-detail[hidden]{display:none}.results-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.results-scoreboard-wrap{margin-top:12px;overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff06}.results-scoreboard{width:100%;min-width:540px;border-collapse:collapse;table-layout:fixed}.results-scoreboard th,.results-scoreboard td{padding:7px 6px;border-bottom:1px solid rgba(255,255,255,.055);color:var(--muted);font-size:.62rem;line-height:1.1;text-align:center;white-space:nowrap}.results-scoreboard thead th{color:var(--dim);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.results-scoreboard th:first-child,.results-scoreboard td:first-child{width:30%;text-align:left}.results-scoreboard th:last-child,.results-scoreboard td:last-child{width:16%}.results-scoreboard tbody tr:last-child th,.results-scoreboard tbody tr:last-child td{border-bottom:0}.results-score-row.winner{background:#f8cd6d09}.results-score-row.local{background:#f8cd6d14;box-shadow:inset 3px 0 #f8cd6db8}.results-score-row.team-red .results-player-name{color:#ff98a1}.results-score-row.team-blue .results-player-name{color:#9fcbff}.results-player-cell{overflow:hidden}.results-player-name{display:inline-block;max-width:100%;overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;vertical-align:middle}.results-local-badge{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:999px;background:#f8cd6d24;color:var(--accent);font-size:.48rem;line-height:1;text-transform:uppercase}.results-actions{margin-top:14px}.announcement.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.announcement.positive{border-color:#7dd4ac66}.announcement.negative{border-color:#f06d7a6b}.announcement.urgent{border-color:#f7c45170}.announcement strong{font-size:1.82rem;line-height:.94;letter-spacing:.02em}.toast-stack{position:absolute;top:16px;left:50%;display:grid;gap:8px;width:min(340px,calc(100vw - 32px));transform:translate(-50%)}.toast{padding:10px 14px;border-radius:999px;background:#0a0d12f0;border:1px solid var(--border);color:var(--text);font-size:.76rem;text-align:center;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease}.toast.visible{opacity:1;transform:translateY(0)}.toast.positive{border-color:#7dd4ac5c}.toast.negative{border-color:#f06d7a52}.panel-head{margin-bottom:10px}.panel-head strong{display:block;margin-top:3px;font-size:.88rem}#roster{list-style:none;margin:0;padding:0}#roster{display:grid;gap:9px}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 11px;border-radius:12px;background:linear-gradient(90deg,#ffffff09,#ffffff05);border:1px solid rgba(255,255,255,.045)}.roster-row.local{border-color:#f7c4515c;box-shadow:inset 0 0 0 1px #f8cd6d1a}.identity-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}#app:not(.in-room):not(.practice-live) .action-dock,#app:not(.in-room):not(.practice-live) .roster-panel{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}#app.practice-live .action-dock,#app.practice-live .roster-panel{opacity:1;visibility:visible;pointer-events:auto}#app.practice-live .roster-panel{pointer-events:none}#app.match-live .action-dock{left:22px;bottom:18px;width:min(204px,calc(100vw - 44px));padding:8px 9px;gap:6px;background:#080b0f75}#app.match-live .top-bar{justify-content:flex-end}#app.match-live .room-chip{min-width:0;width:min(500px,calc(100vw - 234px));padding:7px 9px;gap:5px;background:#080b0f85}#app.match-live .room-meta{gap:4px}#app.match-live .meta-pill{padding:6px 8px 7px;border-radius:10px}#app.match-live .meta-pill strong{font-size:.8rem}#app.match-live .room-meta .meta-pill:last-child{background:#f8cd6d14;border-color:#f8cd6d38}#app.match-live .room-meta .meta-pill:last-child strong{color:#ffe1a2}#app.match-live .hud-stack{top:12px;left:10px}#app.match-live .hud-controls{background:#080b0f80}#app:is(.in-room,.practice-live,.match-live) .loadout-strip{gap:5px}.loadout-strip:empty{display:none}#app:is(.in-room,.practice-live,.match-live) .loadout-strip li{padding:0;border-radius:10px}#app:is(.in-room,.practice-live,.match-live) .loadout-strip strong{font-size:.82rem}#app.match-live .action-dock .button-grid{display:none}#app.match-live .roster-panel{top:74px;right:10px;width:204px;padding:8px;background:#0b121c9e;border-color:#7eb0ff1f}#app.match-live .roster-panel .panel-head{margin-bottom:8px}#app.match-live .roster-panel .label{color:#9ebbe29e}#app.match-live .roster-panel .panel-head strong{font-size:.84rem}#app.match-live .roster-row{gap:7px;padding:7px 8px;border-radius:10px}#app.match-live .identity-copy strong{font-size:.84rem}.debug-panel{top:96px;left:16px;width:168px;padding:12px;background:#0a0e13b8}.debug-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.debug-grid div{min-width:0}.debug-grid dt{color:var(--dim);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.debug-grid dd{margin:4px 0 0;color:var(--text);font-size:.76rem;font-weight:700}.debug-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.debug-links{display:grid;gap:6px;margin-top:10px}.debug-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.debug-network .debug-links-label,.debug-network .debug-select{grid-column:1 / -1}.debug-netcode{margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.debug-netcode div{min-width:0}.debug-netcode dt{color:var(--dim);font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.debug-netcode dd{margin:3px 0 0;color:var(--text);font-size:.58rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.debug-number-field{display:grid;gap:3px;min-width:0}.debug-number-field span{color:var(--dim);font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.debug-number-field input{width:100%;min-width:0;padding:5px 4px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);font-size:.56rem;font-weight:800}.debug-links-label{color:var(--dim);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase}.debug-link-list{display:grid;gap:6px}.debug-link{display:flex;align-items:center;justify-content:center;min-width:0;min-height:28px;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--muted);font-size:.62rem;font-weight:700;text-decoration:none}.debug-link:hover{border-color:#7fd3ff70;color:var(--text)}.debug-toggle{min-width:0;padding:6px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--muted);font-size:.54rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.debug-select{min-width:0;padding:6px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--muted);font-size:.54rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.debug-toggle.active{border-color:#f8cd6d94;background:#f8cd6d2e;color:#ffe0a0}#app:not(.debug-hud) .debug-panel{opacity:0;visibility:hidden;pointer-events:none}#app.match-live .debug-panel{top:74px;left:10px;padding:8px;background:#0b121c9e}#app.results-visible .results-card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}#app.results-visible .announcement{opacity:0;visibility:hidden;pointer-events:none}#app.results-visible .countdown-overlay{opacity:0;visibility:hidden}#app.reduced-motion *,#app.reduced-motion *:before,#app.reduced-motion *:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media(max-width:980px){body{overflow:auto}.top-bar{top:12px;left:12px;right:12px;flex-direction:column}.room-chip,.lobby-card,.action-dock,.roster-panel{width:calc(100vw - 24px)}.room-chip{min-width:0}.room-meta,.lobby-grid,.join-grid,.button-grid,.results-meta{grid-template-columns:1fr}.lobby-card{top:108px;left:12px;transform:none}.hud-stack{top:96px;left:12px}.latency-panel{max-width:calc(100vw - 24px);flex-wrap:wrap}#app.in-room .lobby-card{transform:translate(-18px)}.action-dock{left:12px;bottom:12px}.roster-panel{top:auto;right:12px;left:12px;bottom:164px}.debug-panel{top:auto;left:12px;bottom:312px}.results-card{top:auto;left:12px;right:12px;bottom:12px;width:auto;transform:translateY(18px) scale(.98)}#app.match-over .results-card{transform:translateY(0) scale(1)}}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Silkscreen-Regular.ttf?v=734e6faa40) format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Silkscreen-Bold.ttf?v=48f0553c45) format("truetype")}:root{font-family:Silkscreen,Courier New,monospace;--surface-base: rgba(9, 12, 16, .94);--surface-elevated: rgba(12, 15, 20, .98);--surface-soft: rgba(255, 255, 255, .04);--surface-quiet: rgba(255, 255, 255, .02);--border: rgba(112, 132, 156, .28);--border-strong: rgba(248, 205, 109, .5);--muted: #96a1af;--dim: #627081;--shadow: none}button,input,select{font-family:Silkscreen,Courier New,monospace}#app{--side-panel-width: 248px;--side-panel-height: 352px;--rail-width: var(--side-panel-width);--live-rail-header-height: 126px;--lobby-panel-width: var(--side-panel-width);--hud-top-offset: 8px;--hud-gap: 8px;--hud-top-height: 82px;--hud-lobby-top: calc(var(--hud-top-offset) + var(--hud-top-height) + var(--hud-gap));--game-view-aspect: 1.153846;--game-view-gap: 6px;--stage-top: calc(var(--hud-top-offset) + var(--hud-top-height) + 8px);--stage-right: calc(var(--rail-width) + 4px);--stage-bottom: 4px;--stage-left: calc(var(--lobby-panel-width) + 6px);--stage-width: calc(100vw - var(--stage-left) - var(--stage-right));--stage-height: calc(100vh - var(--stage-top) - var(--stage-bottom));--game-view-width: min(var(--stage-width), calc(var(--stage-height) * var(--game-view-aspect)));--game-view-side-inset: max(0px, calc((var(--stage-width) - var(--game-view-width)) / 2));--game-view-left: calc(var(--stage-left) + var(--game-view-side-inset));--game-view-right: calc(var(--stage-right) + var(--game-view-side-inset));--left-rail-x: calc(var(--game-view-left) - var(--game-view-gap) - var(--lobby-panel-width));--right-rail-x: calc(var(--game-view-right) - var(--game-view-gap) - var(--rail-width))}#app.match-live{--stage-top: calc(var(--hud-top-offset) + var(--hud-top-height) + 8px);--stage-bottom: 4px}#app.in-room{--lobby-panel-width: var(--side-panel-width);--stage-left: calc(var(--lobby-panel-width) + 6px)}#app.debug-hud{--stage-left: 178px}#stage{inset:var(--stage-top) var(--stage-right) var(--stage-bottom) var(--stage-left);overflow:hidden;border:0;border-radius:0;background:transparent}.scene-vignette{inset:var(--stage-top) var(--stage-right) var(--stage-bottom) var(--stage-left);border-radius:0;box-shadow:none}.overlay{font-family:Silkscreen,Courier New,monospace}.panel{border-radius:8px;background:var(--surface-base);border:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.eyebrow,.entry-footnote,.divider{display:none!important}.label{font-size:.54rem;letter-spacing:.08em;color:var(--dim)}.top-bar{top:var(--hud-top-offset);left:var(--stage-left);right:var(--stage-right);width:auto;gap:0;align-items:stretch;min-height:var(--hud-top-height);transform:none}.room-chip{min-width:0;width:100%;min-height:var(--hud-top-height);padding:2px 0;gap:0;border-radius:8px;background:var(--surface-elevated)}.room-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.meta-pill{padding:8px 12px 7px;border-radius:0;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.06)}.meta-pill strong{margin-top:2px;font-size:.82rem;line-height:1.2;font-weight:700}.room-meta .meta-pill:last-child{border-right:0;color:#f0d788}.room-meta .meta-pill:last-child strong{color:#f0d788}.lobby-card,.roster-panel{width:var(--side-panel-width);height:var(--side-panel-height);padding:8px 10px;border-radius:8px;display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;background:var(--surface-elevated)}.lobby-card{top:50%;left:var(--left-rail-x);right:auto;width:var(--lobby-panel-width);height:auto;min-height:0;padding:8px;gap:6px;align-content:start;transform:translateY(-50%);background:#09111a;border-color:#ffffff14}.lobby-card>.brand{display:none}.room-lobby-section,#app.in-room .queue-lobby-section,#app.in-room .queue-mode-tabs{display:none}#app.in-room #private-room-mode-tabs:not([hidden]){display:grid}#app.in-room .room-lobby-section{display:grid;gap:8px;align-content:start;min-width:0}.room-lobby-head{display:grid;gap:4px}.room-lobby-head strong{color:var(--text);font-size:.78rem;line-height:1.15}.room-lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch}.room-lobby-actions button{width:100%;min-width:0}.queue-mode-tabs{display:grid;gap:7px;pointer-events:auto}.queue-ux-head{display:flex;align-items:end;justify-content:space-between;gap:8px;min-height:13px}.lobby-section-head{display:flex;align-items:end;min-height:13px}.queue-ux-head strong{color:var(--text);font-size:.68rem;line-height:1.1}.queue-segmented{display:grid;gap:6px;min-height:42px}.queue-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-preset{width:100%;min-height:42px;padding:8px;display:grid;grid-template-rows:1fr 1fr;place-items:center;text-align:center;letter-spacing:0;text-transform:none;border-color:#ffffff1a;background:#0b1016;color:var(--text);pointer-events:auto;cursor:pointer}.queue-preset:hover:not(:disabled){border-color:#e0ca7b80;background:#0b1016}.queue-preset.selected{border-color:#e0ca7bb8;background:#0b1016;box-shadow:inset 0 0 0 1px #e0ca7b85}.queue-preset strong{font-size:.72rem;line-height:1}.queue-preset span{color:#a3c5e7bd;font-size:.52rem;line-height:1}.queue-preset small,.queue-preset-copy{display:none;color:#a3c5e7ad;font-size:.52rem;line-height:1.22}.queue-preset-tabs{min-height:42px;place-items:center start}.queue-preset-tabs .queue-preset-copy{display:none}.queue-preset-tabs{text-align:center;place-items:center}[data-locked] .queue-preset:not(.selected){opacity:.48}.brand h2{margin:0;font-size:.62rem;line-height:1.15;letter-spacing:.08em;text-transform:uppercase}.brand p{margin:0;max-width:34ch;color:var(--muted);font-size:.54rem;line-height:1.35}.lobby-card>.lobby-grid:not(.join-grid){margin-top:0;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:auto}.lobby-card>.entry-actions{margin-top:0;grid-column:auto;grid-row:auto;grid-template-columns:1fr;align-items:stretch}.lobby-card>.join-grid{grid-column:auto;margin-top:0;gap:6px;grid-template-columns:1fr;align-items:end}.lobby-card>.room-actions{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:4px}.field input,.field select{min-height:36px;padding:8px 10px;border-radius:6px;border-color:#ffffff1a;background:#0b1016;font-size:.68rem;line-height:1}.lobby-card .field>span{color:#a3c5e7b3;font-size:.5rem}.field input::placeholder{color:#5f6a78}.button-row,.button-grid{gap:6px}button{min-height:36px;border-radius:6px;padding:8px 10px;font-size:.66rem;line-height:1;letter-spacing:.05em;text-transform:uppercase}button.primary{background:#e0ca7b;color:#111319}button.secondary,button.quiet{background:#121922;color:var(--text);border-color:#ffffff1f}button:hover:not(:disabled){transform:none}.lobby-card button{min-height:34px;padding:8px 9px;border-radius:10px}.lobby-card .button-row{grid-template-columns:minmax(74px,auto)}.lobby-card .button-row button,.lobby-card .entry-actions button,.lobby-card .room-actions button{width:100%}.action-dock{left:var(--stage-left);right:var(--stage-right);bottom:10px;width:auto;padding:8px 10px;border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--surface-elevated)}.loadout-strip{gap:10px;grid-template-columns:repeat(3,64px)}.moveset-panel{display:grid;gap:6px}.loadout-strip li{padding:0;border-radius:9px;background:transparent;border:0;min-height:82px}.loadout-card{display:grid;grid-template-rows:64px 14px;gap:4px;justify-items:center;align-items:start;min-height:82px;padding:0}.loadout-icon{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#131b25fa,#0a0e14fa),#0d1219fa;border:1px solid rgba(248,205,109,.2);box-shadow:inset 0 0 0 1px #ffffff09,0 6px 14px #0003}.loadout-icon img{display:block;width:62px;height:62px;object-fit:contain;image-rendering:pixelated}.loadout-glyph{display:none}.loadout-glyph-gems:before{top:1px;right:1px;bottom:1px;left:1px;border-radius:2px;background:currentColor;transform:rotate(45deg)}.loadout-glyph-bombs:before{left:1px;top:3px;width:10px;height:10px;border-radius:999px;background:currentColor}.loadout-glyph-bombs:after{left:8px;top:0;width:3px;height:4px;border-top:2px solid currentColor;border-right:2px solid currentColor;border-radius:0 4px 0 0}.loadout-glyph-blast:before,.loadout-glyph-blast:after{left:5px;top:0;width:2px;height:12px;border-radius:999px;background:currentColor}.loadout-glyph-blast:before{transform:rotate(45deg)}.loadout-glyph-blast:after{transform:rotate(-45deg)}.loadout-glyph-speed:before,.loadout-glyph-speed:after{top:2px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor}.loadout-glyph-speed:before{left:1px}.loadout-glyph-speed:after{left:6px}.loadout-glyph-tool:before{left:1px;top:4px;width:10px;height:4px;border-radius:999px;background:currentColor}.loadout-glyph-tool:after{left:7px;top:2px;width:3px;height:8px;border-radius:2px;background:#111a27db;box-shadow:0 0 0 1px currentColor}.loadout-value{display:block;width:100%;font-size:.82rem;line-height:14px;color:#f5f8fd;text-align:center;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.68)}.loadout-gems .loadout-icon{color:#dcfff0}.loadout-bombs .loadout-icon{color:#deefff}.loadout-blast .loadout-icon{color:#fff0d5}.loadout-speed .loadout-icon{color:#efffd8}.loadout-tool .loadout-icon{color:#ffe2eb}.action-dock .button-grid{grid-template-columns:repeat(6,auto)}.action-dock .button-grid button{min-width:70px}.roster-panel{top:50%;right:var(--right-rail-x);bottom:auto;width:var(--rail-width);padding:8px;overflow:auto;transform:translateY(-50%);background:var(--surface-elevated);border-radius:8px}.roster-panel .panel-head{display:none}.roster-panel .panel-head strong{font-size:.6rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}#roster{display:grid;gap:6px;grid-auto-rows:minmax(68px,auto);align-content:start}.roster-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;min-height:62px;border-radius:10px;background:linear-gradient(90deg,#ffffff09,#ffffff05);border:1px solid rgba(255,255,255,.08)}.roster-row.local{border-color:#f8cd6d75;box-shadow:inset 3px 0 #f8cd6db8,inset 0 0 0 1px #f8cd6d2e}.roster-row.team-red{background:linear-gradient(90deg,#f06d7a29,#ffffff05)}.roster-row.team-blue{background:linear-gradient(90deg,#74b6ff29,#ffffff05)}.roster-row.team-ffa{background:linear-gradient(90deg,#7dd4ac1f,#ffffff05)}.team-red .roster-portrait-frame{border-color:#f06d7a38}.team-blue .roster-portrait-frame{border-color:#74b6ff3d}.team-ffa .roster-portrait-frame{border-color:#7dd4ac38}.roster-row.local .roster-portrait-frame{border-color:#f8cd6d57}.roster-portrait-frame{position:relative;display:grid;place-items:end center;width:42px;height:42px;flex:0 0 42px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#29384ad1,#0c121bf5);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f}.roster-portrait-art{display:block;image-rendering:pixelated}.identity-copy{min-width:0}.identity-copy strong{display:block;font-size:.76rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-rank{display:block;margin-top:3px;font-size:.48rem;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;color:#7e8a99}.announcement{top:10px;left:50%;min-width:0;max-width:280px;padding:8px 12px;border-radius:999px;gap:2px;transform:translate(-50%) translateY(-4px);background:var(--surface-elevated);box-shadow:none}.announcement .label,#announcement-detail{display:none}.announcement strong{font-size:.72rem;line-height:1.1;letter-spacing:.06em}.countdown-overlay{top:84px;min-width:120px}.countdown-overlay strong{font-size:5.4rem}.toast-stack{top:10px;width:min(260px,calc(100vw - 32px))}.toast{padding:7px 10px;border-radius:999px;font-size:.54rem;box-shadow:none}.debug-panel{top:58px;left:10px;width:150px;padding:8px;border-radius:8px;background:var(--surface-elevated)}.debug-grid{gap:6px 8px}.debug-grid dt{font-size:.42rem}.debug-grid dd{font-size:.54rem}.debug-tools,.debug-links,.debug-network{gap:4px;margin-top:8px}.debug-netcode{gap:4px 6px;margin-top:8px}.debug-netcode dt{font-size:.42rem}.debug-netcode dd{font-size:.46rem}.debug-link{min-height:24px;padding:5px 6px;border-radius:7px;font-size:.48rem}.debug-toggle,.debug-select{padding:5px 3px;border-radius:7px;font-size:.44rem}.debug-number-field span{font-size:.38rem}.debug-number-field input{padding:4px 3px;border-radius:6px;font-size:.44rem}#app:is(.in-room,.practice-live,.match-live) .room-chip,#app.practice-live.barrage-mode .action-dock,#app.match-live.barrage-mode .action-dock{opacity:1;visibility:visible;pointer-events:auto;transform:none}#app:is(.in-room,.practice-live,.match-live) .top-bar{top:calc(var(--stage-top) - 48px);left:var(--game-view-left);right:var(--game-view-right);width:auto;height:42px;min-height:0;flex-direction:row;justify-content:center;align-items:start;z-index:6;pointer-events:none}#app:is(.in-room,.practice-live,.match-live) .hud-stack{top:12px;left:10px}#app:is(.in-room,.practice-live,.match-live) .hud-controls{background:#080b0f80}#app:is(.in-room,.practice-live,.match-live) .latency-panel{top:10px;left:var(--left-rail-x);gap:8px;min-width:96px;padding:8px 10px;border-radius:12px;background:#0b141f}#app:is(.in-room,.practice-live,.match-live) .latency-panel strong{font-size:.74rem}#app:is(.in-room,.practice-live,.match-live) .latency-metric+.latency-metric{padding-left:8px}#app:is(.in-room,.practice-live,.match-live) .room-chip{width:min(520px,100%);height:42px;min-height:0;padding:0 10px;gap:0;align-items:center;background:#080d14a8;border-color:#ffffff1a;border-radius:8px;overflow:visible;pointer-events:auto}#app:is(.in-room,.practice-live,.match-live) .room-meta{display:flex;align-items:center;justify-content:center;gap:0;min-width:0}#app:is(.in-room,.practice-live,.match-live) .meta-pill{min-width:0;min-height:0;padding:0 10px;display:inline-flex;align-items:baseline;gap:6px;border-radius:0;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.08)}#app:is(.in-room,.practice-live,.match-live) .meta-pill strong{margin-top:0;min-width:0;overflow:hidden;font-size:.68rem;line-height:1;white-space:nowrap;text-overflow:ellipsis}#app:is(.in-room,.practice-live,.match-live) .action-dock{left:var(--stage-left);right:auto;bottom:10px;width:fit-content;max-width:calc(100vw - 32px);padding:7px;border-radius:10px;grid-template-columns:1fr;background:#080d14f5}#app:is(.in-room,.practice-live,.match-live) .loadout-strip li{min-height:82px}#app:is(.in-room,.practice-live,.match-live) .loadout-value{font-size:.86rem;line-height:14px}#app.match-live .roster-panel{top:50%;right:var(--right-rail-x);bottom:auto;width:var(--rail-width);max-height:min(var(--side-panel-height),calc(100vh - var(--live-rail-header-height) - 36px));min-height:0;padding:8px;border-color:#ffffff14;background:#09111a;border-top:1px solid rgba(255,255,255,.08);border-radius:12px;transform:translateY(-50%)}#app.match-live #roster{align-content:center}#app:is(.in-room,.practice-live,.match-live) .room-meta .meta-pill:nth-child(3){display:none}#app:is(.in-room,.practice-live,.match-live) .room-meta .meta-pill:last-child{min-height:0;padding-right:0;align-content:normal;background:transparent;border-right:0}#app:is(.in-room,.practice-live,.match-live) .room-meta .meta-pill:last-child .label{color:#a3c5e7b3;font-size:.5rem}#app:is(.in-room,.practice-live,.match-live) .room-meta .meta-pill:last-child strong{margin-top:0;display:block;font-size:.9rem;line-height:1;letter-spacing:0;color:#ffd46d;text-shadow:0 0 10px rgba(255,212,109,.14)}#app.match-live .roster-row{min-height:64px}#app.match-live .debug-panel{top:58px;left:var(--left-rail-x);padding:8px;background:var(--surface-elevated)}.results-card{top:58px;left:10px;right:calc(var(--stage-right) + 10px);width:auto;padding:8px 10px;border-radius:8px;box-shadow:none;border-color:#f8cd6d42;background:var(--surface-elevated);transform:translateY(-6px)}#results-kicker,#results-detail{display:none}#results-title{margin:0;font-size:.68rem;line-height:1.15}.results-actions{margin-top:8px;grid-template-columns:repeat(4,auto);justify-content:flex-start}.results-actions button{min-width:72px}.results-progression{display:grid;gap:8px;margin-top:10px;padding:9px;border-radius:8px;background:#5cc4ff14;border:1px solid rgba(92,196,255,.18)}.results-progression[hidden]{display:none}.results-xp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.results-xp-track{height:10px;overflow:hidden;border-radius:999px;background:#00000047;border:1px solid rgba(255,255,255,.08)}.results-xp-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65d2ff,#f8cd6d);transition:width .62s cubic-bezier(.2,.8,.2,1)}.results-level-pop{animation:results-level-pop .52s cubic-bezier(.18,.9,.2,1)}.onboarding-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,#01050a75,#01050ab8),#01050a57;pointer-events:auto}.onboarding-tutorial-overlay[hidden]{display:none}.onboarding-tutorial-card{width:min(430px,calc(100vw - 32px));min-height:352px;display:grid;grid-template-rows:28px 104px 44px 44px 28px 4px 36px;gap:10px;padding:12px;border-radius:8px;background:#09111a;border-color:#f8cd6d47;box-shadow:0 18px 50px #00000061,inset 0 0 0 1px #ffffff09}.onboarding-tutorial-head{display:flex;align-items:center;justify-content:end;gap:10px;min-width:0}.onboarding-tutorial-skip{min-height:28px;padding:6px 8px;font-size:.52rem}.onboarding-tutorial-visual{display:grid;place-items:center;height:104px;border-radius:8px;background:radial-gradient(circle at 50% 42%,rgba(248,205,109,.14),transparent 58%),linear-gradient(180deg,#131b25fa,#080d14fa);border:1px solid rgba(248,205,109,.16);overflow:hidden}.onboarding-tutorial-sprite{display:block;width:86px;height:86px;background-repeat:no-repeat;background-size:200% 100%;image-rendering:pixelated}.onboarding-tutorial-sprite-pickup{width:86px;height:86px;object-fit:contain}.onboarding-tutorial-meter{position:relative;display:grid;justify-items:center;gap:5px;min-width:190px;padding:12px 18px 11px;border-radius:8px;background:radial-gradient(circle at 50% 24%,rgba(240,109,122,.2),transparent 36%),linear-gradient(180deg,#101721fa,#070c12fa);border:1px solid rgba(248,205,109,.18);box-shadow:inset 0 0 0 1px #ffffff09}.onboarding-tutorial-meter-specialHud{border-color:#6fd0ff47;background:radial-gradient(circle at 50% 58%,rgba(111,208,255,.2),transparent 48%),linear-gradient(180deg,#101721fa,#070c12fa)}.onboarding-tutorial-meter-specialHud .onboarding-energy-marker{width:5px;background:#fff;box-shadow:0 0 0 1px #6fd0ff47,0 0 12px #eaf7ffb8}.onboarding-tutorial-meter-specialHud .onboarding-energy-fill{width:56%}.onboarding-meter-label,.onboarding-energy-caption{color:#eef3f994;font-size:.42rem;line-height:1;letter-spacing:.08em;text-transform:uppercase}.onboarding-hp-meter,.onboarding-energy-meter{position:relative;display:block;width:118px;height:12px;padding:2px;border-radius:3px;background:#0f1621;border:1px solid rgba(255,255,255,.08)}.onboarding-hp-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.onboarding-hp-meter span{display:block;border-radius:2px;background:#89ef73;box-shadow:0 0 8px #c4ff9e38}.onboarding-energy-meter{overflow:hidden}.onboarding-energy-fill{position:absolute;left:2px;top:2px;bottom:2px;width:72%;border-radius:2px;background:#6fd0ff;box-shadow:0 0 10px #6fd0ff52}.onboarding-energy-marker{position:absolute;top:-2px;bottom:-2px;left:40%;width:4px;border-radius:2px;background:#eaf7ff;box-shadow:0 0 8px #eaf7ff85}.onboarding-tutorial-card h2{align-self:end;margin:0;color:var(--text);font-size:1rem;line-height:1.08;letter-spacing:0}.onboarding-tutorial-card p{min-height:0;margin:0;color:var(--muted);font-size:.64rem;line-height:1.42}.onboarding-tutorial-cues{display:flex;flex-wrap:wrap;align-content:start;gap:6px;min-height:0}.onboarding-tutorial-cue{display:inline-grid;place-items:center;min-height:24px;padding:5px 7px;border-radius:6px;background:#74b6ff1a;border:1px solid rgba(116,182,255,.2);color:#c9e4ff;font-size:.52rem;line-height:1}.onboarding-tutorial-dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.onboarding-tutorial-dots span{height:4px;border-radius:999px;background:#ffffff1f}.onboarding-tutorial-dots span.active{background:#e0ca7b}.onboarding-tutorial-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.onboarding-tutorial-actions button{width:100%}#app.onboarding-tutorial-open .lobby-card,#app.onboarding-tutorial-open .action-dock,#app.onboarding-tutorial-open .roster-panel,#app.onboarding-tutorial-open .hud-stack{pointer-events:none}.results-lootbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:12px;padding:18px;background:#03080ed6;pointer-events:auto;z-index:20}.results-lootbox-overlay[hidden]{display:none}.results-lootbox-stage{position:relative;width:min(760px,calc(100vw - 36px));height:min(560px,calc(100vh - 118px));min-height:360px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#08101a}.results-lootbox-presenter{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes results-level-pop{0%{color:inherit;transform:scale(1)}38%{color:#ffe49a;text-shadow:0 0 18px rgba(248,205,109,.72);transform:scale(1.14)}to{color:inherit;text-shadow:none;transform:scale(1)}}#app.match-over .action-dock{right:auto;bottom:10px;width:fit-content;max-width:calc(100vw - 32px);padding:7px;border-radius:10px;grid-template-columns:1fr;background:#080d14f5;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}#app.match-over .results-card{top:50%;left:50%;right:auto;bottom:auto;width:min(640px,calc(100vw - 28px));padding:18px;border-radius:20px;box-shadow:0 24px 72px #0000006b;border-color:#f8cd6d3d;background:#080b0ff2;transform:translate(-50%) translateY(calc(-50% + 18px)) scale(.98)}#app.results-visible .results-card{transform:translate(-50%) translateY(-50%) scale(1)}#app.match-over #results-kicker{display:block}#app.match-over #results-detail[hidden]{display:none}#app.match-over #results-title{margin-top:6px;font-size:2rem;line-height:.94}#app.match-over .results-actions{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}#app.match-over .results-actions button{min-width:0}.shop-panel,.shop-admin-panel,.locker-panel{top:86px;left:50%;width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 120px);padding:12px;border-radius:10px;transform:translate(-50%);overflow:auto;background:#080e16f0;z-index:6}.shop-panel[hidden],.shop-admin-panel[hidden],.locker-panel[hidden]{display:none}.shop-panel .panel-head,.shop-admin-panel .panel-head,.locker-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.locker-panel{width:min(920px,calc(100vw - 28px));top:50%;height:min(720px,calc(100vh - 28px));max-height:calc(100vh - 28px);display:flex;flex-direction:column;overflow:hidden;transform:translate(-50%) translateY(-50%);border-color:#f8cd6d33;box-shadow:0 24px 72px #00000075,inset 0 1px #ffffff0f}.locker-layout{display:grid;grid-template-columns:minmax(260px,.92fr) minmax(330px,1.08fr);gap:12px;align-items:stretch;flex:1 1 auto;min-height:0;margin-bottom:12px}.locker-preview-stage{position:relative;display:grid;place-items:center;min-height:0;height:100%;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(248,205,109,.18),transparent 36%),radial-gradient(circle at 50% 74%,rgba(116,182,255,.1),transparent 34%),linear-gradient(180deg,#111b26fa,#070c12fa);border:1px solid rgba(248,205,109,.14)}.locker-character-preview{position:relative;width:min(320px,84%);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.locker-character-preview-canvas{width:min(520px,92%);height:auto;image-rendering:pixelated}.locker-character-shadow{position:absolute;left:50%;bottom:14%;width:54%;height:12%;border-radius:999px;background:#0000005c;filter:blur(10px);transform:translate(-50%);z-index:0}.locker-character-layer{position:absolute;image-rendering:pixelated;background-repeat:no-repeat;filter:drop-shadow(0 10px 12px rgba(0,0,0,.36))}.locker-character-body{left:50%;top:52%;z-index:2;transform:translate(-50%,-50%)}.locker-character-headpiece{left:50%;top:27%;z-index:3;transform:translate(-50%,-50%)}.locker-character-handheld{left:61%;top:58%;z-index:4;transform:translate(-50%,-50%) rotate(-7deg)}.locker-character-preview[data-facing=right] .locker-character-handheld{left:39%;transform:translate(-50%,-50%) scaleX(-1) rotate(-7deg)}.locker-character-preview[data-facing=right] .locker-character-headpiece{transform:translate(-50%,-50%) scaleX(-1)}.locker-character-preview[data-moving=true] .locker-character-body{animation:locker-preview-bob .72s ease-in-out infinite}.locker-character-preview[data-moving=true] .locker-character-headpiece,.locker-character-preview[data-moving=true] .locker-character-handheld{animation:locker-preview-accessory-bob .72s ease-in-out infinite}@keyframes locker-preview-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 7px))}}@keyframes locker-preview-accessory-bob{0%,to{translate:0 0}50%{translate:0 -6px}}.locker-slots{display:grid;align-content:start;gap:7px;min-height:0;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.locker-slot{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:92px;padding:8px;border-radius:8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.locker-slot.locked{opacity:.66}.locker-slot-art{display:grid;place-items:center;width:68px;height:68px;border-radius:8px;background:#00000038;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-weight:800}.locker-slot-copy{display:grid;gap:6px;min-width:0}.locker-slot-copy strong{color:var(--text);font-size:.86rem;line-height:1.08;overflow-wrap:anywhere}.locker-slot-state,.locker-slot-index{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 7px;border-radius:999px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075);color:var(--accent);font-size:.58rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.locker-slot-index{color:var(--muted);font-variant-numeric:tabular-nums}.locker-slot-state.equipped{background:#f8cd6d1f;border-color:#f8cd6d3d;color:var(--accent)}.locker-slot-state.locked,.locker-slot.locked .locker-slot-state{color:#ff9582}.locker-slot-controls{display:grid;justify-items:center;gap:5px}.locker-slot-arrows{display:grid;grid-template-columns:34px 34px;gap:6px}.locker-slot-controls button{min-width:34px;min-height:34px;padding:0;border-radius:8px;font-size:.9rem;line-height:1}.locker-panel button:focus-visible{outline:2px solid rgba(248,205,109,.86);outline-offset:2px}.locker-actions{grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:8px;margin-top:0}.locker-actions .support-copy{min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:.68rem;line-height:1.25}.locker-actions button{min-width:82px}.shop-balance{min-width:92px;padding:7px 9px;border-radius:8px;background:#f8cd6d1a;border:1px solid rgba(248,205,109,.22);text-align:right}.shop-balance strong{display:block;color:var(--accent);font-size:.9rem}.shop-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.shop-product{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:86px;padding:9px;border-radius:8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.shop-product-art{display:grid;place-items:center;width:54px;height:54px;border-radius:7px;color:#081018;font-weight:850;background:linear-gradient(135deg,#f8cd6d,#80d8bd)}.shop-product-art-preview{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.16),transparent 55%),linear-gradient(145deg,#f8cd6d2e,#80d8bd1f);border:1px solid rgba(248,205,109,.16)}.shop-cosmetic-preview{image-rendering:pixelated;background-position:center}.shop-product-copy{min-width:0}.shop-product-copy strong{display:block;margin-top:2px;color:var(--text);font-size:.74rem}.shop-product-copy p{margin:4px 0 0;color:var(--muted);font-size:.58rem;line-height:1.32}.shop-buy-button{min-width:92px}.shop-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.shop-admin-wide{grid-column:span 2}.shop-checkbox-field input{width:22px;min-height:22px;align-self:start}@media(max-width:1120px){#app{--rail-width: 0px;--lobby-panel-width: 0px;--hud-top-height: 72px;--hud-lobby-top: calc(var(--hud-top-offset) + var(--hud-top-height) + var(--hud-gap));--stage-top: 156px;--stage-right: 12px;--stage-bottom: 122px;--stage-left: 12px}#app.match-live{--stage-top: 44px;--stage-bottom: 126px}#app.debug-hud{--stage-left: 12px}.top-bar,.latency-panel,.lobby-card,.action-dock,.results-card{right:10px}.top-bar{flex-direction:column;left:12px;right:12px;width:auto;transform:none}.latency-panel{top:10px;left:10px;min-width:84px}#app.match-live .top-bar{top:max(4px,calc(var(--stage-top) - 44px));left:12px;right:12px;width:auto;height:40px;flex-direction:row}#app.match-live .room-chip{height:40px;min-height:0;border-radius:8px;border-bottom:1px solid rgba(255,255,255,.1)}.room-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-card{top:var(--hud-lobby-top);left:10px;grid-template-columns:1fr 1fr;width:auto;right:10px;min-height:0;transform:none}.lobby-card>.lobby-grid:not(.join-grid){grid-column:1 / 3}.queue-mode-tabs{grid-column:1 / 3}.lobby-card>.entry-actions{grid-column:1 / 3;grid-row:auto}.lobby-card>.room-actions{grid-column:1 / 3}.lobby-card>.join-grid{grid-column:1 / 3;grid-row:auto}#app.in-room .room-lobby-section{grid-column:1 / 3}.action-dock{grid-template-columns:1fr}.onboarding-tutorial-overlay{padding:10px;align-items:end}.onboarding-tutorial-card{width:100%;min-height:326px;grid-template-rows:28px 86px 38px 52px 28px 4px 36px;gap:8px;padding:10px}.onboarding-tutorial-visual{height:86px}.onboarding-tutorial-sprite,.onboarding-tutorial-sprite-pickup{width:70px;height:70px}.onboarding-tutorial-meter{min-width:164px;padding:10px 14px}.onboarding-hp-meter,.onboarding-energy-meter{width:104px}.onboarding-tutorial-card h2{font-size:.84rem}.onboarding-tutorial-card p{min-height:0;font-size:.56rem}#app.match-live .action-dock{right:10px;width:auto}.action-dock .button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-panel{top:auto;right:10px;left:10px;bottom:68px;width:auto;max-height:84px;min-height:0;transform:none}#app.match-live .roster-panel{top:auto;right:10px;left:10px;bottom:68px;width:auto;max-height:156px;border-radius:12px;border-top:1px solid rgba(255,255,255,.08);transform:none}.roster-panel .panel-head{display:none}#roster{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,auto)}.debug-panel{display:none}.results-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-panel,.shop-admin-panel,.locker-panel{top:76px;max-height:calc(100vh - 92px)}.locker-panel{top:12px;bottom:12px;height:auto;max-height:none;transform:translate(-50%)}.locker-layout{grid-template-columns:1fr;grid-template-rows:minmax(180px,32vh) minmax(0,1fr)}.locker-preview-stage{height:auto;min-height:0}.shop-products,.shop-admin-grid{grid-template-columns:1fr}.shop-admin-wide{grid-column:auto}.shop-product,.locker-slot{grid-template-columns:46px minmax(0,1fr)}.locker-slot-art{width:46px;height:46px}.locker-slot-art .shop-cosmetic-preview{transform:scale(.72)}.locker-slot-controls{grid-column:1 / 3;grid-template-columns:1fr}.locker-slot-arrows{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.locker-actions{grid-template-columns:1fr}.shop-product-art{width:46px;height:46px}.shop-buy-button{grid-column:1 / 3;width:100%}}