@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Oxanium:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Chakra Petch,system-ui,sans-serif;color:#eef9ff;background:#050613;font-synthesis:none;--cyan: #21e6ff;--violet: #7d68ff;--coral: #ff5d65;--panel: rgba(10,14,33,.88)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{min-width:320px;min-height:100dvh;background:#050613;overscroll-behavior:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.screen-enter{animation:screen-in .55s cubic-bezier(.16,1,.3,1) both}@keyframes screen-in{0%{opacity:0;transform:translateY(9px) scale(.995)}}.home,.panel-screen{position:relative;min-height:100dvh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 72% 35%,#18254a 0,#090b21 34%,#050613 75%)}.ambient-grid{position:fixed;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(33,230,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(33,230,255,.07) 1px,transparent 1px);background-size:52px 52px;transform:perspective(600px) rotateX(58deg) scale(1.7) translateY(8%);-webkit-mask-image:linear-gradient(to bottom,transparent 5%,#000 65%);mask-image:linear-gradient(to bottom,transparent 5%,#000 65%)}.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(110px);opacity:.22;pointer-events:none}.orb-a{width:35vw;height:35vw;background:#0df;right:-10vw;top:-15vw}.orb-b{width:30vw;height:30vw;background:#6a36ff;left:-14vw;bottom:-16vw}.topbar,.panel-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) clamp(22px,4vw,72px) 0;position:relative;z-index:5}.mini-brand{color:#effaff;text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:.12em;font-family:Oxanium,sans-serif}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--cyan);color:#07111d;clip-path:polygon(10% 0,100% 0,100% 70%,70% 100%,0 100%,0 10%);font-weight:900;box-shadow:0 0 30px var(--cyan)}.top-actions{display:flex;gap:10px;align-items:center}.status-chip,.icon-button{border:1px solid rgba(140,210,240,.2);background:#050a198c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:32px;padding:7px 12px;font-size:10px;letter-spacing:.14em;font-weight:700}.status-chip i,.network-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6dffad;box-shadow:0 0 10px #6dffad;margin-right:7px}.icon-button{cursor:pointer}.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.hero{min-height:calc(100dvh - 120px);display:grid;grid-template-columns:minmax(370px,.72fr) minmax(540px,1.28fr);align-items:center;gap:clamp(30px,4vw,80px);padding:30px clamp(22px,5vw,90px) 70px}.hero-copy{position:relative;z-index:2;max-width:660px}.eyebrow{display:flex;gap:20px;align-items:center;color:#8798b8;font-size:10px;letter-spacing:.22em;font-weight:700}.eyebrow span{color:var(--cyan)}.eyebrow b{border-left:1px solid #3b4664;padding-left:20px}h1{margin:16px 0 -4px;font:800 clamp(74px,8.5vw,146px)/.7 Oxanium,sans-serif;letter-spacing:-.09em;transform:skewY(-2deg);filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))}.hero h1 span{display:block}.hero h1 span:first-child{color:#f0f4f7;text-shadow:4px 4px 0 #4a5473}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 35px rgba(33,230,255,.25);margin-left:.42em}.subtitle{font:600 clamp(18px,2vw,30px)/1 Oxanium;color:#ff6575;letter-spacing:.52em;margin:20px 0 12px .3em}.lede{color:#8997b0;font-size:clamp(12px,1.2vw,16px);letter-spacing:.06em;margin-bottom:26px}.main-menu{max-width:520px;display:grid;gap:9px}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-button{position:relative;min-height:48px;border:1px solid #293756;background:linear-gradient(100deg,#0f162ef2,#090d1feb);text-align:left;padding:0 18px;cursor:pointer;overflow:hidden;font:700 12px Oxanium;letter-spacing:.08em;transition:transform .16s,border-color .16s,color .16s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.menu-button span{position:relative;z-index:2}.menu-button i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(33,230,255,.16),transparent);transform:translate(-100%);transition:transform .25s}.menu-button:hover{transform:translate(3px);border-color:#57dcff;color:#fff}.menu-button:hover i{transform:none}.menu-button.primary{min-height:58px;background:linear-gradient(100deg,#0fa6c5,#355ee6);border-color:#65ecff;box-shadow:0 10px 40px #14b9ec33;color:#fff;font-size:14px}.menu-button.primary:after{content:"//";position:absolute;right:20px;color:#ffffff8c}.menu-button.online:before{content:"LIVE";color:#69ffad;font-size:8px;position:absolute;right:14px;top:8px}.progress-line{margin-top:20px;width:min(440px,100%);display:grid;grid-template-columns:1fr auto;gap:6px;font-size:9px;letter-spacing:.14em;color:#74819a}.progress-line i{grid-column:1/-1;height:3px;background:#1b2843}.progress-line em{display:block;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero-art{height:min(68vw,760px);max-height:calc(100dvh - 120px);min-height:500px;position:relative;clip-path:polygon(7% 0,100% 0,100% 88%,89% 100%,0 100%,0 9%);background:#10162d;box-shadow:-30px 30px 100px #00000073}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.06)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,19,.45),transparent 30%),linear-gradient(0deg,rgba(5,6,19,.65),transparent 35%)}.art-frame{position:absolute;inset:18px;z-index:2;border:1px solid rgba(76,221,255,.3);clip-path:inherit}.pilot-card{position:absolute;z-index:3;left:36px;bottom:32px;display:grid;background:#060a18d1;border-left:3px solid var(--cyan);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 18px;min-width:180px}.pilot-card small{font-size:8px;color:#8795ae;letter-spacing:.18em}.pilot-card strong{font:700 17px Oxanium;color:#fff}.pilot-card span{font-size:9px;color:var(--cyan)}.scanline{position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(3,8,20,.12) 4px);pointer-events:none}.home-footer{position:absolute;bottom:0;left:0;right:0;height:36px;padding:0 clamp(22px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(114,158,200,.14);font-size:8px;letter-spacing:.13em;color:#60708d;background:#040610b8}.panel-screen{min-height:100dvh;padding-bottom:50px;background:radial-gradient(circle at 50% -20%,#1b3154 0,#090b21 43%,#050613 82%)}.panel-header{height:110px;border-bottom:1px solid rgba(120,170,220,.13);padding-top:max(10px,env(safe-area-inset-top))}.panel-header>div{flex:1;margin-left:30px}.panel-header small{font-size:9px;color:var(--cyan);letter-spacing:.18em}.panel-header h2{margin:4px 0 0;font:700 clamp(22px,3vw,38px) Oxanium;letter-spacing:-.03em}.panel-header>span{font:600 10px Oxanium;letter-spacing:.12em;color:#71819f}.back-button{border:0;background:transparent;color:#8797b5;font:600 11px Oxanium;letter-spacing:.1em;cursor:pointer}.back-button:hover{color:var(--cyan)}.coop-toggle,.pilot-type{border:1px solid #30415f;background:#0b1126;color:#8595ae;padding:9px 12px;font:700 9px Oxanium;letter-spacing:.09em;cursor:pointer}.coop-toggle{margin-right:22px}.coop-toggle.active,.pilot-type:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 20px #21e6ff14}.world-list{max-width:1450px;margin:28px auto;padding:0 clamp(16px,4vw,50px);display:grid;gap:16px}.world-card{position:relative;background:linear-gradient(100deg,var(--ambient),rgba(13,18,40,.92));border:1px solid color-mix(in srgb,var(--theme) 26%,transparent);display:grid;grid-template-columns:270px 1fr;min-height:150px;overflow:hidden}.world-card:before{content:"";position:absolute;width:300px;height:300px;background:var(--theme);filter:blur(100px);opacity:.08;left:-100px;top:-100px}.world-heading{display:flex;align-items:center;padding:24px;gap:18px;border-right:1px solid rgba(150,190,230,.11)}.world-heading>span{font:800 48px Oxanium;color:transparent;-webkit-text-stroke:1px var(--theme);opacity:.7}.world-heading small{font-size:8px;letter-spacing:.17em;color:var(--theme)}.world-heading h3{font:700 18px Oxanium;margin:3px 0}.world-heading p{font-size:10px;color:#7686a1;margin:0}.stage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:18px}.stage-node{min-width:0;border:1px solid rgba(120,160,200,.17);background:#0a0e1fb8;cursor:pointer;padding:10px;color:#e9f6ff;display:grid;place-items:center;gap:3px;transition:.2s}.stage-node b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--theme);color:var(--theme);font:700 14px Oxanium}.stage-node span{font:600 9px Oxanium;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stage-node i{font-style:normal;color:#ffc958;font-size:8px;letter-spacing:1px}.stage-node:hover:not(:disabled){transform:translateY(-3px);border-color:var(--theme);box-shadow:0 12px 30px #0000004d}.stage-node.locked{opacity:.3;cursor:not-allowed}.stage-node.boss b{clip-path:polygon(50% 0,100% 25%,90% 85%,50% 100%,10% 85%,0 25%);background:color-mix(in srgb,var(--theme) 12%,#101326)}.setup-layout,.online-layout{max-width:1280px;margin:4vh auto 0;padding:0 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.setup-arena{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(60,220,255,.25);clip-path:polygon(0 0,100% 0,100% 91%,92% 100%,0 100%)}.setup-arena img{width:100%;height:100%;object-fit:cover}.setup-arena:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,22,.88),transparent 45%)}.setup-arena>div{position:absolute;z-index:2;bottom:30px;left:30px;display:grid}.setup-arena small,.queue-card small{font-size:9px;color:var(--cyan);letter-spacing:.18em}.setup-arena strong{font:700 28px Oxanium}.setup-arena span{color:#8494ac;font-size:11px}.roster{background:#0a0e20d9;border:1px solid rgba(120,160,210,.17);padding:24px}.roster h3{font:700 13px Oxanium;letter-spacing:.14em;color:#8393ae}.roster article{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid rgba(120,160,210,.12)}.roster article i{width:38px;height:38px;display:grid;place-items:center;background:color-mix(in srgb,var(--pilot) 18%,#11162b);border:1px solid var(--pilot);font:700 11px Oxanium;font-style:normal;color:var(--pilot)}.roster article div{display:grid}.roster article strong{font:700 12px Oxanium}.roster article span,.roster article>b{font-size:8px;color:#71809b;letter-spacing:.1em}.roster .launch{width:100%;margin-top:26px;text-align:center}.setup-note{font-size:9px;color:#63718a;line-height:1.5}.online-layout{grid-template-columns:1fr 1fr .7fr}.queue-card,.identity-card{background:#0a0e20d6;border:1px solid rgba(120,160,210,.17);padding:30px;min-height:410px;display:flex;flex-direction:column}.queue-card.featured{border-color:#21e6ff59;background:linear-gradient(145deg,#103a4ebf,#0a0e20e6)}.queue-card h3{font:700 25px Oxanium;margin:8px 0}.queue-card p,.identity-card p{font-size:11px;line-height:1.6;color:#8190a9}.queue-card>.menu-button{margin-top:auto;text-align:center}.queue-stats{display:flex;gap:24px;margin-top:22px;color:#7685a0;font-size:9px}.queue-stats b{color:#e8f8ff;font:700 14px Oxanium;display:block}.queue-card label{display:grid;gap:7px;margin:20px 0;font-size:8px;letter-spacing:.14em;color:#7586a3}.queue-card input{height:50px;background:#080c1d;border:1px solid #293b5d;color:var(--cyan);text-align:center;font:700 21px Oxanium;letter-spacing:.35em;text-transform:uppercase}.identity-card{align-items:center;text-align:center}.avatar{width:72px;height:72px;border:1px solid var(--cyan);display:grid;place-items:center;font:700 30px Oxanium;color:var(--cyan);background:#21e6ff14;margin-bottom:16px}.identity-card small{font-size:8px;letter-spacing:.16em;color:#73829c}.identity-card h3{font:700 18px Oxanium;margin:6px}.identity-card>span{font-size:8px;color:#59e9ff}.identity-card button{margin:24px 0 10px;background:transparent;border:1px solid #344563;padding:10px 16px;font-size:9px;letter-spacing:.1em;cursor:pointer}.identity-card hr{width:100%;border:0;border-top:1px solid rgba(120,160,210,.12)}.game-screen{position:fixed;inset:0;background:#03040c;overflow:hidden;touch-action:none}.game-hud{position:absolute;z-index:5;top:0;left:0;right:0;height:max(64px,calc(48px + env(safe-area-inset-top)));padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(#06091af2,#090d20d6);border-bottom:1px solid rgba(56,210,255,.2);box-shadow:0 12px 30px #00000059}.hud-stage{display:grid}.hud-stage small,.hud-clock small{font-size:7px;color:var(--cyan);letter-spacing:.16em}.hud-stage b{font:700 clamp(11px,1.5vw,16px) Oxanium}.hud-pilots{display:flex;gap:8px}.hud-pilots>i{position:relative;width:34px;height:28px;display:grid;place-items:center;border:1px solid var(--pilot);background:color-mix(in srgb,var(--pilot) 12%,#0a0e20);font:700 9px Oxanium;font-style:normal;color:var(--pilot)}.hud-pilots>i.down{filter:grayscale(1);opacity:.25}.hud-pilots em{position:absolute;right:-4px;top:-5px;font-size:7px;color:#fff;font-style:normal}.hud-clock{justify-self:end;text-align:right;display:grid}.hud-clock strong{font:700 clamp(18px,2.2vw,27px) Oxanium;line-height:1}.pause-button{position:absolute;right:max(86px,calc(75px + env(safe-area-inset-right)));top:calc(16px + env(safe-area-inset-top));width:35px;height:31px;background:#11172b;border:1px solid #2c3b58;color:#bcd0e6;cursor:pointer}.canvas-wrap{position:absolute;inset:max(64px,calc(48px + env(safe-area-inset-top))) 0 0;display:grid;place-items:center}.canvas-wrap canvas{display:block;width:min(100%,calc((100dvh - max(64px,calc(48px + env(safe-area-inset-top)))) * 1.363636));height:auto;max-height:100%;aspect-ratio:15/11;image-rendering:pixelated;image-rendering:crisp-edges}.game-tip{position:absolute;z-index:4;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);font-size:8px;color:#64718a;letter-spacing:.1em;white-space:nowrap}.game-tip b{color:#b6c9dc}.game-tip span{margin:0 10px;color:#34425c}.touch-controls{position:absolute;z-index:6;inset:auto 0 max(18px,env(safe-area-inset-bottom));display:none;justify-content:space-between;align-items:end;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));pointer-events:none}.touch-stick{width:132px;height:132px;border-radius:50%;border:1px solid rgba(97,215,255,.32);background:radial-gradient(circle,#192d4aad,#060a1840);pointer-events:auto;position:relative}.touch-stick:before,.touch-stick:after{content:"";position:absolute;background:#76bcdc29}.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%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(81,229,255,.7);background:#144258c7;box-shadow:0 0 25px #21e6ff26}.touch-actions{display:flex;align-items:end;gap:18px;pointer-events:auto}.touch-actions button{border-radius:50%;border:1px solid rgba(120,190,230,.35);background:#0c152ab3;color:#8fa8bd;font:700 8px Oxanium;letter-spacing:.08em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#ability-touch{width:68px;height:68px}#bomb-touch{width:96px;height:96px;border-color:#ff7748a6;box-shadow:inset 0 0 30px #ff54371f}#bomb-touch i{display:block;margin:auto;width:33px;height:33px;border-radius:50%;background:#151b2c;border:3px solid #afbdce;position:relative}#bomb-touch i:after{content:"";position:absolute;width:11px;height:3px;background:#ffd55c;right:-7px;top:-5px;transform:rotate(-35deg);box-shadow:0 0 9px #ff7a30}.result-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#03050fb8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade-in .4s both}.result-card{width:min(520px,calc(100% - 32px));background:linear-gradient(145deg,#0e152efa,#060917fa);border:1px solid rgba(80,210,255,.36);padding:clamp(30px,6vw,60px);text-align:center;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px));box-shadow:0 30px 100px #0009}.result-card small{font-size:9px;color:var(--cyan);letter-spacing:.22em}.result-card h2{font:800 clamp(32px,7vw,60px)/.95 Oxanium;margin:12px 0;text-transform:uppercase}.result-card p{font-size:12px;color:#8797b1}.result-actions{display:grid;gap:9px;margin-top:30px}.result-actions .menu-button{text-align:center}.result-actions .quiet{background:transparent;border-color:transparent;color:#71809a}@keyframes fade-in{0%{opacity:0}}.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#10172a;border:1px solid rgba(66,217,255,.4);box-shadow:0 15px 50px #00000080;padding:13px 20px;font-size:10px;letter-spacing:.05em;color:#dcecf6;transition:.3s;max-width:min(500px,90vw);text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}@media(pointer:coarse),(max-width:900px){.touch-controls{display:flex}.game-tip{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-copy{margin:auto;width:min(600px,100%)}.hero-art{height:65vw;min-height:350px;max-height:600px}.world-card{grid-template-columns:1fr}.world-heading{border-right:0;border-bottom:1px solid rgba(150,190,230,.11);padding:16px}.stage-grid{padding:12px}.setup-layout,.online-layout{grid-template-columns:1fr;margin-top:20px}.setup-arena{min-height:420px}.online-layout{padding-bottom:60px}.queue-card,.identity-card{min-height:340px}}@media(max-width:620px){.topbar{padding-inline:14px}.status-chip,.mini-brand b,.install-button{display:none}.hero{padding:35px 15px 60px;gap:32px}.hero h1{font-size:24vw}.subtitle{font-size:4.7vw}.hero-art{min-height:290px;height:72vw}.home-footer span:nth-child(2){display:none}.panel-header{padding-inline:14px}.panel-header>div{margin-left:12px}.panel-header>span{display:none}.world-list{padding-inline:10px}.stage-grid{grid-template-columns:repeat(3,1fr)}.setup-layout,.online-layout{padding-inline:12px}.setup-arena{min-height:300px}.roster{padding:16px}.game-hud{grid-template-columns:1fr auto}.hud-pilots{display:none}.pause-button{right:100px}.touch-stick{width:112px;height:112px}.touch-actions{gap:10px}#ability-touch{width:58px;height:58px}#bomb-touch{width:82px;height:82px}}@media(orientation:portrait)and (pointer:coarse){.game-screen:before{content:"ROTATE FOR THE FULL GRID";position:absolute;z-index:30;inset:0;display:grid;place-items:center;background:#070918;color:var(--cyan);font:700 12px Oxanium;letter-spacing:.14em;text-align:center;padding:30px}.game-screen:after{content:"↻";position:absolute;z-index:31;left:50%;top:42%;transform:translate(-50%,-50%);font-size:42px;color:#6a7895}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}