:root{font-family:Courier New,Courier,monospace;color:#f7f2d8;background:#0d1220}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#25385f 0,#0d1220 45%)}.wrap{max-width:1080px;margin:0 auto;padding:12px}h1{margin:0 0 10px;color:#ffd54f;letter-spacing:1px;text-shadow:2px 2px 0 #000}.topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#0008;border:1px solid #ffffff33;padding:8px;margin-bottom:8px}label{font-size:13px}input,button{font-family:inherit}button{background:#4d6cb3;border:1px solid #9fb4df;color:#fff;padding:4px 8px}.hud{background:#0009;border:1px solid #ffffff33;padding:8px;min-height:20px;margin-bottom:8px}canvas{width:100%;max-width:1000px;aspect-ratio:5 / 3;border:2px solid #8ea1cd;image-rendering:pixelated;display:block}.help{margin-top:8px;font-size:13px;color:#d4dfef}