:root{--bg:#070c16;--panel:#101927;--ink:#f5f6f8;--muted:#a7b4be;--cyan:#5ee7e2;--yellow:#f2df6e;--line:#253644;--edge:clamp(18px,4.2vw,72px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 5% 5%,#13304833,transparent 32%),radial-gradient(circle at 90% 65%,#28334736,transparent 46%);z-index:-1}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffed91;outline-offset:5px}button{font:inherit}img{max-width:100%;display:block}.site-shell{overflow:hidden}.section-container{padding-inline:var(--edge);max-width:1700px;margin:auto}.skip-link{position:absolute;top:-100px;left:16px;background:var(--yellow);color:#151a23;padding:12px;z-index:99}.skip-link:focus{top:14px}.site-header{height:86px;display:flex;align-items:center;gap:clamp(16px,3vw,42px);padding:0 var(--edge);position:relative;z-index:10;border-bottom:1px solid #24323a;background:#08111bef}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{filter:drop-shadow(0 0 10px #56f9ef45)}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:27px;letter-spacing:-1.5px;font-weight:950}.brand-text strong span{color:var(--yellow)}.brand-text small{font-family:Consolas,monospace;font-size:9px;letter-spacing:2px;color:#8aadb6;margin-top:8px}.site-nav{display:flex;gap:30px;margin:auto}.site-nav a{font-size:11px;font-weight:900;letter-spacing:2px;color:#a3b5c0;white-space:nowrap;transition:color .2s}.site-nav a:hover{color:#fff}.header-controls{display:flex;align-items:center;gap:15px}.fx-toggle{padding:9px 11px;background:#131f2c;border:1px solid #324857;color:#839ca9;letter-spacing:1px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.fx-toggle strong{color:var(--cyan)}.nav-launch{border:1px solid #5bcecb;color:#bbf8f6;padding:12px 16px;font-size:10px;letter-spacing:1.5px;font-weight:900;white-space:nowrap;transition:background .25s}.nav-launch:hover{background:#5bcecb;color:#03141b}.nav-launch span{margin-left:9px}
.hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #334b59;background:#060d17;isolation:isolate}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% 44%;z-index:-3;opacity:.87;filter:brightness(1.15) saturate(1.12);animation:heroIn 1.2s both;will-change:transform}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06101bfd 0%,#06101bf2 31%,#06101b9c 51%,#06101b12 76%,#06101b6e 100%),linear-gradient(0deg,#06101bdd 0%,transparent 33%,#06101b5e 100%)}.hero-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 97%,#5cf5ef16 100%) 0 0/80px 80px,linear-gradient(0deg,transparent 97%,#5cf5ef10 100%) 0 0/80px 80px;opacity:.55;mask-image:linear-gradient(0deg,#000,transparent 76%)}.hero-haze{position:absolute;top:-40%;right:-10%;width:62vw;height:70vw;border-radius:50%;background:#2d9dba14;filter:blur(100px);z-index:-1;animation:ambient 9s ease-in-out infinite alternate}.hero-left{padding:70px var(--edge) 98px;max-width:820px}.eyebrow{font:700 11px/1.5 Consolas,"Courier New",monospace;letter-spacing:2.4px;color:#a4dfe0;display:flex;align-items:center;gap:12px}.eyebrow-sep{color:var(--yellow)}.signal-dot{display:inline-block;height:8px;width:8px;background:#5fe5d8;box-shadow:0 0 15px #6dfff8;border-radius:50%;animation:beacon 2.7s infinite}.hero-kicker{font-weight:900;font-size:12px;letter-spacing:3.6px;color:var(--yellow);margin:40px 0 13px}.hero h1{font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:clamp(77px,9.4vw,155px);letter-spacing:-1.7px;line-height:.91;font-weight:950;margin:0;text-shadow:0 9px 36px #0006}.hero-highlight{color:#dff5f7}.period{color:var(--yellow)}.hero-description{max-width:520px;color:#c5d5da;font-size:clamp(16px,1.5vw,19px);line-height:1.65;margin:27px 0 29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:15px 19px;font-size:11px;letter-spacing:1.3px;font-weight:950;transition:transform .2s,background .2s,color .2s;text-align:center}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--yellow);color:#0a1720}.btn-primary:hover{background:#fff4a4}.btn-secondary{border:1px solid #68abb5;color:#e1f7f5;background:#0a1622b3}.btn-secondary:hover{background:#285263}.hero-specs{display:flex;align-items:center;gap:25px;margin-top:52px}.hero-specs div{display:flex;align-items:baseline;gap:11px}.hero-specs strong{font:bold 29px/1 Impact,"Arial Black",sans-serif;letter-spacing:1px;color:white}.hero-specs span:not(.spec-divider){font:700 9px/1.3 Consolas,monospace;letter-spacing:1.5px;color:#9fbac6}.spec-divider{height:25px;width:1px;background:#455b62}.hero-right-label{position:absolute;right:var(--edge);bottom:53px;text-align:right;display:flex;flex-direction:column;align-items:end;gap:8px;text-shadow:0 0 15px #03111d}.hero-right-label span{font:700 10px Consolas,monospace;letter-spacing:2.3px;color:#8fbbc6}.hero-right-label strong{font:900 25px Impact,"Arial Black",sans-serif;letter-spacing:2px;color:#e8feff}.hero-coordinates{position:absolute;right:calc(var(--edge) + 8px);top:44px;writing-mode:vertical-rl;font:700 9px Consolas,monospace;letter-spacing:3px;color:#d0e5ef77}.marquee{overflow:hidden;background:var(--yellow);color:#1a2530;white-space:nowrap;transform:rotate(-1deg) scale(1.016);position:relative;z-index:1;box-shadow:0 10px 35px #0005}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-track span{flex-shrink:0;font:950 12px/1 Impact,"Arial Black",sans-serif;letter-spacing:3px;padding:16px 0}.marquee-track i{font-style:normal;margin:0 34px;color:#62646a}
.catalog{padding-block:106px 100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-overline{color:var(--cyan);font:800 11px Consolas,monospace;letter-spacing:2.5px;margin:0 0 18px}.section-head h2,.incident-copy h2{font:900 clamp(42px,5.5vw,75px)/1.01 Impact,"Arial Black",system-ui,sans-serif;letter-spacing:.3px;margin:0}.section-head h2 span{color:var(--yellow)}.section-intro{color:var(--muted);line-height:1.7;font-size:15px;max-width:720px;margin:18px 0 0}.catalog-counter{font:700 12px Consolas,monospace;letter-spacing:2px;color:#a7b4c2;white-space:nowrap;display:inline-block;border:1px solid #344854;padding:15px}.catalog-counter strong{color:#e6fcfc}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:38px 0 24px}.filter{cursor:pointer;color:#b2c1c8;background:#0d1722;border:1px solid #2d4350;padding:13px 18px;font:800 11px Consolas,monospace;letter-spacing:1.2px;transition:all .2s}.filter span{margin-left:14px;color:#778d99}.filter:hover{border-color:#5cbbc2;color:#fff}.filter.active{background:#ccefee;color:#0b252c;border-color:#ccefee}.filter.active span{color:#49747a}.game-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}.game-card{grid-column:span 6;min-width:0;min-height:405px;position:relative;--accent:#67dcee}.game-card.wide-card{grid-column:span 6;min-height:460px}.game-card.theme-steel{--accent:#64e5ec}.game-card.theme-skyfire{--accent:#ffbbd8}.game-card.theme-redline{--accent:#ff895e}.game-card.theme-flight{--accent:#6dece2}.game-card.theme-incident{--accent:#f8db61}.game-card.theme-command{--accent:#85b9ff}.game-card[hidden]{display:none!important}.game-link{position:absolute;inset:0;display:block;overflow:hidden;background:#111d2b;border:1px solid #2c4857;isolation:isolate;transition:border-color .23s,transform .25s,box-shadow .25s}.game-link:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 60px #0008,0 0 35px color-mix(in srgb,var(--accent),transparent 83%)}.game-link:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#07101b70 0%,transparent 36%,#06101bbf 65%,#050b14fa 100%)}.card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .6s}.game-link:hover .card-art{transform:scale(1.075)}.card-no{position:absolute;top:22px;left:22px;z-index:1;font:800 10px Consolas,monospace;letter-spacing:1.5px;color:#eafaff;background:#07131fc9;border:1px solid #ffffff3a;padding:10px}.card-content{position:absolute;left:24px;right:24px;bottom:23px;z-index:1}.card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.card-tags span{font:800 9px Consolas,monospace;letter-spacing:1.5px;border:1px solid color-mix(in srgb,var(--accent),transparent 36%);color:var(--accent);padding:6px 8px;background:#07111bcc}.card-content h3{font:900 clamp(29px,2.7vw,42px)/.98 Impact,"Arial Black",sans-serif;letter-spacing:.5px;margin:0}.wide-card .card-content h3{font-size:clamp(40px,4vw,60px)}.card-content h3 em{font-style:normal;color:var(--accent)}.card-content p{max-width:410px;color:#ccd8e2;font-size:13px;line-height:1.6;margin:12px 0 18px}.card-cta{color:#fff;display:inline-flex;align-items:center;gap:13px;font:900 11px Consolas,monospace;letter-spacing:1.4px}.card-cta span{color:var(--accent);font-size:19px}.card-arrow{position:absolute;top:17px;right:18px;z-index:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#08121d;font:900 19px system-ui}.no-results{color:var(--muted);padding:20px}
.incident-section{padding-bottom:105px}.incident-body{background:radial-gradient(circle at 74% 51%,#635b1533,transparent 42%),linear-gradient(120deg,#1b252b,#10202a 60%,#112d37);border:1px solid #5b625a;display:grid;grid-template-columns:1.2fr 1fr;position:relative;overflow:hidden;min-height:405px}.incident-body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 100px,#ffffff04 101px 102px);pointer-events:none}.incident-copy{padding:62px clamp(25px,5vw,74px);z-index:1}.incident-copy h2{font-size:clamp(39px,4.5vw,70px)}.incident-copy h2 span{color:var(--yellow)}.incident-copy>p:not(.section-overline){max-width:580px;line-height:1.8;color:#bcc9d2;font-size:15px;margin:22px 0 26px}.btn-outline-yellow{border:1px solid var(--yellow);color:var(--yellow)}.btn-outline-yellow:hover{background:var(--yellow);color:#1b2526}.mug-scene{min-height:390px;display:grid;place-items:center;position:relative}.mug-art{width:min(350px,87%);position:relative;z-index:1;transform:rotate(-8deg);filter:drop-shadow(25px 40px 23px #0007);animation:mugFloat 5s ease-in-out infinite}.mug-halo{position:absolute;width:350px;height:350px;border:1px solid #ffdc6440;border-radius:50%;box-shadow:0 0 0 65px #ffe66c09,0 0 0 125px #ffe66c06}.mug-stamp{position:absolute;bottom:24px;left:0;right:0;text-align:center;font:800 10px Consolas,monospace;letter-spacing:1.7px;color:#f0d57e;white-space:nowrap}.mug-stamp span{color:#8eafbe}
.site-footer{border-top:1px solid #273947;padding-block:35px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand strong{font:950 20px Impact,"Arial Black",sans-serif;letter-spacing:1px}.footer-brand strong span{color:var(--yellow)}.footer-brand small{display:block;font:700 9px Consolas,monospace;letter-spacing:1.6px;color:#93a8b4;margin-top:5px}.back-top{font:800 11px Consolas,monospace;letter-spacing:1.5px;color:#a3dee0;border-bottom:1px solid #35646c;padding-bottom:6px}.footer-line{flex-basis:100%;display:flex;justify-content:space-between;gap:14px;color:#6c8596;font:700 9px Consolas,monospace;letter-spacing:1px;padding-top:21px;margin-top:14px;border-top:1px solid #253746}
@keyframes beacon{50%{box-shadow:0 0 3px #6dfff8;opacity:.5}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes mugFloat{50%{transform:rotate(-5deg) translateY(-13px)}}@keyframes ambient{to{transform:translate(-10%,10%);opacity:.4}}@keyframes heroIn{from{transform:scale(1.06);opacity:.1}to{transform:scale(1);opacity:.87}}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1200px){.site-nav{gap:16px}.hero{min-height:650px}.game-card{grid-column:span 6}.game-card.wide-card{min-height:430px}.card-content h3{font-size:40px}.hero-right-label{display:none}}
@media(max-width:750px){.site-header{height:72px;gap:9px}.brand img{height:39px;width:39px}.brand-text strong{font-size:23px}.brand-text small{font-size:7px;letter-spacing:1.4px;margin-top:5px}.site-nav{display:none}.header-controls{margin-left:auto;gap:8px}.nav-launch{font-size:9px;letter-spacing:.5px;padding:10px}.fx-toggle{font-size:9px;padding:9px}.hero{min-height:720px;align-items:end}.hero-art{object-position:56% 15%}.hero:before{background:linear-gradient(0deg,#050d17 0%,#06101bf5 30%,#06101b9c 61%,#06101b3a 100%),linear-gradient(90deg,#06101b82,transparent)}.hero-left{padding:85px var(--edge) 49px}.hero h1{font-size:clamp(72px,14vw,110px)}.hero-kicker{margin-top:24px}.hero-description{font-size:15px;max-width:480px;margin:23px 0}.hero-specs{margin-top:35px;gap:13px}.hero-specs div{gap:6px}.hero-specs strong{font-size:24px}.hero-specs span:not(.spec-divider){font-size:8px}.hero-coordinates{display:none}.catalog{padding-block:70px}.section-head{align-items:start}.catalog-right{display:none}.section-head h2{font-size:49px}.section-intro{font-size:14px}.game-grid{gap:13px}.game-card,.game-card.wide-card{grid-column:span 12;min-height:410px}.card-content h3,.wide-card .card-content h3{font-size:clamp(35px,8vw,50px)}.filters{margin-top:25px}.filter{font-size:10px;padding:11px}.incident-body{grid-template-columns:1fr}.incident-copy{padding-bottom:15px}.mug-scene{min-height:315px}.mug-art{width:270px}.mug-halo{width:240px;height:240px}.mug-stamp{font-size:9px}.footer-line span:nth-child(2){display:none}}
@media(max-width:420px){.brand-text small{display:none}.brand{gap:5px}.hero{min-height:690px}.hero h1{font-size:clamp(68px,14vw,90px)}.hero-description{font-size:14px}.hero-actions .btn{font-size:10px;width:100%;min-height:45px}.hero-specs span:not(.spec-divider){letter-spacing:.3px}.game-card,.game-card.wide-card{min-height:385px}.card-content{left:18px;right:18px;bottom:18px}.card-content p{font-size:12px}.section-head h2{font-size:42px}.filter{flex:1}.incident-copy h2{font-size:47px}.mug-stamp{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}