:root{color-scheme:dark;--bg:#070707;--panel:#0c0c0c;--panel-2:#111111;--panel-3:#181818;--cream:#efe6d2;--muted:#8a8474;--gold:#c9a227;--gold-bright:#e2b100;--red-deep:#7a1020;--silver:#f3f1ea;--ink:#111111;--line:rgba(201,162,39,.55);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg)}body{color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(circle at 50% -20%,rgba(201,162,39,.06),transparent 38rem),#070707}button,input{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--cream);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:min(100%,1140px);margin:0 auto;padding:18px 12px 40px}.instrument-frame{position:relative;border:1px solid rgba(201,162,39,.65);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 12%),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),var(--panel);box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 0 0 1px #000,0 12px 24px rgba(0,0,0,.45);overflow:hidden}.hardware-header{position:relative;min-height:110px;display:grid;grid-template-columns:220px minmax(420px,1fr) 220px;grid-gap:14px;gap:14px;align-items:center;padding:15px 18px 13px;border-bottom:1px solid rgba(201,162,39,.34)}.hardware-header:after,.hardware-header:before{content:"";position:absolute;top:44px;width:54px;height:28px;border:1px solid var(--gold);background:linear-gradient(180deg,#dc111a,#6f0007)}.hardware-header:before{left:-32px;transform:skewX(40deg)}.hardware-header:after{right:-32px;transform:skewX(-40deg)}.brand-lockup{position:relative;z-index:2;display:flex;align-items:center;gap:13px;color:var(--cream);font-size:1.35rem;font-weight:900;letter-spacing:.16em}.dci-logo{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.55))}.dci-word{text-shadow:0 2px 0 #000}.brand-plaque{position:relative;justify-self:center;width:min(100%,610px);padding:4px;-webkit-clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:linear-gradient(180deg,#f7dc76,#a97610 48%,#ffe184);filter:drop-shadow(0 9px 12px rgba(0,0,0,.55))}.plaque-inner{padding:13px 42px 11px;text-align:center;-webkit-clip-path:inherit;clip-path:inherit;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 35%),linear-gradient(180deg,#8c1220,#a10d17 46%,#680009 51%,#2f0004);box-shadow:inset 0 0 0 1px rgba(255,232,160,.22)}h1{margin:0;color:#f1ce62;font-size:clamp(2rem,3.6vw,3rem);line-height:.96;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 0 #4f2f00,0 0 11px rgba(201,162,39,.22)}.sub,h1{font-family:Helvetica Neue,Arial,sans-serif}.sub{margin:7px 0 0;color:#f0cc61;font-size:.82rem;letter-spacing:.05em}.plaque-meta{margin:7px 0 0;color:var(--cream);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.plaque-meta span{display:inline-block;width:6px;height:6px;margin:0 7px 1px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px rgba(201,162,39,.7)}.desktop-chassis{display:grid;grid-template-columns:92px minmax(0,1fr) 86px;grid-gap:12px;gap:12px;padding:14px 18px 12px}.left-rail,.right-rail,.screen-shell{border:1px solid rgba(201,162,39,.6);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 15%),#090909;box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 0 24px rgba(0,0,0,.5)}.left-rail{display:grid;align-content:start;grid-gap:10px;gap:10px;padding:10px 8px}.rail-key{min-height:46px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.7);border-radius:5px;color:var(--cream);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 42%),#151515;font-size:.64rem;font-weight:900;letter-spacing:.07em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.12),0 3px 8px #000}a.rail-key{text-decoration:none}.rail-key.active,.rail-key:hover{border-color:#f0c94d;box-shadow:inset 3px 0 0 var(--gold),0 0 12px rgba(201,162,39,.13)}.rail-key.engaged{background:linear-gradient(180deg,#9a1523,#4f060d)}.center-console{min-width:0}.screen-shell{padding:10px}.screen-topline{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-title{color:var(--cream);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.screen-metrics{display:flex;gap:6px}.screen-metrics span{grid-gap:2px;gap:2px;padding:5px 7px;border:1px solid rgba(201,162,39,.3);background:#111;color:var(--gold-bright);font-size:.83rem;font-weight:900;line-height:1;text-align:center}.screen-metrics b{color:#9b9588;font-size:.45rem;letter-spacing:.12em}.visualizer{position:relative;height:180px;overflow:hidden;border:1px solid rgba(201,162,39,.7);border-radius:7px;background:radial-gradient(ellipse at 50% 52%,rgba(208,18,26,.075),transparent 58%),#030303}.viz-head{position:absolute;z-index:4;inset:0 0 auto;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid rgba(201,162,39,.16);background:rgba(0,0,0,.38)}.viz-tabs{display:flex;gap:20px}.viz-tabs button{position:relative;padding:0 0 5px;color:var(--cream);background:transparent;font-size:.61rem;letter-spacing:.08em}.viz-tabs button.active{color:var(--gold-bright)}.viz-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);box-shadow:0 0 6px rgba(201,162,39,.55)}.viz-readouts{display:flex;gap:5px}.viz-readouts span{min-width:53px;display:grid;padding:3px 5px;border:1px solid rgba(255,255,255,.1);background:#101010;color:var(--gold-bright);font-size:.69rem;font-weight:900;text-align:center;line-height:1.05}.viz-readouts b{color:#938d80;font-size:.39rem;letter-spacing:.1em}.viz-canvas{position:absolute;left:10px;right:54px;top:42px;bottom:28px;width:calc(100% - 64px);height:calc(100% - 70px)}.level-stack{position:absolute;top:46px;right:8px;bottom:31px;display:flex;gap:4px}.level-meter{width:18px;grid-template-rows:auto 1fr auto;grid-gap:2px;gap:2px}.level-label,.level-value{color:#8d877b;font-size:.34rem;letter-spacing:.08em}.level-rail{width:6px;height:100%;display:flex;align-items:flex-end;background:#1d1b16;border:1px solid rgba(255,255,255,.07)}.level-rail i{width:100%;display:block;background:linear-gradient(180deg,#d0121a 0 15%,#e2b100 45%,#816900);transition:height .08s linear}.record-track{position:absolute;left:10px;right:54px;bottom:20px;height:2px;background:#2a261c}.record-track span{display:block;height:100%;background:var(--gold);transition:width .08s linear}.viz-footer{position:absolute;left:10px;right:54px;bottom:5px;display:flex;justify-content:space-between;color:#9a9385;font-size:.45rem;letter-spacing:.08em;text-transform:uppercase}.grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.grid,.pad{display:grid}.pad{position:relative;min-width:0;min-height:92px;grid-template-columns:auto 1fr auto;grid-template-areas:"num role state" ". . ." "kind kind kind";align-content:space-between;grid-gap:3px;gap:3px;overflow:hidden;padding:10px;border:1px solid #090909;border-radius:10px;text-align:left;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer;transition:transform .08s var(--ease);box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -8px 16px rgba(0,0,0,.22),0 0 0 2px #252525,0 4px 10px rgba(0,0,0,.55)}.pad:before{content:"";position:absolute;inset:6px;border-radius:7px;pointer-events:none;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.23),transparent 25%)}.pad.tone-red{color:var(--cream);background:linear-gradient(180deg,#e2262f,#d0121a 58%,#8f080d)}.pad.tone-gold{color:#111;background:linear-gradient(180deg,#f0cb44,#e2b100 60%,#9f7d00)}.pad.tone-white{color:#111;background:linear-gradient(180deg,#fff,#f3f1ea 60%,#bfc0bc)}.pad.lit{transform:translateY(2px) scale(.987);filter:brightness(1.14);box-shadow:inset 0 2px rgba(255,255,255,.6),inset 0 -8px 16px rgba(0,0,0,.18),0 0 0 2px var(--gold),0 0 18px rgba(201,162,39,.5)}.pad.tag-pad{box-shadow:inset 0 0 0 1px var(--gold),inset 0 2px rgba(255,255,255,.55),0 0 0 2px #252525,0 4px 10px rgba(0,0,0,.55)}.pad.dead{color:var(--cream);background:#2a2a2a;cursor:not-allowed;filter:none;opacity:.72}.pad .num{grid-area:num;font-size:.72rem;font-weight:900}.pad .role{grid-area:role;font-size:.8rem;font-weight:900}.pad .role,.pad .st{text-transform:uppercase}.pad .st{grid-area:state;justify-self:end;font-size:.42rem;letter-spacing:.08em;opacity:.65}.pad .kind{grid-area:kind;font-size:.54rem;letter-spacing:.06em;text-transform:lowercase;opacity:.68}.transport{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:10px}.transport-key{min-height:50px;gap:7px;border:1px solid var(--gold);border-radius:6px;color:var(--cream);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent),#111;font-size:.66rem;font-weight:900;letter-spacing:.07em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08)}.transport-key.active{color:var(--gold-bright);box-shadow:inset 0 0 0 1px rgba(201,162,39,.35),0 0 10px rgba(201,162,39,.12)}.transport-key.engaged{background:var(--red-deep)}.transport-key:disabled{opacity:.4;cursor:not-allowed}.transport-led{width:11px;height:11px;border-radius:50%;background:#d91a21;box-shadow:0 0 9px rgba(208,18,26,.7)}.tap-triangle{color:var(--gold-bright);font-size:.85rem}.stop-icon{width:10px;height:10px;background:var(--gold-bright)}.mute-icon{width:11px;height:8px;border:1px solid;border-radius:1px}.record-note{margin:6px 2px 0;min-height:1.2em;color:#aaa08d;font-size:.55rem;line-height:1.2}.effects-rail{display:grid;align-content:center;grid-gap:8px;gap:8px;padding:10px 7px}.knob-control{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;grid-gap:6px;gap:6px}.knob-copy{min-width:0}.knob-copy strong{display:block;color:var(--cream);font-size:.52rem;letter-spacing:.07em}.knob-copy span{display:block;margin-top:2px;color:#8f8879;font-size:.43rem;white-space:nowrap}.desktop-below{padding:0 18px 18px}.copy,.panel{border:1px solid rgba(201,162,39,.42);background:#0b0b0b}.copy{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);grid-gap:10px;gap:10px;padding:12px;margin-top:12px}.copy-head{padding-top:2px}.chip{margin:0;display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border:1px solid var(--gold);border-radius:999px;color:var(--gold-bright);font-size:.55rem;letter-spacing:.12em}.cols{display:contents}.copy-block{min-width:0}.copy-block h2{margin:0 0 5px;color:var(--gold-bright);font-size:.57rem;letter-spacing:.12em}.copy-block ul{padding-left:1rem}.copy-block li{margin:0 0 2px;color:#c6bda9;font-size:.57rem}.law-line{grid-column:1/-1;margin:3px 0 0}.fine{color:#b8ae99;font-size:.6rem}.desktop-tip{margin-top:10px}.panel{padding:13px}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel h2{margin:0;color:var(--cream);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.tip-state{display:inline-flex;min-height:21px;align-items:center;padding:0 7px;border:1px solid var(--gold);border-radius:999px;color:var(--gold-bright);font-size:.49rem}.amt{display:block;width:100%;margin:5px 0 8px;padding:.65rem .7rem;border:1px solid rgba(201,162,39,.45);border-radius:4px;background:#050505}.btn,.hash-copy,.law-actions a{min-height:38px;border:1px solid var(--gold);border-radius:4px;color:var(--cream);background:#121212;font-size:.62rem;font-weight:800;letter-spacing:.06em;cursor:pointer}.btn{padding:0 12px}.btn:disabled{opacity:.45;cursor:not-allowed}.warn{color:#ff6b55}.tip-note{padding:7px 8px;border-left:2px solid var(--gold);background:rgba(201,162,39,.035)}.receipt-link{color:var(--gold-bright)}.shortcut-toggle{min-height:30px;margin-top:10px;padding:0 10px;border:1px solid rgba(201,162,39,.45);border-radius:999px;color:#aaa18f;background:#0c0c0c;font-size:.5rem;letter-spacing:.1em;cursor:pointer}.shortcut-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;color:#8f8779;font-size:.5rem}.mobile-tabs,.mobile-view-shell{display:none}.top{padding:28px;text-align:center}.play-surface{padding:24px}@media (max-width:899px){body{overflow:hidden}.shell{width:100%;height:100dvh;padding:0}.instrument-frame{height:100dvh;border-width:0;border-radius:0;overflow:hidden}.desktop-below,.desktop-chassis{display:none}.hardware-header{min-height:126px;display:grid;grid-template-columns:1fr;grid-gap:5px;gap:5px;padding:max(6px,env(safe-area-inset-top)) 8px 7px;border-bottom:1px solid rgba(201,162,39,.35)}.hardware-header .brand-spacer,.hardware-header:after,.hardware-header:before{display:none}.brand-lockup{justify-content:center;gap:9px;font-size:1rem;letter-spacing:.18em}.dci-logo{width:56px;height:56px}.brand-plaque{width:min(100%,372px)}.plaque-inner{padding:7px 18px 6px}h1{font-size:clamp(1.45rem,7.4vw,2rem)}.sub{margin-top:3px;font-size:.62rem}.plaque-meta{margin-top:3px;font-size:.52rem}.mobile-view-shell{display:block;height:calc(100dvh - 126px - 64px - env(safe-area-inset-bottom));overflow:hidden;background:#070707}.perform-mobile{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:4px;gap:4px;padding:4px 6px 5px;overflow:hidden}.mobile-law-line{margin:0;color:#b3a890;font-size:10px;line-height:1.15;text-align:center}.perform-mobile .screen-shell{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-gap:5px;gap:5px;padding:6px;border-radius:7px;border:1px solid rgba(201,162,39,.58)}.screen-topline{min-height:29px;gap:4px}.screen-title{display:none}.screen-metrics{width:100%;justify-content:flex-end}.screen-metrics span{min-width:55px;padding:3px 4px;font-size:.68rem}.visualizer{height:132px;min-height:132px;border-radius:6px}.viz-head{height:30px;padding-inline:7px}.viz-tabs{gap:12px}.viz-tabs button{font-size:.53rem}.viz-readouts{display:none}.viz-canvas{left:7px;right:40px;top:32px;bottom:25px;width:calc(100% - 47px);height:calc(100% - 57px)}.level-stack{top:35px;right:4px;bottom:29px;gap:2px}.level-meter{width:15px}.level-label,.level-value{font-size:.29rem}.record-track{left:7px;right:40px;bottom:18px}.viz-footer{left:7px;right:40px;bottom:4px;font-size:.4rem}.grid{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(76px,1fr));gap:8px;margin-top:0}.grid,.pad{height:100%}.pad{min-height:76px;padding:8px 9px;border-radius:10px}.pad .num{font-size:.63rem}.pad .role{font-size:clamp(.68rem,3.2vw,.84rem)}.pad .kind{font-size:.48rem}.pad .st{font-size:.38rem}.transport{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:0}.transport-key{min-height:58px;display:grid;place-items:center;align-content:center;grid-gap:4px;gap:4px;padding:4px;font-size:.54rem}.mute-icon,.stop-icon,.transport-led{width:12px;height:12px}.tap-triangle{font-size:1rem}.record-note{max-height:14px;margin:2px 2px 0;overflow:hidden;font-size:.49rem;white-space:nowrap;text-overflow:ellipsis}.mobile-utility-actions{position:absolute;z-index:8;top:130px;right:8px;display:flex;gap:5px}.mobile-utility-actions .shortcut-toggle{min-height:22px;margin:0;padding-inline:7px;font-size:.42rem}.perform-mobile>.shortcut-strip{position:absolute;z-index:9;top:156px;right:8px;max-width:232px;padding:6px 7px;border:1px solid rgba(201,162,39,.4);background:rgba(7,7,7,.97);box-shadow:0 10px 24px rgba(0,0,0,.42)}.mobile-tab-panel{height:100%;overflow:auto;padding:max(9px,env(safe-area-inset-top)) 9px 14px}.law-mobile{overflow:hidden}.tab-kicker{color:var(--gold-bright);font-size:.56rem;letter-spacing:.14em}.mobile-knob-list{display:grid;grid-gap:8px;gap:8px}.mobile-knob-list .knob-control{min-height:64px;grid-template-columns:58px 1fr;padding:5px 10px;border:1px solid rgba(201,162,39,.35);background:#0b0b0b}.mobile-knob-list .knob{width:52px;height:52px}.mobile-knob-list .knob-copy strong{font-size:.68rem}.mobile-knob-list .knob-copy span{font-size:.56rem}.mobile-tab-panel .copy{display:block;margin:0;padding:8px}.mobile-tab-panel .copy-head{margin-bottom:6px}.mobile-tab-panel .cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.mobile-tab-panel .copy-block{padding:7px;border:1px solid rgba(201,162,39,.24);background:#0d0d0d}.mobile-tab-panel .copy-block h2{font-size:.53rem}.mobile-tab-panel .copy-block li{font-size:.51rem;line-height:1.2}.mobile-tab-panel .law-line{font-size:.48rem;line-height:1.2}.law-actions{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px;margin-top:8px}.hash-copy,.law-actions a{display:grid;place-items:center;padding:0 5px;text-align:center}.archive-line{color:#8e8678;font-size:.5rem;letter-spacing:.08em}.mobile-tabs{position:fixed;z-index:50;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffd24a;background:linear-gradient(180deg,#c60008,#6e0004)}.mobile-tabs button{min-width:44px;min-height:44px;display:grid;place-items:center;align-content:center;grid-gap:4px;gap:4px;border:0;color:#ffe7a3;background:transparent;font-size:10px;cursor:pointer}.mobile-tabs button.active{color:#fff8e8}.tab-icon{position:relative;width:18px;height:18px;display:block}.tab-icon.grid{background:linear-gradient(90deg,currentColor 0 40%,transparent 40% 60%,currentColor 60%),linear-gradient(currentColor 0 40%,transparent 40% 60%,currentColor 60%)}.tab-icon.mix:after,.tab-icon.mix:before{content:"";position:absolute;top:1px;bottom:1px;width:2px;background:currentColor}.tab-icon.mix:before{left:5px;box-shadow:7px 0 currentColor}.tab-icon.mix:after{left:2px;top:5px;bottom:auto;width:8px;height:2px;box-shadow:7px 5px 0 -3px currentColor}.tab-icon.ring{border:2px solid;border-radius:50%}.tab-icon.law:after,.tab-icon.law:before{content:"";position:absolute;left:2px;right:2px;height:2px;background:currentColor}.tab-icon.law:before{top:5px}.tab-icon.law:after{top:11px}.mobile-tab-panel .panel{border-color:rgba(201,162,39,.5)}}@media (max-width:390px){.visualizer{height:126px;min-height:126px}.grid{gap:7px}.transport-key{min-height:56px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tip-facts{gap:6px;margin:8px 0}.tip-facts span{padding:4px 7px;border:1px solid rgba(201,162,39,.28);color:#b8ae99;background:#090909;font-size:.51rem;letter-spacing:.06em}.tip-links{gap:7px;margin-top:8px}.tip-links a{min-height:32px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid rgba(201,162,39,.4);border-radius:4px;color:var(--gold-bright);font-size:.53rem;font-weight:800;letter-spacing:.07em}.desktop-utility-actions{display:flex;gap:7px;flex-wrap:wrap}.help-scrim{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.help-panel{width:min(460px,100%);border:1px solid rgba(201,162,39,.72);border-radius:8px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 34%),#0c0c0c;box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.62)}.help-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--gold-bright);font-size:.7rem;letter-spacing:.12em}.help-head button{width:32px;height:32px;border:1px solid rgba(201,162,39,.46);border-radius:50%;color:var(--cream);background:#151515;cursor:pointer}.help-panel ol{margin:12px 0 0;padding-left:1.1rem}.help-panel li{margin:0 0 9px;color:#c6bda9;font-size:.68rem;line-height:1.4}.help-panel b{color:var(--cream)}@media (max-width:899px){.help-scrim{align-items:end;padding:10px 10px calc(74px + env(safe-area-inset-bottom))}.help-panel{width:100%;max-height:64dvh;overflow:auto}}.pad .keycap{position:absolute;right:9px;bottom:8px;min-width:24px;height:20px;display:grid;place-items:center;border:1px solid rgba(17,17,17,.28);border-radius:4px;color:currentColor;background:rgba(255,255,255,.17);font-size:.52rem;font-weight:900;line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.25)}.pad.tone-red .keycap{border-color:rgba(255,255,255,.24);background:rgba(0,0,0,.14)}.pad.dead .keycap{opacity:.45}.performance-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;grid-gap:8px;gap:8px;align-items:stretch;margin-top:8px;padding:7px;border:1px solid rgba(201,162,39,.34);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#080808}.performance-keys{min-width:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:4px;gap:4px}.performance-keys>span{min-width:0;min-height:34px;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:3px;gap:3px;padding:4px 5px;border:1px solid rgba(255,255,255,.09);border-radius:4px;color:#9f9889;background:#101010}.performance-keys>span.loop-key{border-color:rgba(201,162,39,.46)}.performance-keys kbd{min-width:20px;display:inline-grid;place-items:center;padding:4px 5px;border:1px solid rgba(201,162,39,.45);border-radius:3px;color:var(--cream);background:#171717;font:900 .56rem/1 Arial,Helvetica,sans-serif;box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.35)}.performance-keys small{font-size:.4rem;color:#746f64}.hold-pedal,.input-ready,.input-source,.midi-connect{min-height:34px;border:1px solid rgba(201,162,39,.32);border-radius:4px;background:#101010}.hold-pedal{min-width:105px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"lamp strong" "lamp small";align-items:center;grid-column-gap:6px;column-gap:6px;padding:4px 8px;color:#9b9487}.hold-pedal .pedal-lamp{grid-area:lamp;width:9px;height:9px;border-radius:50%;background:#3a382e}.hold-pedal strong{grid-area:strong;color:var(--cream);font-size:.57rem;letter-spacing:.08em}.hold-pedal small{grid-area:small;font-size:.38rem;letter-spacing:.08em}.hold-pedal.active{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 12px rgba(201,162,39,.14)}.hold-pedal.active .pedal-lamp{background:var(--gold-bright);box-shadow:0 0 10px rgba(226,177,0,.72)}.input-source{min-width:76px;display:grid;align-content:center;justify-items:center;padding:3px 7px}.input-source small{color:#777166;font-size:.37rem;letter-spacing:.1em}.input-source strong{margin-top:2px;color:var(--cream);font-size:.48rem;letter-spacing:.07em}.input-ready{display:grid;place-items:center;padding:0 8px;color:var(--gold-bright);font-size:.42rem;white-space:nowrap}.input-ready,.midi-connect{font-weight:900;letter-spacing:.07em}.midi-connect{padding:0 9px;color:#a59d8d;font-size:.43rem;cursor:pointer}.midi-connect.active{color:var(--gold-bright);border-color:var(--gold)}@media (max-width:899px){.pad .keycap,.performance-strip{display:none}}@media (min-width:900px) and (max-width:1120px){.performance-strip{grid-template-columns:minmax(0,1fr) auto auto}.input-ready,.midi-connect{display:none}}.chrome-crest,.deck-id,.drop-meta,.title-stack{position:relative;z-index:2}.title-stack{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.drop-meta{display:flex;justify-content:center;gap:12px;color:rgba(255,255,255,.84);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lab-chip{min-height:26px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(201,162,39,.72);border-radius:999px;color:#f4ca29;background:#281d04}.chain-name{white-space:nowrap}.deck-id{display:flex;align-items:center;gap:10px;color:#ffe053}.deck-id>div{display:grid;grid-gap:1px;gap:1px}.deck-id strong{font-size:.67rem;letter-spacing:.16em}.deck-id small{color:rgba(255,236,176,.75);font-size:.43rem;letter-spacing:.09em}.deck-diamond{width:40px;height:40px;display:grid;place-items:center;border:3px solid #d7d8da;border-radius:50%;color:#adb0b5;background:#141518;box-shadow:0 4px 12px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.14)}.chrome-crest{justify-self:end;width:78px;height:78px;background:transparent;box-shadow:none}.chrome-crest img{width:66px;height:66px;object-fit:contain}.pad:not(.dead) .st{opacity:0}.pad.dead .st{opacity:.9}.hold-badge{position:absolute;right:38px;bottom:9px;min-height:18px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid rgba(201,162,39,.5);border-radius:999px;color:currentColor;background:rgba(201,162,39,.16);font-size:.43rem;font-weight:900;letter-spacing:.07em}.pad.lit .hold-badge{background:rgba(255,225,94,.32);box-shadow:0 0 9px rgba(201,162,39,.35)}.performance-hint{margin:9px 0 0;color:#efc842;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase}@media (min-width:900px){body{background:radial-gradient(circle at 50% -5%,rgba(255,34,34,.09),transparent 38rem),#070707}.shell{width:min(100%,1480px);padding:4px 6px 44px}.instrument-frame{border-radius:44px}.hardware-header{min-height:158px;grid-template-columns:240px minmax(0,1fr) 110px;gap:18px;padding:20px 32px 18px;border-bottom:1px solid rgba(61,0,0,.56);background:transparent}.hardware-header:after,.hardware-header:before{display:none}.hardware-header h1{order:2;margin-top:12px;color:#fff8e8;font-size:clamp(2.3rem,4vw,3.3rem);letter-spacing:.08em;text-shadow:0 3px 0 rgba(92,0,0,.45),0 8px 18px rgba(0,0,0,.24)}.hardware-header .sub,.hardware-header h1{font-family:Arial,Helvetica,sans-serif;font-weight:950}.hardware-header .sub{order:3;margin:8px 0 0;min-height:28px;display:inline-flex;align-items:center;padding:0 20px;border-radius:999px;color:#130f00;background:linear-gradient(180deg,#f3ca1d,#dca900);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.4),0 5px 14px rgba(110,65,0,.24)}.drop-meta{order:1}.desktop-chassis{grid-template-columns:190px minmax(0,1fr) 278px;gap:28px;padding:16px 34px 24px}.left-rail,.right-rail{border:2px solid #fff2b8;border-radius:24px;background:#e2b100;box-shadow:inset 0 2px rgba(255,255,255,.48),inset 0 -20px 32px rgba(176,93,0,.15),0 10px 20px rgba(76,0,0,.28)}.left-rail{gap:13px;padding:14px 12px}.rail-key{min-height:58px;border:2px solid #c9cbd1;border-radius:13px;color:#f4f4f4;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#17191e;font-size:.82rem;letter-spacing:.08em;box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 10px rgba(104,55,0,.28)}.rail-key.active,.rail-key:hover{border-color:#fff4b3;background:linear-gradient(180deg,#cb1019,#860007);box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 0 2px rgba(201,162,39,.25),0 6px 12px rgba(104,55,0,.28)}.center-console{align-self:start}.screen-shell{padding:16px;border-radius:25px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 10%),#070707;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -24px 34px rgba(0,0,0,.38),0 9px 16px rgba(71,0,0,.35)}.screen-topline{min-height:48px}.visualizer{height:245px;border-color:rgba(255,208,37,.26);background:radial-gradient(ellipse at 50% 52%,rgba(208,18,26,.06),transparent 60%),#020204}.grid{gap:12px;margin-top:18px}.pad{min-height:132px;border-radius:15px;box-shadow:inset 0 2px rgba(255,255,255,.46),inset 0 -14px 24px rgba(0,0,0,.2),0 0 0 4px #1d0707,0 7px 13px rgba(0,0,0,.45)}.pad .role{font-size:1rem}.pad .num{font-size:.92rem}.effects-rail{gap:16px;padding:18px 20px}.effects-rail .knob-control{grid-template-columns:60px 1fr;gap:12px}.effects-rail .knob{width:58px;height:58px}.effects-rail .knob-copy strong{color:#17120a;font-size:.82rem;letter-spacing:.07em}.effects-rail .knob-copy span{width:max-content;min-width:54px;margin-top:4px;padding:3px 6px;border-radius:4px;color:#f5d23b;background:#151515;font-size:.48rem;font-weight:900}.transport{width:min(480px,100%);grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0;padding:8px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:linear-gradient(180deg,#fafafa,#e5e6e9);box-shadow:0 7px 14px rgba(0,0,0,.32),inset 0 1px #fff}.transport-key{min-height:48px;color:#25252a;background:linear-gradient(180deg,#fff,#f0f1f3);border-color:rgba(201,162,39,.65)}.record-note{color:rgba(255,236,209,.7)}.desktop-below{margin:0 -4px -4px;padding:28px 26px 34px;border-top:1px solid rgba(255,255,255,.08);background:#070707}.copy,.panel{border-color:rgba(126,131,145,.32);background:#0d0e12}}@media (max-width:899px){.instrument-frame,body{background:radial-gradient(circle at 50% 0,rgba(255,120,120,.22),transparent 22rem),linear-gradient(180deg,#ef1018,#c60008 46%,#8d0006)}.instrument-frame{box-shadow:none}.hardware-header{min-height:120px;grid-template-columns:1fr;padding:max(10px,env(safe-area-inset-top)) 12px 8px;background:transparent}.chrome-crest,.deck-id{display:none}.title-stack{width:100%}.hardware-header h1{order:1;margin:0;color:#fff8e8;font-size:clamp(1.65rem,7.8vw,2.2rem);letter-spacing:.08em}.hardware-header .sub,.hardware-header h1{font-family:Arial,Helvetica,sans-serif;font-weight:950}.hardware-header .sub{order:2;margin:6px auto 0;min-height:29px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;color:#111;background:#e2b100;font-size:.67rem;letter-spacing:.07em;text-transform:uppercase}.drop-meta{order:3;margin-top:8px;gap:9px;color:#9c988f;font-size:.58rem}.chain-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}.lab-chip{min-height:23px;padding-inline:9px}.mobile-view-shell{height:calc(100dvh - 120px - 64px - env(safe-area-inset-bottom))}.performance-hint{margin-top:5px;font-size:.52rem;letter-spacing:.06em;text-transform:none}.hold-badge{right:8px;bottom:29px;min-height:16px;padding-inline:5px;font-size:.36rem}}.record-mode{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:6px;gap:6px;margin-top:9px;border:1px solid rgba(201,162,39,.28);border-radius:7px;background:#080808}.record-mode button{min-height:32px;border:1px solid transparent;border-radius:5px;color:#8e877a;background:#111;font-size:.54rem;font-weight:900;letter-spacing:.08em}.record-mode button.active{border-color:rgba(201,162,39,.76);color:var(--gold-bright);background:linear-gradient(180deg,rgba(201,162,39,.16),rgba(201,162,39,.05));box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 10px rgba(201,162,39,.08)}.record-mode button:disabled{opacity:.5;cursor:default}.challenge-strip{min-height:34px;display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;grid-gap:9px;gap:9px;margin-top:8px;padding:5px 8px;border:1px solid rgba(201,162,39,.24);border-radius:6px;background:#090909;color:#958e80}.challenge-label{font-size:.46rem;font-weight:900;letter-spacing:.12em}.challenge-strip strong{color:var(--cream);font-size:.52rem;letter-spacing:.08em}.challenge-pips{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px}.challenge-pips i{height:5px;border-radius:999px;background:#29261e;box-shadow:inset 0 1px rgba(255,255,255,.03)}.challenge-pips i.on{background:var(--gold);box-shadow:0 0 6px rgba(201,162,39,.45)}.challenge-strip.complete{border-color:rgba(201,162,39,.62);color:var(--gold-bright)}.challenge-strip.complete strong{color:var(--gold-bright)}@media (min-width:900px){.hardware-header{grid-template-columns:110px minmax(0,1fr) 110px}.chrome-crest{width:86px;height:86px}.chrome-crest img{width:76px;height:76px}.crest-left{justify-self:start}.crest-right{justify-self:end}}@media (max-width:899px){.hardware-header{position:relative;grid-template-columns:48px minmax(0,1fr) 48px;min-height:120px;align-items:center}.chrome-crest{display:grid;width:43px;height:43px;align-self:start;margin-top:4px}.chrome-crest img{width:37px;height:37px}.crest-left{justify-self:start}.crest-right{justify-self:end}.title-stack{grid-column:2;grid-row:1}.crest-left{grid-column:1;grid-row:1}.crest-right{grid-column:3;grid-row:1}.record-mode{margin-top:4px}.record-mode button{min-height:27px;font-size:.46rem}.challenge-strip{min-height:26px;margin-top:4px;padding:3px 6px;gap:6px}.challenge-label{font-size:.4rem}.challenge-strip strong{font-size:.44rem}.challenge-pips{gap:2px}.challenge-pips i{height:4px}}.take-actions{display:grid;grid-gap:7px;gap:7px;margin-top:8px;padding:9px;border:1px solid rgba(201,162,39,.52);border-radius:7px;background:linear-gradient(180deg,rgba(201,162,39,.07),transparent 54%),#090909;box-shadow:inset 0 1px rgba(255,255,255,.04)}.take-actions-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.take-actions-head strong{color:var(--gold-bright);font-size:.58rem;letter-spacing:.12em}.take-actions-head span{min-width:0;overflow:hidden;color:#8f887b;font-size:.46rem;text-overflow:ellipsis;white-space:nowrap}.take-badges{display:flex;gap:5px;flex-wrap:wrap}.take-badges span{min-height:22px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(201,162,39,.46);border-radius:999px;color:#f1cb3d;background:rgba(201,162,39,.08);font-size:.44rem;font-weight:900;letter-spacing:.08em}.take-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.take-buttons button{min-height:36px;border:1px solid rgba(201,162,39,.5);border-radius:5px;color:var(--cream);background:#131313;font-size:.5rem;font-weight:900;letter-spacing:.07em;cursor:pointer}.take-buttons button.primary{color:#171000;background:linear-gradient(180deg,#f0c82f,#c99d00);box-shadow:inset 0 1px rgba(255,255,255,.34)}@media (max-width:899px){.take-actions{gap:5px;margin-top:4px;padding:6px}.take-actions-head strong{font-size:.49rem}.take-actions-head span{font-size:.4rem}.take-badges span{min-height:18px;padding-inline:6px;font-size:.38rem}.take-buttons button{min-height:30px;font-size:.44rem}}.take-media{display:grid;grid-gap:6px;gap:6px;padding-top:7px;border-top:1px solid rgba(201,162,39,.16)}.take-media-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.take-media-head strong{color:#efe6d2;font-size:.47rem;letter-spacing:.11em}.take-media-head span{min-width:0;overflow:hidden;color:#8a8474;font-size:.4rem;text-overflow:ellipsis;white-space:nowrap}.take-media-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.take-media-buttons button{min-height:32px;border:1px solid rgba(201,162,39,.36);border-radius:5px;color:#d8d1c3;background:#101010;font-size:.44rem;font-weight:900;letter-spacing:.06em;cursor:pointer}.take-media-buttons button.primary{border-color:rgba(255,231,90,.75);color:#171000;background:linear-gradient(180deg,#f4cd34,#c99d00)}.midi-connect:focus-visible,.record-mode button:focus-visible,.take-buttons button:focus-visible,.take-media-buttons button:focus-visible{outline:2px solid #ffe75a;outline-offset:2px}@media (max-width:899px){.take-media{padding-top:5px}.take-media-head strong{font-size:.42rem}.take-media-head span{font-size:.36rem}.take-media-buttons{grid-template-columns:1fr 1fr}.take-media-buttons button{min-height:28px;font-size:.4rem}}@media (min-width:900px){.take-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.take-actions{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));z-index:90;max-height:min(44vh,360px);overflow:auto;overscroll-behavior:contain;border-color:rgba(255,231,90,.72);border-radius:14px;background:linear-gradient(180deg,rgba(201,162,39,.09),rgba(0,0,0,.02) 44%),#090909;box-shadow:0 18px 48px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.06);animation:takeTrayIn .24s cubic-bezier(.22,1,.36,1) both}.take-buttons{grid-template-columns:1fr 1fr}.take-buttons .again{grid-column:1/-1}}@keyframes takeTrayIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.take-actions{animation:none}}.drop-run-progress{grid-column:1/-1;justify-self:center;margin-top:-1px;color:#7f786a;font-size:.39rem;font-weight:900;letter-spacing:.12em}.drop-run-progress.complete{color:#ffe75a;text-shadow:0 0 8px rgba(201,162,39,.35)}@media (max-width:899px){.drop-run-progress{font-size:.35rem;letter-spacing:.08em}}.transport{grid-template-columns:repeat(3,minmax(0,1fr))}.transport-key{min-width:0}.pad:active,.transport-key:active{transform:translateY(2px) scale(.985)}.challenge-strip.run-complete{border-color:rgba(255,231,90,.84);box-shadow:inset 0 0 0 1px rgba(255,231,90,.12),0 0 18px rgba(201,162,39,.12)}.challenge-strip.run-complete .drop-run-progress{color:#ffe75a}@media (max-width:899px){body,html{overscroll-behavior:none}body{position:fixed;inset:0;width:100%;height:100dvh}.instrument-frame,.shell{min-height:100dvh}.perform-mobile{grid-template-rows:minmax(0,1fr) auto;touch-action:none}.perform-mobile .screen-shell{grid-template-rows:auto minmax(0,1fr) auto auto auto}.grid,.pad{touch-action:none}.pad{min-height:82px}.transport{grid-template-columns:repeat(3,minmax(0,1fr))}.transport-key{min-height:56px}.mobile-tabs button{touch-action:manipulation}.take-actions{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media (max-width:390px){.pad{min-height:78px}.transport-key{min-height:54px}}.pad-surface{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:8px;gap:8px}.transport-stack{min-height:0}@media (max-width:899px){.perform-mobile .screen-shell{grid-template-rows:auto minmax(0,1fr) auto auto auto;overflow:auto}.perform-mobile .pad-surface{min-height:0;grid-template-rows:132px minmax(0,1fr) auto;gap:5px}.perform-mobile .grid{min-height:0}.transport-stack{position:relative;z-index:2;background:#070707}}@media (max-width:899px) and (max-height:520px) and (orientation:landscape){.hardware-header{min-height:76px;grid-template-columns:42px minmax(0,1fr) 42px;padding:max(4px,env(safe-area-inset-top)) 8px 4px}.chrome-crest{width:38px;height:38px;margin-top:0}.chrome-crest img{width:33px;height:33px}h1{font-size:clamp(1.05rem,4vw,1.45rem)}.sub{font-size:.48rem}.drop-meta{font-size:.42rem}.mobile-view-shell{height:calc(100dvh - 76px - 52px - env(safe-area-inset-bottom))}.mobile-tabs{height:calc(52px + env(safe-area-inset-bottom))}.perform-mobile{padding:3px 5px}.perform-mobile .screen-shell{grid-template-rows:minmax(0,1fr) auto auto;gap:3px;padding:4px}.perform-mobile .performance-hint,.perform-mobile .visualizer,.screen-topline{display:none}.perform-mobile .pad-surface{grid-template-rows:minmax(0,1fr);gap:0}.perform-mobile .grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(48px,1fr));gap:5px}.perform-mobile .pad{min-height:48px;padding:5px 7px;border-radius:7px}.pad .keycap,.pad .kind,.pad .st{display:none}.pad .role{font-size:.62rem}.challenge-strip{min-height:22px;margin-top:2px;padding:2px 5px}.challenge-label,.challenge-strip strong{font-size:.38rem}.drop-run-progress{display:none}.record-mode{margin-top:2px}.record-mode button{min-height:22px;font-size:.4rem}.transport{gap:4px}.transport-key{min-height:34px;font-size:.45rem}.mobile-utility-actions,.record-note{display:none}}.lab-chip{border-radius:2px;color:#efe6d2;background:transparent;letter-spacing:.16em;font-weight:600}.drop-meta,.rail-key,.screen-metrics,.screen-title{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phone-routes,.viz-readouts{display:none}@media (max-width:899px){.phone-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;padding:0 8px 6px}.phone-routes a,.phone-routes button{min-height:36px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.45);border-radius:2px;background:#0c0c0c;color:#efe6d2;font-size:.62rem;letter-spacing:.12em}.phone-routes a.active{box-shadow:inset 0 -2px 0 #c9a227}.mobile-utility-actions,.perform-mobile>.shortcut-strip{position:static;top:auto;right:auto;max-width:none;margin:6px 8px 0}.perform-mobile .visualizer{max-height:96px}.perform-mobile .pad-surface{grid-template-rows:96px minmax(0,1fr) auto}.transport-stack{display:grid;grid-gap:6px;gap:6px}.law-mobile{overflow:auto}.challenge-strip{position:relative;z-index:2;background:#070707}}.hardware-header .chrome-crest.crest-left{display:grid;width:104px;height:104px;justify-self:start;align-self:center;border:0;border-radius:0;background:transparent;box-shadow:none}.hardware-header .chrome-crest img{width:100%;height:100%;border-radius:0;object-fit:contain;filter:none;background:transparent}.mark-side{align-self:center;color:rgba(239,230,210,.72);font-size:.62rem;font-weight:600;letter-spacing:.22em;line-height:1.35;text-align:right}@media (max-width:899px){.hardware-header{grid-template-columns:56px minmax(0,1fr) 54px}.hardware-header .chrome-crest.crest-left{display:grid;width:52px;height:52px;margin:0}.mark-side{font-size:.42rem;letter-spacing:.14em}.mobile-view-shell{overflow:auto}.perform-mobile{height:auto;min-height:100%;overflow:visible}.perform-mobile .screen-shell{height:auto;overflow:visible;grid-template-rows:auto auto auto auto auto}.perform-mobile .pad-surface{height:auto;grid-template-rows:88px auto auto}.perform-mobile .visualizer{height:88px;min-height:88px;max-height:88px}.perform-mobile .grid{height:auto;grid-template-rows:repeat(4,minmax(72px,auto))}.challenge-strip,.transport-stack{position:static;z-index:auto}}:root{--red-hi:#e2262f;--red:#d0121a;--red-lo:#8f080d;--red-lip:#5c0004;--shell-hi:#d0121a;--shell-mid:#970000;--shell-lo:#6e0004;--yel-hi:#f0cb44;--yel:#e2b100;--yel-lo:#9f7d00;--wht-hi:#ffffff;--wht:#f3f1ea;--wht-lo:#bfc0bc;--chr-1:#f7f4ee;--chr-2:#d5d8de;--chr-3:#8d929b;--chr-4:#3c4048;--mid:#07070b;--ink:#130f00;--r-chassis:28px;--r-rail:20px;--r-screen:18px;--r-card:16px;--r-pad:14px;--r-key:10px;--r-chip:4px;--chrome:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(0,0,0,.12) 1px 2px,transparent 2px 4px),linear-gradient(180deg,var(--chr-1) 0%,var(--chr-2) 38%,var(--chr-3) 78%,var(--chr-4) 100%);--chrome-rim:linear-gradient(180deg,var(--chr-1),var(--chr-2) 40%,var(--chr-3) 80%,var(--chr-4));--white-cap:linear-gradient(180deg,var(--wht-hi) 0%,var(--wht) 55%,var(--wht-lo) 100%);--yellow-face:linear-gradient(180deg,var(--yel-hi) 0%,var(--yel) 45%,#d3a400 85%,var(--yel-lo) 100%);--red-face:linear-gradient(180deg,var(--red-hi) 0%,var(--red) 55%,var(--red-lo) 100%);--cap-light:inset 1px 1px 0 rgba(255,255,255,.55),inset -1px -1px 0 rgba(0,0,0,.22);--cap-press:inset 0 1px 2px rgba(0,0,0,.28),inset -1px -1px 0 rgba(0,0,0,.18)}.phone-routes a,.phone-routes button,.rail-key,.shortcut-toggle,.tip-action,.tip-links a{position:relative;display:grid;place-items:center;height:52px;min-height:52px;padding:0 16px;border:1.5px solid transparent;border-radius:var(--r-key);background:linear-gradient(180deg,#1b1b22,var(--mid)) padding-box,var(--chrome-rim) border-box;color:var(--wht-hi);font:800 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:inset 1px 1px 0 rgba(255,255,255,.16),inset -1px -1px 0 rgba(0,0,0,.6),0 2px 0 var(--chr-4),0 3px 0 rgba(0,0,0,.28);transition:transform .06s ease,box-shadow .06s ease;cursor:pointer}.phone-routes a:active,.phone-routes button:active,.rail-key:active,.shortcut-toggle:active,.tip-action:not(:disabled):active,.tip-links a:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(0,0,0,.6),0 1px 0 var(--chr-4)}.knob:focus-visible,.phone-routes a:focus-visible,.phone-routes button:focus-visible,.rail-key:focus-visible,.shortcut-toggle:focus-visible,.tip-action:focus-visible,.tip-links a:focus-visible,.transport-key:focus-visible{outline:2px solid var(--yel-hi);outline-offset:2px}.phone-routes a.active,.rail-key.active{background:var(--red-face) padding-box,var(--chrome-rim) border-box;box-shadow:inset 1px 1px 0 rgba(255,255,255,.35),inset -1px -1px 0 rgba(0,0,0,.35),0 2px 0 var(--red-lip),0 3px 0 rgba(0,0,0,.28)}.rail-key.engaged{transform:translateY(1px);background:linear-gradient(180deg,var(--red-lo),var(--red-lip)) padding-box,var(--chrome-rim) border-box;box-shadow:inset 0 1px 0 rgba(0,0,0,.6),0 1px 0 var(--chr-4)}.phone-routes :has(>.key-sub),.rail-key:has(.key-sub){grid-template-rows:auto auto;align-content:center;gap:4px}.key-sub{font:600 9px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;text-transform:none;color:var(--chr-2);opacity:.85}.cap-lamp,.mute-icon,.pedal-lamp,.stop-icon,.transport-led{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;box-shadow:inset 0 1px 0 rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.25)}.transport-led{background:radial-gradient(circle at 35% 30%,#a2363a,var(--red-lip))}.transport-key.rec.engaged .transport-led{background:radial-gradient(circle at 35% 30%,#ffd6d8,var(--red-hi) 45%,var(--red));box-shadow:0 0 0 1px var(--red-lip),0 0 8px rgba(226,38,47,.85)}.stop-icon{border-radius:2px;background:linear-gradient(180deg,#8a7322,var(--yel-lo))}.transport-key.active .stop-icon{background:linear-gradient(180deg,#fff3b8,var(--yel-hi) 45%,var(--yel));box-shadow:0 0 0 1px var(--yel-lo),0 0 8px rgba(240,203,68,.85)}.mute-icon{border:0;background:radial-gradient(circle at 35% 30%,#ffffff,#d9d7cf)}.transport-key.engaged:not(.rec) .mute-icon{background:radial-gradient(circle at 35% 30%,#ffd6d8,var(--red-hi) 45%,var(--red));box-shadow:0 0 0 1px var(--red-lip),0 0 6px rgba(226,38,47,.7)}.hardware-header{border-bottom:1px solid var(--red-lip);box-shadow:0 1px 0 rgba(255,255,255,.12)}.chrome-crest{display:grid;place-items:center;padding:3px;border-radius:50%;background:var(--chrome);box-shadow:inset 1px 1px 0 rgba(255,255,255,.7),inset -1px -1px 0 rgba(0,0,0,.35),0 2px 0 var(--red-lip),0 4px 0 rgba(0,0,0,.35)}.chrome-crest img{display:block;border-radius:50%;filter:none}.title-stack h1{margin:0;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;font-weight:900;font-stretch:condensed;letter-spacing:-.005em;line-height:.95;color:var(--wht-hi);text-shadow:0 -1px 0 rgba(255,255,255,.35),0 2px 0 var(--red-lip),0 3px 6px rgba(0,0,0,.25)}.title-stack .sub,.title-stack h1{white-space:nowrap;text-transform:uppercase}.title-stack .sub{justify-content:center;height:28px;margin:8px auto 0;padding:0 16px;border:1px solid transparent;border-radius:14px;background:var(--yellow-face) padding-box,var(--chrome-rim) border-box;color:var(--ink);font:800 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;box-shadow:var(--cap-light),0 2px 0 var(--red-lip)}.drop-meta,.title-stack .sub{display:inline-flex;align-items:center}.drop-meta{gap:8px;color:var(--wht);font:800 11px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.18em}.lab-chip{display:inline-grid;place-items:center;height:22px;padding:0 8px;border:1.5px solid var(--wht);border-radius:var(--r-chip);color:var(--wht-hi);font:900 11px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.2em;background:rgba(92,0,4,.35);box-shadow:inset 0 0 0 1px rgba(92,0,4,.6);transform:rotate(-2deg)}.mark-side{justify-self:end;display:grid;place-items:center;min-width:92px;height:36px;margin:0;padding:4px 12px;border-radius:var(--r-key);background:var(--chrome);color:var(--chr-4);font:800 11px/13px Helvetica Neue,Arial,sans-serif;letter-spacing:.16em;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.75);box-shadow:inset 1px 1px 0 rgba(255,255,255,.85),inset -1px -1px 0 rgba(0,0,0,.35),0 0 0 1px var(--red-lip),0 2px 0 var(--red-lip),0 3px 0 rgba(0,0,0,.3)}.screen-shell{background:radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) 8px 8px /6px 6px no-repeat,radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) calc(100% - 8px) 8px /6px 6px no-repeat,radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) 8px calc(100% - 8px) /6px 6px no-repeat,radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) calc(100% - 8px) calc(100% - 8px) /6px 6px no-repeat,var(--mid)}.screen-title{color:var(--wht);font:800 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.18em}.performance-hint,.viz-readouts{display:none!important}.screen-metrics span{display:grid;place-items:center;align-content:center;grid-gap:4px;gap:4px;min-width:64px;height:44px;padding:0 8px;border:1px solid var(--chr-3);border-radius:var(--r-chip);background:var(--white-cap);color:var(--ink);font:900 16px/1 Helvetica Neue,Arial,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:var(--cap-light),0 2px 0 var(--chr-4)}.screen-metrics b{color:#5d5a50;font-size:9px;letter-spacing:.16em}.visualizer{border:1px solid rgba(255,255,255,.08);border-radius:var(--r-key);background:var(--mid);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 2px 0 rgba(0,0,0,.6)}.viz-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 6px;color:rgba(255,255,255,.45);font:800 11px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.16em;cursor:pointer}.viz-tabs button[aria-selected=true]{color:var(--wht-hi);border-bottom-color:var(--yel)}.viz-footer{color:rgba(255,255,255,.7);font:700 9px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.16em}.level-stack{gap:10px!important}.level-meter{display:grid;justify-items:center;grid-gap:4px;gap:4px}.level-label,.level-value{color:rgba(255,255,255,.7);font:700 8px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.level-rail{container-type:size;position:relative;display:block;width:10px;flex:1 1;min-height:40px;border-radius:var(--r-chip);background:var(--mid);box-shadow:inset 0 0 0 1px var(--chr-3),inset 0 1px 0 rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.08);overflow:hidden}.level-rail i{position:absolute;left:2px;right:2px;bottom:2px;max-height:calc(100% - 4px);border-radius:2px;background:linear-gradient(0deg,var(--red-lo) 0 60%,var(--yel) 60% 90%,var(--wht) 90% 100%) bottom /100% calc(100cqh - 4px) no-repeat}.record-track{border-radius:2px;background:rgba(255,255,255,.06)}.record-track span{background:var(--red-face)}.pad{border-radius:var(--r-pad)}.hold-badge,.pad .state,.pad kbd{border-radius:var(--r-chip)}.challenge-strip{border:1px solid rgba(255,255,255,.08);border-radius:var(--r-key);background:var(--mid);box-shadow:inset 0 1px 0 rgba(0,0,0,.6)}.challenge-label,.drop-run-progress{color:rgba(255,255,255,.7);letter-spacing:.16em}.challenge-pips i{border-radius:2px;background:rgba(255,255,255,.08)}.challenge-pips i.active,.challenge-pips i.hit,.challenge-pips i.on,.challenge-pips i[class]:not([class=""]){background:var(--yellow-face)}.record-mode{padding:4px;border-radius:var(--r-key);background:var(--mid);box-shadow:inset 0 0 0 1px var(--chr-4),inset 0 1px 0 rgba(0,0,0,.7)}.record-mode button{height:44px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.55);font:800 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.16em;cursor:pointer}.record-mode button.active{background:var(--yellow-face);color:var(--ink);box-shadow:var(--cap-light),0 1px 0 var(--yel-lo)}.transport{padding:8px;border-radius:var(--r-card);background:var(--chrome);box-shadow:inset 1px 1px 0 rgba(255,255,255,.8),inset -1px -1px 0 rgba(0,0,0,.35),0 2px 0 var(--chr-4),0 4px 0 rgba(0,0,0,.35)}.transport-key{height:56px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--chr-3);border-radius:var(--r-key);background:var(--white-cap);color:#1a1a1f;font:900 13px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;box-shadow:var(--cap-light),0 2px 0 var(--chr-3),0 3px 0 rgba(0,0,0,.25);transition:transform .06s ease,box-shadow .06s ease}.transport-key.engaged,.transport-key:active{transform:translateY(1px);box-shadow:var(--cap-press),0 1px 0 var(--chr-3)}.transport-key:disabled{color:#6b6a64;cursor:default}.transport-key.rec.engaged{color:#1a1a1f}.record-note{color:rgba(255,255,255,.75);font:600 12px/1.3 Helvetica Neue,Arial,sans-serif;letter-spacing:.02em}.performance-strip{border:1px solid rgba(255,255,255,.08);border-radius:var(--r-key);background:var(--mid)}.performance-keys kbd{border:1px solid var(--chr-3);border-radius:6px;background:var(--white-cap);color:#1a1a1f;font-weight:900;box-shadow:var(--cap-light),0 2px 0 var(--chr-3)}.performance-keys small{color:rgba(255,255,255,.55)}.hold-pedal,.input-source{border-radius:var(--r-key)}.tip-panel{display:grid;grid-template-columns:auto minmax(120px,220px) auto 1fr;align-items:end;grid-gap:16px 10px;gap:16px 10px;padding:16px;border:1px solid transparent;border-radius:var(--r-card);background:linear-gradient(180deg,#101017,var(--mid)) padding-box,var(--chrome-rim) border-box;box-shadow:0 2px 0 var(--red-lip),0 6px 0 rgba(0,0,0,.35)}.tip-panel>*{grid-column:1/-1}.tip-panel>.amount-label,.tip-panel>.tip-action{grid-column:auto}.tip-panel .panel-title-row{display:flex;align-items:center;justify-content:space-between}.tip-panel h2{margin:0;color:var(--wht-hi);font:900 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.2em}.tip-state{display:inline-grid;place-items:center;height:22px;padding:0 8px;border:1px solid var(--chr-3);border-radius:var(--r-chip);color:var(--chr-2);font:800 10px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.tip-facts{display:flex;flex-wrap:wrap;gap:8px}.tip-facts span{display:inline-grid;place-items:center;height:28px;padding:0 10px;border-radius:var(--r-chip);background:var(--white-cap);color:var(--ink);font:800 11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;box-shadow:var(--cap-light),0 1px 0 var(--chr-3)}.amount-label{display:grid;grid-gap:8px;gap:8px;color:rgba(255,255,255,.7);font:800 10px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.18em}.amt{height:52px;padding:0 12px;border:1px solid var(--chr-4);border-radius:var(--r-key);background:#000;color:var(--wht-hi);font:800 18px/1 ui-monospace,SF Mono,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 0 rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.08)}.amt:focus{outline:2px solid var(--yel-hi);outline-offset:1px}.tip-action:last-of-type:not(:disabled){background:var(--red-face) padding-box,var(--chrome-rim) border-box}.tip-action:disabled{color:rgba(255,255,255,.4);cursor:not-allowed;box-shadow:inset 0 1px 0 rgba(0,0,0,.5)}.tip-note{margin:0;padding:10px 12px;border-left:3px solid var(--yel);border-radius:var(--r-chip);background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);font:600 12px/1.4 Helvetica Neue,Arial,sans-serif}.tip-links{display:flex;gap:10px}.tip-links a{height:40px;min-height:40px;color:var(--chr-1);background:linear-gradient(var(--mid),var(--mid)) padding-box,var(--chrome-rim) border-box;box-shadow:0 1px 0 var(--chr-4)}.copy-block h2{margin:0 0 8px;color:var(--yel-hi);font:900 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.copy-block ul{margin:0;padding-left:16px;color:rgba(255,255,255,.85);font:500 13px/1.6 Helvetica Neue,Arial,sans-serif}.shortcut-toggle{height:40px;min-height:40px}.throw-control{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;height:64px}.knob.throw{position:relative;width:36px;height:64px;padding:0;border:0;border-radius:var(--r-key);background:var(--chrome);touch-action:none;cursor:ns-resize;box-shadow:inset 1px 1px 0 rgba(255,255,255,.75),inset -1px -1px 0 rgba(0,0,0,.35),0 2px 0 var(--red-lip),0 3px 0 rgba(0,0,0,.3)}.throw-well{position:absolute;left:8px;right:8px;top:6px;bottom:6px;border-radius:6px;background:var(--mid);box-shadow:inset 0 1px 0 rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.6);overflow:hidden}.throw-fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--t, 0) * 100%);background:var(--red-face);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.throw-scale{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 7px,rgba(255,255,255,.18) 7px 8px)}.throw-index{position:absolute;left:-2px;right:-2px;bottom:calc(var(--t, 0) * 100%);height:2px;margin-bottom:-1px;border-radius:1px;background:var(--wht-hi);box-shadow:0 0 0 1px rgba(0,0,0,.45)}.throw-copy{display:grid;grid-gap:6px;gap:6px}.knob-copy strong,.throw-label{color:var(--wht);font:900 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.16em;text-shadow:none}.right-rail .knob-copy strong,.right-rail .throw-label{color:var(--chr-4);text-shadow:0 1px 0 rgba(255,255,255,.55)}.knob-control .knob-copy span,.knob-copy span,.throw-value{justify-self:start;display:inline-grid;place-items:center;height:20px;padding:0 8px;border-radius:var(--r-chip);background:var(--mid);color:var(--wht-hi)!important;font:800 10px/1 ui-monospace,SF Mono,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.35)}.mic-capsule{display:grid;grid-template-columns:18px 8px;grid-template-rows:18px auto auto;grid-column-gap:8px;column-gap:8px;grid-row-gap:4px;row-gap:4px;align-items:center;justify-items:center}.mic-head{width:18px;height:18px;border-radius:9px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px),var(--chrome);box-shadow:inset 1px 1px 0 rgba(255,255,255,.8),0 1px 0 var(--chr-4)}.mic-meter{grid-row:1/3;grid-column:2;position:relative;width:6px;height:28px;border-radius:2px;background:var(--mid);box-shadow:inset 0 0 0 1px var(--chr-4);overflow:hidden}.mic-meter span{position:absolute;left:1px;right:1px;bottom:1px;background:var(--red-face)}.mic-label,.mic-state{grid-column:1/-1;font:800 9px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.16em;color:var(--chr-2)}.mic-capsule.live .mic-state{color:var(--red-hi)}@media (min-width:900px){body{background:#0b0b0f}.shell{width:min(100%,1480px);padding:16px 16px 48px}.instrument-frame{border:2px solid var(--red-lip);border-radius:var(--r-chassis);background:radial-gradient(120% 60% at 30% 0,rgba(226,38,47,.55),transparent 60%),linear-gradient(180deg,var(--shell-hi) 0,var(--shell-mid) 55%,var(--shell-lo) 100%);box-shadow:0 0 0 1px var(--chr-3),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.25),0 18px 0 rgba(0,0,0,.45)}.hardware-header{grid-template-columns:160px minmax(0,1fr) 160px;min-height:176px;padding:24px 32px;gap:16px}.chrome-crest{width:110px;height:110px}.chrome-crest img{width:104px;height:104px}.title-stack h1{font-size:clamp(48px,5.4vw,80px)}.drop-meta{margin-bottom:8px}.desktop-chassis{grid-template-columns:208px minmax(0,1fr) 248px;gap:24px;padding:24px 32px 32px;align-items:stretch}.center-console{align-self:stretch}.screen-shell{height:100%;padding:24px;border:2px solid var(--red-lip);border-radius:var(--r-screen);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 2px 0 rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.18)}.left-rail,.right-rail{position:relative;align-self:stretch;padding:16px;border:0;border-radius:var(--r-rail);background-color:var(--yel);background-image:linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--chr-2),var(--chr-2)),linear-gradient(var(--red),var(--red)),repeating-linear-gradient(180deg,rgba(143,8,13,.4) 0 1px,transparent 1px 8px),var(--yellow-face);background-repeat:no-repeat;background-size:8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px,3px calc(100% - 40px),6px calc(100% - 40px),100% 100%;box-shadow:inset 1px 1px 0 rgba(255,255,255,.55),inset -1px -1px 0 rgba(0,0,0,.2),0 0 0 1px var(--red-lip),0 2px 0 var(--red-lip),0 4px 0 rgba(0,0,0,.3)}.left-rail{display:grid;grid-auto-rows:52px;align-content:start;grid-gap:10px;gap:10px;padding-right:32px;background-position:6px 6px,6px 6px,calc(100% - 6px) 6px,calc(100% - 6px) 6px,6px calc(100% - 6px),6px calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) 20px,calc(100% - 15px) 20px,0 0}.right-rail{padding-left:32px;background-position:6px 6px,6px 6px,calc(100% - 6px) 6px,calc(100% - 6px) 6px,6px calc(100% - 6px),6px calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),12px 20px,15px 20px,0 0}.effects-rail{display:grid;grid-auto-rows:64px;align-content:start;grid-gap:10px;gap:10px;padding-top:16px;padding-bottom:16px}.rail-key{height:52px;min-height:52px}.visualizer{height:248px}.grid{gap:16px;margin-top:24px}.pad{min-height:136px}.challenge-strip,.record-mode,.transport{margin-top:16px}.transport{width:min(560px,100%);gap:10px}.transport:has(.mic-capsule){width:min(640px,100%);grid-template-columns:repeat(3,minmax(0,1fr)) auto}.record-note{margin:8px 0 0}.performance-strip{margin-top:16px}.desktop-below{margin:0 32px 32px;padding:24px;border:2px solid var(--red-lip);border-radius:var(--r-screen);background:radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) 8px 8px /6px 6px no-repeat,radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) calc(100% - 8px) 8px /6px 6px no-repeat,radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) 8px calc(100% - 8px) /6px 6px no-repeat,radial-gradient(circle,var(--chr-1) 0 1px,var(--chr-3) 1.6px,var(--chr-4) 2.6px,transparent 3px) calc(100% - 8px) calc(100% - 8px) /6px 6px no-repeat,var(--mid);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 2px 0 rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.18)}.desktop-below .law,.desktop-below section:not(.tip-panel),.desktop-below>.panel:not(.tip-panel){border:1px solid transparent;border-radius:var(--r-card);background:linear-gradient(180deg,#101017,var(--mid)) padding-box,var(--chrome-rim) border-box}.desktop-utility-actions{display:flex;gap:10px;margin-top:16px}.desktop-below>*,.desktop-chassis>*,.hardware-header>*,.screen-shell>*{will-change:transform}}.pad{will-change:transform}@media (max-width:899px){.instrument-frame,body{background:linear-gradient(180deg,var(--shell-hi) 0,var(--shell-mid) 60%,var(--shell-lo) 100%)}.hardware-header{grid-template-columns:56px minmax(0,1fr) auto;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px 8px}.chrome-crest{width:58px;height:58px}.chrome-crest img{width:52px;height:52px}.title-stack h1{font-size:clamp(22px,7vw,30px)}.title-stack .sub{height:24px;padding:0 10px;font-size:9px;letter-spacing:.1em}.mark-side{min-width:0;height:32px;padding:3px 8px;font-size:8px;line-height:11px;letter-spacing:.12em}.screen-shell{border-radius:var(--r-screen)}.visualizer{height:136px;min-height:136px}.grid{gap:8px}.pad{min-height:76px;border-radius:var(--r-pad)}.transport-key{height:56px;min-height:56px;font-size:11px}.mobile-tabs{background:var(--red-face);border-top:1px solid var(--chr-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.mobile-tabs button{color:rgba(255,255,255,.72)}.mobile-tabs button.active{color:var(--wht-hi)}.phone-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.phone-routes a,.phone-routes button{height:52px;padding:0 8px;font-size:11px}.tip-panel{grid-template-columns:1fr 1fr}.tip-panel>.amount-label,.tip-panel>.tip-action{grid-column:1/-1}}@media (max-width:479px){.mark-side{display:none}.hardware-header{grid-template-columns:56px minmax(0,1fr) 56px}}@media (max-width:899px){.mobile-view-shell{padding-bottom:16px;scroll-padding-bottom:16px}.mix .knob-control,.mix .throw-control{border-color:rgba(213,216,222,.18)}}@media (max-height:520px) and (orientation:landscape){.pad{min-height:64px}.visualizer{height:88px;min-height:88px}}@media (min-width:900px){.left-rail,.right-rail{container-type:size}.left-rail:after,.left-rail:before,.right-rail:after,.right-rail:before{content:"";position:absolute;bottom:24px;width:160px;height:clamp(240px,calc(100cqh - 572px),440px);border-radius:var(--r-pad);pointer-events:none}.left-rail:after,.left-rail:before{left:16px}.right-rail:after,.right-rail:before{left:52px}.left-rail:before,.right-rail:before{background:radial-gradient(circle,var(--chr-1) 0 1.5px,var(--chr-2) 2.5px,var(--chr-4) 3.5px,transparent 4px) 8px 8px /8px 8px no-repeat,radial-gradient(circle,var(--chr-1) 0 1.5px,var(--chr-2) 2.5px,var(--chr-4) 3.5px,transparent 4px) calc(100% - 8px) 8px /8px 8px no-repeat,radial-gradient(circle,var(--chr-1) 0 1.5px,var(--chr-2) 2.5px,var(--chr-4) 3.5px,transparent 4px) 8px calc(100% - 8px) /8px 8px no-repeat,radial-gradient(circle,var(--chr-1) 0 1.5px,var(--chr-2) 2.5px,var(--chr-4) 3.5px,transparent 4px) calc(100% - 8px) calc(100% - 8px) /8px 8px no-repeat,radial-gradient(circle,#000 0 8px,#07070b 9px,#2a0004 11px,var(--chr-3) 12px,var(--chr-1) 13px,var(--chr-4) 15px,transparent 15.5px) 50% calc(100% - 22px) /32px 32px no-repeat,linear-gradient(90deg,rgba(255,255,255,.14) 0,rgba(255,255,255,0) 14%,rgba(0,0,0,0) 80%,rgba(0,0,0,.28) 100%),linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%),var(--red-face);box-shadow:inset 1px 1px 0 rgba(255,255,255,.5),inset -1px -1px 0 rgba(0,0,0,.35),inset 0 0 0 5px rgba(92,0,4,.18),inset 0 0 0 6px rgba(255,255,255,.08),0 0 0 1.5px var(--chr-2),0 0 0 2.5px var(--chr-4),0 4px 0 var(--red-lip),0 7px 0 rgba(0,0,0,.18)}.left-rail:after,.right-rail:after{background:radial-gradient(circle at 42% 40%,rgba(255,255,255,.95) 0 2px,rgba(255,255,255,0) 6px) 50% 34px /48px 48px no-repeat,radial-gradient(circle,var(--chr-1) 0,var(--chr-2) 5px,var(--chr-3) 9px,var(--chr-4) 10.5px,#0b0b0e 11px,#1d1d22 13px,#0b0b0e 15px,var(--chr-3) 16px,var(--chr-1) 18px,var(--chr-2) 20px,var(--chr-4) 22px,transparent 22.5px) 50% 34px /48px 48px no-repeat,radial-gradient(circle at 44% 42%,rgba(255,255,255,.9) 0 3px,rgba(255,255,255,0) 11px) 50% 118px /136px 136px no-repeat,radial-gradient(circle,var(--chr-1) 0,var(--chr-2) 8px,var(--chr-3) 15px,var(--chr-4) 17.5px,#cfcdc5 18px,var(--wht) 22px,#dcdad2 24px,var(--wht-hi) 27px,#d4d2ca 30px,var(--wht) 34px,#cfcdc5 37px,var(--wht-hi) 41px,#c9c7bf 45px,#e9e7df 49px,var(--wht-lo) 52px,#0b0b0e 53px,#2a2a31 56px,#3a3a42 57.5px,#15151a 60px,#0b0b0e 61px,var(--chr-3) 62px,var(--chr-1) 64px,var(--chr-2) 66px,var(--chr-4) 68px,transparent 68.5px) 50% 118px /136px 136px no-repeat;transform-origin:50% 186px;transition:transform .07s ease-out}.desktop-chassis:has(.pad.lit) .left-rail:after,.desktop-chassis:has(.pad.lit) .right-rail:after{transform:scale(1.02)}}@media (min-width:900px) and (prefers-reduced-motion:reduce){.left-rail:after,.right-rail:after{transition:none}.desktop-chassis:has(.pad.lit) .left-rail:after,.desktop-chassis:has(.pad.lit) .right-rail:after{transform:none}}@media (max-width:899px){.mobile-tab-panel,.mobile-view-shell,.perform-mobile{scroll-padding-bottom:96px}.mobile-tab-panel,.perform-mobile{padding-bottom:96px}.hash-copy,.knob,.law-actions a,.pad,.phone-routes a,.phone-routes button,.shortcut-toggle,.tip-action,.transport-key{scroll-margin-bottom:96px}.perform-mobile .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(72px,auto))}.pad{min-height:72px}.left-rail:after,.left-rail:before,.right-rail:after,.right-rail:before{content:none}}