:root{--bg: #10141a;--panel-bg: rgba(16, 20, 26, .92);--panel-border: #2c3644;--text: #e8edf2;--text-dim: #93a1b1;--accent: #ffb02e;--danger: #ff4757;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}#app{position:relative;width:100%;height:100%}#game{display:block;width:100%;height:100%}#hud{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-block{position:absolute;padding:10px 14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;font-size:14px;line-height:1.5}#hud-top-left{top:12px;left:12px;font-variant-numeric:tabular-nums}#hud-top-left .hud-note{color:var(--text-dim);font-size:11px}#hud-top-right{top:12px;right:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}#hud-bottom-left{bottom:12px;left:12px;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}#hud-bottom-right{bottom:12px;right:12px;color:var(--text-dim);font-size:12px;text-align:right}#hud-wrongway{position:absolute;top:18%;left:50%;transform:translate(-50%);padding:12px 28px;background:var(--danger);color:#fff;font-size:26px;font-weight:800;border-radius:10px;letter-spacing:2px;animation:wrongway-blink .5s steps(2) infinite}@keyframes wrongway-blink{50%{opacity:.35}}#tuning-toggle{position:absolute;top:64px;right:12px;padding:8px 12px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;color:var(--text);font-size:13px;cursor:pointer}#tuning-toggle:hover{border-color:var(--accent)}#tuning-panel{position:absolute;top:0;right:0;bottom:0;width:340px;overflow-y:auto;background:var(--panel-bg);border-left:1px solid var(--panel-border);padding:16px;font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#tuning-panel h2{margin:0 0 4px;font-size:16px}#tuning-panel .tuning-sub{color:var(--text-dim);font-size:11px;margin-bottom:12px}#tuning-panel h3{margin:16px 0 6px;font-size:13px;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.tuning-row{display:grid;grid-template-columns:1fr 64px;gap:8px;align-items:center;margin-bottom:6px}.tuning-row label{grid-column:1 / 3;color:var(--text-dim);font-size:12px}.tuning-row input[type=range]{width:100%;accent-color:var(--accent)}.tuning-row .tuning-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.tuning-presets{display:flex;gap:6px;margin-bottom:8px}.tuning-presets button,.tuning-actions button{flex:1;padding:6px 8px;background:#1b232e;border:1px solid var(--panel-border);border-radius:6px;color:var(--text);cursor:pointer;font-size:12px}.tuning-presets button:hover,.tuning-actions button:hover{border-color:var(--accent)}.tuning-presets button.active{border-color:var(--accent);background:#2a2417}.tuning-actions{display:flex;gap:6px;margin-top:12px}#tuning-io{width:100%;height:90px;margin-top:8px;background:#0c1015;border:1px solid var(--panel-border);border-radius:6px;color:var(--text);font-family:ui-monospace,monospace;font-size:11px;resize:vertical}.tuning-msg{margin-top:6px;font-size:12px;color:var(--accent);min-height:16px}