:root{--bg: #0d1117;--panel: #161b22;--earth: #6b4a2b;--earth2: #5a3d22;--tunnel: #1a1410;--ink: #e6edf3;--accent: #ffd23f;--danger: #ff5d5d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink)}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}h1{margin:4px 0 0;font-size:26px;letter-spacing:2px;color:var(--accent);text-shadow:0 2px 0 #00000080}.hud{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--panel);padding:8px 16px;border-radius:10px;font-variant-numeric:tabular-nums;font-size:15px}.hud b{color:var(--accent)}.extra span{display:inline-block;width:16px;text-align:center;font-weight:700;color:#555}.extra span.on{color:var(--accent)}canvas{background:var(--tunnel);border-radius:8px;box-shadow:0 8px 30px #000a;image-rendering:pixelated;max-width:96vw;touch-action:none}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{background:var(--accent);color:#1a1a1a;border:0;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer}button.secondary{background:#30363d;color:var(--ink)}select{background:#30363d;color:var(--ink);border:0;border-radius:8px;padding:8px}.help{font-size:13px;color:#8b949e;max-width:540px;text-align:center;line-height:1.5}.banner{font-size:20px;font-weight:700;min-height:26px;color:var(--accent)}.banner.lost{color:var(--danger)}