:root{--grid: 8px;--controls-width: 380px;--tolex-black: #0d0b0a;--tolex: #171310;--tolex-weave: #221c17;--piping: #c9a227;--ink: #080706;--plexi-dark: #7d5f18;--plexi: #b18f2e;--plexi-light: #d9b64e;--plexi-sheen: #f0dc9a;--legend: #f7f3e8;--legend-dim: #b8ae97;--engrave-shadow: #2b2007;--grille-dark: #191512;--grille: #2b241d;--grille-thread: #4a3f33;--jewel: #ff2d2d;--jewel-glow: #ff8f6a;--vu-ink: #2a2318;--vu-safe: #3f8f4a;--vu-warm: #d9a020;--vu-hot: #d62c2c;--led-green: #3dff7a;--led-red: #ff4b4b;--led-blue: #4bb8ff;--led-amber: #ffb43d;--led-violet: #c07bff;--knob-skirt: #e8e0cc;--font: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--tolex-black);color:var(--legend);font-family:var(--font);font-size:14px;-webkit-font-smoothing:none;overscroll-behavior:none}button{font-family:inherit;border-radius:0}.tex-plexi{background-color:var(--plexi);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--plexi-sheen) 0 3px,var(--plexi-light) 3px 8px,var(--plexi) 8px 78%,var(--plexi-dark) 78% 100%)}.tex-grille{background-color:var(--grille-dark);background-image:repeating-linear-gradient(45deg,var(--grille) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,var(--grille-thread) 0 1px,transparent 1px 5px)}.app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-width:560px;margin:0 auto;position:relative;background-color:var(--tolex);background-image:repeating-linear-gradient(45deg,var(--tolex-weave) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,var(--tolex-weave) 0 1px,transparent 1px 4px);border-left:4px solid var(--ink);border-right:4px solid var(--ink);box-shadow:inset 4px 0 0 var(--piping),inset -4px 0 0 var(--piping)}@media(min-width:760px){.app{max-width:720px}}@media(min-width:1180px){.app{max-width:1160px}.body{display:grid;grid-template-columns:minmax(0,1fr) var(--controls-width);gap:calc(var(--grid) * 2)}.body{overflow:hidden;min-height:0}.body>.scene,.body>.controls{overflow-y:auto;min-height:0;padding-right:2px}.scene .stage{position:relative}.scene .board{max-width:620px;margin:0 auto}}@media(min-width:1500px){.app{max-width:1480px}}.boot{display:grid;place-items:center;height:100%;color:var(--plexi-sheen);text-transform:uppercase;letter-spacing:3px}@media(max-width:1179px){.scene .plate{max-height:20vh;overflow-y:auto}}.head{position:relative;margin:var(--grid) calc(var(--grid) * 1.5) 0;padding:calc(var(--grid) * 1.25) calc(var(--grid) * 1.5);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff1f}.head__legend{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--engrave-shadow);text-shadow:0 1px 0 rgba(255,255,255,.45)}.head__cash{margin:2px 0 calc(var(--grid) * .75);font-size:28px;font-weight:700;letter-spacing:1px;color:#1a1408;text-shadow:0 1px 0 rgba(255,255,255,.5);font-variant-numeric:tabular-nums}@keyframes takings-land{0%,60%{color:#fffbe6;text-shadow:0 0 6px rgba(255,245,200,.9),0 1px 0 rgba(255,255,255,.5)}to{color:#1a1408;text-shadow:0 1px 0 rgba(255,255,255,.5)}}@keyframes takings-payday{0%{transform:translateY(0)}30%{transform:translateY(-2px)}60%{transform:translateY(1px)}to{transform:translateY(0)}}.head__cash--landed{animation:takings-land .42s steps(4,end)}.head__cash--payday{animation:takings-land .42s steps(4,end),takings-payday .42s steps(3,end)}@media(prefers-reduced-motion:reduce){.head__cash--landed,.head__cash--payday{animation:takings-land .42s steps(4,end)}}.head__royalty{margin:-4px 0 calc(var(--grid) * .75);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1a1408;text-shadow:0 1px 0 rgba(255,255,255,.4);font-variant-numeric:tabular-nums}.head__meters{display:flex;align-items:flex-end;gap:calc(var(--grid) * 1.5)}.head__jewel{position:absolute;top:calc(var(--grid) * 1.25 - 5px);right:calc(var(--grid) * 1.5 - 5px);width:44px;height:44px;padding:0;cursor:pointer;border-radius:50%;border:5px solid transparent;background:radial-gradient(circle at 34% 30%,var(--jewel-glow) 0 22%,var(--jewel) 22% 62%,#8c0f0f 62% 100%);background-clip:padding-box;box-shadow:inset 0 0 0 3px #2a2118;filter:drop-shadow(0 0 5px rgba(255,45,45,.75))}.head__jewel--off{background:radial-gradient(circle at 34% 30%,#6b4a44 0 22%,#4a2222 22% 62%,#2a1010 62% 100%);background-clip:padding-box;filter:none}.vu{flex:1;min-width:0}.vu__label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#241b06;text-shadow:0 1px 0 rgba(255,255,255,.4)}.vu__face{display:flex;gap:2px;padding:3px;margin-top:2px;background:var(--vu-ink);border:2px solid var(--ink);box-shadow:inset 0 2px #0009}.vu__face--spent{background:#4a1414;box-shadow:inset 0 2px #0009,inset 0 0 0 1px var(--vu-hot)}.vu__face--spent .vu__seg{background:#331010}.vu__seg{flex:1;height:10px;background:#241d16}.vu__seg--lit-safe{background:var(--vu-safe);box-shadow:0 0 4px var(--vu-safe)}.vu__seg--lit-warm{background:var(--vu-warm);box-shadow:0 0 4px var(--vu-warm)}.vu__seg--lit-hot{background:var(--vu-hot);box-shadow:0 0 5px var(--vu-hot)}.vu--dark .vu__label,.vu--dark .vu__value{color:var(--legend-dim);text-shadow:none}.vu__value{font-size:10px;letter-spacing:1px;color:#1a1408;text-shadow:0 1px 0 rgba(255,255,255,.45);font-variant-numeric:tabular-nums;font-weight:700}.body{overflow-y:auto;padding:var(--grid) calc(var(--grid) * 1.5) var(--grid);-webkit-overflow-scrolling:touch}.plate{margin-bottom:calc(var(--grid) * 1.5);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff1a}.plate__header{display:flex;align-items:center;justify-content:space-between;gap:var(--grid);padding:calc(var(--grid) * .75) var(--grid);color:var(--ink);border-bottom:3px solid var(--ink)}.plate__title{margin:0;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#1a1408;text-shadow:0 1px 0 rgba(255,255,255,.45)}.plate__badge{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#241b06;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.4)}.plate__body{padding:calc(var(--grid) * 1.25);background:var(--tolex-black);color:var(--legend)}.plate__note{margin:0 0 var(--grid);font-size:12px;line-height:1.6;color:var(--legend-dim)}.stomp{display:flex;align-items:center;gap:var(--grid);width:100%;min-height:44px;padding:calc(var(--grid) * 1.25) var(--grid);text-align:left;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--legend);cursor:pointer;background-color:var(--stomp, #3c4450);background-image:linear-gradient(180deg,rgba(255,255,255,.22) 0 3px,rgba(255,255,255,.08) 3px 7px,transparent 7px 82%,rgba(0,0,0,.35) 82% 100%);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff14}.stomp:active:not(:disabled){background-image:linear-gradient(180deg,rgba(0,0,0,.35) 0 18%,transparent 18% 93%,rgba(255,255,255,.18) 93% 100%)}.stomp:disabled{color:#6f6a61;background-color:#23201c;background-image:none;cursor:default}.stomp--primary{--stomp: #8d3b28}.stomp--go{--stomp: #5d6b3a}.stomp--cool{--stomp: #2c6a70}.stomp--dark{--stomp: #3c4450}.stomp--compact{width:auto;min-height:44px;padding:calc(var(--grid) * .75) var(--grid);font-size:11px;letter-spacing:1px}.stomp__led{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:#2a2622;border:2px solid var(--ink)}.stomp__led--on{background:var(--led, var(--led-green));box-shadow:0 0 8px var(--led, var(--led-green))}.stomp__text{flex:1;min-width:0}.channels{display:grid;grid-auto-flow:column;gap:calc(var(--grid) * .75);margin-bottom:calc(var(--grid) * 1.5)}.channel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:calc(var(--grid) * .75) 4px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--legend-dim);cursor:pointer;background:var(--tolex-black);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff0f}.channel--active{color:#1a1408;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.45);background-color:var(--plexi);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--plexi-sheen) 0 3px,var(--plexi-light) 3px 7px,var(--plexi) 7px 78%,var(--plexi-dark) 78% 100%)}.channel__led{width:10px;height:10px;border-radius:50%;background:#2a2622;border:2px solid var(--ink)}.channel--active .channel__led{background:var(--jewel);box-shadow:0 0 8px var(--jewel)}.desk{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:calc(var(--grid) * .75)}.strip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:calc(var(--grid) * .5) 2px;background:#14100d;border:2px solid var(--ink)}.strip__name{width:100%;font-size:8px;letter-spacing:0;text-transform:uppercase;color:var(--legend-dim);text-align:center;line-height:1.3;min-height:22px;overflow-wrap:break-word;min-height:24px}.strip__slot{position:relative;width:14px;height:68px;background:#0a0806;border:2px solid #2c261f}.strip__rail{position:absolute;left:50%;top:4px;bottom:4px;width:2px;margin-left:-1px;background:#2c261f}.strip__progress{position:absolute;left:50%;bottom:4px;width:2px;margin-left:-1px;max-height:calc(100% - 8px);background:var(--led-green)}.strip__cap{position:absolute;left:-3px;width:16px;height:10px;background:var(--knob-skirt);border:2px solid var(--ink);box-shadow:inset 0 2px #fff,inset 0 -2px #8f8875}.strip__cap--capped{background:var(--vu-hot);box-shadow:inset 0 2px #ff8f8f}.strip__level{font-size:10px;color:var(--plexi-sheen);font-variant-numeric:tabular-nums}.group__title{margin:var(--grid) 0 calc(var(--grid) * .5);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--piping)}.group:first-child .group__title{margin-top:0}.board{position:relative;padding:calc(var(--grid) * 1.5) var(--grid);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff0f}.board__cables{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board__grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--grid) * 1.75)}.pedal{display:flex;flex-direction:column;align-items:center;gap:calc(var(--grid) * .5);padding:var(--grid) calc(var(--grid) * .5);cursor:pointer;background-color:var(--enclosure, #3c4450);background-image:linear-gradient(180deg,rgba(255,255,255,.2) 0 3px,rgba(255,255,255,.07) 3px 8px,transparent 8px 84%,rgba(0,0,0,.4) 84% 100%);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff14}.pedal:disabled{cursor:default;background-color:#201d19;background-image:none}.pedal--active{box-shadow:inset 0 0 0 2px #ffffff14,0 0 0 3px var(--piping)}.pedal__led{width:12px;height:12px;border-radius:50%;background:#241f1a;border:2px solid var(--ink)}.pedal__led--on{background:var(--led, var(--led-green));box-shadow:0 0 10px var(--led, var(--led-green))}.pedal__icon{font-size:24px;line-height:1}.pedal__name{font-size:9px;letter-spacing:1px;text-transform:uppercase;text-align:center;color:var(--legend);line-height:1.3}.pedal:disabled .pedal__name{color:#6f6a61}.pedal__mode{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#ffffff8c}.pedal__switch{width:18px;height:8px;background:#b9b3a2;border:2px solid var(--ink);box-shadow:inset 0 2px #fff}.pedal:disabled .pedal__switch{background:#4a453d;box-shadow:none}.attr{padding:calc(var(--grid) * .5) 0;border-bottom:2px solid #1e1a16}.attr:last-child{border-bottom:none}.attr__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--grid);font-size:13px}.attr__level{color:var(--plexi-sheen);font-variant-numeric:tabular-nums;white-space:nowrap}.row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--grid);padding:calc(var(--grid) * .4) 0;font-size:13px}.row__label{color:var(--legend-dim)}.row__value{color:var(--legend);font-variant-numeric:tabular-nums}.row--total{margin-top:calc(var(--grid) * .5);padding-top:calc(var(--grid) * .75);border-top:2px solid #2c261f}.row--total .row__label{color:var(--piping)}.row--total .row__value{color:var(--plexi-sheen)}.entry{display:flex;align-items:center;justify-content:space-between;gap:var(--grid);padding:calc(var(--grid) * .75) 0;border-bottom:2px solid #1e1a16}.entry:last-child{border-bottom:none}.entry__name{color:var(--legend);font-size:13px}.entry__desc{color:var(--legend-dim);font-size:11px;line-height:1.5}.entry__action{flex:0 0 auto;min-width:104px}.muted{color:var(--legend-dim);font-size:12px;margin:0}.entry__stats{display:flex;flex-wrap:wrap;gap:calc(var(--grid) * 1.25);margin-top:3px;font-size:11px;color:var(--legend-dim);font-variant-numeric:tabular-nums}.entry__action--stack{display:grid;gap:4px}.gain{color:var(--vu-safe)}.gain--none{color:var(--legend-dim)}.gain--bad{color:var(--vu-hot)}.tag{margin-left:calc(var(--grid) * .75);padding:1px 5px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--legend-dim);border:2px solid #2c261f}.tag--on{color:var(--ink);background:var(--vu-safe);border-color:var(--ink)}.tips{margin:0;padding-left:calc(var(--grid) * 2);font-size:12px;line-height:1.7;color:var(--legend-dim)}.tips li::marker{color:var(--piping)}.now{margin-bottom:var(--grid);padding-bottom:var(--grid);border-bottom:2px solid #2c261f}.now__row{display:flex;align-items:center;justify-content:space-between;gap:var(--grid);margin-bottom:calc(var(--grid) * .5)}.now__name{color:var(--plexi-sheen);font-size:12px;letter-spacing:2px;text-transform:uppercase}.now__actions{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--grid) * .75);margin-top:var(--grid)}.stage{position:relative;aspect-ratio:320 / 144;margin-bottom:calc(var(--grid) * 1.5);overflow:hidden;border:3px solid var(--ink);background:var(--tolex-black)}.stage canvas{image-rendering:pixelated}.footbar{padding:var(--grid) calc(var(--grid) * 1.5) calc(var(--grid) * 1.5);background:var(--tolex-black);border-top:3px solid var(--ink);box-shadow:inset 0 3px 0 var(--piping)}.footbar__meta{margin-top:calc(var(--grid) * .75);text-align:center;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--legend-dim)}.footbar__meta b{color:var(--piping);font-weight:400}