:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8ecf1;--dim:#8a94a0;--line:#262c34;--panel:#0e1115d1;--accent:#f2a33a;font-family:ui-sans-serif,system-ui,Segoe UI,Hiragino Sans,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#0b0d10;margin:0;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}[hidden]{display:none!important}.top{position:absolute;top:16px;left:20px;pointer-events:none!important}.title strong{letter-spacing:.04em;font-size:15px}.status{color:var(--dim);margin-top:2px}.dash{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:300px;padding:14px 16px;position:absolute;bottom:20px;left:20px}.big{align-items:baseline;gap:8px;display:flex}.rpm{font-variant-numeric:tabular-nums;font-size:44px;font-weight:650;line-height:1}.rpm.cut{color:#ff5a3c}.unit{color:var(--dim)}.tach,.scope{width:100%;display:block}.readouts{grid-template-columns:1fr 1fr;gap:6px 14px;margin:4px 0 8px;display:grid}.readout{border-bottom:1px solid var(--line);justify-content:space-between;padding:3px 0;display:flex}.readout span{color:var(--dim)}.readout b{font-variant-numeric:tabular-nums;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:290px;padding:6px 16px 14px;position:absolute;top:16px;bottom:20px;right:20px;overflow-y:auto}.panel h2{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:14px 0 8px;font-size:11px;font-weight:600}.row{grid-template-columns:96px 1fr;align-items:center;gap:10px;margin:7px 0;display:grid}.row>span{color:#b6bec8}input[type=range]{width:100%;accent-color:var(--accent);margin:0}select,button{font:inherit;color:var(--ink);cursor:pointer;background:#1a1f26;border:1px solid #323a44;border-radius:8px;padding:7px 10px}select{width:100%}button:hover{background:#222933}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wide,.pedal{width:100%;margin:4px 0}.pedal{-webkit-user-select:none;user-select:none;touch-action:none;padding:16px 10px;font-weight:600}.pedal.down{background:var(--accent);color:#17120a;border-color:var(--accent)}.segmented{display:flex}.segmented button{border-radius:0;flex:1;margin-left:-1px;padding:6px 4px}.segmented button:first-child{border-radius:8px 0 0 8px;margin-left:0}.segmented button:last-child{border-radius:0 8px 8px 0}.segmented button.on{border-color:var(--accent);color:#ffd9a0;z-index:1;background:#3a3122;position:relative}.credit{color:var(--dim);margin-top:16px;font-size:11px;line-height:1.45}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06080a8c;place-items:center;display:grid;position:absolute;inset:0}.card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;max-width:420px;padding:28px 30px}.card h1{letter-spacing:.02em;margin:0 0 10px;font-size:26px}.card p{color:#b6bec8;margin:0 0 18px;line-height:1.55}.card .hint{color:var(--dim);margin:14px 0 0;font-size:12px}.primary{background:var(--accent);color:#17120a;border-color:var(--accent);padding:12px 26px;font-size:15px;font-weight:650}.primary:hover{background:#ffb654}@media (max-width:820px){.panel{width:auto;height:46%;inset:auto 12px 12px}.dash{width:240px;padding:10px 12px;bottom:calc(46% + 22px);left:12px}.rpm{font-size:32px}.scope{display:none}}