*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
:root{--yellow:#FFC81A;--cyan:#29D9E6;--orange:#F58A12;--red:#FF4D6D;--ink:#F7F2E0;--bg:#070914;--panel:#12162E;--text:#c9cbd6;
--glow-yellow:0 0 7px #FFC81A,0 0 20px #FFC81A66,0 0 40px #FFC81A33;--glow-cyan:0 0 7px #29D9E6,0 0 20px #29D9E666,0 0 40px #29D9E633;--glow-orange:0 0 7px #F58A12,0 0 20px #F58A1266,0 0 40px #F58A1233}
body{background:var(--bg);color:var(--text);font-family:Courier New,Courier,monospace;line-height:1.7;overflow-x:hidden;
background-image:linear-gradient(rgba(41,217,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(41,217,230,.045) 1px,transparent 1px);background-size:48px 48px}
/* CRT scanlines over everything, as in the game */
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.10) 2px,rgba(0,0,0,.10) 4px)}
h1,h2,h3{font-family:"Press Start 2P",monospace;line-height:1.5}
h1{font-size:clamp(1.3rem,4.4vw,2.6rem);color:var(--ink);text-shadow:4px 4px 0 #C4661F,var(--glow-orange);letter-spacing:.04em}
h2{font-size:clamp(.8rem,2.5vw,1.3rem);color:var(--yellow);text-shadow:var(--glow-yellow)}
h3{font-size:clamp(.65rem,2vw,.9rem);color:var(--cyan);text-shadow:var(--glow-cyan)}
a{color:var(--cyan);text-decoration:none;transition:text-shadow .2s}a:hover{text-shadow:var(--glow-cyan)}
img{max-width:100%}
.floating-sprites{position:fixed;top:0;left:0;width:100%;height:90px;pointer-events:none;z-index:1;overflow:hidden}
.floater{position:absolute;width:44px;height:44px;opacity:.22;animation:drift linear infinite}
.f1{top:8px;animation-duration:19s}.f2{top:34px;animation-duration:24s;animation-delay:-5s}.f3{top:46px;animation-duration:17s;animation-delay:-9s}.f4{top:14px;animation-duration:27s;animation-delay:-13s}.f5{top:40px;animation-duration:21s;animation-delay:-2s}
.hero{text-align:center;padding:5rem 1.5rem 3rem;position:relative;z-index:2}
.hero-tank{width:min(340px,70vw);height:auto;margin-bottom:1rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 18px 0 rgba(0,0,0,.45)) drop-shadow(0 0 24px #FFC81A44)}
.hero h1{margin-bottom:.6rem}
.motto{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.72rem);color:var(--cyan);margin-bottom:1.4rem;letter-spacing:.06em}
.tagline{max-width:640px;margin:0 auto 2rem;font-size:clamp(.9rem,2vw,1.05rem);color:#a9adbd}
.cta-btn{display:inline-block;font-family:"Press Start 2P",monospace;font-size:clamp(.65rem,1.8vw,.85rem);color:var(--bg);background:var(--yellow);padding:1rem 2.2rem;border:3px solid #FFF2B8;text-decoration:none;box-shadow:6px 6px 0 rgba(0,0,0,.6),var(--glow-yellow);animation:neon-pulse 2s ease-in-out infinite;transition:transform .15s}
.cta-btn:hover{transform:translate(-2px,-2px);text-shadow:none}
section{position:relative;z-index:2}
.features,.screenshots{padding:3rem 1.5rem;text-align:center}
.features h2,.screenshots h2{margin-bottom:2rem}
.feature-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1100px;margin:0 auto}
@media(min-width:600px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.feature-grid{grid-template-columns:repeat(3,1fr)}}
.feature-card{background:var(--panel);border:3px solid rgba(247,242,224,.55);box-shadow:6px 6px 0 rgba(0,0,0,.55);padding:1.5rem;text-align:center;transition:border-color .3s,transform .15s}
.feature-card:hover{border-color:var(--yellow);transform:translate(-2px,-2px)}
.feature-icon{width:96px;height:96px;margin-bottom:.6rem}
.feature-card h3{margin-bottom:.75rem}.feature-card p{font-size:.88rem;color:#9ea3b5}
.screenshot-gallery{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem;max-width:1200px;margin:0 auto}
.screenshot{flex:0 0 auto;width:min(86vw,520px);border:3px solid rgba(247,242,224,.55);box-shadow:6px 6px 0 rgba(0,0,0,.55);scroll-snap-align:start}
@media(min-width:1100px){.screenshot-gallery{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.screenshot{width:100%}}
.faq{padding:3rem 1.5rem;max-width:800px;margin:0 auto}.faq h2{text-align:center;margin-bottom:2rem}
.faq-item{border-bottom:1px solid rgba(41,217,230,.2);padding:1.25rem 0}.faq-item h3{margin-bottom:.5rem}.faq-item p{color:#a9adbd;font-size:.92rem}
.download-cta{text-align:center;padding:4rem 1.5rem 2rem}.download-cta h2{color:var(--orange);text-shadow:var(--glow-orange);margin-bottom:1rem}.download-cta p{color:#a9adbd;margin-bottom:2rem;font-size:.95rem}
footer{text-align:center;padding:2rem 1rem;border-top:1px solid #FFC81A33;margin-top:3rem;position:relative;z-index:2}
.footer-sprites{display:flex;justify-content:center;gap:1.2rem;margin-bottom:1.5rem}.footer-sprite{width:40px;height:40px;opacity:.6}
footer nav{margin-bottom:.75rem}footer nav a{font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:.05em}
.nav-sep{margin:0 .75rem;color:#555}.copyright{font-size:.75rem;color:#666}
/* Privacy, terms and support pages */
.prose{max-width:760px;margin:0 auto;padding:4.5rem 1.5rem 1rem;position:relative;z-index:2}
.prose h1{font-size:clamp(1rem,3.4vw,1.7rem);margin-bottom:.8rem}
.prose .effective-date{color:#7d8296;font-size:.85rem;margin-bottom:2rem}
.prose h2{font-size:clamp(.7rem,2.1vw,1rem);margin:2.2rem 0 .8rem}
.prose p,.prose li{font-size:.95rem;color:#b8bccb;margin-bottom:.8rem}.prose ul{padding-left:1.3rem}
.prose strong{color:var(--ink)}
.back{display:inline-block;font-family:"Press Start 2P",monospace;font-size:.55rem;margin-bottom:2rem}
@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.82}}
@keyframes drift{0%{transform:translate(-80px)}to{transform:translate(110vw)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}