:root{--bg: #05060c;--fg: #c9f7ff;--accent: #ff5a3c;--green: #4dff88;--dim: #5a6a82}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:Courier New,ui-monospace,monospace;overflow:hidden}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;padding:12px}.wrap{display:flex;flex-direction:column;gap:8px;width:min(96vw,880px)}.hud{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;letter-spacing:1px;text-transform:uppercase}.hud .title{color:var(--accent);font-weight:700;letter-spacing:3px}.hud .stat b{color:var(--green)}canvas{width:100%;display:block;background:#03040a;border:1px solid #1b2740;image-rendering:pixelated}#game{border-radius:4px}.help{font-size:12px;color:var(--dim);text-align:center;line-height:1.6}.help kbd{background:#11203a;border:1px solid #25406a;border-radius:3px;padding:1px 5px;color:var(--fg)}.overlay{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#03040adb;text-align:center}.overlay.show{display:flex}.overlay h1{margin:0;font-size:38px;letter-spacing:4px;color:var(--accent)}.overlay p{margin:0;max-width:520px;color:var(--fg);line-height:1.6}.overlay button{font-family:inherit;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:var(--bg);background:var(--green);border:0;border-radius:4px;padding:10px 22px;cursor:pointer}.overlay button:hover{filter:brightness(1.1)}select{font-family:inherit;background:#0c1626;color:var(--fg);border:1px solid #25406a;border-radius:4px;padding:4px 8px}