:root{--bg:#0b0d14;--panel:#151a27;--gold:#e6c35c;--cream:#f4e8c1;--muted:#8b93a7;--bezel:#2a2318}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 50% -10%, #1c2744 0%, transparent 60%), var(--bg);min-height:100%;color:var(--cream);margin:0;font-family:Courier New,Courier,monospace}.page{flex-direction:column;align-items:center;min-height:100vh;padding:20px 16px 40px;display:flex}.header{text-align:center;margin-bottom:14px}.header h1{letter-spacing:.28em;color:var(--gold);text-shadow:0 2px #6b4e12,0 0 18px #e6c35c59;margin:0;font-size:clamp(1.1rem,3vw,1.8rem)}.tagline{color:var(--muted);letter-spacing:.12em;margin:6px 0 0;font-size:.78rem}.stage{justify-content:center;display:flex}.bezel{background:linear-gradient(160deg,#4a3b28,#1a140e 55%,#3a2c1c);border-radius:18px;padding:14px;position:relative;box-shadow:0 0 0 2px #7a6240,0 18px 40px #00000073,inset 0 1px #ffffff1f}canvas{width:min(768px,92vw);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;border-radius:4px;display:block}.scanlines{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);border-radius:4px;position:absolute;inset:14px}.controls-help{background:#151a27b8;border:1px solid #2c354c;border-radius:12px;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px 18px;width:min(768px,92vw);max-width:768px;margin-top:16px;padding:12px 16px;display:grid}.controls-help div{flex-direction:column;gap:2px;display:flex}.controls-help strong{color:var(--gold);letter-spacing:.08em;font-size:.72rem}.controls-help span{color:var(--muted);font-size:.78rem}.controls-help em{color:#6f90c8;font-style:normal}.touch{justify-content:space-between;align-items:flex-end;gap:16px;width:min(768px,92vw);margin-top:16px;display:none}.dpad,.ab{flex-direction:column;align-items:center;gap:8px;display:flex}.mid{gap:40px;display:flex}.touch button{width:58px;height:58px;color:var(--cream);-webkit-user-select:none;user-select:none;background:#2a3348;border:0;border-radius:50%;font-size:1rem;box-shadow:0 4px #151a27}.touch .a{background:#c4453c}.touch .b{background:#3c6ec4}.touch .jump{letter-spacing:.08em;border-radius:18px;width:120px;font-size:.75rem}@media (max-width:720px){.controls-help{grid-template-columns:repeat(2,1fr)}.touch{display:flex}}
