*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;background:#0a0614;display:flex;align-items:center;justify-content:center;padding:20px}.game-shell{max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#f4f1ff}.game-shell h1{font-size:2rem;letter-spacing:.1em;color:#ffd75e;text-shadow:2px 2px 0 #1b1035}.instructions{font-size:.85rem;color:#c8bfe7;text-align:center}.hud{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;font-size:.9rem;background:#1b1035;border:2px solid #3a2a5d;border-radius:6px;padding:.5rem 1rem;width:100%}.hud-item{display:flex;gap:.4rem;align-items:baseline}.hud-item strong{color:#0fb8c9}.stage{width:100%;aspect-ratio:320 / 180;background:#000;border:4px solid #3a2a5d;border-radius:4px;overflow:hidden}#game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.controls{display:flex;gap:1rem}.btn{background:#ffd75e;color:#1b1035;border:none;padding:.6rem 1.5rem;font-size:1rem;font-family:inherit;font-weight:700;border-radius:6px;cursor:pointer;transition:transform .1s,background .2s}.btn:hover{background:#ffe28a}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid #0fb8c9;outline-offset:2px}.btn-secondary{background:#3a2a5d;color:#f4f1ff}.btn-secondary:hover{background:#4c3878}.status-region{min-height:1.2rem;font-size:.9rem;color:#0fb8c9;text-align:center}@media(max-width:480px){.game-shell h1{font-size:1.5rem}.hud{font-size:.8rem}}