:root{color-scheme:dark;--bg:oklch(12% .008 240);--fg:oklch(94% .006 100);--muted:oklch(65% .013 240);--line:oklch(30% .012 240);--amber:oklch(77% .13 57)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans','Helvetica Neue',Arial,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{min-height:44px}button:hover{filter:brightness(1.2)}[hidden]{display:none!important}main{max-width:2200px;margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line)}header img{width:154px;max-height:55px}header span,.eyebrow,.caption>span{font-size:10px;letter-spacing:.18em;color:var(--muted)}.stage{height:calc(100svh - 330px);min-height:420px;position:relative;overflow:hidden}canvas,#fallback{display:block;width:100%;height:100%;object-fit:cover}.caption{position:absolute;top:30px;left:4vw;pointer-events:none}h1{font-size:clamp(28px,3.2vw,48px);letter-spacing:-.04em;font-weight:400;margin:12px 0}p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.view-controls{position:absolute;right:4vw;top:26px;display:flex;gap:8px}.view-controls button{background:oklch(18% .008 240 / .85);border:1px solid var(--line);padding:0 16px;font-size:12px;border-radius:2px}.view-controls button[aria-pressed=true]{border-color:oklch(62% .025 240)}.view-note{position:absolute;bottom:18px;left:4vw;color:var(--muted);font-size:9px;letter-spacing:.16em}#loading{position:absolute;top:50%;width:100%;text-align:center;color:var(--muted);font-size:13px}
footer{margin:0 4vw;min-height:230px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr .9fr;gap:5vw;align-items:center;padding:20px 0 24px}.readout strong{display:block;font-size:21px;font-weight:450;letter-spacing:.04em;margin:10px 0 18px}.instruments{display:flex;gap:18px}.instruments label{font-size:8px;color:var(--muted);letter-spacing:.06em;flex:1}.instruments span{display:block;font-size:18px;color:var(--fg);letter-spacing:0;margin:6px 0}.instruments i{display:block;height:2px;background:var(--line)}.instruments b{display:block;height:100%;width:30%;background:oklch(78% .04 230)}small{font-size:10px;color:var(--muted);display:block;margin-top:14px;line-height:1.4}.quadrant{padding:18px 25px 14px;background:linear-gradient(145deg,oklch(25% .008 240),oklch(16% .008 240));border:1px solid oklch(33% .007 240);box-shadow:inset 0 1px 1px oklch(65% .005 240 / .2),0 14px 24px oklch(5% .005 240 / .3);border-radius:5px;position:relative}.quadrant:before,.quadrant:after{content:'⊖';position:absolute;top:5px;font-size:12px;color:oklch(48% .01 240)}.quadrant:before{left:6px}.quadrant:after{right:6px}.quadrant-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:oklch(72% .015 230)}.throttle-track{height:88px;position:relative;margin:0 18px}.slot{position:absolute;top:47px;left:0;right:0;height:12px;border-radius:6px;background:oklch(6% .005 240);box-shadow:inset 0 2px 4px oklch(2% .005 240),0 1px oklch(40% .005 240)}.detent{position:absolute;left:70%;top:41px;height:23px;width:5px;background:var(--amber);box-shadow:0 0 7px oklch(70% .12 57 / .15)}.ticks{position:absolute;left:0;right:0;top:69px;height:5px;background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 5%)}#lever{position:absolute;left:32%;top:0;width:66px;height:70px;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(5px 9px 5px oklch(3% .004 240 / .6))}.lever-arm{position:absolute;top:25px;left:27px;width:13px;height:33px;border-radius:3px;background:linear-gradient(90deg,oklch(25% .008 240),oklch(76% .008 240) 45%,oklch(33% .008 240))}.grip{position:absolute;top:9px;left:0;width:66px;height:36px;border-radius:8px 8px 5px 5px;background:linear-gradient(oklch(37% .006 240),oklch(19% .006 240) 35%,oklch(12% .006 240));border:1px solid oklch(43% .006 240);box-shadow:inset 0 2px 1px oklch(64% .006 240 / .3);display:flex;padding:5px;gap:4px}.grip i{width:3px;height:23px;border-left:1px solid oklch(50% .006 240 / .3);background:oklch(8% .006 240);border-radius:1px}.grip span{font-size:8px;color:oklch(73% .008 240);align-self:center;margin-left:3px;letter-spacing:.05em}input[type=range]{position:absolute;inset:0;width:100%;height:88px;margin:0;opacity:.001;cursor:ew-resize;touch-action:pan-y}.throttle-track:focus-within{outline:1px solid var(--amber);outline-offset:5px}.scale{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;margin:0 18px}.scale span:nth-child(2){position:absolute;left:calc(70% - 3px)}.quadrant small{margin-top:10px;font-size:9px}.switches{display:flex;flex-direction:column;gap:9px}#afterburner{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 17px;background:linear-gradient(oklch(25% .01 240),oklch(17% .01 240));border:1px solid oklch(42% .02 240);border-radius:3px;font-size:10px;letter-spacing:.10em}#afterburner i{height:8px;width:8px;border-radius:50%;background:oklch(37% .01 240);box-shadow:inset 0 1px 2px oklch(4% .01 240)}#afterburner[aria-pressed=true]{border-color:var(--amber)}#afterburner[aria-pressed=true] i{background:var(--amber);box-shadow:0 0 10px oklch(75% .12 57 / .5)}#afterburner small{font-size:9px;letter-spacing:0;margin-top:5px}#power{background:transparent;border:1px solid var(--line);border-radius:2px;font-size:11px}.switches a{color:var(--muted);font-size:9px;text-decoration:none;line-height:1.6}
@media(max-width:760px){header{height:72px}header img{width:125px}header span{font-size:8px}.stage{height:460px;min-height:0}.caption{top:22px}.caption p{display:none}.caption h1{font-size:28px}.view-controls{top:auto;bottom:42px;left:4vw;right:auto}.view-controls button{padding:0 12px}.view-note{font-size:8px}footer{grid-template-columns:1fr 1fr;gap:20px;padding-top:22px}.quadrant{grid-column:1/-1;grid-row:1;padding:18px 22px}.readout strong{font-size:17px}.instruments{gap:10px}.instruments span{font-size:15px}.switches{align-self:center}footer small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
button{min-height:46px}.sound-level{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.sound-level #volume{position:static;inset:auto;opacity:1;height:44px;width:100%;min-width:0;flex:1;cursor:pointer;accent-color:var(--amber);touch-action:auto}
.stage.detail .caption{visibility:hidden}
.presets{position:absolute;bottom:12px;right:4vw;display:flex;align-items:center;gap:12px}.presets button{width:44px;background:oklch(18% .008 240);border:1px solid var(--line);border-radius:2px;font-size:20px}.presets span{width:125px;text-align:center;font-size:11px;color:var(--fg)}
@media(max-width:760px){.presets{bottom:15px;right:4vw;gap:8px}.presets span{width:100px;font-size:10px}.view-controls{bottom:76px}.view-note{bottom:132px;font-size:7px}.caption p{display:none}}

html[data-embed="true"] header,html[data-embed="true"] .caption,html[data-embed="true"] .switches>a{display:none}
html[data-embed="true"] .stage{height:calc(100svh - 270px);min-height:360px}
@media(max-width:760px){html[data-embed="true"] .stage{height:390px;min-height:390px}html[data-embed="true"] footer{padding:18px 0;gap:18px}}