@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3926fa88ed32c251-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c3206c67a3393998-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7d7f401753dc0c4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6681946d7a6ccbb7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1fc9a8acda3903f0-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7b750d5bfef15842-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2a7c45462b39533e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4c7c43bdd7a35c63-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8d541ca8617572f0-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3955bbd902881c26-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f6d84cc3be9d6158-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/84f090e3b62fb9e3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch Fallback;src:local("Arial");ascent-override:96.77%;descent-override:30.05%;line-gap-override:0.00%;size-adjust:102.51%}.__className_dacc69{font-family:Chakra Petch,Chakra Petch Fallback;font-style:normal}.__variable_dacc69{--font-display:"Chakra Petch","Chakra Petch Fallback"}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sora Fallback;src:local("Arial");ascent-override:85.29%;descent-override:25.50%;line-gap-override:0.00%;size-adjust:113.73%}.__className_ce197d{font-family:Sora,Sora Fallback;font-style:normal}.__variable_ce197d{--font-sans:"Sora","Sora Fallback"}:root{--bg:#08111f;--bg-deep:#050a13;--panel:rgba(10,18,34,0.84);--panel-strong:rgba(14,24,46,0.94);--line:rgba(151,188,255,0.16);--text:#e8f1ff;--muted:#96a9ca;--accent:#6ee7f9;--accent-strong:#ff7f50;--success:#8df7c1;--shadow:0 24px 60px rgba(2,6,23,0.46)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-sans),sans-serif;background:radial-gradient(circle at top,rgba(83,146,255,.18),transparent 30%),linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 100%);color:var(--text)}body:has(.play-grid){overflow:hidden;overscroll-behavior:none}body:has(.landing-screen){overflow:hidden;overscroll-behavior:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-aurora{position:fixed;inset:auto;pointer-events:none;z-index:-2;filter:blur(70px)}.page-aurora-a{top:80px;left:12%;width:320px;height:320px;background:rgba(94,234,212,.15)}.page-aurora-b{right:8%;bottom:10%;width:360px;height:360px;background:rgba(255,127,80,.18)}.page-gridline{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(151,188,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(151,188,255,.04) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.54),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.54),transparent 88%)}.site-root{width:min(1380px,calc(100% - 40px));margin:0 auto;padding:20px 0 48px}.site-root:has(.play-grid){width:100%;min-height:100vh;padding:0}.site-root:has(.landing-screen){width:100%;min-height:100vh;padding:0}.site-root:has(.play-grid) .site-header{display:none}.site-root:has(.landing-screen) .site-header{display:none}.site-header{justify-content:space-between;gap:20px;padding:10px 0 24px}.brand-lockup,.site-header{display:flex;align-items:center}.brand-lockup{gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(110,231,249,.26),rgba(255,127,80,.2));font-size:1.1rem;letter-spacing:.08em}.brand-lockup strong,.brand-mark,.site-nav a,h1,h2,h3{font-family:var(--font-display),sans-serif}.brand-lockup small{display:block;color:var(--muted);margin-top:2px}.site-nav{display:flex;flex-wrap:wrap;gap:10px}.site-nav a{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.page-stack{display:grid;gap:18px}.landing-screen,.landing-stage{min-height:100vh}.landing-stage{position:relative;display:grid;place-items:center;padding:clamp(18px,4vw,36px);overflow:hidden;background:radial-gradient(circle at 50% 22%,rgba(103,232,249,.18),transparent 18%),radial-gradient(circle at 18% 18%,rgba(110,231,249,.14),transparent 28%),radial-gradient(circle at 82% 18%,rgba(255,127,80,.14),transparent 26%),linear-gradient(180deg,#08111f,#050a13)}.landing-stage:before{content:"";position:absolute;inset:10% 14% 26%;border-radius:50%;background:radial-gradient(circle,rgba(91,140,255,.16),transparent 68%);filter:blur(42px);opacity:.9;animation:landingPulse 6.4s ease-in-out infinite}.landing-floor,.landing-gridwash,.landing-orb,.landing-rings,.landing-shards{position:absolute;pointer-events:none}.landing-orb{border-radius:999px;filter:blur(48px);opacity:.66}.landing-orb-a{top:10%;left:14%;width:220px;height:220px;background:rgba(110,231,249,.22);animation:landingFloat 10s ease-in-out infinite}.landing-orb-b{right:12%;top:16%;width:260px;height:260px;background:rgba(90,136,255,.22);animation:landingFloat 11.5s ease-in-out infinite reverse}.landing-orb-c{bottom:16%;left:50%;width:320px;height:180px;background:rgba(255,127,80,.18);transform:translateX(-50%);animation:landingFloat 9.2s ease-in-out infinite}.landing-gridwash{inset:0;background-image:linear-gradient(rgba(151,188,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(151,188,255,.05) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 88%);opacity:.56}.landing-rings{left:50%;top:48%;width:min(88vw,900px);aspect-ratio:1;transform:translate(-50%,-50%)}.landing-rings span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(151,188,255,.14)}.landing-rings span:first-child{inset:6%;border-width:16px;border-color:rgba(91,140,255,.2) transparent rgba(91,140,255,.08);animation:landingRotate 22s linear infinite}.landing-rings span:nth-child(2){inset:18%;border-width:10px;border-color:rgba(103,232,249,.18) transparent rgba(255,127,80,.14);animation:landingRotateReverse 16s linear infinite}.landing-rings span:nth-child(3){inset:29%;border:2px dashed rgba(255,255,255,.12);animation:landingRotate 28s linear infinite}.landing-shards{inset:0}.landing-shards span{position:absolute;width:180px;height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(130,170,255,.16),rgba(255,255,255,0));filter:blur(1px);opacity:.7}.landing-shards span:first-child{top:14%;left:22%;transform:rotate(32deg)}.landing-shards span:nth-child(2){top:24%;right:18%;width:220px;transform:rotate(-28deg)}.landing-shards span:nth-child(3){top:40%;left:14%;width:260px;transform:rotate(64deg)}.landing-shards span:nth-child(4){top:48%;right:16%;width:160px;transform:rotate(-58deg)}.landing-shards span:nth-child(5){bottom:24%;left:26%;width:240px;transform:rotate(-22deg)}.landing-shards span:nth-child(6){bottom:18%;right:22%;width:210px;transform:rotate(26deg)}.landing-floor{left:50%;bottom:12%;width:min(92vw,860px);height:120px;transform:translateX(-50%)}.landing-floor:before{content:"";position:absolute;inset:62px 0 auto;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(232,241,255,.52),rgba(255,255,255,0))}.landing-floor-glow{position:absolute;left:50%;top:54px;width:44%;height:16px;border-radius:999px;background:linear-gradient(90deg,rgba(255,127,80,.8),rgba(110,231,249,.92));transform:translateX(-50%);filter:blur(18px);opacity:.7;animation:landingPulse 4.8s ease-in-out infinite}.landing-entry{position:relative;z-index:2;display:grid;gap:14px;width:min(100%,420px)}.landing-entry:before{content:"";position:absolute;inset:-26px -30px;border-radius:40px;background:radial-gradient(circle at top,rgba(110,231,249,.16),transparent 44%),radial-gradient(circle at bottom,rgba(255,127,80,.12),transparent 42%);filter:blur(18px);opacity:.96}.landing-brandline,.landing-input-shell,.landing-play-button{position:relative;z-index:1}.landing-brandline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.landing-brandline strong{font-family:var(--font-display),sans-serif;font-size:.76rem;letter-spacing:.34em;color:rgba(232,241,255,.74)}.landing-input-shell{display:block}.landing-input-shell input{width:100%;min-height:72px;padding:0 24px;border:1px solid rgba(151,188,255,.18);border-radius:24px;background:rgba(8,15,30,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 44px rgba(2,6,23,.34);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text);text-align:center;font-family:var(--font-display),sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.03em;outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.landing-input-shell input::placeholder{color:rgba(232,241,255,.42)}.landing-input-shell input:focus{border-color:rgba(110,231,249,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 4px rgba(110,231,249,.12),0 24px 44px rgba(2,6,23,.34);transform:translateY(-1px)}.landing-play-button{display:inline-flex;align-items:center;justify-content:center;min-height:76px;border:0;border-radius:24px;background:linear-gradient(135deg,var(--accent),#5a88ff);color:#07101d;font-family:var(--font-display),sans-serif;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.04em;cursor:pointer;box-shadow:0 24px 54px rgba(28,86,214,.34),inset 0 1px 0 rgba(255,255,255,.24);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.landing-play-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 28px 62px rgba(28,86,214,.42),inset 0 1px 0 rgba(255,255,255,.24);filter:saturate(1.05)}.landing-play-button:active{transform:translateY(1px) scale(.995)}@keyframes landingFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-18px,0)}}@keyframes landingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes landingRotateReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes landingPulse{0%,to{opacity:.62;transform:scale(.985)}50%{opacity:.92;transform:scale(1.015)}}.stage-glyph,.stage-miniature{position:relative;height:84px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 70%),radial-gradient(circle at top,rgba(110,231,249,.16),transparent 54%),rgba(255,255,255,.03);overflow:hidden}.stage-glyph-floor,.stage-miniature-floor{position:absolute;left:12%;right:12%;bottom:14%;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(255,127,80,.9),rgba(110,231,249,.88));box-shadow:0 0 20px rgba(110,231,249,.18)}.stage-glyph-platform,.stage-miniature-platform{position:absolute;height:8px;border-radius:999px;background:rgba(232,241,255,.82);transform:translateX(-50%)}.battle-stage-panel,.content-panel,.hero-panel,.rail-card,.telemetry-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:18px;padding:28px;border-radius:32px}.hero-panel-game{align-items:stretch}.battle-toolbar h1,.hero-copy h1,.page-heading h1,.page-heading h2{margin:0;line-height:.95;letter-spacing:-.04em}.hero-copy h1{max-width:11ch;font-size:clamp(3rem,7vw,5.8rem)}.hero-pills,.stage-chip-row{display:flex;flex-wrap:wrap;gap:10px}.hero-pills span,.mini-button,.stage-chip,.status-pill{border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text);padding:8px 12px;font-size:.82rem}.control-stack,.hero-preview,.room-roster,.selector-preview{display:grid;gap:12px}.control-stack,.hero-preview,.selector-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.control-card,.fighter-preview-card,.stage-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.control-row,.fighter-preview-head,.network-summary-top,.room-join-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.fighter-preview-card h2,.stage-card h3{margin:12px 0}.meter-stack,.stage-metrics,.tiny-stat-grid{display:grid;gap:10px}.meter-row{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;color:var(--muted);font-size:.86rem}.meter-track{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.page-heading-compact{margin-bottom:14px}.stage-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stage-chip-live{border-color:rgba(141,247,193,.22);color:var(--success)}.stage-chip-lab{border-color:rgba(255,127,80,.22);color:#ffb08d}.feature-card p,.fighter-card p,.hero-lede,.page-heading p,.rail-card p,.telemetry-card p{color:var(--muted);line-height:1.65}.battle-toolbar-actions,.hero-actions,.stack-actions{display:flex;flex-wrap:wrap;gap:12px}.game-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),#5a88ff);color:#07101d;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,filter .16s ease}.game-button-muted{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.1)}.game-button:hover:not(:disabled),.mini-button:hover:not(:disabled){transform:translateY(-1px)}.game-button:disabled,.mini-button:disabled{opacity:.54;cursor:not-allowed;filter:saturate(.7)}.bullet-grid,.card-grid,.hero-metrics,.settings-grid{display:grid;gap:14px}.card-grid,.hero-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card,.fighter-card,.metric-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.feature-card h3,.fighter-card h3,.metric-card strong{display:block;margin:10px 0 8px;font-size:1.35rem}.page-heading{display:grid;gap:6px;margin-bottom:18px}.eyebrow,.hud-label{display:inline-block;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.72rem}.fighter-swatches{display:flex;gap:8px;margin-top:0}.fighter-swatches span{width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}.play-grid{position:relative;--play-rail-width:clamp(328px,18.5vw,372px);--play-shell-gap:12px;--play-rail-safe-inset:calc(var(--play-rail-width) + (var(--play-shell-gap) * 2) + 10px)}.battle-stage-panel,.play-grid{min-height:100dvh;height:100dvh;overflow:hidden}.battle-stage-panel{display:flex;flex-direction:column;padding:12px;border-radius:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.battle-footer,.battle-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.battle-toolbar{position:absolute;inset:12px 12px auto;z-index:9;margin:0;pointer-events:none}.battle-toolbar h1{font-size:clamp(2rem,5vw,3.1rem)}.battle-brandmark{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(7,12,22,.52);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.battle-brandmark span{font-family:var(--font-display),sans-serif;font-size:1rem;letter-spacing:.14em}.battle-brandmark i{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 18px rgba(141,247,193,.68)}.battle-title-group{display:grid;gap:6px;pointer-events:auto}.battle-toolbar-actions{pointer-events:auto}.battle-settings-dialog{position:absolute;top:72px;right:12px;z-index:10;width:min(360px,calc(100vw - 24px))}.battle-settings-panel{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(11,16,26,.94),rgba(8,12,20,.9));border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 64px rgba(0,0,0,.34)}.settings-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.settings-close-button{position:relative;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text)}.settings-close-button span{position:absolute;inset:18px 10px auto;height:1.6px;background:currentColor;border-radius:999px}.settings-close-button span:first-child{transform:rotate(45deg)}.settings-close-button span:last-child{transform:rotate(-45deg)}.settings-close-button:hover{transform:translateY(-1px)}.battle-hud{position:absolute;inset:90px var(--play-rail-safe-inset) auto 12px;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hud-card{padding:10px 12px;border-radius:16px;background:rgba(7,12,22,.46);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-card strong{display:block;font-size:1.7rem;margin:2px 0}.hud-card-combatant{gap:6px}.hud-combatant-caption,.hud-combatant-top,.stock-duel{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-combatant-caption{color:var(--muted);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.hud-swatch{width:12px;height:12px;border-radius:999px;box-shadow:0 0 16px currentColor}.stock-meter{display:inline-flex;gap:6px}.stock-meter span{width:16px;height:6px;border-radius:999px;opacity:.9}.hud-card-center{text-align:center}.battle-canvas-frame{position:relative;isolation:isolate;flex:1 1;height:100%;min-height:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(110,231,249,.14),transparent 34%),linear-gradient(180deg,rgba(9,15,28,.92),rgba(5,10,19,.98))}.battle-canvas-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 48%,rgba(4,8,16,.42) 100%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(255,255,255,.03))}.battle-canvas{display:block;width:100%;height:100%;min-height:0}.fighter-name-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.fighter-name-tag{position:absolute;transform:translate(-50%,-50%)}.fighter-name-tag span{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(7,12,22,.68);box-shadow:0 12px 28px rgba(2,6,23,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-display),sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.battle-start-screen{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px;pointer-events:none}.battle-start-card{pointer-events:auto;display:grid;gap:18px;justify-items:center;min-width:min(420px,calc(100vw - 48px));padding:30px 28px;border-radius:34px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(7,12,22,.82),rgba(7,12,22,.62)),radial-gradient(circle at top,rgba(110,231,249,.12),transparent 48%);box-shadow:0 40px 90px rgba(2,6,23,.42);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.battle-start-mark{position:relative;width:82px;height:82px;display:grid;place-items:center}.battle-start-mark i,.battle-start-mark span{position:absolute;display:block;border-radius:999px}.battle-start-mark span{inset:0;border:1px solid rgba(110,231,249,.24);background:radial-gradient(circle at center,rgba(110,231,249,.16),transparent 70%)}.battle-start-mark i{width:18px;height:18px;background:var(--accent);box-shadow:0 0 24px rgba(110,231,249,.48)}.battle-start-name{width:100%;min-height:62px;padding:0 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--text);text-align:center;font-family:var(--font-display),sans-serif;font-size:clamp(1.3rem,3vw,2rem);letter-spacing:-.04em}.battle-start-name::placeholder{color:rgba(232,241,255,.42)}.battle-start-actions{display:flex;width:100%;gap:12px}.battle-start-action{flex:1 1;min-height:60px;border:0;border-radius:18px;background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;font-family:var(--font-display),sans-serif;font-size:1.2rem;letter-spacing:-.04em;transition:transform .16s ease,background .16s ease,opacity .16s ease}.battle-start-action:hover{transform:translateY(-1px)}.battle-start-action-primary{background:linear-gradient(135deg,rgba(110,231,249,.92),rgba(90,136,255,.88));color:#07101d;box-shadow:0 20px 44px rgba(28,86,214,.26)}.damage-popup-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.damage-popup{position:absolute;display:grid;place-items:center;min-width:78px;min-height:42px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--popup-color) 34%,rgba(255,255,255,.14));background:linear-gradient(180deg,rgba(7,12,22,.88),rgba(7,12,22,.56)),radial-gradient(circle at center,color-mix(in srgb,var(--popup-color) 18%,transparent),transparent 72%);box-shadow:0 14px 28px rgba(2,6,23,.34),0 0 34px color-mix(in srgb,var(--popup-color) 20%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform,opacity}.damage-popup strong{font-family:var(--font-display),sans-serif;font-size:1.15rem;line-height:1;letter-spacing:-.04em;color:color-mix(in srgb,var(--popup-color) 72%,#ffffff);text-shadow:0 0 18px color-mix(in srgb,var(--popup-color) 24%,transparent),0 0 8px rgba(255,255,255,.08)}.battle-footer{margin-top:14px}.battle-status-strip{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin:0}.battle-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1;padding:24px}.battle-overlay-card{position:relative;display:grid;justify-items:center;gap:8px;min-width:140px;padding:20px 22px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(7,12,22,.62);box-shadow:0 24px 50px rgba(2,6,23,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;animation:overlay-pop .26s ease;overflow:hidden}.battle-overlay-card:before{content:"";position:absolute;inset:12% 18%;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 72%);opacity:.6;filter:blur(14px);pointer-events:none}.battle-overlay-glyph{position:relative;display:grid;place-items:center;width:78px;height:78px}.battle-overlay-glyph span{position:absolute;display:block;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.battle-overlay-glyph span:first-child{inset:0}.battle-overlay-glyph span:nth-child(2){inset:16px}.battle-overlay-glyph span:nth-child(3){width:18px;height:18px;background:rgba(255,255,255,.14);box-shadow:0 0 24px rgba(255,255,255,.18)}.battle-overlay-countdown .battle-overlay-glyph,.battle-overlay-lose .battle-overlay-glyph,.battle-overlay-reconnect .battle-overlay-glyph,.battle-overlay-win .battle-overlay-glyph{animation:overlay-spin 1.2s linear infinite}.battle-overlay-queue .battle-overlay-glyph span:first-child,.battle-overlay-room .battle-overlay-glyph span:first-child{inset:10px 2px;border-radius:26px}.battle-overlay-queue .battle-overlay-glyph span:nth-child(2),.battle-overlay-room .battle-overlay-glyph span:nth-child(2){inset:20px 14px;border-radius:20px}.battle-overlay-reconnect .battle-overlay-glyph span:first-child{inset:6px;clip-path:polygon(0 0,100% 0,56% 100%,0 100%)}.battle-overlay-reconnect .battle-overlay-glyph span:nth-child(2){inset:18px;clip-path:polygon(44% 0,100% 0,100% 100%,0 100%)}.battle-overlay-countdown .battle-overlay-glyph span:first-child{inset:0}.battle-overlay-countdown .battle-overlay-glyph span:nth-child(2){inset:10px;border-style:dashed}.battle-overlay-card strong{position:relative;z-index:1;font-family:var(--font-display),sans-serif;font-size:clamp(2.2rem,7vw,4.8rem);line-height:.9;letter-spacing:-.05em}.battle-overlay-lobby,.battle-overlay-queue,.battle-overlay-room{place-items:start center;padding-top:54px}.battle-overlay-lobby .battle-overlay-card,.battle-overlay-queue .battle-overlay-card,.battle-overlay-room .battle-overlay-card{min-width:0;padding:14px 18px}.battle-overlay-lobby .battle-overlay-card strong,.battle-overlay-queue .battle-overlay-card strong,.battle-overlay-room .battle-overlay-card strong{font-size:clamp(1.4rem,3.4vw,2.3rem)}.battle-overlay-countdown .battle-overlay-card{background:rgba(6,13,25,.32);border-color:rgba(110,231,249,.22);box-shadow:0 30px 90px rgba(13,74,110,.18)}.battle-overlay-win .battle-overlay-card{border-color:rgba(141,247,193,.28);box-shadow:0 28px 60px rgba(20,83,45,.28)}.battle-overlay-lose .battle-overlay-card,.battle-overlay-reconnect .battle-overlay-card{border-color:rgba(255,127,80,.24)}.battle-result-screen{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:24px;pointer-events:auto;overflow:hidden}.battle-result-burst{position:absolute;inset:-20%;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at center,rgba(110,231,249,.22),transparent 48%),radial-gradient(circle at center,rgba(255,127,80,.16),transparent 62%);filter:blur(12px);opacity:.96;animation:result-burst .82s ease forwards}.battle-result-burst-secondary{inset:-12%;background:conic-gradient(from 180deg,transparent 0deg,rgba(255,255,255,.06) 36deg,transparent 72deg,rgba(110,231,249,.08) 144deg,transparent 216deg,rgba(255,127,80,.08) 288deg,transparent 1turn);filter:blur(2px);opacity:.42;animation:result-burst-spin 9s linear infinite}.battle-result-screen-win .battle-result-burst{background:radial-gradient(circle at center,rgba(255,255,255,.1),transparent 24%),radial-gradient(circle at center,rgba(141,247,193,.24),transparent 48%),radial-gradient(circle at center,rgba(110,231,249,.12),transparent 62%)}.battle-result-screen-lose .battle-result-burst{background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at center,rgba(255,127,80,.22),transparent 48%),radial-gradient(circle at center,rgba(255,181,116,.12),transparent 62%)}.battle-result-card{position:relative;z-index:1;display:grid;gap:20px;justify-items:center;min-width:min(460px,calc(100vw - 48px));padding:34px 28px 24px;border-radius:34px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(6,12,24,.78),rgba(5,10,18,.9));box-shadow:0 40px 90px rgba(1,5,16,.58);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:overlay-pop .24s ease}.battle-result-shutter{position:absolute;left:-10%;right:-10%;height:22vh;background:linear-gradient(180deg,rgba(6,12,24,.96),rgba(6,12,24,.28)),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 18px,transparent 18px 42px);z-index:0;pointer-events:none;animation:result-shutter .62s cubic-bezier(.2,.9,.18,1) forwards}.battle-result-shutter-top{top:-2vh;--shutter-from:translateY(-105%);--shutter-to:translateY(0)}.battle-result-shutter-bottom{bottom:-2vh;--shutter-from:translateY(105%) scaleY(-1);--shutter-to:translateY(0) scaleY(-1)}.battle-result-emblem{position:relative;width:104px;height:104px;display:grid;place-items:center}.battle-result-emblem b,.battle-result-emblem i,.battle-result-emblem span{position:absolute;display:block}.battle-result-emblem span{inset:0;border-radius:28px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.battle-result-emblem i{width:46px;height:46px;border-radius:16px;transform:rotate(45deg);background:rgba(255,255,255,.08);box-shadow:0 0 26px rgba(255,255,255,.08)}.battle-result-emblem b{width:16px;height:72px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:0 0 22px rgba(255,255,255,.12),0 0 46px rgba(255,255,255,.1)}.battle-result-card strong{font-family:var(--font-display),sans-serif;font-size:clamp(3rem,10vw,6rem);line-height:.88;letter-spacing:-.08em;text-shadow:0 0 28px rgba(255,255,255,.08)}.battle-result-screen-win .battle-result-card{border-color:rgba(141,247,193,.22);box-shadow:0 40px 90px rgba(9,48,34,.42)}.battle-result-screen-win .battle-result-card strong{color:#b9ffd8}.battle-result-screen-win .battle-result-emblem span{background:rgba(141,247,193,.08);border-color:rgba(141,247,193,.26)}.battle-result-screen-win .battle-result-emblem b,.battle-result-screen-win .battle-result-emblem i{background:linear-gradient(180deg,#dffff0,#8df7c1)}.battle-result-screen-lose .battle-result-card{border-color:rgba(255,127,80,.22);box-shadow:0 40px 90px rgba(59,22,9,.42)}.battle-result-screen-lose .battle-result-card strong{color:#ffd0bf}.battle-result-screen-lose .battle-result-emblem span{background:rgba(255,127,80,.08);border-color:rgba(255,127,80,.24)}.battle-result-screen-lose .battle-result-emblem b,.battle-result-screen-lose .battle-result-emblem i{background:linear-gradient(180deg,#ffe2d7,#ff9d75)}.battle-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.result-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:154px;min-height:54px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;font-family:var(--font-display),sans-serif;font-size:1rem;letter-spacing:.08em;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.result-action svg{width:18px;height:18px}.result-action:hover:not(:disabled){transform:translateY(-1px)}.result-action:disabled{opacity:.58;cursor:default}.result-action-primary{border-color:rgba(110,231,249,.2);background:linear-gradient(135deg,rgba(110,231,249,.18),rgba(90,136,255,.16))}@keyframes result-burst{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:.96}}@keyframes result-burst-spin{0%{transform:rotate(0deg) scale(.94)}to{transform:rotate(1turn) scale(1.04)}}@keyframes result-shutter{0%{transform:var(--shutter-from);opacity:0}to{transform:var(--shutter-to);opacity:1}}@keyframes overlay-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-pill-live{border-color:rgba(110,231,249,.2);color:var(--accent)}.status-pill-local{border-color:rgba(255,255,255,.08)}.status-pill-warn{border-color:rgba(255,127,80,.22);color:#ffb08d}.telemetry-card{flex:1 1;min-width:0;padding:16px;border-radius:20px}.telemetry-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:10px}.telemetry-grid strong{overflow-wrap:anywhere}.control-rail{position:absolute;top:12px;right:12px;z-index:7;display:grid;gap:14px;align-content:start;width:min(var(--play-rail-width),calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:2px}.control-rail::-webkit-scrollbar{width:8px}.control-rail::-webkit-scrollbar-thumb{background:rgba(148,163,184,.24);border-radius:999px}.content-panel,.rail-card{padding:22px;border-radius:26px}.rail-card h2{margin:4px 0 8px}.rail-card-compact{display:grid;gap:12px}.rail-card-compact h2{overflow-wrap:anywhere}.rail-card-pilot{margin-top:56px}.rail-card-controls{padding-top:18px;padding-bottom:18px}.rail-card-loadout,.rail-card-room{min-width:0}.pilot-lockup{display:flex;align-items:center;gap:14px}.pilot-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;font-family:var(--font-display),sans-serif;font-size:1.2rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.pilot-meta{display:grid;gap:4px;min-width:0}.pilot-meta strong{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pilot-meta small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.pilot-stage-card{border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden}.field{display:grid;gap:8px;margin-bottom:14px}.field-compact{margin-bottom:0}.field-compact span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.field input,.field select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text);padding:12px 14px}.select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-compact-wide{grid-column:1/-1}.fighter-chip{display:flex;align-items:stretch;gap:14px;width:100%;min-width:0;min-height:116px;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.06);color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.fighter-chip small,.room-player small,.tiny-stat small{color:var(--muted)}.fighter-chip-active{border-color:rgba(110,231,249,.22);background:linear-gradient(180deg,rgba(110,231,249,.12),rgba(90,136,255,.08))}.fighter-chip-art{position:relative;flex:0 0 clamp(84px,31%,104px);width:clamp(84px,31%,104px);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(7,12,22,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px rgba(2,6,23,.36)}.fighter-chip-art img{width:100%;height:100%;display:block;object-fit:cover}.fighter-chip-copy{display:grid;align-content:center;gap:8px;flex:1 1 auto;min-width:0}.fighter-chip-copy strong{max-width:100%;font-size:clamp(.82rem,.72rem + .2vw,.98rem);line-height:1.08;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}.fighter-chip-muted{opacity:.78}.fighter-chip:hover:not(:disabled),.icon-button:hover:not(:disabled),.stage-choice:hover:not(:disabled){transform:translateY(-1px)}.selector-preview-fighters,.stage-selector-grid{display:grid;gap:12px;min-width:0}.selector-preview-fighters{grid-template-columns:1fr}.portrait-studio-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 18%,rgba(99,102,241,.12),transparent 34%),linear-gradient(180deg,#030712,#050914 55%,#03050c)}.portrait-studio-card{position:relative;width:min(78vw,840px);aspect-ratio:1/1;overflow:hidden;border-radius:42px;isolation:isolate;background:radial-gradient(circle at 34% 22%,var(--portrait-glow),transparent 34%),radial-gradient(circle at 72% 76%,var(--portrait-halo),transparent 28%),linear-gradient(145deg,var(--portrait-base),#04070f 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 90px rgba(0,0,0,.5)}.portrait-studio-card:after,.portrait-studio-card:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.portrait-studio-card:before{width:64%;height:64%;left:18%;top:10%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);filter:blur(18px)}.portrait-studio-card:after{width:74%;height:20%;left:13%;bottom:6%;background:radial-gradient(circle,rgba(0,0,0,.44),transparent 72%);filter:blur(24px)}.portrait-studio-scene{position:absolute;inset:0;z-index:2}.fighter-portrait-scene,.fighter-portrait-scene-canvas{width:100%;height:100%;display:block}.portrait-studio-badge,.portrait-studio-haze,.portrait-studio-orbit{position:absolute;pointer-events:none}.portrait-studio-orbit{border:1px solid rgba(255,255,255,.15);opacity:.42;filter:blur(.2px)}.portrait-studio-orbit-a{width:72%;height:28%;left:14%;top:16%;border-radius:999px;transform:rotate(-14deg)}.portrait-studio-orbit-b{width:52%;height:18%;right:6%;bottom:16%;border-radius:999px;transform:rotate(18deg);opacity:.28}.portrait-studio-haze{background:radial-gradient(circle,var(--portrait-accent),transparent 70%);opacity:.18;filter:blur(46px)}.portrait-studio-haze-a{width:30%;height:30%;right:8%;top:12%}.portrait-studio-haze-b{width:22%;height:22%;left:10%;bottom:18%}.portrait-studio-badge{left:10%;top:10%;width:74px;height:74px;z-index:3}.portrait-studio-badge i,.portrait-studio-badge span{position:absolute;inset:0;border-radius:24px}.portrait-studio-badge span{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portrait-studio-badge i{inset:16px;border:1px solid rgba(255,255,255,.22);transform:rotate(45deg)}.stage-choice{display:grid;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.stage-choice strong{font-size:.96rem}.stage-choice-pip{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:0 0 14px rgba(255,255,255,.1)}.stage-choice-pip-live{background:var(--success);box-shadow:0 0 20px rgba(141,247,193,.42)}.stage-choice-active{border-color:rgba(255,127,80,.22);background:linear-gradient(180deg,rgba(255,127,80,.11),rgba(255,255,255,.04))}.action-dock{display:flex;gap:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.icon-button svg{width:20px;height:20px}.icon-button-compact{width:38px;height:38px;border-radius:12px}.icon-button-active{border-color:rgba(110,231,249,.22);background:linear-gradient(180deg,rgba(110,231,249,.12),rgba(90,136,255,.08))}.icon-button:disabled{opacity:.5;cursor:not-allowed}.controls-list{display:grid;gap:4px;margin-top:10px;color:var(--muted)}.network-summary{display:grid;gap:12px;margin-top:14px;padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(110,231,249,.08),rgba(90,136,255,.06))}.network-actions{display:flex;gap:8px}.mini-button{cursor:pointer}.room-join-row{margin-top:14px}.room-join-row input{flex:1 1;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text);padding:12px 14px}.battle-start-name,.room-join-row input{outline:none}.battle-start-name:focus,.room-join-row input:focus{border-color:rgba(110,231,249,.24);box-shadow:0 0 0 3px rgba(110,231,249,.08)}.room-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.room-player{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04)}.room-player-active{outline:1px solid rgba(110,231,249,.22)}.room-player-empty{opacity:.7}.presence-dot,.room-player-swatch{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.2)}.presence-dot-ready{background:var(--success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.control-card{display:grid;gap:10px}.control-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.control-card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.control-row span{color:var(--muted);min-width:0;flex:0 1 auto}.control-keycaps{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;flex:0 1 auto;max-width:calc(100% - 72px)}.keycap{min-width:34px;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);color:var(--text);text-align:center}.tiny-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiny-stat{padding:12px;border-radius:16px;background:rgba(255,255,255,.04)}.tiny-stat strong{display:block;font-size:1rem}.tiny-stat-surface{display:grid;place-items:center;min-height:58px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.field-volume{align-content:start}.toggle-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04)}.settings-footnote{margin-top:16px}.battle-settings-panel .page-heading h1{font-size:1.6rem}.small-copy{font-size:.92rem;color:var(--muted)}@keyframes overlay-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1100px){.hero-panel,.landing-grid,.play-grid{grid-template-columns:1fr}.battle-stage-panel,.play-grid{min-height:auto}.control-rail{position:static;width:auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:14px}.control-stack,.hero-preview,.landing-stage-strip,.room-roster,.select-grid,.selector-preview{grid-template-columns:1fr}.battle-toolbar{position:static;pointer-events:auto;margin-bottom:10px}body:has(.play-grid){overflow:auto}.battle-hud{inset:10px 10px auto}.rail-card-pilot{margin-top:0}}@media (max-height:860px) and (min-width:1101px){.play-grid{--play-rail-width:clamp(304px,17.5vw,340px)}.control-rail{gap:10px}.content-panel,.rail-card{padding:18px;border-radius:22px}.rail-card-pilot{margin-top:48px}.fighter-chip{min-height:96px;padding:10px}.fighter-chip-art{flex-basis:86px;width:86px}.stage-choice{gap:8px;padding:12px 14px}.action-dock{gap:8px}.control-row{gap:10px}.keycap{min-width:30px;padding:5px 7px;font-size:.82rem}}@media (max-width:760px){.site-root{width:min(100% - 20px,1380px)}.battle-footer,.battle-toolbar,.site-header{flex-direction:column}.battle-hud{grid-template-columns:1fr;inset:10px 10px auto}.battle-canvas{min-height:72vh}.battle-start-actions{flex-direction:column}.landing-stage{padding:12px}.landing-launch-panel{padding:20px}.hero-copy h1{max-width:none}}