@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Oxanium;src:url(/fonts/oxanium-400-800.woff2) format("woff2");font-weight:400 800;font-display:swap}:root{color-scheme:dark;font-family:Chakra Petch,system-ui,sans-serif;color:#f1eee4;background:#050812;font-synthesis:none;--ink: #050812;--night: #09101d;--panel: rgba(9, 16, 29, .92);--panel-soft: rgba(13, 22, 38, .78);--line: rgba(146, 194, 217, .16);--line-bright: rgba(81, 224, 241, .48);--cyan: #42e4ed;--cyan-soft: #82f3f5;--orange: #ff8a4b;--ember: #ff5f3e;--cream: #f1eee4;--muted: #8293a4;--dim: #516273;--green: #64e69b;--shadow: 0 24px 80px rgba(0, 0, 0, .46)}[data-palette=deuteranopia]{--cyan: #42d8e6;--cyan-soft: #90eff4;--orange: #f7d44d;--ember: #df9b35;--green: #a8dfff}[data-palette=contrast]{--cyan: #f4f6ff;--cyan-soft: #fff;--orange: #ff754f;--ember: #ff4f2e;--line: rgba(255, 255, 255, .28)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html{background:var(--ink)}body{min-width:320px;min-height:100dvh;background:var(--ink);overscroll-behavior:none}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:not-allowed}.screen-enter{animation:screen-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.pixel-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px),radial-gradient(circle at 50% 0,rgba(63,213,237,.18),transparent 46%)}.home,.panel-screen{position:relative;min-height:100dvh;isolation:isolate;overflow:hidden;background:#060b15}.home-art{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#050812,#050812fa 25%,#05081294 51%,#0508120a 72%),linear-gradient(0deg,#050812 0%,transparent 26%),url(/ui/title-diorama.webp);background-size:cover;background-position:center;image-rendering:auto;transform:scale(1.015);animation:art-settle 1.3s cubic-bezier(.16,1,.3,1) both}@keyframes art-settle{0%{opacity:.35;transform:scale(1.05)}}.topbar,.panel-header{display:flex;align-items:center;position:relative;z-index:10}.topbar{height:76px;padding:max(10px,env(safe-area-inset-top)) clamp(22px,4vw,70px) 0;border-bottom:1px solid rgba(132,192,214,.13);background:linear-gradient(180deg,#03070fb8,#03070f2e)}.mini-brand{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none;font:700 13px Oxanium,sans-serif;letter-spacing:.12em}.mini-brand em{margin-left:-5px;color:var(--dim);font-size:8px;font-style:normal;letter-spacing:.2em}.brand-mark{width:31px;height:31px;position:relative;display:grid;place-items:center;border:1px solid rgba(87,226,241,.55);transform:rotate(45deg);background:#1663772e;box-shadow:inset 0 0 16px #42e4ed17,0 0 22px #42e4ed14}.brand-mark i{width:9px;height:9px;border:2px solid var(--cyan);box-shadow:6px 0 0 -3px var(--cyan),0 6px 0 -3px var(--cyan)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.status-chip{display:flex;align-items:center;gap:8px;margin-right:18px;color:#8ea1af;font:600 8px Oxanium,sans-serif;letter-spacing:.16em}.status-chip i,.network-status i,.arena-tag span i{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.icon-button{min-width:86px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:0;border-left:1px solid var(--line);background:#080e1a5c;color:#99a9b7;cursor:pointer;font:600 8px Oxanium,sans-serif;letter-spacing:.12em;transition:color .18s,background .18s}.icon-button:hover{color:var(--cyan-soft);background:#42e4ed12}.sound-button>i{width:10px;height:8px;border:1px solid currentColor;border-width:0 2px 2px 0;transform:skewY(-25deg)}.gear-icon{width:10px;height:10px;border:1px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 2px #08101d}.download-icon{width:10px;height:10px;border-bottom:1px solid currentColor;position:relative}.download-icon:before{content:"";position:absolute;left:4px;top:-3px;width:1px;height:8px;background:currentColor}.hero{min-height:calc(100dvh - 112px);display:flex;align-items:center;padding:46px clamp(22px,7vw,126px) 68px}.hero-copy{width:min(520px,47vw);position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:20px;margin-bottom:19px;color:#697d8f;font:700 8px Oxanium;letter-spacing:.2em}.eyebrow span{color:var(--cyan);display:flex;align-items:center;gap:8px}.eyebrow span i{width:16px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.eyebrow b{padding-left:20px;border-left:1px solid var(--line);font-weight:600}h1{margin:0;width:fit-content;font:800 clamp(70px,7.8vw,132px)/.71 Oxanium,sans-serif;letter-spacing:-.09em;text-transform:uppercase;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}.hero h1 span{display:block}.hero h1 span:first-child{color:var(--cream);text-shadow:3px 3px 0 #425063}.hero h1 span:last-child{margin-left:.34em;color:transparent;-webkit-text-stroke:1.5px var(--cyan);text-shadow:0 0 25px rgba(66,228,237,.24)}.subtitle{width:100%;display:flex;align-items:center;gap:13px;margin:22px 0 18px 6px;color:var(--orange);font:700 clamp(13px,1.15vw,18px) Oxanium;letter-spacing:.48em}.subtitle i{width:32px;height:1px;background:currentColor;opacity:.45}.subtitle i:last-child{flex:1}.lede{margin:0 0 25px 6px;color:#8796a3;font-size:12px;line-height:1.55;letter-spacing:.04em}.lede strong{color:#c6d0d4;font-weight:600}.main-menu{display:grid;gap:7px;width:min(486px,100%)}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.menu-button{min-width:0;min-height:52px;position:relative;overflow:hidden;padding:9px 15px;border:1px solid rgba(112,151,175,.25);background:linear-gradient(100deg,#0b1424f0,#080e1bdb);text-align:left;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,7px 100%,0 calc(100% - 7px));transition:transform .16s,border-color .16s,background .16s}.menu-button>span{position:relative;z-index:2;display:grid;gap:2px}.menu-button small{color:#587083;font:600 7px Oxanium;letter-spacing:.18em}.menu-button strong{color:#dce5e5;font:700 11px Oxanium;letter-spacing:.08em}.menu-button>i{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(66,228,237,.16),transparent 68%);transform:translate(-102%);transition:transform .25s}.menu-button:after{content:"›";position:absolute;z-index:2;right:14px;top:50%;transform:translateY(-50%);color:#526b7f;font-size:18px}.menu-button:hover{transform:translate(3px);border-color:#53e4f0b8;background:#0f1f30f2}.menu-button:hover>i{transform:none}.menu-button:hover:after{color:var(--cyan)}.menu-button.primary{min-height:65px;border-color:#4ce7f19e;background:linear-gradient(105deg,#0d7183eb,#0c2b4cf0);box-shadow:0 14px 38px #00a0c629}.menu-button.primary small{color:#a5f4f5}.menu-button.primary strong{color:#fff;font-size:13px}.menu-button.primary em{color:#e5fdff8c;font:600 7px Oxanium;font-style:normal;letter-spacing:.12em}.menu-button.primary:after{color:#fff}.live-label{position:absolute;right:19px;top:2px;color:var(--green);font:700 7px Oxanium;font-style:normal;letter-spacing:.12em}.progress-line{width:min(486px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:17px;color:#607180;font:600 7px Oxanium;letter-spacing:.13em}.progress-line>i{height:2px;background:#1a2a38}.progress-line>i em{display:block;height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.progress-line b{color:#afc1c7}.progress-line small{grid-column:2 / 4;font-size:7px;color:#4f6271}.hero-readout{position:absolute;right:clamp(20px,5vw,80px);bottom:62px;display:flex;align-items:center;gap:13px;padding:10px 17px 10px 10px;border:1px solid rgba(101,204,223,.24);border-left:2px solid var(--cyan);background:#030912c4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.readout-index{width:34px;height:34px;display:grid;place-items:center;background:#42e4ed17;color:var(--cyan);font:700 11px Oxanium}.hero-readout div{display:grid}.hero-readout small{color:#6e8393;font:600 6px Oxanium;letter-spacing:.16em}.hero-readout strong{font:700 13px Oxanium;letter-spacing:.05em}.hero-readout em{color:var(--cyan);font:600 7px Oxanium;font-style:normal}.home-footer{position:absolute;z-index:5;left:0;right:0;bottom:0;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,70px);border-top:1px solid var(--line);background:#03070fc7;color:#506272;font:600 7px Oxanium;letter-spacing:.14em}.home-footer i{display:inline-block;width:5px;height:5px;margin-right:8px;background:var(--cyan)}.home-footer b{color:#344758}.panel-screen{padding-bottom:48px;background:radial-gradient(circle at 70% -30%,rgba(30,102,123,.3),transparent 44%),linear-gradient(135deg,#07101c,#050812 67%);overflow-y:auto}.panel-screen:before{content:"";position:fixed;inset:0;z-index:-2;opacity:.12;background-image:linear-gradient(rgba(71,150,176,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(71,150,176,.13) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}.panel-header{min-height:102px;padding:max(12px,env(safe-area-inset-top)) clamp(18px,4vw,64px) 0;border-bottom:1px solid var(--line);background:#04091280}.panel-header>div{flex:1;margin-left:30px}.panel-header small{color:var(--cyan);font:600 8px Oxanium;letter-spacing:.19em}.panel-header h2{margin:3px 0 0;color:var(--cream);font:700 clamp(23px,3vw,37px) Oxanium;letter-spacing:-.035em}.panel-header>span{color:#667b8d;font:600 8px Oxanium;letter-spacing:.16em}.back-button{display:flex;align-items:center;gap:8px;min-width:74px;padding:8px 0;border:0;background:transparent;color:#7990a0;cursor:pointer;font:600 9px Oxanium;letter-spacing:.13em}.back-button i{color:var(--cyan);font:400 15px sans-serif;font-style:normal;transition:transform .18s}.back-button:hover{color:var(--cream)}.back-button:hover i{transform:translate(-3px)}.coop-toggle,.pilot-type{border:1px solid #2a4557;background:#0c1724;color:#8ba0ad;padding:9px 13px;font:700 8px Oxanium;letter-spacing:.1em;cursor:pointer}.coop-toggle{display:flex;align-items:center;gap:8px;margin-right:20px}.coop-toggle i{width:5px;height:5px;border-radius:50%;background:#5a6a78}.coop-toggle.active{color:var(--cyan);border-color:var(--line-bright)}.coop-toggle.active i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.world-list{width:min(1460px,calc(100% - 32px));margin:25px auto 0;display:grid;gap:13px}.world-card{position:relative;min-height:145px;display:grid;grid-template-columns:330px 1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme) 27%,transparent);background:#09111d;box-shadow:0 13px 40px #00000026}.world-card:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,#050a12fa 0,#050a12bd 30%,#050a12d4),var(--world-art);background-size:cover;background-position:center;opacity:.88;transition:opacity .2s,transform .35s}.world-card:hover:before{opacity:1;transform:scale(1.008)}.world-heading,.stage-grid{position:relative;z-index:1}.world-heading{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:18px;padding:22px;border-right:1px solid color-mix(in srgb,var(--theme) 18%,transparent);background:linear-gradient(90deg,#050a12f5,#050a129e)}.world-index{color:transparent;-webkit-text-stroke:1px var(--theme);font:800 42px Oxanium;opacity:.8}.world-heading small{color:var(--theme);font:600 7px Oxanium;letter-spacing:.17em}.world-heading h3{margin:3px 0;color:#eef0e9;font:700 18px Oxanium;text-transform:uppercase}.world-heading p{margin:0;color:#788b98;font-size:9px}.world-progress{grid-column:1 / -1;height:2px;background:#ffffff14}.world-progress em{display:block;height:100%;background:var(--theme);box-shadow:0 0 9px var(--theme)}.stage-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:stretch;gap:7px;padding:16px}.stage-node{min-width:0;min-height:108px;position:relative;display:grid;grid-template-rows:36px auto auto;place-items:center;gap:3px;padding:10px 7px 8px;border:1px solid rgba(130,169,190,.18);background:#070e19d1;color:#dde5e3;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.stage-node:after{content:"";position:absolute;left:0;top:0;width:11px;height:1px;background:var(--theme)}.stage-node b{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--theme) 72%,transparent);color:var(--theme);background:color-mix(in srgb,var(--theme) 7%,#08101b);font:700 11px Oxanium}.stage-node span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 8px Oxanium;text-transform:uppercase}.stage-node i{color:#ffcc62;font:400 7px sans-serif;font-style:normal;letter-spacing:1px}.stage-node em{color:#4c6170;font:600 6px Oxanium;font-style:normal;letter-spacing:.1em}.stage-node:hover:not(:disabled){transform:translateY(-3px);border-color:var(--theme);background:color-mix(in srgb,var(--theme) 10%,#07101b);box-shadow:0 12px 24px #00000052}.stage-node.locked{opacity:.28;filter:saturate(.35)}.stage-node.boss b{transform:rotate(45deg)}.stage-node.boss b:first-letter{transform:rotate(-45deg)}.setup-layout,.online-layout,.settings-layout{width:min(1320px,calc(100% - 40px));margin:32px auto 0}.setup-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);gap:18px}.setup-arena{min-height:570px;position:relative;overflow:hidden;border:1px solid rgba(76,216,235,.3);background:#07101b;box-shadow:var(--shadow)}.setup-arena:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,rgba(4,9,17,.92),transparent 45%),linear-gradient(90deg,rgba(4,9,17,.32),transparent 40%);pointer-events:none}.setup-arena img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:66% center}.arena-tag{position:absolute;z-index:3;left:28px;bottom:29px;display:grid}.arena-tag small{color:var(--cyan);font:600 8px Oxanium;letter-spacing:.18em}.arena-tag strong{font:700 clamp(22px,3vw,34px) Oxanium}.arena-tag span{display:flex;align-items:center;gap:7px;color:#91a4ae;font:600 8px Oxanium;letter-spacing:.1em}.arena-tag span i{background:var(--orange);box-shadow:0 0 9px var(--orange)}.arena-spec{position:absolute;z-index:3;right:25px;bottom:27px;display:flex;gap:5px}.arena-spec span{min-width:63px;padding:8px 10px;display:grid;border-left:1px solid rgba(66,228,237,.35);background:#040a13b8;color:#6f8290;font:600 6px Oxanium;letter-spacing:.12em}.arena-spec b{margin-top:3px;color:#dce7e7;font-size:10px}.roster{padding:25px;border:1px solid var(--line);background:#070e19eb;box-shadow:var(--shadow)}.roster-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.roster-heading small{color:var(--cyan);font:600 7px Oxanium;letter-spacing:.16em}.roster-heading h3{margin:3px 0 0;font:700 17px Oxanium}.roster-heading>span{color:#607585;font:600 7px Oxanium;letter-spacing:.13em}.roster article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.roster article>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--pilot);background:color-mix(in srgb,var(--pilot) 10%,#08101c);color:var(--pilot);font:700 9px Oxanium;font-style:normal;box-shadow:inset 0 0 15px color-mix(in srgb,var(--pilot) 8%,transparent)}.roster article div{display:grid}.roster article strong{font:700 11px Oxanium}.roster article span,.roster article>b{color:#667b8b;font:600 7px Oxanium;letter-spacing:.1em}.human-chip{color:var(--cyan)!important}.pilot-type:hover{color:var(--cyan);border-color:var(--cyan)}.match-rule{display:grid;grid-template-columns:1fr auto;gap:7px 15px;margin:18px 0;color:#657886;font:600 7px Oxanium;letter-spacing:.1em}.match-rule b{color:#b4c3c5}.roster .launch{width:100%;text-align:center}.setup-note{display:flex;gap:8px;margin:14px 0 0;color:#586b79;font-size:8px;line-height:1.45}.setup-note i{flex:0 0 16px;height:16px;display:grid;place-items:center;border:1px solid #405667;color:#7b929f;font-style:normal}.network-status{display:flex;align-items:center;gap:8px;color:var(--green)!important}.online-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.online-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.queue-card,.identity-card{min-height:490px;padding:28px;border:1px solid var(--line);background:#070e19e0;box-shadow:var(--shadow)}.queue-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.queue-card.featured{border-color:#42e4ed63;background:linear-gradient(145deg,#0c3543bf,#070e19f0 70%)}.queue-card.featured:before{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-90px;border:1px solid rgba(66,228,237,.12);transform:rotate(45deg);box-shadow:inset 0 0 80px #42e4ed0f}.queue-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:38px;border:1px solid rgba(66,228,237,.4);background:#42e4ed12}.quick-icon i{width:19px;height:19px;border:1px solid var(--cyan);transform:rotate(45deg);box-shadow:inset 0 0 0 5px #0c2632}.room-icon{border-color:#ff8a4b73;background:#ff8a4b0f}.room-icon i{width:19px;height:15px;border:1px solid var(--orange);box-shadow:5px 5px 0 -2px #08111d,5px 5px 0 -1px var(--orange)}.queue-card>small{color:var(--cyan);font:600 7px Oxanium;letter-spacing:.18em}.private-card>small{color:var(--orange)}.queue-card h3{margin:7px 0 10px;font:700 24px Oxanium}.queue-card p,.identity-card p{color:#728593;font-size:10px;line-height:1.65}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.queue-stats span{padding:9px;border-left:1px solid var(--line);color:#617684;font:600 6px Oxanium;letter-spacing:.1em}.queue-stats b{display:block;margin-bottom:3px;color:#dbe7e6;font-size:12px}.queue-card>.menu-button{width:100%;margin-top:auto;text-align:center}.queue-card label{display:grid;gap:7px;margin:auto 0 13px;color:#6f8492;font:600 7px Oxanium;letter-spacing:.14em}.queue-card input{height:54px;border:1px solid #294659;background:#06101c;color:var(--cyan);text-align:center;font:700 20px Oxanium;letter-spacing:.4em;text-transform:uppercase}.identity-card{display:flex;flex-direction:column;align-items:center;text-align:center}.identity-top{width:100%;display:flex;align-items:center;justify-content:space-between;color:#5e7484;font:600 7px Oxanium;letter-spacing:.15em}.identity-top i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.avatar{width:76px;height:76px;display:grid;place-items:center;position:relative;margin:38px 0 16px;border:1px solid var(--cyan);background:#42e4ed0f;transform:rotate(45deg)}.avatar span{color:var(--cyan);font:700 29px Oxanium;transform:rotate(-45deg)}.avatar i{position:absolute;right:-4px;bottom:-4px;width:10px;height:10px;background:var(--green);border:3px solid #08111d}.identity-card>small{color:#6d8290;font:600 7px Oxanium;letter-spacing:.16em}.identity-card h3{margin:6px 0 3px;font:700 17px Oxanium}.identity-card>span{color:var(--cyan);font:600 7px Oxanium;letter-spacing:.1em}.identity-card dl{width:100%;display:grid;grid-template-columns:1fr 1fr;margin:27px 0 20px;border-block:1px solid var(--line)}.identity-card dl div{padding:12px}.identity-card dl div+div{border-left:1px solid var(--line)}.identity-card dt{color:#596e7d;font:600 6px Oxanium;letter-spacing:.13em}.identity-card dd{margin:3px 0 0;color:#bbc8c8;font:700 9px Oxanium}.identity-card button{width:100%;display:flex;justify-content:space-between;padding:12px 14px;border:1px solid #2a4658;background:#0a1724;color:#b7c7c8;cursor:pointer;font:600 8px Oxanium;letter-spacing:.11em}.identity-card button:hover{border-color:var(--cyan);color:var(--cyan)}.identity-card p{margin-top:14px;font-size:8px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.settings-nav{position:sticky;top:20px;display:grid;grid-template-columns:32px 1fr;gap:0 10px;padding:20px;border:1px solid var(--line);background:#070e19b8}.settings-nav>span{width:28px;height:28px;display:grid;place-items:center;margin:3px 0;border:1px solid #284455;color:var(--cyan);font:700 7px Oxanium}.settings-nav>strong{display:flex;align-items:center;border-bottom:1px solid var(--line);color:#879ba5;font:600 8px Oxanium}.settings-nav p{grid-column:1/-1;margin:22px 0 0;color:#576b79;font-size:8px;line-height:1.6}.settings-panel{display:grid;gap:12px}.setting-section{padding:24px;border:1px solid var(--line);background:#070e19e0;box-shadow:0 12px 35px #00000029}.setting-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.section-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.section-heading>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(66,228,237,.36);color:var(--cyan);font:700 8px Oxanium}.section-heading small{color:#5d7483;font:600 6px Oxanium;letter-spacing:.15em}.section-heading h3{margin:2px 0 0;font:700 15px Oxanium}.section-heading.compact{min-height:32px;padding-top:0}.range-setting{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:20px;padding:14px 0;border-top:1px solid var(--line);color:#b6c4c6;font:600 8px Oxanium;letter-spacing:.1em}.range-setting>span{display:grid}.range-setting small{margin-top:3px;color:#586c79;font:400 8px Chakra Petch;letter-spacing:0}input[type=range]{appearance:none;height:3px;background:#213747;accent-color:var(--cyan)}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid #07111d;background:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 12px #42e4ed8c;transform:rotate(45deg);cursor:pointer}.select-setting{display:grid;gap:8px;color:#667c8a;font:600 7px Oxanium;letter-spacing:.13em}.select-setting select{min-height:43px;padding:0 12px;border:1px solid #294759;background:#07121e;color:#d4dede;font:600 9px Oxanium}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.key-column{display:grid;gap:5px}.key-column h4{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:#788d99;font:600 8px Oxanium;letter-spacing:.12em}.key-column h4 i{width:6px;height:6px;background:var(--pilot);box-shadow:0 0 8px var(--pilot)}.key-bind{min-height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;border:1px solid var(--line);background:#091421;color:#748895;cursor:pointer;font:600 8px Oxanium;letter-spacing:.08em}.key-bind b{min-width:75px;padding:5px 7px;background:#101e2b;color:var(--cyan);text-align:center;font-size:7px}.key-bind:hover{border-color:var(--cyan)}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:3px}.settings-actions .menu-button{min-width:230px;text-align:center}.text-button{border:0;background:transparent;color:#607481;cursor:pointer;font:600 7px Oxanium;letter-spacing:.12em}.text-button:hover{color:var(--orange)}.game-screen{position:fixed;inset:0;overflow:hidden;touch-action:none;background:#02050a}.game-hud{position:absolute;z-index:5;top:0;left:0;right:0;height:max(70px,calc(56px + env(safe-area-inset-top)));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));border-bottom:1px solid rgba(66,228,237,.2);background:linear-gradient(180deg,#040a13fa,#070e1be6);box-shadow:0 12px 34px #0000006b}.game-hud:after{content:"";position:absolute;left:0;bottom:-1px;width:24%;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.hud-stage{display:flex;align-items:center;gap:12px;min-width:0}.hud-world{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(66,228,237,.4);background:#42e4ed0f;color:var(--cyan);font:700 11px Oxanium}.hud-stage div{min-width:0;display:grid}.hud-stage small,.hud-clock small{color:#667e8d;font:600 6px Oxanium;letter-spacing:.16em}.hud-stage b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 clamp(10px,1.35vw,14px) Oxanium}.hud-pilots{display:flex;align-items:center;gap:8px}.hud-pilots>i{min-width:47px;height:34px;position:relative;display:flex;align-items:center;gap:7px;padding:0 7px;border:1px solid color-mix(in srgb,var(--pilot) 58%,transparent);background:color-mix(in srgb,var(--pilot) 7%,#07101c);font-style:normal}.hud-pilots>i span{color:var(--pilot);font:700 7px Oxanium}.hud-pilots>i b{width:7px;height:7px;background:var(--pilot);box-shadow:0 0 8px var(--pilot)}.hud-pilots>i em{position:absolute;right:-3px;top:-5px;color:#fff;font:700 6px Oxanium;font-style:normal}.hud-pilots>i.down{opacity:.25;filter:grayscale(1)}.hud-pilots>strong{display:flex;align-items:baseline;gap:5px;margin-left:5px;color:#6f8492;font:600 7px Oxanium;letter-spacing:.1em}.hud-pilots>strong b{color:var(--orange);font-size:14px}.hud-clock{justify-self:end;display:grid;padding-right:75px;text-align:right}.hud-clock strong{color:var(--cream);font:700 clamp(19px,2vw,27px) Oxanium;line-height:1;font-variant-numeric:tabular-nums}.pause-button{position:absolute;right:max(18px,env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));width:56px;height:41px;display:grid;place-items:center;border:1px solid #294454;background:#0a1724;color:#bdd0d3;cursor:pointer}.pause-button span{font:700 12px Oxanium;line-height:1}.pause-button small{color:#596f7e;font:600 5px Oxanium;letter-spacing:.1em}.pause-button:hover{border-color:var(--cyan);color:var(--cyan)}.canvas-wrap{position:absolute;inset:max(70px,calc(56px + env(safe-area-inset-top))) 0 0;display:grid;place-items:center;background:radial-gradient(circle,#0a1220,#02050a 75%)}.canvas-wrap canvas{display:block;max-width:100%;max-height:100%;aspect-ratio:4/3;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}.canvas-wrap[data-loading]:after{content:"SYNCING GRID";position:absolute;color:var(--cyan);font:600 8px Oxanium;letter-spacing:.24em;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.35}}.boot-error{color:#ff8a72;text-align:center;font:600 11px Oxanium;line-height:1.7}.boot-error small{display:block;margin-top:8px;color:#738694;font-size:8px}.game-tip{position:absolute;z-index:4;left:50%;bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:5px;transform:translate(-50%);padding:5px;background:#03080fb3;white-space:nowrap}.game-tip>span{padding:4px 8px;border-left:1px solid #2a4354;color:#5f7482;font:600 6px Oxanium;letter-spacing:.1em}.game-tip b{color:#c1d0d2}.touch-controls{position:absolute;z-index:6;inset:auto 0 max(16px,env(safe-area-inset-bottom));display:none;align-items:end;justify-content:space-between;padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));pointer-events:none}.touch-stick{width:126px;height:126px;position:relative;border:1px solid rgba(78,203,221,.35);border-radius:50%;background:radial-gradient(circle,#133142b3,#040a1259 67%);pointer-events:auto}.touch-stick:before,.touch-stick:after{content:"";position:absolute;background:#67b3c326}.touch-stick:before{left:50%;top:12%;bottom:12%;width:1px}.touch-stick:after{top:50%;left:12%;right:12%;height:1px}.touch-stick>i{position:absolute;z-index:2;left:50%;top:50%;width:49px;height:49px;border:1px solid rgba(91,231,240,.75);border-radius:50%;background:#124352e0;box-shadow:inset 0 0 20px #42e4ed1f,0 0 20px #42e4ed17;transform:translate(-50%,-50%)}.touch-stick>span{position:absolute;left:50%;bottom:13px;color:#61808d;transform:translate(-50%);font:600 6px Oxanium;letter-spacing:.14em}.touch-actions{display:flex;align-items:end;gap:14px;pointer-events:auto}.touch-actions button{border-radius:50%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#ability-touch{width:67px;height:67px;display:grid;place-items:center;border:1px solid rgba(80,213,230,.45);background:#0c2531bf;color:#8db3bd}#ability-touch i{font-size:17px;font-style:normal}#ability-touch span,#bomb-touch span{font:600 5px Oxanium;letter-spacing:.1em}#bomb-touch{width:93px;height:93px;display:grid;place-items:center;border:1px solid rgba(255,126,68,.72);background:#301512c2;color:#c88c72;box-shadow:inset 0 0 32px #ff542d1f,0 0 24px #ff542d14}#bomb-touch>i{width:28px;height:28px;position:relative;border:3px solid #bfcbd0;border-radius:50%;background:#101724}#bomb-touch>i:after{content:"";position:absolute;width:11px;height:3px;right:-8px;top:-5px;background:#ffd05b;transform:rotate(-35deg);box-shadow:0 0 8px #ff7a30}.result-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:16px;background:#02050bc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .3s both}@keyframes fade-in{0%{opacity:0}}.result-card{width:min(500px,100%);padding:clamp(30px,5vw,50px);position:relative;overflow:hidden;border:1px solid rgba(72,219,234,.4);background:linear-gradient(145deg,#0a1927fc,#050a13fc);text-align:center;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:0 35px 100px #000000a6}.result-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(66,228,237,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(66,228,237,.13) 1px,transparent 1px);background-size:24px 24px}.defeat .result-card{border-color:#ff5f3e73}.result-glyph{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid var(--cyan);transform:rotate(45deg)}.result-glyph i{width:17px;height:17px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.defeat .result-glyph{border-color:var(--ember)}.defeat .result-glyph i{background:var(--ember);box-shadow:0 0 18px var(--ember)}.result-card>small{color:var(--cyan);font:600 8px Oxanium;letter-spacing:.22em}.defeat .result-card>small{color:var(--ember)}.result-card h2{margin:9px 0;font:800 clamp(31px,7vw,54px)/.95 Oxanium;text-transform:uppercase}.result-card p{color:#7b8f9b;font-size:11px;line-height:1.5}.result-divider{display:flex;align-items:center;justify-content:center;height:25px}.result-divider:before,.result-divider:after{content:"";width:70px;height:1px;background:var(--line)}.result-divider i{width:6px;height:6px;margin:0 9px;border:1px solid var(--cyan);transform:rotate(45deg)}.result-actions{display:grid;gap:7px;margin-top:12px}.result-actions .menu-button{text-align:center}.result-actions .quiet{border-color:transparent;background:transparent;color:#657987}.result-actions .quiet:after{display:none}.toast{position:fixed;z-index:100;left:50%;bottom:28px;max-width:min(500px,90vw);padding:13px 20px;border:1px solid rgba(66,228,237,.4);border-left:3px solid var(--cyan);background:#0a1724;box-shadow:0 16px 50px #0000008c;color:#d8e4e4;text-align:center;font-size:9px;letter-spacing:.04em;opacity:0;transform:translate(-50%,18px);transition:.25s}.toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1120px){.hero-copy{width:min(490px,55vw)}.hero{padding-left:50px}.world-card{grid-template-columns:270px 1fr}.stage-grid{gap:5px;padding:12px}.stage-node{min-height:100px}.online-layout{grid-template-columns:1fr 260px}.queue-card,.identity-card{padding:21px}}@media(pointer:coarse),(max-width:900px){.touch-controls{display:flex}.game-tip{display:none}.hero{min-height:calc(100dvh - 76px);align-items:end;padding:75px 30px 62px}.hero-copy{width:min(500px,72vw)}.home-art{background-image:linear-gradient(90deg,#050812fa,#05081299 58%,#0508121f),linear-gradient(0deg,#050812,transparent 50%),url(/ui/title-diorama.webp);background-position:57% center}.hero-readout{display:none}.world-card{grid-template-columns:1fr}.world-heading{min-height:130px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--theme) 18%,transparent)}.setup-layout,.online-layout,.settings-layout{grid-template-columns:1fr}.setup-arena{min-height:410px}.online-modes{grid-template-columns:1fr 1fr}.identity-card{min-height:390px}.settings-nav{display:none}}@media(max-width:680px){.topbar{height:62px;padding-inline:14px}.mini-brand b,.mini-brand em,.status-chip,.icon-button span,.install-button{display:none}.icon-button{min-width:39px;width:39px;padding:0}.hero{min-height:calc(100dvh - 62px);padding:48px 15px 58px}.hero-copy{width:min(440px,100%)}h1{font-size:clamp(64px,23vw,98px)}.subtitle{font-size:12px}.lede br{display:none}.home-footer{padding-inline:14px}.home-footer span:nth-child(2){display:none}.panel-header{min-height:85px;padding-inline:13px}.panel-header>div{margin-left:9px}.panel-header>span{display:none}.panel-header h2{font-size:21px}.back-button{min-width:34px}.back-button span{display:none}.coop-toggle{margin-right:0}.world-list,.setup-layout,.online-layout,.settings-layout{width:calc(100% - 20px)}.world-heading{grid-template-columns:53px 1fr;padding:16px}.stage-grid{grid-template-columns:repeat(3,1fr)}.stage-node{min-height:92px}.setup-arena{min-height:300px}.arena-spec{display:none}.arena-tag{left:18px;bottom:18px}.roster{padding:17px}.online-modes{grid-template-columns:1fr}.queue-card,.identity-card{min-height:400px}.setting-section{padding:17px}.setting-columns,.key-grid{grid-template-columns:1fr}.range-setting{grid-template-columns:1fr;gap:12px}.settings-actions{display:grid;grid-template-columns:1fr}.settings-actions .menu-button{width:100%;min-width:0}.hud-pilots{display:none}.game-hud{grid-template-columns:1fr auto}.hud-clock{padding-right:61px}.pause-button{width:47px;right:10px}.touch-stick{width:108px;height:108px}#ability-touch{width:57px;height:57px}#bomb-touch{width:79px;height:79px}.touch-actions{gap:8px}}@media(orientation:portrait)and (pointer:coarse){.game-screen:before{content:"ROTATE TO ENTER THE GRID";position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:30px;background:#050a14;color:var(--cyan);text-align:center;font:700 10px Oxanium;letter-spacing:.16em}.game-screen:after{content:"↻";position:absolute;z-index:31;left:50%;top:42%;color:#607585;font-size:38px;transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}