@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
:root{--bg:#10051c;--pink:#ff3ad9;--cyan:#43f8fa;--gold:#ffe75b;--ink:#f9efff;--panel:#21103c;--green:#8effa3}*{box-sizing:border-box}html{background:#10051c;color:var(--ink)}body{margin:0;font-family:'VT323',monospace;font-size:24px;background:radial-gradient(ellipse at 50% 0%,#3c145b 0%,#10051c 55%);min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 4px 5px);z-index:12}header{padding:16px 22px;border-bottom:3px double var(--pink);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#120823cc}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--gold)}.logo{font-family:'Press Start 2P',monospace;font-size:clamp(13px,2.3vw,24px);color:var(--gold);text-shadow:3px 3px 0 var(--pink)}.tag{color:var(--green);font-size:20px}.wrap{width:min(1100px,94%);margin:auto}.hero{text-align:center;padding:38px 10px 18px}.eyebrow{color:var(--green);letter-spacing:4px}.hero h1{font-family:'Press Start 2P';font-size:clamp(25px,6vw,69px);line-height:1.4;color:var(--gold);text-shadow:5px 5px 0 #fc3bb0,9px 9px 0 #371663;margin:14px 0}.sub{font-size:clamp(24px,3vw,35px);color:#e5cfff}.blink{animation:blink 1.3s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0 28px}.panel{background:linear-gradient(140deg,#2c1349,#180e31);border:3px solid var(--cyan);box-shadow:7px 7px 0 #690a7e;padding:22px;min-width:0}.panel:nth-child(2){border-color:var(--pink)}h2{font-family:'Press Start 2P';font-size:clamp(14px,2vw,19px);line-height:1.8;color:var(--gold)}h3{color:var(--cyan);margin:8px 0}.button,button{cursor:pointer;background:#e91bb3;color:#fff;border:2px solid #ffe6ff;box-shadow:4px 4px 0 #5c166c;padding:12px 16px;font:22px 'VT323',monospace;display:inline-block}button:hover,.button:hover{background:#42c8dd;color:#130625}button:disabled{filter:grayscale(1);cursor:default}.alt{background:#2e2362}.fine{font-size:19px;color:#b6a6c6}.stage{margin:20px auto;border:4px solid #44f4f4;box-shadow:0 0 25px #06ffff48;background:#140d25;max-width:960px}.stage canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}.hud{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px;background:#200f3c;color:var(--gold)}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px auto}.controls button{min-width:65px;touch-action:none}.screen{border:2px solid var(--pink);padding:16px;background:#0a0416;margin:18px 0;color:var(--green)}.stars{font-family:'Press Start 2P';font-size:14px;color:var(--pink);text-align:center;padding:10px}footer{text-align:center;color:#aa90c6;padding:40px 10px}.marquee{white-space:nowrap;overflow:hidden;color:var(--cyan);background:#16082b;border-block:2px solid #ad208f;padding:6px}.marquee span{display:inline-block;animation:mar 20s linear infinite}@keyframes mar{to{transform:translateX(-50%)}}@media(max-width:700px){.grid{grid-template-columns:1fr}.panel{padding:16px}.hero{padding-top:20px}header{justify-content:center}.hud{font-size:20px}}