:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0a0d12;color:#edf3fa}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #25303c;font-size:11px;letter-spacing:.12em}a{color:#b0fb70;text-decoration:none}main{max-width:1300px;margin:auto;padding:36px 32px}h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.06em;margin:10px 0}h1 span,.eyebrow{color:#b0fb70}.eyebrow{font-size:11px;letter-spacing:.22em}p{color:#94a3b6;line-height:1.6;font-size:14px}.intro>p{max-width:750px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}button{border:1px solid transparent;border-radius:8px;background:#b0fb70;color:#111d0b;padding:12px 18px;cursor:pointer;font-weight:650}.secondary{background:#1c2633;border-color:#354253;color:#edf3fa}.stop{background:#381c23;border-color:#76303e;color:#ffb5bd}button:hover{filter:brightness(1.15)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b0fb70;outline-offset:4px}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:20px;margin-top:30px}.panel{padding:25px;background:#111821;border:1px solid #273240;border-radius:16px;margin-bottom:18px}h2{font-size:16px;margin:0 0 22px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.section-head>span{font-size:10px;color:#a5b8cb;max-width:60%;text-align:right}#rev-strip{display:grid;grid-template-columns:repeat(15,1fr);gap:6px;margin:28px 0 15px}#rev-strip i{height:12px;border-radius:3px;background:#243140}#rev-strip i.lit{background:var(--led);box-shadow:0 0 13px color-mix(in srgb,var(--led),transparent 50%)}.rev-readout{display:flex;align-items:baseline;gap:12px;font-variant-numeric:tabular-nums}.rev-readout strong{font-size:42px;letter-spacing:-.05em}.rev-readout span{font-size:10px;color:#94a3b6}.rev-readout b{margin-left:auto;font-size:38px;color:#b0fb70}svg{width:100%;margin:12px 0}.shell{fill:#dce3ed;stroke:#7f91a5;stroke-width:3}.touchpad{fill:#263140}.stick-base,.dpad{fill:#17202b}.stick{fill:#38465a;stroke:#0d131b;stroke-width:3}.face{fill:#273648;stroke:#73879d;stroke-width:2}.face.pressed{fill:#b0fb70}#tilt-body{transform-origin:300px 155px}.pedals{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;color:#bbcadb;font-size:12px;margin:16px 0}output{float:right;color:#edf3fa;font-variant-numeric:tabular-nums}meter{display:block;width:100%;height:24px;accent-color:#b0fb70}input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#b0fb70}.check{display:flex;align-items:center;gap:10px}.check input{accent-color:#b0fb70}select{display:block;width:100%;background:#1c2633;border:1px solid #354253;color:#edf3fa;padding:10px;border-radius:6px;margin-top:10px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;border-top:1px solid #273240;padding-top:24px;margin-top:24px}.metrics span{display:block;font-size:11px;color:#94a3b6;margin-bottom:8px}.metrics strong{font-size:17px}#buttons{display:flex;flex-wrap:wrap;gap:7px}#buttons span{padding:6px 9px;background:#202b38;border-radius:5px;font-size:11px;color:#92a4ba}#buttons .pressed{background:#b0fb70;color:#111d0b}footer{font-size:12px;color:#8192a6;line-height:1.7;padding:15px 0 40px}@media (max-width:800px){main{padding:25px 18px}.layout{grid-template-columns:1fr}header span{display:none}.panel{padding:20px}.metrics{grid-template-columns:1fr 1fr}.rev-readout span{font-size:8px}}#course{display:block;width:100%;height:auto;background:#0c201c;border-radius:12px;border:1px solid #354253}.course-toolbar{display:flex;align-items:center;gap:18px}.course-toolbar label{flex:1}.course-toolbar button{margin-top:18px}#controller{max-height:225px}#feedback-route{font-size:12px}#rev-strip i.lit{background:var(--on,var(--led));box-shadow:0 0 13px color-mix(in srgb,var(--on,var(--led)),transparent 45%)}.f1-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid #273240;padding-top:22px;margin-top:22px}.f1-head h2{margin:0}.f1-head span{font-size:12px;color:#a5b8cb;font-variant-numeric:tabular-nums}.f1-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.f1-actions button{padding:9px 14px;font-size:13px}.report-line{display:flex;gap:10px;align-items:baseline;margin:8px 0;font-size:12px}.report-line span{min-width:76px;color:#7f91a5;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.report-line code{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dce3ed;overflow-wrap:anywhere}.lightbar{fill:#2050a0;transition:none}.player-led{fill:#3a4757}.player-led.lit{fill:#fff;filter:drop-shadow(0 0 3px #fff)}#mic-preview{fill:#3a4757}#mic-preview.lit,#mic-preview.pulse{fill:#ff8a3d;filter:drop-shadow(0 0 3px #ff8a3d)}#mic-preview.pulse{animation:mic-breathe 1.6s ease-in-out infinite}@keyframes mic-breathe{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){#mic-preview.pulse{animation:none}}