body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}body{min-width:280px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid var(--line);background:#070b40}.brand{display:flex;align-items:center;text-decoration:none;font-weight:800;font-size:34px;letter-spacing:-2px}.brand span{color:var(--orange)}.brand i{font-style:normal;font-weight:400;font-size:10px;letter-spacing:2px;max-width:105px;margin-left:18px;line-height:1.5}.nav-link{font-size:13px;text-decoration:none;color:var(--mist)}.nav-link span{color:var(--orange);margin-left:16px}.participate .sky{height:440px}.participate .hud{padding:26px clamp(24px,6vw,100px) 60px}.participate .hero h1{font-size:clamp(52px,7vw,90px)}.participate .hero{z-index:1}.airspace{z-index:2}.hud{z-index:3}.section-number{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--ember);margin-bottom:14px}.panel{max-width:960px;border-radius:24px}.panel h2{text-transform:none;font-size:clamp(25px,3.4vw,36px)}.panel p.lede{margin:12px 0 25px}.hint{font-size:12px;color:var(--mist);margin:10px 0 18px}.field input{font-size:21px}.screen-link{display:block;font-size:13px;text-decoration:none;color:var(--mist);margin-top:28px}.screen-link:hover{color:var(--ice)}.screen-link span{color:var(--orange);margin-left:8px}footer span{color:var(--orange);margin:0 16px}.status{font-size:14px;line-height:1.5}.status.success{padding:14px 18px;background:#122e56;border-radius:12px;color:#d5f9e8}.roster li{padding:8px 10px 8px 16px}.roster li span.w{white-space:normal;overflow-wrap:anywhere}.sky.offline .live::before{background:#9aa6cf;box-shadow:none;animation:none}.jet img{width:var(--w,110px);display:block;filter:drop-shadow(0 6px 10px #0008)}.jet .plane{flex-shrink:0}.jet .banner{background:linear-gradient(90deg,#12309a88,#1f6bf2);text-shadow:0 1px 2px #0008}.jet.lead .banner{background:linear-gradient(90deg,#ae400088,#ff6a0d)}
.hub{padding:64px clamp(24px,8vw,140px) 30px;max-width:1500px;margin:auto}.home{background:radial-gradient(ellipse at 90% 10%,#192568,transparent 50%),#070b40}.hub-heading h1{font-size:clamp(48px,6.4vw,92px);line-height:1.02;letter-spacing:-.035em;margin:22px 0}.hub-heading h1 em{font-style:normal;color:var(--orange)}.hub-heading p{color:#acb8dc;font-size:18px;margin-bottom:44px}.activation{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff24;border-radius:24px;overflow:hidden;background:#0d154f}.card-art{min-height:360px;position:relative;background:radial-gradient(ellipse at 70% 100%,#fc8639 0,transparent 56%),linear-gradient(150deg,#111957 20%,#512657 70%,#ac4a39);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art img{width:210px;position:absolute;top:40%;right:6%;transform:rotate(-12deg);filter:drop-shadow(0 20px 15px #080b4033)}.card-art>span{position:absolute;left:5%;top:56%;transform:rotate(-12deg);background:#1f6bf2;padding:8px 24px;border-radius:40px;letter-spacing:.06em;font-size:20px;font-weight:800}.card-art b{position:absolute;bottom:10px;left:22px;font-size:100px;color:#ffffff12;font-weight:800;line-height:1}.orbit{width:290px;height:290px;border:1px solid #ffffff18;border-radius:50%;position:absolute;top:40px;left:50px}.orbit:after{content:'';position:absolute;inset:34px;border:1px solid #ffffff18;border-radius:50%}.card-content{padding:38px clamp(24px,4vw,55px)}.card-content h2{font-size:clamp(34px,4vw,52px);line-height:1.05;margin:18px 0}.card-content p{color:var(--mist);margin-bottom:25px}.card-content .fire{height:54px;text-decoration:none;display:inline-flex;align-items:center;gap:20px;border-radius:28px;background:#1f6bf2;padding:0 24px;font-weight:800}.card-content .fire .num{color:#ffb066}.card-content .screen-link{margin-top:17px}.available{font-size:9px;color:#b7cba4;margin-left:14px}.next{font-size:13px;color:var(--mist);margin:30px 0 50px}.home footer{padding-top:20px}
.display .sky{height:78svh;min-height:520px}.display .hud{padding:28px 4vw}.display-title{margin:45px 0 auto}.display-title .eyebrow{font-size:18px}.display-title h1{font-size:clamp(40px,4.6vw,72px)}.display .airspace{z-index:2}.display .jet .banner{font-size:var(--fs,30px)}.join{position:absolute;bottom:28px;right:4vw;display:flex;align-items:center;gap:20px;z-index:4;background:#070b40dd;border:1px solid #ffffff20;border-radius:20px;padding:14px 24px 14px 14px}.join img{background:white;border-radius:10px}.join strong{font-size:22px;line-height:1.1;display:block}.join p{font-size:13px;color:var(--ember);margin:8px 0 0}.join a{font-size:13px;text-decoration:none}.waiting{position:absolute;top:48%;width:100%;text-align:center;color:var(--ember);font-size:28px;z-index:2}.waiting span{font-size:16px;color:var(--ice)}.waiting[hidden]{display:none}.display-log{padding:26px 4vw 30px;background:#070b40;min-height:22svh}.display-log h2{margin:0;font-size:26px}.display-log .section-number{margin-bottom:3px}.display-log .meta{font-size:16px;color:var(--ember)}.display-log .roster{max-height:140px;overflow:auto;scrollbar-width:thin}.display .roster li{font-size:21px}.display-controls{position:fixed;right:15px;top:62px;z-index:6;display:flex;gap:6px;opacity:.25;transition:opacity .2s}.display-controls:hover,.display-controls:focus-within{opacity:1}.display-controls button{border:1px solid #ffffff40;border-radius:20px;background:#070b40cc;color:#e9eef8;font-size:11px;padding:8px 12px;cursor:pointer}.display footer{padding-top:20px}.paused .jet{display:none}
@media(max-width:700px){.activation{grid-template-columns:1fr}.card-art{min-height:245px}.card-art img{right:12%;top:30%;width:190px}.card-art>span{left:12%;top:54%;font-size:17px}.hub{padding-top:40px}.hub-heading p{font-size:16px}.display .sky{height:72svh;min-height:600px}.display-title{margin-top:28px}.display-title h1{font-size:46px}.display .hud-top .callsign{display:none}.join{bottom:20px;left:20px;right:20px;gap:14px;padding:12px}.join img{width:94px;height:94px}.join strong{font-size:19px}.join a{font-size:12px}.display-log h2{font-size:23px}.display-controls{top:22px}.display .jet .trail{width:45px}.display .jet .tow{width:20px}.waiting{top:48%;font-size:23px}.waiting span{font-size:13px}}
@media(max-width:520px){.topbar{height:68px;padding:0 20px}.brand{font-size:29px}.brand i{font-size:9px;margin-left:12px;max-width:90px}.participate .sky{height:340px}.participate .hud{padding:20px 24px 55px}.participate .eyebrow{font-size:17px}.participate .hero h1{font-size:56px}.console{padding-left:14px;padding-right:14px;padding-bottom:35px}.panel{padding:23px 20px}.panel p.lede{font-size:15px}.panel h2{font-size:28px}.launch{gap:12px}.field{flex-basis:100%}.suggest{gap:7px}.suggest>span{flex-basis:100%;font-size:12px}.chip{font-size:14px;padding:8px 12px}.status{font-size:13px}.squad h3{font-size:19px}.roster li{font-size:15px}.hub-heading h1{font-size:48px}.card-content{padding:28px}.available{display:inline-block;margin-left:8px}.card-art>span{left:7%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important}.jet{display:none}}
.jet img{height:auto}
@media(min-width:701px) and (min-height:600px){.display{height:100svh;overflow:hidden}.display .sky{height:78svh;min-height:0}.display-log{height:22svh;min-height:0;overflow:hidden}.display-log .roster{max-height:calc(22svh - 110px);margin-top:10px}.display footer{display:none}}
