@font-face{font-family:Russo One;src:url(/fonts/russo-one.woff2)format("woff2");font-display:swap}@font-face{font-family:Barlow;font-weight:400;src:url(/fonts/barlow-400.woff2)format("woff2");font-display:swap}@font-face{font-family:Barlow;font-weight:500;src:url(/fonts/barlow-500.woff2)format("woff2");font-display:swap}@font-face{font-family:Barlow;font-weight:700;src:url(/fonts/barlow-700.woff2)format("woff2");font-display:swap}:root{--green:#0d3f20;--stripe:#0f4725;--sun:#ffd23f;--ink:#07170d;--paper:#f2f6ea;--sky:#9fcfe6;--page:1280px;--edge:clamp(16px, 4vw, 64px);--gutter:max(var(--edge), calc((100vw - var(--page)) / 2));--bar:52px;--lean:clamp(14px, 3.4vw, 56px);--head-gap:clamp(24px, 3.6vh, 40px);--section:clamp(64px, 11vh, 128px);--display:"Russo One", "Arial Black", sans-serif;--text:"Barlow", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--bar)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--green);color:var(--paper);font:400 clamp(17px, 1.2vw, 20px) / 1.45 var(--text);margin:0;overflow-x:clip}h1,h2,h3,p,dl,dd{margin:0}h2,h3{font-family:var(--display);text-wrap:balance;font-weight:400}h2{color:var(--sun);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;max-width:19em;font-size:clamp(34px,4.6vw,72px);line-height:1.06}a{color:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}video{object-fit:cover;width:100%;height:100%;display:block}.skip{position:absolute;left:-999px}.skip:focus{z-index:50;background:var(--sun);color:var(--ink);padding:8px 14px;top:16px;left:16px}.film{z-index:-1;background:var(--green) center / cover no-repeat;position:fixed;inset:0}.film video{opacity:0;transition:opacity .9s linear;position:absolute;inset:0}.film video.on{opacity:1}@media (aspect-ratio>=2){.film{background-size:200svh}@media (prefers-reduced-motion:no-preference){.film{background-image:none!important}}.film video{width:200svh;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}}.film-dim{mix-blend-mode:multiply;background:#5c7c66;position:absolute;inset:0}.film-note{left:var(--gutter);top:calc(var(--bar) + 12px);z-index:-1;background:var(--ink);padding:2px 8px;font-size:14px;font-weight:500;position:fixed}.top{z-index:20;height:var(--bar);padding:0 var(--gutter);background:var(--ink);align-items:center;gap:clamp(16px,2.4vw,36px);display:flex;position:sticky;top:0}.top-logo{font:400 20px var(--display);color:var(--sun);text-decoration:none}.top nav{gap:clamp(14px,2vw,28px);margin-left:auto;display:flex}.top nav a{border-bottom:3px solid #0000;padding:4px 0;font-size:16px;font-weight:500;text-decoration:none}.top nav a:hover{border-bottom-color:var(--sun)}.top-cta{background:var(--sun);color:var(--ink);font:400 15px var(--display);white-space:nowrap;padding:7px 12px;text-decoration:none}.top-cta:hover{background:var(--paper)}@media (width<=720px){.film-note,.top nav{display:none}.top-cta{margin-left:auto}}section.hero{min-height:calc(100svh - var(--bar));flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-sky{--sun-size:min(19svh, 26vw, 210px);width:var(--sun-size);height:var(--sun-size);flex:none;margin:clamp(16px,3.5svh,36px) auto clamp(8px,1.5svh,16px);position:relative}.sun{background:radial-gradient(circle at 50% 40%, #fff0a6, var(--sun) 58%, #ffb30f);border-radius:50%;position:absolute;inset:0}.sun:after{content:"";border:max(2px, .16vw) dotted var(--sun);border-radius:50%;position:absolute;inset:-5.5%}.hero-plane{width:171%;max-width:none;height:auto;animation:.85s cubic-bezier(.16,.8,.3,1) both plane-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}@keyframes plane-in{0%{transform:translate(-120vw,44vh)rotate(-34deg)scale(.55)}}.hero-title{z-index:2;margin:0 var(--gutter) auto;text-align:center;position:relative;container-type:inline-size}.logo{font:400 min(4.75cqw, 7svh) / 1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--sun);white-space:nowrap;-webkit-text-stroke:.075em var(--ink);paint-order:stroke fill;animation:.5s cubic-bezier(.2,.9,.25,1) .3s both logo-in}@keyframes logo-in{0%{opacity:0;transform:translate(-5vw)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.logo,.hero-plane{animation:none}}.hero-slab{padding:calc(var(--lean) + 14px) var(--gutter) 18px;background:var(--ink);clip-path:polygon(0 var(--lean), 100% 0, 100% 100%, 0 100%);grid-template-columns:5fr 6fr;align-items:center;gap:clamp(24px,4vw,64px);margin-top:clamp(12px,2svh,24px);display:grid}.hero-soon{font-weight:500}.hero-line{max-width:30em;font-size:clamp(20px,1.9vw,26px);font-weight:500;line-height:1.28}@media (width<=860px) and (height>=521px){.hero-slab{grid-template-columns:minmax(0,1fr);gap:20px}.logo{font-size:min(8cqw,7svh)}}@media (height<=520px){.hero-sky{--sun-size:19svh;margin-top:12px}.logo{font-size:min(4.75cqw,8svh)}.hero-slab{padding-top:calc(var(--lean) + 14px);gap:24px;padding-bottom:12px}.hero-line{font-size:18px}.signup-note{font-size:14px}}.signup{max-width:640px}.signup label{margin-bottom:8px;font-weight:700;display:block}.signup-row{display:flex}.signup input[type=email]{min-width:0;font:500 20px var(--text);color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-right:0;border-radius:0;flex:1;padding:12px 14px}.signup input[type=email]::placeholder{color:#5a6b5e}.signup input[type=email]:focus-visible{outline-offset:0}.signup button{font:400 20px var(--display);color:var(--ink);background:var(--sun);border:3px solid var(--ink);cursor:pointer;white-space:nowrap;border-radius:0;padding:12px 20px}.signup button:hover{background:var(--paper)}.signup button:disabled{opacity:.6;cursor:progress}.signup .trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.signup-note{max-width:36em;margin-top:10px;font-size:16px;line-height:1.35}.signup-note[data-kind=error]{color:#ffd0c4;font-weight:700}.signup-note[data-kind=done]{color:var(--sun);font-weight:700}.signup.done label,.signup.done .signup-row{display:none}.sheet{padding:var(--section) var(--gutter)}.frame{background:var(--ink);aspect-ratio:16/9;overflow:hidden}.fly{margin-top:var(--head-gap);margin-right:calc(-1 * var(--gutter));background:var(--ink);grid-template-columns:minmax(320px,4fr) 9fr;display:grid}@media (width>=1408px){.fly{margin-right:0}}.fly-side{flex-direction:column;padding:0 clamp(16px,2vw,32px) clamp(16px,2vw,28px);display:flex}.fly-tabs{margin:0 calc(-1*clamp(16px,2vw,32px)) 20px;display:flex}.fly-tabs button{font:400 clamp(15px, 1.1vw, 17px) var(--display);color:var(--paper);border:0;border-bottom:3px solid var(--green);cursor:pointer;background:0 0;flex:1;padding:14px 6px}.fly-tabs button:hover:not([aria-selected=true]){border-bottom-color:var(--sun)}.fly-tabs button[aria-selected=true]{background:var(--sun);color:var(--ink);border-bottom-color:var(--sun)}.fly-tabs :focus-visible{outline-offset:-5px;outline-color:var(--paper)}.fly-tabs button[aria-selected=true]:focus-visible{outline-color:var(--ink)}.fly-copy>p{font-weight:500}.keys{gap:10px;margin-top:18px;display:grid}.keys div{grid-template-columns:6.8em 1fr;align-items:baseline;gap:12px;display:grid}kbd{font:700 .86em var(--text);background:var(--paper);color:var(--ink);border-bottom:3px solid var(--sky);white-space:nowrap;padding:1px 7px}.fly-more{margin-top:auto;padding-top:18px;font-size:16px}.fly-frame{aspect-ratio:auto;align-self:stretch;min-height:100%}.fly-frame video{aspect-ratio:16/9;height:100%}@media (width<=900px){.fly{margin-inline:calc(-1 * var(--gutter));grid-template-columns:1fr}.fly-frame{aspect-ratio:16/9;grid-row:1;min-height:0}.fly-side{padding-inline:var(--gutter)}.fly-tabs{margin-inline:calc(-1 * var(--gutter))}}.lede{width:fit-content;max-width:38em;margin-top:var(--head-gap);background:var(--ink);padding:8px 14px;font-size:1.1em;font-weight:500}.arms{background:var(--ink);grid-template-columns:repeat(12,1fr);gap:clamp(20px,2.4vw,36px) 10px;padding:10px 10px clamp(18px,2vw,28px);display:grid;container-type:inline-size}.arm-guns,.arm-shield{grid-column:span 7}.arm-missile,.arm-laser{grid-column:span 5}.arm .frame{aspect-ratio:auto;height:33cqw}.arm-guns .frame{clip-path:polygon(0 0, 100% 0, calc(100% - var(--lean)) 100%, 0 100%)}.arm-missile .frame{margin-left:calc(-1 * var(--lean));clip-path:polygon(var(--lean) 0, 100% 0, 100% 100%, 0 100%)}.arm-laser .frame{clip-path:polygon(0 0, calc(100% - var(--lean)) 0, 100% 100%, 0 100%)}.arm-shield .frame{margin-left:calc(-1 * var(--lean));clip-path:polygon(0 0, 100% 0, 100% 100%, var(--lean) 100%)}.arm h3{color:var(--sun);margin-top:12px;padding-inline:8px;font-size:clamp(24px,2.3vw,36px);line-height:1.1}.arm p{max-width:34em;margin-top:4px;padding-inline:8px}.also{background:var(--ink);width:fit-content;max-width:38em;padding:0 14px 12px;font-weight:500}@media (width<=720px){.sheet.weapons{padding-inline:0}.weapons>h2,.weapons>.lede,.weapons>.also{margin-inline:var(--gutter)}.arms{padding:0 0 22px}.arm-guns,.arm-shield,.arm-missile,.arm-laser{grid-column:1/-1}.arm .frame,.arm-guns .frame,.arm-missile .frame,.arm-laser .frame,.arm-shield .frame{aspect-ratio:16/9;clip-path:none;height:auto;margin:0}.arm h3,.arm p{padding-inline:var(--gutter)}}.hangar{--ink-soft:#1d3a2a;background:var(--sky);color:var(--ink);--pad:clamp(28px, 5vh, 72px);padding:var(--pad) var(--gutter);grid-template-columns:minmax(min(380px,45vw),5fr) 7fr;gap:clamp(16px,3vw,48px);display:grid;position:relative}.hangar h2{color:var(--ink);-webkit-text-stroke:0;font-size:clamp(32px,3.8vw,60px)}.hangar-lede{max-width:32em;margin-top:12px;font-weight:500}.hangar h3{margin:24px 0 8px;font-size:22px}.pick-planes{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;display:grid}.pick-skins{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;display:grid}.pick-plane,.pick-skin{appearance:none;color:var(--ink);font:700 14px / 1.2 var(--text);cursor:pointer;background:0 0;border:3px solid #0000;padding:4px;position:relative}.pick-plane{box-shadow:inset 0 -4px 0 var(--rarity);padding-bottom:8px}.pick-skin{border:2px solid var(--ink);background:0 0;padding:0;overflow:hidden}.pick-skin:after{content:"";background:var(--rarity);height:4px;position:absolute;inset:auto 0 0}.pick-plane img,.pick-skin img{aspect-ratio:8/5;width:100%;height:auto;display:block}.pick-skin span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.pick-plane:hover,.pick-skin:hover{background:#ffffff73}.pick-plane[aria-pressed=true]{background:var(--paper);border-color:var(--ink)}.pick-skin[aria-pressed=true]{outline:3px solid var(--paper);outline-offset:0;box-shadow:0 0 0 6px var(--ink);z-index:1}.hangar :focus-visible{outline-color:var(--ink)}.hangar-stage{top:calc(var(--bar) + var(--pad));height:calc(100vh - var(--bar) - 2 * var(--pad));flex-direction:column;align-self:start;min-height:460px;display:flex;position:sticky}.stage-canvas{cursor:grab;touch-action:pan-y;flex:1;min-height:0}.stage-canvas:active{cursor:grabbing}.stage-canvas canvas{width:100%;height:100%;display:block}.stage-name{font:400 clamp(32px, 3.4vw, 52px) / 1 var(--display)}.stage-role{margin-top:4px;font-weight:700}.stage-blurb{max-width:36em}.stage-skin{color:var(--ink-soft);font-weight:500}@media (height<=520px){.hangar-stage{min-height:0}.stage-name{font-size:26px}.stage-role,.stage-skin{font-size:14px;line-height:1.25}.stage-blurb{display:none}}@media (width<=900px) and (height>=521px){.pick-plane,.pick-skin{scroll-margin-top:60vh}.hangar{grid-template-columns:minmax(0,1fr);padding-top:0}.hangar-stage{top:var(--bar);z-index:2;height:auto;min-height:0;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 10px;background:var(--sky);border-bottom:3px solid var(--ink);order:-1}.stage-canvas{flex:none;height:46vw;min-height:180px;max-height:40svh}.stage-info{min-height:66px}.stage-name{font-size:26px}.stage-role,.stage-skin{font-size:14px;line-height:1.25}.stage-blurb{display:none}.hangar h2{margin-top:12px}}.sheet.modes{padding-inline:0;padding-bottom:0}.modes>h2{margin-inline:var(--gutter)}.mode-list{margin-top:var(--head-gap);background:var(--ink);clip-path:polygon(0 var(--lean), 100% 0, 100% 100%, 0 100%);padding-top:8px}.mode{max-width:var(--page);margin-inline:auto;position:relative}.mode+.mode{margin-top:calc(8px - var(--lean))}.mode .frame{aspect-ratio:2;clip-path:polygon(0 var(--lean), 100% 0, 100% calc(100% - var(--lean)), 0 100%)}.mode .frame video{object-position:50% 100%}.mode:last-child .frame{clip-path:polygon(0 var(--lean), 100% 0, 100% 100%, 0 100%)}.mode-text{left:var(--edge);top:calc(var(--lean) + 5%);text-wrap:balance;pointer-events:none;max-width:min(30em,50%);position:absolute}.mode:nth-of-type(2n) .mode-text{left:auto;right:var(--edge);text-align:right}.mode h3{color:var(--sun);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;font-size:clamp(30px,4.6vw,76px);line-height:1.02}.mode p{background:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:3px 10px;line-height:1.75;display:inline}.mode h3+p{margin-top:6px}@media (width<=720px){.mode .frame,.mode:last-child .frame{aspect-ratio:16/9;clip-path:polygon(0 var(--lean), 100% 0, 100% 100%, 0 100%)}.mode+.mode{margin-top:0}.mode-text,.mode:nth-of-type(2n) .mode-text{text-align:left;max-width:none;padding:0 var(--gutter) 22px;position:static}.mode h3{margin-top:-.7em;font-size:34px;position:relative}.mode p{padding:6px 0 0;line-height:1.4;display:block}}.sheet.maps{background-image:repeating-linear-gradient(135deg, var(--green) 0 7px, var(--stripe) 7px 14px);background-color:var(--green);padding-bottom:calc(var(--section) + var(--lean));position:relative}.maps-lede{margin-top:10px;font-size:1.1em;font-weight:500}.map-grid{margin-top:var(--head-gap);grid-template-columns:repeat(2,1fr);gap:clamp(28px,3vw,44px) clamp(16px,2vw,28px);display:grid}.map .frame{aspect-ratio:16/9;border:3px solid var(--ink)}.map h3{color:var(--sun);margin-top:12px;font-size:clamp(22px,2vw,30px);line-height:1.1}.map p{margin-top:2px}@media (width<=620px){.map-grid{grid-template-columns:minmax(0,1fr)}}.notify{margin-top:calc(-1 * var(--lean));background:var(--sun);color:var(--ink);padding:calc(var(--section) + var(--lean)) var(--gutter) var(--section);clip-path:polygon(0 var(--lean), 100% 0, 100% 100%, 0 100%);position:relative;overflow:hidden}.notify-logo{right:calc(var(--gutter) + 6%);aspect-ratio:1;background:var(--green);border-radius:50%;width:min(26vw,48svh,360px);position:absolute;top:50%;transform:translateY(-50%)}.notify-logo img{width:171%;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.notify h2,.notify .signup{position:relative}.notify h2{color:var(--ink);-webkit-text-stroke:0;max-width:5.6em;font-size:clamp(52px,8vw,112px);line-height:.98}.notify .signup{max-width:min(640px,48vw);margin-top:clamp(24px,4vh,44px)}.notify .signup-note[data-kind=error]{color:#8a1c05}.notify .signup-note[data-kind=done]{color:var(--ink)}.notify .signup button{background:var(--ink);color:var(--sun)}.notify .signup button:hover{background:var(--green)}.notify :focus-visible{outline-color:var(--ink)}.notify .signup input[type=email]:focus-visible{outline-offset:2px}@media (width<=860px){.notify{padding-top:calc(var(--lean) + 66vw)}.notify-logo{top:calc(var(--lean) + 8vw);width:48vw;right:26vw;transform:none}.notify .signup{max-width:640px}}.foot{background:var(--ink);color:var(--paper);padding:20px var(--gutter);font-size:15px}
