@charset "UTF-8";
:root{color-scheme:dark;--ink:#f0ebe1;--muted:#b1b2a5;--gold:#deb27e;--line:#ffffff16;--panel:#1d211fe8;--ease:cubic-bezier(.2,.7,.2,1);font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#141816;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.15)}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}a{color:inherit}button,input{user-select:none}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#app{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}#stage{position:absolute;inset:0;touch-action:none}#stage canvas{display:block;width:100%;height:100%;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a100ce8 0,transparent 30%,transparent 63%,#0a0e0bb0 100%);box-shadow:inset 0 0 140px #0006;z-index:1}.topbar{position:absolute;top:0;left:0;right:0;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:26px;font-weight:800;letter-spacing:2px}.brand>svg{width:31px;height:31px;stroke:var(--gold);stroke-width:2.4;fill:none}.brand-caption{display:block;font-size:7px;font-weight:500;letter-spacing:1.7px;margin-top:2px}.session-id{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2.3px;color:#dddcd0;white-space:nowrap;display:flex;align-items:center;gap:12px}.slash{color:#777d6d;margin:0 9px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b5c5a2;box-shadow:0 0 10px #a8c59855;flex:none}.top-actions{display:flex;gap:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;width:38px;height:38px;flex:none;border-radius:50%;color:#d0d2c5;font-size:19px}.top-actions .icon-button{border:1px solid #ffffff1f}.icon-button[aria-pressed=true]{background:#deb27e24;color:var(--gold)}.identity{position:absolute;top:126px;left:40px;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:var(--gold)}h1{font-family:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(34px,4vw,62px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:16px 0 12px}h1 span{font-weight:300;color:#b8c2b2}.identity p{font-size:12px;color:#b6baad;letter-spacing:.1px;margin:0}.kit-description{display:flex;align-items:center;gap:11px;margin-top:27px}.kit-description strong{display:block;font-size:11px;font-weight:500;letter-spacing:.3px}.kit-description div>span{display:block;font-size:7px;letter-spacing:1.3px;margin-top:5px;color:#9a9f91}.kit-swatch{width:27px;height:31px;border:1px solid #ccaa7155;border-radius:2px;background:repeating-linear-gradient(90deg,#7f3b23,#a65b32 3px,#7f3b23 5px);box-shadow:inset 0 3px #c4c7bb,inset 0 -3px #7b8176}.room-card{position:absolute;right:39px;top:134px;width:172px;z-index:2}.room-card>.eyebrow{font-size:8px;letter-spacing:1.5px;color:#9ba592}.waveform{height:33px;display:flex;align-items:center;gap:3px;margin:14px 0 10px;opacity:.75}.waveform i{width:2px;background:var(--gold);border-radius:1px;transition:height .08s}.sound-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#b5bcae}.sound-enable{background:transparent;border:1px solid #c7ad7a55;padding:10px 12px;margin-top:16px;border-radius:4px;font-size:11px;color:var(--gold);width:100%;display:flex;justify-content:space-between}.left-rail{position:absolute;top:47%;left:30px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:17px}.rail-caption{font-size:7px;letter-spacing:2px;color:#a3aa9a}.finishes{display:flex;flex-direction:column;gap:14px}.finish{width:19px;height:19px;background:var(--finish);border:2px solid #ffffff20;border-radius:50%;position:relative}.finish.selected:before{content:"";position:absolute;inset:-6px;border:1px solid var(--gold);border-radius:50%}.rail-divider{width:18px;border-top:1px solid #ffffff2b;margin-top:4px}.rail-button{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;font-size:7px;letter-spacing:1px;color:#b8bbab;padding:4px}.rail-button>svg{width:20px;height:20px}.rail-button[aria-pressed=true]{color:var(--gold)}.key-icon{border:1px solid currentColor;border-radius:3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:10px}.seat-note{position:absolute;bottom:189px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:7px;letter-spacing:2px;color:#a8ad9b;pointer-events:none}.seat-line{width:31px;border-top:1px solid #ffffff28}.console{position:absolute;z-index:6;bottom:22px;left:30px;right:30px;max-width:1250px;margin:auto;border:1px solid #ffffff20;background:linear-gradient(140deg,#252a25ed,#161b18f2);backdrop-filter:blur(18px);border-radius:10px;box-shadow:0 16px 55px #0006,inset 0 1px #ffffff07}.console-top{display:flex;align-items:center;padding:13px 17px;gap:24px;border-bottom:1px solid var(--line)}.mode-switch{display:flex;border:1px solid #ffffff13;padding:3px;border-radius:6px;background:#080e0b36;flex:none}.mode-switch button{background:none;padding:9px 15px;font-size:11px;color:#aeb5a5;border-radius:4px;white-space:nowrap}.mode-switch button.active{background:#d9b27e;color:#22261e;box-shadow:0 2px 6px #0004;font-weight:600}.mode-switch button>span{margin-left:8px;color:var(--gold)}.transport{display:flex;align-items:center;gap:4px;border-right:1px solid var(--line);padding-right:20px}.transport-button{display:flex;align-items:center;gap:9px;background:none;padding:8px;font-size:11px;white-space:nowrap}.record-dot{background:#d47869;width:8px;height:8px;border-radius:50%}.recording .record-dot{animation:rec 1s infinite}.time{font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:1px;color:#a2aa97;margin:0 8px}.tempo-control{display:flex;align-items:center;gap:4px;flex:1}.tempo-control input{width:43px;border:0;background:none;color:var(--ink);font-size:18px;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}.tempo-control input::-webkit-inner-spin-button{appearance:none}.tempo-control>span{font-size:8px;color:#a5ad9c}.beat-dots{display:flex;gap:6px;margin-left:13px}.beat-dots i{width:4px;height:4px;border-radius:50%;background:#57604f}.beat-dots i.active{background:var(--gold);box-shadow:0 0 8px #deb27e}.master-control{display:flex;align-items:center;gap:6px}.master-control>input{width:78px}.master-control>span{font-size:9px;color:#b0b7a4;width:17px}input[type=range]{height:3px;accent-color:var(--gold);cursor:pointer;min-width:0}input[type=checkbox]{accent-color:var(--gold);width:20px;height:20px}.padbar{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:11px 17px 9px}.pad{background:linear-gradient(180deg,#ffffff06,#ffffff02);border:1px solid #ffffff12;border-radius:4px;height:45px;display:flex;align-items:center;justify-content:center;gap:10px;touch-action:none;position:relative;transition:background .1s,border-color .1s}.pad kbd{font-family:inherit;border:1px solid #ffffff25;border-bottom-width:2px;border-radius:3px;font-size:10px;padding:4px 5px;min-width:23px;color:#cacdc0}.pad>span{font-size:8px;letter-spacing:1.1px;color:#b2baaa}.pad.hit{background:#deb27e30;border-color:#deb27e90}.pad.hit kbd{color:var(--gold);border-color:var(--gold)}.console-footer{padding:5px 18px 11px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.1px;color:#919c88;gap:10px}.console-footer>span:first-child{display:flex;gap:7px;align-items:center;letter-spacing:.5px}.console-footer b{margin:0 9px;font-weight:400}.console-footer button{font-size:7px;letter-spacing:1px;background:none;color:#a0aa95;padding:0}.mobile-tip{display:none}#hit-labels{position:absolute;inset:0;z-index:3;pointer-events:none}.kit-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#1c211bb0;backdrop-filter:blur(7px);border:1px solid #e4d3a344;border-radius:5px;padding:5px 9px;display:flex;gap:7px;align-items:center;box-shadow:0 2px 10px #0003;touch-action:none;transition:background .08s;min-height:30px}.kit-label kbd{font-family:inherit;font-size:9px;color:#f2cf98;border:1px solid #d3b78666;border-radius:2px;min-width:16px;padding:1px 3px}.kit-label span{font-size:7px;letter-spacing:1.3px;color:#e2ded0;white-space:nowrap}.kit-label.hit{background:#b88a45e8;border-color:#f5d39a}.kit-label.hit kbd,.kit-label.hit span{color:white}.labels-off .kit-label{opacity:0;pointer-events:none}.focus-view .identity,.focus-view .room-card,.focus-view .seat-note{opacity:0;pointer-events:none}.focus-view .console{opacity:.18;transition:opacity .3s}.focus-view .console:hover,.focus-view .console:focus-within{opacity:1}.focus-view #focus-toggle{color:var(--gold)}#feedback{position:absolute;z-index:5;top:44%;left:50%;transform:translateX(-50%);font-size:14px;font-weight:600;color:var(--gold);text-shadow:0 2px 15px #000;letter-spacing:3px;pointer-events:none}#toast{position:absolute;bottom:210px;left:50%;transform:translateX(-50%);z-index:30;background:#2a3129f0;color:#e6e9dc;border:1px solid #d4c19a44;border-radius:7px;padding:12px 20px;font-size:12px;text-align:center;max-width:85%;width:max-content}.coach{position:absolute;top:110px;left:50%;transform:translateX(-50%);width:min(440px,45vw);z-index:5;background:linear-gradient(180deg,#152019ee,#152019b8);backdrop-filter:blur(8px);border:1px solid #ffffff1c;border-radius:8px;padding:12px 16px;box-shadow:0 10px 40px #0003}.coach-heading{display:flex;align-items:center;justify-content:space-between}.coach-heading strong{display:block;font-size:13px;font-weight:500;margin-top:5px}.coach .eyebrow{font-size:7px;letter-spacing:1.7px}.score{margin-left:auto;text-align:right;margin-right:10px}.score strong{font-size:18px}.score>span{font-size:6px;letter-spacing:2px;color:#a1ac96}.note-lanes{height:78px;position:relative;margin-top:7px;background:repeating-linear-gradient(180deg,transparent 0 25px,#ffffff0c 25px 26px);overflow:hidden}.strike-line{position:absolute;left:20%;top:0;bottom:0;width:2px;background:var(--gold);box-shadow:0 0 9px #deb27e66}.strike-line:after{content:"HIT";position:absolute;font-size:6px;letter-spacing:1px;bottom:1px;left:-17px;color:var(--gold)}.chart-note{position:absolute;width:12px;height:12px;background:var(--gold);border-radius:3px;box-shadow:0 0 9px #deb27e33;transform:translate(-50%,-50%)}.chart-note[data-lane="1"]{background:#c4d6ad}.chart-note[data-lane="2"]{background:#e3dbc4}.lane-name{position:absolute;left:0;color:#9eaa94;font-size:6px;letter-spacing:1px;transform:translateY(-50%)}.coach-footer{display:flex;justify-content:space-between;color:#a6b39b;font-size:8px;margin-top:8px;letter-spacing:.4px}.challenge-active .room-card{display:none}dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100svh - 32px);overflow:auto;border:1px solid #ffffff27;padding:34px;background:#202720;color:var(--ink);border-radius:14px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#050b07aa;backdrop-filter:blur(8px)}dialog h2{font-size:31px;font-weight:400;letter-spacing:-1px;margin:17px 0}dialog p{font-size:12px;line-height:1.8;color:#b9c2af}dialog>.dialog-close.icon-button{position:absolute;right:12px;top:12px}dialog .eyebrow{font-size:8px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin:23px 0}.help-grid strong{font-size:12px;font-weight:500;color:#e2cfaa}.help-grid p{font-size:11px}.primary{background:var(--gold);color:#21291f;padding:14px 18px;border-radius:5px;width:100%;font-size:12px;font-weight:600;display:flex;justify-content:space-between;margin-top:20px}.setting-row{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #ffffff10}.setting-row label{flex:1;font-size:12px}.setting-row label>span{display:block;font-size:9px;color:#9caa93;margin-top:5px}.setting-row input[type=range]{width:100px}.setting-row output{width:38px;font-size:10px;text-align:right;color:var(--gold)}select{background:#171f18;border:1px solid #ffffff20;color:#d3dcc9;font-size:11px;padding:8px;border-radius:5px;max-width:145px}.setting-note{font-size:10px!important;color:#8f9f85!important}.groove-list{display:grid;gap:10px;margin-top:23px}.groove-list button{display:flex;text-align:left;align-items:center;gap:20px;padding:18px;background:#ffffff05;border:1px solid #ffffff15;border-radius:6px}.groove-number{font-size:20px;font-weight:300;color:#8f9f82}.groove-list strong{display:block;font-size:14px;font-weight:500}.groove-list small{display:block;font-size:8px;color:#a6b29b;letter-spacing:1px;margin-top:7px}.groove-list button>span:last-child{margin-left:auto;color:var(--gold)}.result-score{font-size:65px;color:var(--gold);font-variant-numeric:tabular-nums}#result-details{font-size:13px;line-height:2;color:#b9c5ad}.text-button{background:none;font-size:12px;display:block;padding:16px;margin:auto}.no-script{position:absolute;z-index:99;inset:20%;padding:40px;background:#202720;border:1px solid var(--gold)}.fallback #stage{background:radial-gradient(ellipse at center,#545c44,#172016 65%)}.fallback .identity{pointer-events:auto}.fallback #hit-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;inset:35% 15% 28%}.fallback .kit-label{position:relative;left:auto!important;top:auto!important;transform:none;border-radius:50%;justify-content:center;flex-direction:column;background:radial-gradient(circle,#747b69,#272e26);min-height:75px}.fallback .kit-label span{font-size:10px}@keyframes rec{50%{opacity:.2}}@media(min-width:1600px){.identity{top:145px;left:55px}.room-card{right:55px;top:153px}.left-rail{left:48px}.console{bottom:30px}.seat-note{bottom:205px}}
@media(max-width:1100px){.console-top{gap:12px;padding:10px 13px}.transport{padding-right:10px;gap:0}.mode-switch button{padding:9px 10px}.master-control input{width:50px}.beat-dots{display:none}.pad{gap:6px}.pad>span{font-size:7px}.console-footer .desktop-tip{font-size:6px}.room-card{right:28px;top:121px;width:145px}.identity{top:120px;left:30px}.identity h1{font-size:43px}.console{left:20px;right:20px}.left-rail{left:23px}.topbar{padding:0 27px}.session-id{font-size:8px;letter-spacing:1.4px}}
@media(max-width:760px){#app{min-height:540px}.topbar{height:66px;padding:0 18px}.brand{font-size:23px;gap:8px}.brand-caption{font-size:5px;letter-spacing:1px}.brand>svg{width:25px}.session-id{display:none}.top-actions{gap:5px}.top-actions .icon-button{width:33px;height:33px}.identity{top:89px;left:20px}.identity h1{font-size:38px;letter-spacing:-1.8px;margin:10px 0 8px}.identity>.eyebrow{font-size:7px;letter-spacing:1.7px}.identity p{font-size:10px}.kit-description{margin-top:15px;gap:7px}.kit-description strong{font-size:10px}.kit-description div>span{font-size:6px;letter-spacing:.7px}.kit-swatch{width:20px;height:24px}.room-card{top:90px;right:18px;width:120px}.room-card>.eyebrow,.waveform{display:none}.sound-status{font-size:8px;justify-content:flex-end}.sound-enable{font-size:10px;padding:8px 10px;margin-top:11px}.left-rail{left:16px;top:35%;gap:14px}.rail-caption{font-size:6px}.finishes{gap:13px}.finish{width:15px;height:15px}.rail-button{font-size:6px}.console{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:8px}.console-top{padding:8px;gap:6px;flex-wrap:wrap;justify-content:space-between}.mode-switch{padding:2px}.mode-switch button{font-size:10px;padding:8px 10px}.transport{border:none;padding:0;gap:0}.transport .icon-button{width:29px;height:30px}.transport-button{font-size:10px;padding:7px;gap:6px}.time{font-size:9px;margin:0 3px}.tempo-control{flex:none;border-top:1px solid var(--line);padding-top:6px;margin-top:1px;width:50%}.tempo-control input{font-size:16px;width:35px}.tempo-control .icon-button{width:27px;height:27px}.master-control{justify-content:flex-end;width:45%;border-top:1px solid var(--line);padding-top:6px;margin-top:1px}.master-control>input{width:80px}.master-control>.icon-button{width:27px;height:27px}.beat-dots{display:flex;margin-left:12px}.padbar{grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}.pad{height:43px;gap:7px}.pad>span{font-size:7px;letter-spacing:.7px}.pad kbd{font-size:9px;padding:3px 4px;min-width:21px}.console-footer{font-size:6px;padding:5px 10px 10px;letter-spacing:.5px;gap:5px}.console-footer .desktop-tip{display:none}.mobile-tip{display:inline}.console-footer button{font-size:5px;letter-spacing:.5px}.seat-note{bottom:249px;font-size:6px;letter-spacing:1px;gap:9px}.seat-line{width:20px}.kit-label{padding:4px 7px;min-height:34px;gap:5px;backdrop-filter:blur(4px)}.kit-label kbd{display:none}.kit-label span{font-size:7px;letter-spacing:.6px}.coach{width:calc(100% - 32px);top:79px;padding:9px 12px}.coach-heading strong{font-size:11px}.challenge-active .identity{display:none}.note-lanes{height:66px;background-size:100% 22px}.chart-note{width:10px;height:10px}.coach-footer{font-size:7px}.coach .icon-button{width:27px;height:27px}.score strong{font-size:15px}#feedback{top:33%;font-size:12px}#toast{bottom:255px;font-size:11px;padding:10px 14px}dialog{padding:28px 23px}.setting-row{gap:9px}.setting-row input[type=range]{width:80px}.help-grid{gap:5px 20px}.fallback #hit-labels{inset:32% 12% 35%;gap:7px}.fallback .kit-label{min-height:65px}}
@media(max-height:600px) and (orientation:landscape){#app{min-height:340px}.topbar{height:51px;padding:0 18px}.brand{font-size:20px}.brand-caption{display:none}.brand>svg{width:24px}.top-actions .icon-button{height:30px;width:30px}.identity{top:68px;left:20px}.identity h1{font-size:30px;margin:8px 0}.identity>p,.kit-description{display:none}.identity .eyebrow{font-size:6px}.room-card{right:20px;top:70px;width:118px}.waveform,.room-card>.eyebrow{display:none}.sound-enable{margin-top:8px;padding:7px;font-size:9px}.sound-status{font-size:8px}.left-rail{top:44%;left:15px;gap:10px}.finishes{gap:11px}.finish{width:13px;height:13px}.rail-caption,.rail-divider,.rail-button>span:last-child{display:none}.rail-button{padding:0}.rail-button svg{width:17px}.console{bottom:8px;left:50px;right:50px}.console-top{padding:5px 8px;gap:5px;flex-wrap:nowrap}.mode-switch button{font-size:9px;padding:6px 8px}.transport{padding-right:4px;border:0}.transport-button{font-size:9px;padding:5px}.time{font-size:8px;margin:0 4px}.transport .icon-button{width:25px;height:26px}.tempo-control,.master-control{width:auto;border:0;padding-top:0;margin:0}.tempo-control input{font-size:15px;width:30px}.tempo-control>span{font-size:7px}.tempo-control .icon-button,.master-control .icon-button{width:24px;height:25px}.master-control>input{width:45px}.beat-dots{display:none}.padbar{grid-template-columns:repeat(8,1fr);padding:5px 8px;gap:4px}.pad{height:31px;gap:4px}.pad>span{font-size:6px;letter-spacing:.4px}.pad kbd{font-size:7px;min-width:16px;padding:2px}.console-footer{padding:3px 10px 7px;font-size:5px}.console-footer button{font-size:5px}.console-footer .desktop-tip{font-size:5px}.seat-note{bottom:128px;font-size:5px}.coach{top:60px;width:320px;padding:7px 10px}.coach-heading strong{font-size:10px;margin-top:3px}.coach .eyebrow{font-size:6px}.coach .icon-button{width:24px;height:24px}.note-lanes{height:45px;background:repeating-linear-gradient(180deg,transparent 0 14px,#ffffff0c 14px 15px);margin-top:3px}.chart-note{width:8px;height:8px}.coach-footer{font-size:6px;margin-top:5px}.score strong{font-size:12px}.kit-label{min-height:25px;padding:4px 6px}.kit-label span{font-size:6px}.kit-label kbd{font-size:7px;min-width:13px}#feedback{top:43%;font-size:10px}#toast{bottom:139px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.right-rail{position:absolute;right:28px;top:46%;display:flex;flex-direction:column;gap:28px;z-index:4}.dial-control{display:flex;flex-direction:column;align-items:center;gap:7px}.dial{width:48px;height:48px;border-radius:50%;position:relative;background:repeating-conic-gradient(from 45deg,#b7bfa844 0deg 2deg,transparent 2deg 14deg);border:1px solid #e1dfbf18;box-shadow:0 3px 13px #0005;--angle:-75deg}.dial>span{position:absolute;inset:6px;border-radius:50%;background:linear-gradient(125deg,#5e6857,#252e24 70%);box-shadow:inset 0 1px #e7e8cd66,0 2px 4px #0009;transform:rotate(var(--angle))}.dial>span:after{content:'';position:absolute;width:2px;height:8px;top:5px;left:calc(50% - 1px);background:#f1ce94;box-shadow:0 0 5px #d6b68166}.dial input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ns-resize;touch-action:none}.dial:focus-within{outline:2px solid var(--gold);outline-offset:4px}.dial-label{font-size:7px;letter-spacing:1.7px;color:#bcc4af}.dial-control output{font-size:9px;color:#d6be92;font-variant-numeric:tabular-nums}.focus-view .right-rail{opacity:.25}.focus-view .right-rail:hover{opacity:1}@media(max-width:760px){.right-rail{right:12px;top:52%;gap:17px}.dial{width:33px;height:33px}.dial>span{inset:5px}.dial>span:after{height:5px;top:3px}.dial-label{font-size:6px;letter-spacing:.7px}.dial-control{gap:4px}.dial-control output{font-size:7px}}@media(max-height:600px) and (orientation:landscape){.right-rail{right:15px;top:37%;gap:12px}.dial{width:32px;height:32px}.dial>span{inset:5px}.dial-label{font-size:6px}.dial-control{gap:3px}.dial-control output{font-size:7px}}
/* Original EDA branding and articulation controls. */
.brand img{display:block;width:238px;height:auto;max-width:100%;object-fit:contain}.articulation-target{position:absolute;z-index:1;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;background:#1b2117b0;color:#f2d49f;border:1px solid #e5d5a352;box-shadow:0 2px 8px #0003;font:8px "Segoe UI",Arial,sans-serif;letter-spacing:1px;min-height:32px;padding:5px 8px;border-radius:4px}.bell-target{border-radius:50%;width:34px;height:34px;padding:0;font-size:6px;background:#6f552233;border-color:#fff0c047;color:#fff0cd}.articulation-target.hit{background:#b88a45e8;border-color:#f5d39a}.articulation-target:active{transform:translate(-50%,-50%)}.labels-off .articulation-target{opacity:0;pointer-events:none}.fallback .articulation-target{display:none}@media(max-width:760px){.brand img{width:180px}.articulation-target{min-height:34px;font-size:6px;letter-spacing:.5px}.bell-target{width:34px;height:34px;font-size:5px;background:#4f391733}}@media(max-height:600px) and (orientation:landscape){.brand img{width:180px}.articulation-target{min-height:25px;font-size:6px}.bell-target{width:27px;height:27px;font-size:5px}}@media(max-width:370px){.brand img{width:162px}}