:root{--navy:#081429;--ink:#081126;--blue:#14285b;--yellow:#ffca57;--orange:#ff9338;--red:#ef4c45;--cream:#fff7e7;--soft:#bdc9df;--edge:#405076;--white:#fffdfa;--border:3px solid var(--ink);--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:#061126;color:var(--white);font-family:Trebuchet MS,Arial,sans-serif;min-height:100vh;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}::selection{background:var(--yellow);color:var(--ink)}
body:before{content:"";position:fixed;pointer-events:none;inset:0;z-index:-1;background:radial-gradient(circle at 85% 9%,#273b6f66,transparent 35%),radial-gradient(circle at 7% 80%,#1c326788,transparent 38%)}
.stars{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#fffbde 1px,transparent 1.4px),radial-gradient(#b1c6ff .8px,transparent 1px);background-size:113px 107px,173px 181px;background-position:12px 23px,67px 89px;opacity:.25}
.site{max-width:1480px;margin:auto;padding:18px clamp(14px,3vw,40px) 25px}.topbar{background:#f8f4e8;color:var(--ink);border:var(--border);border-radius:12px;box-shadow:5px 5px 0 #0008;display:flex;align-items:center;gap:20px;padding:10px 17px;position:relative;z-index:20}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{font-family:Impact,Arial Black,sans-serif;font-size:38px;font-weight:900;font-style:italic;letter-spacing:-3px;line-height:1;position:relative;white-space:nowrap}.logo-mark:after{content:"";display:block;width:89%;height:6px;transform:rotate(-9deg);background:var(--red);position:absolute;left:3px;top:29px;border-radius:50% 0}.logo-caption{font-size:8px;font-weight:900;letter-spacing:.8px;line-height:1.3;max-width:126px}.nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;flex-wrap:wrap}.navbtn{border:0;background:transparent;color:var(--ink);font-weight:900;font-size:12px;letter-spacing:.65px;padding:12px 13px;border-radius:7px;white-space:nowrap}.navbtn:hover,.navbtn[aria-current="page"]{background:#ffcb58;color:#09152b}.header-actions{display:flex;gap:8px;align-items:center}.socialbtn{font-size:12px;padding:11px 15px;background:var(--navy);color:white;font-weight:900;border:2px solid var(--ink);box-shadow:2px 2px 0 #ffac41;white-space:nowrap;border-radius:6px}.socialbtn.yellow{background:var(--yellow);color:var(--ink)}.socialbtn:hover{transform:translateY(-2px)}
.statusline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 3px 15px;font-family:Consolas,monospace;font-size:11px;font-weight:900;letter-spacing:1.2px;color:#b9c7e5}.onair{display:inline-flex;align-items:center;gap:9px}.dot{width:9px;height:9px;background:#a2ed84;box-shadow:0 0 0 4px #a2ed8422;border-radius:50%;animation:blink 2s infinite}@keyframes blink{50%{opacity:.4}}.status-left,.status-right{display:flex;align-items:center;gap:12px}.pill{border:1px solid #68769b;border-radius:30px;padding:7px 10px;background:#122246}
.panel{display:none;animation:rise .25s ease-out}.panel.active{display:block}@keyframes rise{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:505px;gap:0;border:3px solid #f3e7cc;border-radius:14px;overflow:hidden;background:#f7f0dd;color:var(--ink);box-shadow:11px 11px 0 #040a1b}.hero-text{padding:clamp(26px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;background:radial-gradient(circle at 75% 70%,#ffedd0,transparent 55%)}.hero-text:after{content:"✦";font-size:78px;position:absolute;bottom:10%;right:9%;color:#ffb84b55;transform:rotate(20deg)}.kicker{display:inline-flex;align-items:center;gap:7px;background:#e7ebf8;border:2px solid #19254a;padding:8px 11px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.kicker b{color:#de3d3d}.hero h1{font-family:Impact,Arial Black,sans-serif;font-size:clamp(50px,6vw,88px);font-weight:900;line-height:.91;letter-spacing:-2px;margin:25px 0 17px;text-transform:uppercase}.hero h1 span{color:#f04a42}.hero p{font-size:clamp(14px,1.4vw,18px);line-height:1.45;max-width:420px;font-weight:700;color:#394153;margin:0 0 27px}.ctas{display:flex;flex-wrap:wrap;gap:10px}.cta{border:3px solid var(--ink);background:var(--yellow);color:var(--ink);font-weight:900;font-size:13px;padding:16px 22px;border-radius:7px;box-shadow:4px 4px 0 #081126;text-transform:uppercase;letter-spacing:.5px;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #081126}.cta.dark{background:var(--white)}.hero-foot{font-size:10px;letter-spacing:1px;font-weight:900;color:#687083;margin-top:32px}.hero-art{position:relative;background:linear-gradient(#083788,#1454a3);overflow:hidden;min-height:480px}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block;filter:saturate(.95)}.hero-art:after{content:"";position:absolute;inset:0;border-left:4px solid var(--ink);pointer-events:none}.sticker{position:absolute;top:20px;right:20px;z-index:2;transform:rotate(8deg);background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:50%;width:113px;height:113px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:3px 4px 0 #081126;font-family:Impact,sans-serif}.sticker strong{font-size:26px;line-height:1}.sticker small{font-size:13px;font-weight:900}
.marquee{margin-top:25px;border:2px solid #56658b;border-radius:7px;overflow:hidden;background:#101f42;display:flex;align-items:center;min-height:43px}.marquee-label{padding:12px;background:var(--yellow);color:var(--ink);font:900 12px Consolas,monospace;flex-shrink:0}.marquee-text{white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:1px;padding:0 16px;color:#e8eafa;overflow:hidden;text-overflow:ellipsis}
.cards{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:16px;margin-top:22px}.card{min-height:171px;border:3px solid var(--ink);box-shadow:5px 5px 0 #0009;border-radius:11px;color:var(--ink);padding:22px;position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:transform .2s;isolation:isolate}.card:hover{transform:translateY(-5px)}.card:before{position:absolute;right:9px;bottom:-20px;font-size:106px;font-weight:900;opacity:.13;transform:rotate(-12deg);z-index:-1}.card-one{background:#ffb44d}.card-one:before{content:"↗"}.card-two{background:#d5e8ff}.card-two:before{content:"☻"}.card-three{background:#f4ece0}.card-three:before{content:"✦"}.mini{font:900 10px Consolas,monospace;letter-spacing:1px}.card strong{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;font-size:clamp(23px,2.6vw,37px);letter-spacing:.1px;line-height:1}.card small{font-size:12px;line-height:1.4;font-weight:800;max-width:250px}.card .arr{position:absolute;right:20px;top:20px;font-size:26px;font-weight:900}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:22px 0 19px}.section-header h2{font:900 clamp(39px,5vw,66px)/.98 Impact,Arial Black,sans-serif;text-transform:uppercase;margin:5px 0;letter-spacing:.3px}.section-header h2 em{font-style:normal;color:var(--yellow)}.overline{font:900 11px Consolas,monospace;letter-spacing:2px;color:var(--yellow)}.subhead{color:var(--soft);max-width:380px;font-size:14px;line-height:1.5;margin:0}.window{border:3px solid #dfe8fd;border-radius:11px;overflow:hidden;box-shadow:8px 8px 0 #0009;background:#132348}.windowbar{height:39px;background:#fff3dd;color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:3px solid var(--ink);font:900 12px Consolas,monospace;letter-spacing:.6px}.bulbs{display:flex;gap:6px}.bulbs i{width:10px;height:10px;border:2px solid #16213a;background:#fd6659;border-radius:50%}.bulbs i:nth-child(2){background:#ffcb4d}.bulbs i:nth-child(3){background:#8acc86}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:17px}.game-stage{position:relative;overflow:hidden;background:linear-gradient(#030c24,#193c78);aspect-ratio:16/9;min-height:280px}canvas{width:100%;height:100%;display:block;touch-action:none}.game-overlay{position:absolute;inset:0;background:#04102ac9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:22px;z-index:3;backdrop-filter:blur(3px)}.game-overlay[hidden]{display:none}.game-overlay .symbol{font-size:52px;line-height:1}.game-overlay h3{font:900 clamp(30px,4vw,51px)/1 Impact,Arial Black,sans-serif;margin:0;color:var(--yellow)}.game-overlay p{max-width:420px;margin:0 0 7px;color:#e0e7fb;font-size:13px;line-height:1.5}.game-overlay .cta{padding:13px 25px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#071126;border-top:2px solid #5d75ad}.hud>div{padding:13px 15px;background:#132347;display:flex;justify-content:space-between;align-items:center;gap:8px}.hud small{color:#bac8e8;font-size:10px;font-weight:900}.hud b{font:900 17px Consolas,monospace;color:#ffe69d}.controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;background:#101f40;border-top:1px solid #47639b}.controls p{margin:0;color:#c0d1ed;font:800 11px Consolas,monospace;line-height:1.5}.touchcontrols{display:flex;gap:8px}.touchcontrols button{min-width:74px;border:2px solid #b7cef4;background:#233f79;color:#fff;border-radius:7px;padding:10px;font-weight:900;touch-action:none}.touchcontrols button:active,.touchcontrols button.held{background:var(--yellow);color:var(--ink)}.shop{display:flex;flex-direction:column;gap:12px}.shopbox{padding:19px;background:#fff5de;color:var(--ink);border:3px solid var(--ink);border-radius:10px;box-shadow:5px 5px 0 #0009}.shopbox h3{margin:0 0 12px;font:900 25px Impact,sans-serif}.shopbox p{font-size:12px;color:#3c4b65;line-height:1.5}.wallet{font:900 13px Consolas,monospace;background:#ffce61;border:2px solid #121a2b;padding:10px;border-radius:6px}.upgrade{width:100%;text-align:left;border:2px solid #15233d;border-radius:7px;background:white;padding:11px;margin-top:8px;display:flex;align-items:center;gap:9px;justify-content:space-between;color:#0d1830}.upgrade b{display:block;font-size:12px}.upgrade small{display:block;font-size:10px;color:#52627a;margin-top:2px}.upgrade .price{font:900 11px Consolas,monospace;white-space:nowrap;background:#ffdb86;padding:6px;border-radius:4px}.upgrade:disabled{opacity:.47;cursor:not-allowed}.guide{border:2px dashed #7587ae;padding:16px;border-radius:9px;color:#c9d7f8;font-size:12px;line-height:1.5}.guide b{color:#ffe49a}
.crewgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.crewcard{overflow:hidden;text-align:left;border:3px solid #071023;border-radius:12px;background:#fff0d6;box-shadow:6px 6px 0 #0009;color:var(--ink);transition:transform .15s}.crewcard:hover{transform:translateY(-5px)}.portrait{height:clamp(215px,23vw,305px);position:relative;overflow:hidden;background:#2259a4}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;filter:saturate(1.1)}.crewcard:nth-child(2) .portrait{background:#ffb54f}.crewcard:nth-child(3) .portrait{background:#8fcbf0}.crewcard:nth-child(4) .portrait{background:#f6bd61}.portrait .badge{position:absolute;top:10px;left:10px;background:var(--yellow);color:var(--ink);padding:6px 8px;border:2px solid var(--ink);border-radius:4px;font:900 10px Consolas,monospace}.crewcopy{padding:17px}.crewcopy h3{font:900 clamp(23px,2.5vw,31px)/1 Impact,sans-serif;margin:5px 0 8px;text-transform:uppercase}.crewcopy p{font-size:12px;line-height:1.45;margin:0;color:#3a465a}.crewcopy .details{font-size:11px;font-weight:900;margin-top:16px;display:block;color:#c84030;letter-spacing:1px}
.loregrid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.storyboard{background:#f7efdd;color:var(--ink);border:3px solid var(--ink);border-radius:11px;padding:clamp(22px,3vw,36px);box-shadow:6px 6px 0 #0009}.storyboard h3{font:900 38px/.95 Impact,sans-serif;margin:0 0 18px}.timeline{display:grid;gap:15px}.event{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start;border-top:2px dashed #b8bfc5;padding-top:15px}.event:first-child{border-top:none;padding-top:0}.event .num{display:grid;place-items:center;background:var(--yellow);border:2px solid var(--ink);border-radius:7px;height:43px;font:900 17px Impact,sans-serif;box-shadow:2px 2px 0 var(--ink)}.event h4{margin:0 0 6px;font-size:15px}.event p{margin:0;color:#46536b;font-size:13px;line-height:1.4}.terminal{background:#09152b;border:3px solid #dee8fb;border-radius:10px;padding:24px;box-shadow:6px 6px 0 #0009;font:13px Consolas,monospace;display:flex;flex-direction:column;gap:16px;min-height:360px}.terminal h3{font:900 33px Impact,sans-serif;margin:0;color:#fff0c7}.termline{color:#9ee0aa}.termoutput{min-height:124px;border:1px solid #38527a;background:#101f3c;padding:15px;color:#e7ecfc;line-height:1.55}.terminal .cta{align-self:flex-start}.notreally{font-size:10px;color:#a4badc}
.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8295b8;font:800 10px Consolas,monospace;letter-spacing:1px;padding:35px 4px 12px}.footer span:nth-child(2){text-align:right}
.modal-backdrop{position:fixed;inset:0;background:#020817d9;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{background:#fff4de;color:var(--ink);border:4px solid var(--ink);border-radius:12px;box-shadow:9px 9px 0 #435ba0;max-width:490px;width:100%;padding:26px;position:relative}.modal button.close{position:absolute;right:15px;top:14px;background:#ffcc59;border:2px solid #111c36;border-radius:5px;font-size:20px;font-weight:900;width:38px;height:35px}.modal h3{font:900 36px Impact,sans-serif;margin:8px 40px 15px 0;text-transform:uppercase}.modal p{font-size:14px;line-height:1.5;color:#45516a}.modal .tag{display:inline-block;font:900 10px Consolas,monospace;color:#9c3d29;letter-spacing:1px}.contract{background:#e1e7f0;padding:10px;border:1px dashed #52658c;overflow-wrap:anywhere;font:11px Consolas,monospace;margin:14px 0}
@media(max-width:1120px){.topbar{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center;border-top:2px solid #16213c2e;padding-top:7px}.header-actions{margin-left:auto}.hero h1{font-size:clamp(47px,6.2vw,70px)}}
@media(max-width:840px){.hero{grid-template-columns:1fr}.hero-text{min-height:390px}.hero-art{min-height:360px;height:410px}.hero-art:after{border-left:none;border-top:4px solid var(--ink)}.cards{grid-template-columns:1fr 1fr}.card-one{grid-column:span 2}.game-layout,.loregrid{grid-template-columns:1fr}.shop{display:grid;grid-template-columns:1fr 1fr}.crewgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait{height:300px}}
@media(max-width:540px){.site{padding:8px 11px 20px}.topbar{padding:10px 11px;gap:9px}.logo-mark{font-size:31px}.logo-caption{font-size:7px;max-width:98px}.logo-mark:after{top:23px;height:5px}.socialbtn{font-size:10px;padding:9px}.nav{gap:0;justify-content:space-around}.navbtn{font-size:10px;padding:10px 7px}.statusline{flex-wrap:wrap;font-size:9px;margin:16px 0 11px}.status-right .pill{display:none}.hero-text{padding:28px 23px;min-height:410px}.hero h1{font-size:clamp(42px,13vw,54px);letter-spacing:-1px}.hero-art{height:320px;min-height:320px}.sticker{width:82px;height:82px;top:12px;right:13px}.sticker strong{font-size:20px}.sticker small{font-size:10px}.cards{grid-template-columns:1fr}.card-one{grid-column:span 1}.card{min-height:135px}.section-header{display:block}.section-header h2{font-size:46px}.subhead{margin-top:8px}.hud{grid-template-columns:1fr 1fr}.hud>div{padding:10px}.game-stage{min-height:260px;aspect-ratio:1.4}.shop{grid-template-columns:1fr}.crewgrid{gap:10px}.portrait{height:195px}.crewcopy{padding:13px}.crewcopy h3{font-size:23px}.crewcopy p{font-size:11px}.controls{flex-wrap:wrap}.controls p{font-size:10px}.footer{flex-direction:column;align-items:flex-start}.status-right{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}