@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Press+Start+2P&display=swap');
:root{--bg:#07101e;--bg2:#0c1728;--panel:#0d1b2f;--panel2:#101f36;--line:#243a58;--ink:#f5f8ff;--muted:#91a5bf;--cyan:#5ee7ff;--pink:#ff4ab8;--amber:#ffb45e;--vio:#8f77ff;--good:#62e6a8;--shadow:0 28px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -5%,rgba(91,102,255,.14),transparent 28%),linear-gradient(180deg,#07101e,#050a13 72%);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px);z-index:100}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(1220px,calc(100% - 40px));margin:auto}.pixel{font-family:'Press Start 2P',ui-monospace,monospace}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.7rem;color:var(--cyan);font-weight:800}.muted{color:var(--muted)}
.nav{position:sticky;top:0;z-index:60;background:rgba(5,12,23,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(94,231,255,.13)}.navin{height:72px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brandmark{width:34px;height:34px;background:linear-gradient(135deg,var(--cyan) 0 45%,transparent 45% 55%,var(--pink) 55%);clip-path:polygon(0 0,76% 0,76% 24%,100% 24%,100% 100%,24% 100%,24% 76%,0 76%)}.brand b{font:400 1rem 'Press Start 2P';letter-spacing:-.05em}.links{display:flex;gap:21px;font-size:.88rem;color:#d9e2f0}.links a{padding:25px 0 22px;border-bottom:2px solid transparent}.links a:hover,.links a.active{color:var(--cyan);border-color:var(--pink)}.navcta{border:1px solid var(--pink);color:#fff;padding:11px 17px;font-weight:800;background:rgba(255,74,184,.08)}.hamb{display:none;border:0;background:none;color:white;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 21px;border:1px solid #48617f;background:#101d31;color:#fff;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 #03070e}.btn.primary{background:linear-gradient(135deg,#45d9ff,#8976ff 55%,#ff4ab8);border-color:#8defff;color:#07101e}.btn.hot{background:var(--pink);border-color:#ff92d3;color:#fff}.btn:hover{transform:translate(-1px,-1px)}
.hero{min-height:700px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,19,.98) 0%,rgba(5,10,19,.91) 35%,rgba(5,10,19,.44) 59%,rgba(5,10,19,.14) 100%),url('../images/hero.webp') 62% center/cover no-repeat}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(transparent,var(--bg))}.heroin{position:relative;z-index:2;padding:82px 0 130px}.herotxt{max-width:640px}.hero h1{font:400 clamp(2.9rem,6.2vw,5.8rem)/1.02 'Press Start 2P';letter-spacing:-.07em;margin:16px 0 24px;text-shadow:4px 4px 0 rgba(13,31,54,.7)}.hero h1 span{display:block;margin-top:18px;font:800 .22em Inter;letter-spacing:.24em;color:var(--pink);text-transform:uppercase}.hero p{max-width:600px;color:#c5d2e4;font-size:1.05rem}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.platforms{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#a9b9cc;font-size:.78rem;font-weight:800}.platforms span:before{content:'◆';color:var(--cyan);margin-right:7px}.hero-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line);position:relative;z-index:3;margin-top:-68px}.hero-strip div{background:rgba(7,16,30,.95);padding:20px}.hero-strip b{display:block;color:white;margin-bottom:4px}.hero-strip small{color:var(--muted)}
.section{padding:82px 0}.section.alt{background:#e9eef7;color:#111827}.section.alt .muted{color:#526176}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.head h2{font:400 clamp(1.8rem,4vw,3.1rem)/1.15 'Press Start 2P';margin:10px 0}.panel{background:linear-gradient(180deg,#0e1c31,#091422);border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.panel:before{content:'';position:absolute;left:-1px;top:-1px;width:18px;height:18px;border-left:3px solid var(--cyan);border-top:3px solid var(--cyan);pointer-events:none}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:25px;background:#0c192b;border:1px solid var(--line);position:relative}.feature .ico{font:400 1.45rem 'Press Start 2P';color:var(--pink)}.feature h3{font-size:1rem;margin:15px 0 8px}.feature p{margin:0;color:#9eb0c7;font-size:.9rem}.artcard{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--line);background:#0b1525}.artcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s transform}.artcard:hover img{transform:scale(1.035)}.artcard:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,9,17,.96))}.artcap{position:absolute;z-index:2;left:21px;right:21px;bottom:18px}.artcap h3{font:400 1rem 'Press Start 2P';margin:0 0 9px}.artcap p{margin:0;color:#afbdd0;font-size:.85rem}
.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.person{border:1px solid var(--line);background:#0b1728;color:white;padding:0;text-align:left;cursor:pointer;transition:.22s;position:relative}.person:hover{transform:translateY(-5px);border-color:var(--cyan)}.person img{width:100%;height:255px;object-fit:cover;object-position:center top;image-rendering:auto}.pcap{padding:15px}.person h3{font:400 .74rem 'Press Start 2P';margin:0 0 8px;color:#fff}.person small{color:var(--cyan)}.rolechip{position:absolute;right:8px;top:8px;background:#07101e;border:1px solid var(--pink);color:#fff;font-size:.62rem;padding:5px 7px}
.split{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center}.mediaframe{min-height:460px;background:url('../images/crew-banner.webp') center/cover;border:1px solid var(--line);position:relative}.mediaframe:after{content:'CREW // SIGNAL ONLINE';position:absolute;left:20px;bottom:20px;background:#07101ee8;border:1px solid var(--cyan);padding:9px 12px;font:400 .65rem 'Press Start 2P';color:var(--cyan)}.worldgrid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:16px}.worldgrid .artcard{min-height:480px}.worldgrid .artcard:first-child{min-height:480px}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.stat{border:1px solid var(--line);background:#081424;padding:14px}.stat b{display:block;color:var(--cyan);font:400 1rem 'Press Start 2P';margin-bottom:7px}.quote{padding:36px;border:1px solid var(--line);background:radial-gradient(circle at 85% 10%,rgba(255,74,184,.16),transparent 32%),#0b1728}.quote blockquote{margin:0;font:800 1.45rem/1.45 Inter;color:#eaf5ff}
.subhero{padding:86px 0 60px;background:linear-gradient(180deg,#101e34,#07101e);border-bottom:1px solid var(--line)}.subhero h1{font:400 clamp(2.2rem,5vw,4.4rem)/1.1 'Press Start 2P';margin:13px 0 20px}.subhero p{max-width:740px;color:#aec0d6}.prose{max-width:900px}.prose h2{font:400 1.22rem 'Press Start 2P';margin-top:40px;color:var(--cyan)}.prose h3{margin-top:27px}.prose p,.prose li{color:#afbdd0}.legal{padding:60px 0 100px}.legal .prose{background:#0b1728;border:1px solid var(--line);padding:34px}
.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news{border:1px solid var(--line);background:#0a1728}.news img{height:190px;width:100%;object-fit:cover}.news .body{padding:20px}.news h3{font-size:1.05rem}.tag{text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;color:var(--pink);font-weight:800}
.faq{max-width:900px}.faqitem{border-bottom:1px solid #263a57}.faqbtn{width:100%;display:flex;justify-content:space-between;padding:20px 0;background:none;border:0;color:white;font-weight:800;text-align:left;cursor:pointer}.faqans{display:none;color:#9eb0c7;padding:0 0 20px}.faqitem.open .faqans{display:block}.form{display:grid;gap:13px}.form.two{grid-template-columns:1fr 1fr}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #314965;background:#071423;color:white}.form textarea{min-height:140px}.full{grid-column:1/-1}.notice{display:none;padding:12px;border:1px solid #34785c;background:#0d291e;color:#b5f1d3}
.arcade{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.gamebox{border:1px solid var(--cyan);background:#03070e;padding:14px;box-shadow:0 0 35px rgba(94,231,255,.1)}#pixelGame{width:100%;aspect-ratio:16/9;background:#061321;image-rendering:pixelated;display:block}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.key{border:1px solid var(--line);padding:10px;text-align:center;color:#a9bbd2;background:#0b1728}.scoreboard{display:grid;gap:12px}.scorebox{padding:18px;border:1px solid var(--line);background:#0a1728}.scorebox b{display:block;font:400 1.1rem 'Press Start 2P';color:var(--pink);margin-bottom:8px}
.modal{position:fixed;inset:0;z-index:90;background:rgba(1,5,12,.85);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalbox{width:min(860px,100%);display:grid;grid-template-columns:.83fr 1.17fr;background:#091729;border:1px solid var(--cyan);box-shadow:var(--shadow)}.modalbox img{width:100%;height:100%;max-height:650px;object-fit:cover}.modalbody{padding:32px}.close{float:right;background:none;border:0;color:white;font-size:27px;cursor:pointer}
.footer{border-top:1px solid var(--line);background:#030811;padding:52px 0 26px}.footgrid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:32px}.footer h4{font:400 .69rem 'Press Start 2P';color:#dff9ff}.footer a{display:block;color:#8fa3bc;margin:8px 0;font-size:.85rem}.copy{margin-top:34px;padding-top:20px;border-top:1px solid #18283c;color:#61748e;font-size:.77rem}
@media(max-width:980px){.links{display:none}.links.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#07101e;padding:18px 24px;border-bottom:1px solid var(--line)}.links.open a{padding:8px 0}.hamb{display:block}.navcta{display:none}.hero:before{background:linear-gradient(90deg,rgba(5,10,19,.96),rgba(5,10,19,.58)),url('../images/hero.webp') 60% center/cover no-repeat}.split,.arcade,.footgrid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.newsgrid{grid-template-columns:repeat(2,1fr)}.roster{grid-template-columns:repeat(3,1fr)}.worldgrid{grid-template-columns:1fr 1fr}.worldgrid .artcard:first-child{grid-column:1/-1}.hero-strip{grid-template-columns:repeat(2,1fr)}.modalbox{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1220px)}.navin{height:64px}.brand b{font-size:.76rem}.hero{min-height:650px}.hero h1{font-size:2.35rem;line-height:1.2}.heroin{padding:70px 0 110px}.hero-strip{grid-template-columns:1fr}.section{padding:58px 0}.head{align-items:start;flex-direction:column}.grid4,.grid3,.newsgrid,.worldgrid{grid-template-columns:1fr}.roster{grid-template-columns:1fr 1fr}.person img{height:220px}.statrow{grid-template-columns:1fr 1fr}.form.two{grid-template-columns:1fr}.full{grid-column:auto}.subhero h1{font-size:2rem}.worldgrid .artcard:first-child{grid-column:auto}.modalbody{padding:22px}}