:root{--bg: #0a0a14;--panel: #14142a;--ink: #ffd23f;--accent: #e83b3b;--girder: #ff6f91;--ladder: #4fd0e7}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:#f4f4f4;font-family:"Press Start 2P",Courier New,monospace;-webkit-font-smoothing:none}#app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;min-height:100%}h1{font-size:28px;letter-spacing:2px;margin:4px 0;color:var(--ink);text-shadow:3px 3px 0 var(--accent)}.hud{display:flex;gap:24px;font-size:13px;letter-spacing:1px;background:var(--panel);padding:10px 18px;border-radius:6px;border:2px solid #2a2a4a}.hud b{color:var(--ink)}canvas{background:#05050d;border:3px solid #2a2a4a;border-radius:4px;image-rendering:pixelated;max-width:96vw;touch-action:none}.controls{font-size:11px;color:#8a8aa8;text-align:center;line-height:1.6}.btn{font-family:inherit;font-size:13px;cursor:pointer;background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:4px;letter-spacing:1px}.btn:hover{filter:brightness(1.15)}.pads{display:none;gap:8px}@media(pointer:coarse){.pads{display:flex;flex-wrap:wrap;justify-content:center;max-width:96vw}}.pad{font-family:inherit;font-size:18px;width:64px;height:56px;background:var(--panel);color:var(--ink);border:2px solid #2a2a4a;border-radius:6px;user-select:none}