:root{color-scheme:dark;--bg:#080d16;--panel:#101827;--panel2:#151f30;--line:#2b3749;--text:#eff2eb;--muted:#99a8b8;--lime:#d9f45c;--orange:#ff754a;--gold:#ffcf6b;--panel-solid:#101827;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.site-shell{overflow:hidden;background:radial-gradient(circle at 79% 8%,#18263b 0,transparent 26%),var(--bg)}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22;gap:32px}.brand{font-size:22px;letter-spacing:-.075em;font-weight:950;display:flex;align-items:center;white-space:nowrap}.brand>span:nth-child(2)>span,.brand.small>span{color:var(--lime)}.brand small{font-size:13px;letter-spacing:0;color:var(--orange);align-self:flex-start;margin:3px 0 0 2px}.brand-mark{width:31px;height:31px;border:3px solid var(--lime);border-radius:9px;transform:rotate(-19deg);margin-right:13px;position:relative}.brand-mark span{position:absolute;inset:6px;border-radius:50%;background:var(--orange)}.nav nav{display:flex;gap:36px;margin-left:auto;color:var(--muted);font-size:13px;font-weight:650}.nav nav a:hover,.text-button:hover{color:var(--lime)}.nav-actions{display:flex;align-items:center;gap:26px}.online{font-size:12px;color:var(--muted);white-space:nowrap}.online i,.hero-meta i,.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px #d9f459;vertical-align:middle;margin-right:7px}.online b{color:var(--text)}.text-button,.inline-button{border:0;background:none;color:var(--text);font-weight:700}.text-button{font-size:12px;text-transform:uppercase;letter-spacing:.11em}.inline-button{padding:0;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px;font-size:13px}
.hero{min-height:630px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:56px;padding-top:62px;padding-bottom:82px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{color:var(--lime);font-weight:800;font-size:11px;letter-spacing:.22em}.eyebrow{display:flex;align-items:center;gap:12px;white-space:nowrap}.eyebrow-line{width:28px;height:1px;background:var(--lime)}.season-chip{font-size:9px;color:var(--muted);border:1px solid var(--line);padding:7px 9px;letter-spacing:.12em}.hero h1{font-weight:950;letter-spacing:-.105em;font-size:clamp(62px,7.3vw,115px);line-height:.88;margin:35px 0 30px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--lime)}.period{color:var(--orange)}.hero p{max-width:515px;color:#aab7c3;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:11px;margin:32px 0 25px}.primary-button,.outline-button,.btn{border:1px solid var(--lime);min-height:52px;padding:0 22px;font-weight:850;font-size:12px;letter-spacing:.09em;transition:transform .16s,background .16s}.primary-button{background:var(--lime);color:#111609}.primary-button:hover,.btn:hover{background:#ebff84;transform:translateY(-2px)}.primary-button span{font-size:20px;margin-left:30px;vertical-align:middle}.outline-button{background:transparent;color:var(--text);border-color:#60717d}.outline-button:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}.hero-meta{display:flex;flex-wrap:wrap;gap:22px;color:#8fa1ad;font-size:11px}.hero-meta i{width:4px;height:4px;box-shadow:none}.connection{font-size:11px!important;color:var(--muted)!important;margin-top:26px!important;min-height:18px}
.hero-visual{height:466px;position:relative;background:linear-gradient(145deg,#18233a,#101723);border:1px solid #3b4b61;box-shadow:24px 24px 0 #0e1521,0 25px 100px #060b1460;transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}.arena-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(#000a,transparent)}.arena-field{position:absolute;inset:66px 35px 61px;background:radial-gradient(circle at center,#2d805e,#1a553e 65%,#133b32);clip-path:polygon(5% 0,95% 0,100% 10%,100% 90%,95% 100%,5% 100%,0 90%,0 10%);border:3px solid #aadbb3;box-shadow:inset 0 0 0 12px #06120b8a}.arena-field:after{content:"";position:absolute;inset:15px;border:2px solid #d6eec054;clip-path:inherit}.field-mid{position:absolute;left:50%;height:100%;width:2px;background:#e0e9b34f}.field-circle{position:absolute;width:125px;height:125px;border:2px solid #e0e9b36b;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.field-goal{position:absolute;top:36%;height:28%;width:8%;border:2px solid #e0e9b36b}.field-goal.left{left:0}.field-goal.right{right:0}.ship{position:absolute;width:35px;height:35px;border:6px solid;border-radius:42% 55% 47% 40%;box-shadow:0 9px 0 #08132188,0 0 20px currentColor;z-index:1}.ship span{position:absolute;inset:6px;background:#11192a;border-radius:50%}.ship:after{content:"";position:absolute;right:-16px;top:7px;width:13px;height:7px;background:currentColor}.ship-lime{left:32%;top:48%;color:var(--lime);transform:rotate(-30deg);animation:shipA 4s ease-in-out infinite alternate}.ship-orange{right:25%;top:30%;color:var(--orange);transform:rotate(145deg);animation:shipB 3.8s ease-in-out infinite alternate}.hero-ball{position:absolute;left:49%;top:56%;width:14px;height:14px;border:4px solid white;background:#152334;border-radius:50%;box-shadow:0 0 30px white;animation:ballMove 3s ease-in-out infinite alternate}.trajectory{position:absolute;left:37%;top:47%;width:28%;height:1px;border-top:2px dashed #ffffff85;transform:rotate(18deg)}.visual-top,.visual-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font-weight:800;letter-spacing:.22em;font-size:11px}.visual-top{top:22px}.visual-bottom{bottom:22px;color:#95aabc}.visual-bottom b{color:var(--lime)}@keyframes shipA{to{transform:translate(40px,-25px) rotate(8deg)}}@keyframes shipB{to{transform:translate(-25px,35px) rotate(125deg)}}@keyframes ballMove{to{transform:translate(25px,-22px)}}
.mode-section,.how-section{background:#0d1421;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;padding:76px 0 86px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}.section-head h2,.lobby-panel h2,.account-dialog h2{font-size:clamp(30px,4vw,51px);line-height:1;letter-spacing:-.067em;margin:13px 0 0;font-weight:900}.section-head>span{font-size:11px;color:var(--muted);letter-spacing:.15em;font-weight:700}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{border:1px solid #334257;background:#111b2a;min-width:0}.mode-card.featured{border-color:#8ba548}.mode-label{height:49px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:800;color:#aeb9c5}.mode-status{color:var(--lime)}.mode-status:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px}.mode-art{height:220px;margin:0 16px;background:linear-gradient(150deg,#255d4a,#0b281f);overflow:hidden;position:relative}.art-pitch{position:absolute;inset:20px 33px;border:2px solid #d8ecb47a;clip-path:polygon(6% 0,94% 0,100% 12%,100% 88%,94% 100%,6% 100%,0 88%,0 12%)}.art-mid{position:absolute;left:50%;top:0;height:100%;border-left:2px solid #d8ecb47a}.art-ball{position:absolute;left:54%;top:60%;width:14px;height:14px;border-radius:50%;background:#e8efee}.art-ship{position:absolute;width:29px;height:29px;border:6px solid var(--lime);border-radius:50%}.art-ship.one{left:28%;top:36%}.art-ship.two{right:26%;top:49%;border-color:var(--orange)}.defense-art{background:#171d31}.def-grid{position:absolute;top:24px;left:50%;height:174px;aspect-ratio:1;transform:translateX(-50%) rotate(8deg);border:2px solid #8f9bb2;background:repeating-linear-gradient(0deg,#396151 0 13px,#2e5147 13px 26px)}.def-grid i{position:absolute;width:24px;height:24px;border:6px solid #f5c35c;border-radius:50%}.def-grid i:nth-child(1){top:7px;left:7px}.def-grid i:nth-child(2){top:7px;right:7px;border-color:var(--orange)}.def-grid i:nth-child(3){bottom:7px;left:7px;border-color:#6ec8e3}.def-grid i:nth-child(4){bottom:7px;right:7px;border-color:var(--lime)}.def-grid b{position:absolute;left:47%;top:42%;font-size:25px;color:white}.mode-content{padding:21px}.mode-content h3,.how-grid h3{letter-spacing:-.04em;font-size:28px;margin:0 0 10px}.mode-content p,.lobby-panel p,.how-grid p{line-height:1.65;color:#a7b6c3;font-size:13px;min-height:64px;margin:0}.mode-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff19;margin-top:20px;padding-top:17px}.mode-footer span{color:var(--lime);letter-spacing:.13em;font-size:10px;font-weight:800}.round-button{width:41px;height:41px;background:var(--lime);border:0;color:#111609;font-size:24px}.round-button:hover{background:#edff8c}
.lobby-section{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;padding-top:92px;padding-bottom:92px}.lobby-panel,.open-panel{padding:32px;border:1px solid var(--line);background:#111927}.lobby-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lobby-panel h2{font-size:36px}.lobby-panel p{margin-top:17px;min-height:0}.lobby-panel form{align-self:center}.lobby-panel label,.account-dialog label{display:block;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:10px}.lobby-panel form>div,.account-dialog form>div{display:flex;gap:7px}.lobby-panel input,.account-dialog input{min-width:0;width:100%;background:#0a111c;border:1px solid #526376;color:var(--text);padding:0 14px;height:52px;outline:none}.lobby-panel input{font-size:19px;font-weight:850;letter-spacing:.23em;text-transform:uppercase}.lobby-panel input:focus,.account-dialog input:focus{border-color:var(--lime)}.lobby-panel .primary-button{white-space:nowrap}.lobby-panel .inline-button{margin-top:19px;color:var(--muted)}.open-panel h2{font-size:27px}.open-list{display:grid;gap:7px}.open-list>p{font-size:13px;color:var(--muted)}.open-match{background:#182435;border:1px solid #2c3b4e;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.open-match b{color:var(--lime)}.open-match button{color:var(--lime);border:0;background:none;font-weight:800}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.how-grid>div{border-top:1px solid #536276;padding-top:25px}.how-grid b{font-size:13px;color:var(--orange)}.how-grid h3{margin:22px 0 12px}.how-grid p{max-width:320px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:45px}.controls span{border:1px solid #354459;background:#152131;color:var(--lime);font-size:11px;font-weight:850;padding:12px 15px}.controls b{color:var(--muted);margin-left:12px}.leaders-section{padding-top:92px;padding-bottom:100px}.leader-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.leader-list li{display:grid;grid-template-columns:55px 1fr 100px 100px;gap:15px;align-items:center;min-height:54px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.leader-list li b{color:var(--text);font-size:15px}.leader-list li span:first-child{color:var(--orange);font-weight:900}.leader-list li.header{font-size:10px;letter-spacing:.15em;font-weight:800}.footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:12px}.footer>.wrap{display:flex;justify-content:space-between;align-items:center}.brand.small{font-size:17px;color:var(--text)}
.account-dialog{width:min(460px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#131d2c;border:1px solid #678056;color:var(--text);padding:35px;box-shadow:0 25px 100px #000b}.account-dialog::backdrop{background:#030712c9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:18px;top:13px;background:none;border:0;color:var(--muted);font-size:29px}.account-dialog p{font-size:14px;line-height:1.6;color:var(--muted)}.google-button{min-height:45px;margin:26px 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0}.profile-stats>div{background:#0c1420;padding:13px;text-align:center}.profile-stats b{display:block;color:var(--lime);font-size:28px}.profile-stats small{font-size:10px;letter-spacing:.14em;color:var(--muted)}.xp-bar{height:8px;background:#2a3742}.xp-bar span{display:block;height:100%;background:var(--lime)}#name-form{margin:24px 0}.account-dialog form .outline-button{height:52px;min-height:0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--lime);color:var(--text);padding:12px 18px;z-index:80;font-size:12px;font-weight:750;box-shadow:0 15px 40px #0009}
.match-screen{position:fixed;inset:0;z-index:50;background:#070b14}.match-screen canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.match-screen #sb-view{touch-action:none;cursor:crosshair;outline:0}.mg-quit,.mg-view3d{position:absolute;z-index:5;top:12px;width:40px;height:40px;background:#0b1421e6;border:1px solid #506071;color:white;font-size:22px}.mg-quit{right:12px}.mg-view3d{right:59px;font-size:11px;font-weight:900}.mg-quit:hover,.mg-view3d:hover{border-color:var(--lime)}.sb-bar{position:absolute;top:12px;left:12px;z-index:6;display:flex;gap:7px;align-items:start}.btn{min-height:39px;background:var(--lime);color:#131808;padding:0 13px}.btn.ghost{background:#101a2bf2;border-color:#5e7283;color:var(--text)}.sb-menu{position:absolute;top:47px;left:0;display:flex;flex-direction:column;gap:5px;background:#101827f4;border:1px solid #5b6b7e;padding:9px;min-width:185px}.sb-chip{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--text);padding:7px}.sb-chip b{color:var(--lime)}.sb-tune{position:absolute;z-index:7;left:12px;top:65px;max-height:75vh;overflow:auto;width:min(350px,calc(100% - 24px));padding:15px;background:#101827f7;border:1px solid #577084;font-size:11px}.sb-tune-head,.sb-tune-row{display:flex;align-items:center;gap:9px;margin:7px 0}.sb-tune-row label{flex:1}.sb-tune-row input{max-width:110px}.mg-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 30px));max-height:88vh;overflow:auto;z-index:8;text-align:center;background:#111b2aef;border:1px solid var(--lime);padding:23px;box-shadow:0 25px 80px #000b}.mg-card h3{margin:0 0 17px;color:var(--lime);font-size:23px;letter-spacing:.05em}.mg-sub{color:var(--muted);font-size:12px;line-height:1.5}.mg-sub.xp{color:var(--lime);font-weight:800}.sb-final{display:flex;align-items:center;justify-content:center;gap:16px}.sb-final i{font-size:22px;color:var(--muted)}.sb-team{display:grid;gap:4px}.sb-team b{font-size:40px}.sb-team small{font-size:10px;letter-spacing:.1em}.sb-team.t0{color:var(--lime)}.sb-team.t1{color:var(--orange)}.sb-res{list-style:none;padding:0;text-align:left;display:grid;gap:3px}.sb-res li{display:grid;grid-template-columns:1fr auto auto;gap:8px;background:#1b2937;padding:8px;font-size:11px}.sb-res li.me{outline:1px solid var(--lime)}.sb-res .dim{color:var(--muted)}.mg-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.match-connection{position:absolute;z-index:9;top:50%;left:50%;transform:translate(-50%,-50%);background:#101827ed;border:1px solid var(--orange);padding:17px;color:var(--orange);font-weight:900;font-size:13px;letter-spacing:.12em}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;gap:25px}.hero-visual{height:350px;transform:none}.hero h1{font-size:clamp(62px,10vw,96px)}.lobby-section{grid-template-columns:1fr}.hero-copy{padding-top:25px}}
@media(max-width:640px){.wrap{width:min(100% - 34px,1240px)}.nav{height:70px}.brand{font-size:18px}.brand-mark{width:25px;height:25px;margin-right:8px}.nav-actions{gap:10px}.online{display:none}.hero{min-height:0;padding-top:30px;padding-bottom:65px}.hero h1{font-size:clamp(56px,13.5vw,84px)}.hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-visual{height:275px}.arena-field{inset:55px 20px 47px}.mode-section,.how-section{padding:60px 0}.mode-grid,.how-grid{grid-template-columns:1fr}.lobby-section{padding-top:60px;padding-bottom:60px}.lobby-panel{grid-template-columns:1fr;padding:23px}.lobby-panel form>div{flex-wrap:wrap}.lobby-panel form button{width:100%}.footer>.wrap{gap:10px;flex-wrap:wrap}.section-head>span{display:none}.leader-list li{grid-template-columns:33px 1fr 70px 70px}.season-chip{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}