@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
:root{color-scheme:dark;--ink:#ece8dc;--muted:#9c9d9e;--orange:#f3814d;--height:100svh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body{margin:0;background:#101217;color:var(--ink);font:14px/1.5 'Noto Sans TC',system-ui,sans-serif;overscroll-behavior:none}button,a,input{touch-action:manipulation}button,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}main{height:var(--height);min-height:540px;max-width:1500px;margin:auto;position:relative;overflow:hidden;background:#14171c;display:grid;grid-template-columns:1fr 420px}#stage{min-height:0;position:relative;overflow:hidden;background:#1f2935}#scene,#scene canvas{width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0c10154a,transparent 25%,transparent 80%,#11151a8f)}header{position:absolute;top:0;left:0;right:0;padding:22px 24px;display:flex;align-items:center;gap:14px;background:linear-gradient(#10131bd4,transparent);z-index:2}.brand{background:#e7e4d8;border-radius:5px;width:54px;height:39px;padding:4px}.brand img{width:100%;height:100%;object-fit:contain}.job{display:flex;flex-direction:column;gap:2px}.job span,.micro,.stamp{font-size:9px;letter-spacing:2px;color:var(--muted)}.job strong{font-size:15px;font-weight:500}nav{margin-left:auto;display:flex;gap:7px;align-items:center}nav button,nav a{padding:8px 10px;border:1px solid #ffffff24;border-radius:7px;background:#11151b99;font-size:11px;white-space:nowrap}.site-tag{position:absolute;top:90px;left:24px;font-size:10px;letter-spacing:1px;color:#c7cbc8}.live-dot{display:inline-block;background:#94c6a5;width:5px;height:5px;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #94c6a5}#damage-hud{position:absolute;bottom:32px;left:26px;width:170px;background:#11151b8a;backdrop-filter:blur(9px);padding:12px 15px;border-radius:8px;border:1px solid #ffffff14}#damage-hud>div:first-child{display:flex;align-items:center;justify-content:space-between}#damage-hud span{font-size:11px;color:#b6b9b9}#damage{font:28px/1.2 system-ui;font-weight:700}small{font-size:11px}#damage small{font-size:12px;margin-left:2px}.meter{height:3px;background:#ffffff1b;border-radius:4px;margin-top:9px;overflow:hidden}.meter i{display:block;background:var(--orange);width:0;height:100%;transition:width .18s}.stage-logo{position:absolute;width:57px;right:18px;bottom:18px;filter:invert(1);opacity:.65}#riff-caption{position:absolute;bottom:35px;left:220px}#riff-caption span{display:block;font-size:9px;letter-spacing:2px;color:var(--orange)}#riff-caption strong{font-size:16px;font-weight:500}#workbench{background:radial-gradient(ellipse at 50% 0,#272a30,#15181e 75%);padding:26px 24px 15px;border-left:1px solid #ffffff0c;overflow-y:auto;scrollbar-width:thin}.bench-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:21px;letter-spacing:1px;margin:3px 0 0}.wallet{font:15px system-ui;background:#ffffff08;border:1px solid #ffffff12;padding:7px 10px;border-radius:5px;color:#d6c2a0}.board-shell{height:220px;position:relative;border:2px solid #40434a;border-radius:9px;background:repeating-linear-gradient(0deg,#141619 0px,#141619 19px,#252830 20px,#252830 27px,#090b0e 29px,#090b0e 39px);box-shadow:0 18px 25px #0008,inset 0 1px 0 #ffffff18;padding:26px 12px 18px}.board-shell:before,.board-shell:after{content:'●';position:absolute;bottom:7px;font-size:8px;color:#80828a}.board-shell:before{left:8px}.board-shell:after{right:8px}.board-jacks{display:flex;justify-content:space-between;position:absolute;top:8px;left:12px;right:12px;font:8px system-ui;letter-spacing:1.5px;color:#a3a3a0}.cables{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cables path{fill:none;stroke:#111;stroke-width:9;filter:drop-shadow(0px 2px 1px #000)}#pedals{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:center;height:100%}.pedal{--paint:#b47a38;--turn:35deg;position:relative;width:100%;height:160px;background:linear-gradient(110deg,#ffffff24,transparent 45%,#00000024),var(--paint);border-radius:7px 7px 9px 9px;border:1px solid #ffffff4a;border-bottom:7px solid #0004;box-shadow:0 9px 7px #0009,inset 0 2px 0 #ffffff4d,inset 3px 0 0 #ffffff0c;display:flex;flex-direction:column;align-items:center;padding:10px 3px 4px;color:#181b20;touch-action:none;cursor:grab}.pedal:before,.pedal:after{content:'';width:6px;height:14px;background:linear-gradient(90deg,#383a3b,#afb3b8,#353536);border-radius:2px;position:absolute;top:73px;z-index:-1}.pedal:before{left:-6px}.pedal:after{right:-6px}.pedal.off{filter:saturate(.5);opacity:.8}.pedal.dragging{opacity:.3}.pedal.drop-target{outline:2px dashed #ffc693;outline-offset:4px}.screw{position:absolute;font:10px system-ui;color:#2228;top:4px;left:5px}.screw.right{left:auto;right:5px}.knobs{display:flex;align-items:center;gap:9px;height:31px}.knob{width:25px;height:25px;background:repeating-conic-gradient(#242629 0deg 8deg,#101113 8deg 16deg);box-shadow:0 3px 3px #0006;border:2px solid #424547;border-radius:50%;position:relative;transform:rotate(var(--turn))}.knob:after{content:'';position:absolute;width:2px;height:8px;background:#e9e0c9;top:2px;left:10px}.knob.small{width:17px;height:17px;transform:rotate(-20deg)}.knob.small:after{left:6px;height:5px}.knob-label{font:7px system-ui;letter-spacing:1.4px;margin:1px 0 8px}.pedal strong{font:900 17px/1.1 system-ui;letter-spacing:-.6px;text-shadow:0 1px 0 #fff2}.pedal .model{font:7px system-ui;letter-spacing:1px;margin-top:3px}.led{width:5px;height:5px;border-radius:50%;background:#c0ff87;margin:8px 0 5px;box-shadow:0 0 7px #c5ff6d,0 0 15px #c5ff6d66}.off .led{background:#375a32;box-shadow:none}.footswitch{height:21px;width:21px;border-radius:50%;background:radial-gradient(circle,#dedede 0 28%,#7a7e82 30% 41%,#e4e4e2 43% 57%,#676b6e 60%);box-shadow:0 3px 2px #0005}.pedal .value{font:8px system-ui;margin-top:4px}.chain-label{position:absolute;bottom:3px;left:12px;right:12px;display:flex;justify-content:space-around;font:8px system-ui;color:#5f6570}.bench-tools{display:flex;align-items:center;justify-content:space-between;margin:15px 0 24px;gap:5px}#chain-name{font:9px system-ui;letter-spacing:.5px;color:#b8b8b4}#reorder{color:#bcbdbf;background:transparent;border:1px solid #ffffff1b;border-radius:4px;padding:6px;font-size:10px}.rack-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.rack-header span{font-size:12px}.rack-header small{font-size:9px;color:#85898d}#rack{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rack-pedal{background:#ffffff03;border:1px solid #ffffff13;border-radius:6px;min-height:63px;color:var(--ink);display:flex;align-items:center;gap:8px;padding:8px;touch-action:none;text-align:left}.mini-pedal{flex-shrink:0;width:18px;height:32px;border-radius:2px;background:var(--paint);box-shadow:2px 3px 0 #0005;position:relative}.mini-pedal:before{content:'••';font:9px system-ui;color:#24262b;position:absolute;top:0;left:3px}.mini-pedal:after{content:'●';font:7px system-ui;color:#d1d1cf;position:absolute;bottom:1px;left:6px}.rack-pedal strong{display:block;font:700 10px system-ui}.rack-pedal small{font-size:8px;color:#8a8d90;display:block;margin-top:4px}.rack-pedal.selected{border-color:#f3814d88;background:#f3814d09}.rack-pedal.locked{border-style:dashed}.rack-pedal:active{transform:translateY(1px)}.action-bar{display:flex;gap:9px;margin-top:22px}.primary,.secondary{border-radius:7px;min-height:48px;padding:12px 18px;font-size:14px;font-weight:700;letter-spacing:.7px}.primary{background:linear-gradient(110deg,#f99d68,#f17845);color:#211b17;box-shadow:0 4px 0 #713f28,0 8px 20px #f1784515;display:flex;justify-content:space-between;align-items:center;gap:16px}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #713f28}.secondary{border:1px solid #ffffff22;background:#242831;color:#ddded8;padding:12px}.action-bar .primary{flex:1}.primary span{font:22px system-ui}#notice{font-size:10px;color:#959a9d;margin:15px 0 0;text-align:center;min-height:15px}.overlay{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#10151bcc,#10151b4a 55%,#10151b77);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:flex-start;padding:40px 7%;overflow-y:auto}.menu-card,.result-card{width:370px;max-width:100%;background:linear-gradient(145deg,#f5efdf,#e6decd);color:#24252b;border:1px solid #fff6;box-shadow:0 30px 80px #0005;border-radius:3px 3px 24px 3px;padding:33px 30px}.stamp{color:#7b7b70;font-size:9px}.menu-card h2{font-size:49px;font-weight:900;line-height:1.13;margin:21px 0 16px;position:relative;letter-spacing:-2px}.menu-card h2 em{font-style:normal;color:#bd5134}.title-dot{font-size:14px;position:absolute;right:0;top:0}.intro{font-size:14px;line-height:1.85;color:#696c64;margin-bottom:23px}.contract{border-top:1px solid #b8b3a6;border-bottom:1px solid #b8b3a6;margin:0 0 25px;padding:12px 0;display:flex;flex-direction:column;gap:3px}.contract span{font:9px system-ui;letter-spacing:1px;color:#797b70}.contract strong{font-size:19px;font-weight:500}.contract small{color:#797b70;font-size:10px}.menu-card>.primary,.result-card>.primary{width:100%}.menu-card .play-count{font-size:10px!important;color:#868373!important;margin:15px 0 0!important}.menu-footer{display:flex;align-items:center;gap:14px;margin-top:15px;font-size:10px;color:#62675e}.menu-footer img{width:48px;margin-left:auto}.menu-footer a{border-bottom:1px solid #adb0a5;padding-bottom:3px}#load-status{font-size:11px;color:#a1452d;margin:8px 0 0}.result-card h2{font-size:34px;margin:18px 0 8px}.result-card>p{font-size:12px;color:#787c70}.result-score{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #b8b3a6;padding:15px 0}.result-score strong{font:800 68px/.95 system-ui;letter-spacing:-4px;color:#a94b33}.result-score small{font-size:23px;letter-spacing:0}.result-score>span{font-size:10px;color:#757970}.receipt{padding:15px 0 0}.receipt>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.receipt b{font-family:system-ui}.receipt .total{border-top:1px dashed #b9b2a2;padding-top:12px;margin-top:12px}.receipt .total b{font-size:26px}.result-card #best{font-size:10px;margin:12px 0 20px}dialog{width:340px;max-width:90vw;border:1px solid #ffffff2a;border-radius:16px;background:radial-gradient(ellipse at top,#343943,#1b2028);padding:22px;color:var(--ink);box-shadow:0 15px 60px #0008}dialog::backdrop{background:#05090db3;backdrop-filter:blur(5px)}.editor-head{display:flex;justify-content:space-between}.editor-head h2{margin:3px 0;font-size:23px}.editor-head button{background:transparent;color:#bbb;font-size:28px;padding:0 8px}.big-knob{width:92px;height:92px;border:4px solid #51565f;border-radius:50%;margin:25px auto 20px;background:repeating-conic-gradient(#20242b 0deg 8deg,#101318 8deg 16deg);box-shadow:0 10px 10px #0006;position:relative}.big-knob i{position:absolute;width:3px;height:22px;background:#f4e4c6;left:41px;top:5px}dialog label{display:block;text-align:center;font-size:11px;color:#a3a9af}input[type=range]{width:100%;accent-color:var(--orange);height:36px;touch-action:none}.editor-bottom{display:flex;align-items:center;justify-content:space-between;font:15px system-ui}.editor-bottom button{background:#ffffff08;color:#b4d7a3;border:1px solid #ffffff20;border-radius:5px;padding:8px;font-size:11px}#edit-description{font-size:11px;color:#9ca5ad;line-height:1.8;margin:18px 0 0}#loading{position:absolute;inset:0;background:#151a20;z-index:10;display:grid;place-items:center;color:#c0c6c8;font-size:13px}main.performing{touch-action:none}main.performing #workbench{opacity:.6;pointer-events:none}main.performing #stage{filter:contrast(1.06)}
@media(max-width:760px){main{display:flex;flex-direction:column;max-width:500px}#stage{height:43%;flex-shrink:0;min-height:210px}header{padding:12px 14px;gap:8px}.brand{width:40px;height:30px}.job span{font-size:8px}.job strong{font-size:12px}nav button,nav a{font-size:9px;padding:7px 8px}.site-tag{top:62px;left:15px;font-size:8px}#damage-hud{bottom:15px;left:15px;width:124px;padding:7px 9px}#damage{font-size:21px}#damage-hud span{font-size:9px}.stage-logo{width:43px;bottom:13px;right:13px}#riff-caption{left:154px;bottom:17px;right:50px}#riff-caption span{font-size:7px}#riff-caption strong{font-size:11px}#workbench{flex:1;padding:12px 15px 10px;min-height:0;border-left:0;border-top:1px solid #ffffff15}.bench-title{margin-bottom:10px}h1{font-size:17px}.micro{font-size:7px}.wallet{font-size:12px;padding:5px 8px}.board-shell{height:171px;padding:23px 18px 12px}#pedals{gap:20px}.pedal{height:128px;padding-top:7px;border-bottom-width:5px}.knobs{height:23px;gap:7px}.knob{width:21px;height:21px}.knob:after{left:8px;height:6px}.knob.small{width:15px;height:15px}.knob.small:after{left:5px}.knob-label{margin:2px 0 5px;font-size:6px}.pedal strong{font-size:15px}.pedal .model{font-size:6px}.led{margin:6px 0 4px}.footswitch{width:18px;height:18px}.pedal:before,.pedal:after{top:57px}.bench-tools{margin:9px 0 12px}.rack-header{margin-bottom:7px}.rack-pedal{min-height:46px;padding:5px;gap:6px}.rack-pedal strong{font-size:9px}.rack-pedal small{font-size:7px;margin-top:3px}.mini-pedal{width:16px;height:27px}.action-bar{margin-top:12px}.primary,.secondary{min-height:44px;font-size:12px;padding:10px 13px}#notice{font-size:9px;margin:12px 0 0}.overlay{padding:20px;justify-content:center;background:#0d131bb3}.menu-card,.result-card{width:330px;padding:27px 24px}.menu-card h2{font-size:43px}.menu-card .intro{font-size:13px}.contract{margin-bottom:19px}.result-card h2{font-size:30px}}
@media(max-height:660px) and (max-width:760px){#stage{height:38%;min-height:190px}#workbench{padding-top:9px}.board-shell{height:151px}.pedal{height:111px}.knob-label{margin-bottom:3px}.led{margin:4px 0}.pedal .value{display:none}.bench-tools{margin:8px 0}.rack-pedal{min-height:39px}.rack-header{margin-bottom:5px}.action-bar{margin-top:10px}.menu-card{padding:20px 22px}.menu-card h2{font-size:38px;margin:14px 0}.intro{margin-bottom:14px}.contract{padding:10px 0;margin-bottom:16px}.result-score strong{font-size:57px}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-height:660px) and (max-width:760px){#stage{height:34%;min-height:180px}#workbench{padding:8px 12px}.bench-title{margin-bottom:7px}h1{font-size:15px}.board-shell{height:128px;padding:18px 16px 8px}.pedal{height:101px;padding-top:5px}.knobs{height:21px}.knob-label{font-size:5px;margin:1px 0 3px}.pedal strong{font-size:13px}.pedal .model{font-size:5px}.led{margin:4px 0 3px}.footswitch{height:15px;width:15px}.board-jacks{font-size:7px;top:5px}.rack-pedal{min-height:32px;padding:4px;gap:5px}.mini-pedal{width:13px;height:22px}.rack-pedal strong{font-size:8px}.rack-pedal small{font-size:6px}.bench-tools{margin:6px 0}.rack-header{margin-bottom:5px;font-size:9px}.rack-header span{font-size:10px}.rack-header small{font-size:7px}.action-bar{margin-top:8px}.action-bar button{min-height:39px;padding:8px 10px;font-size:11px}#notice{margin-top:9px;font-size:8px}}
.empty-slot{width:100%;height:160px;border:1px dashed #686a6d;background:#0a0c0f66;border-radius:7px;color:#b2b3ae;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;touch-action:none}.empty-slot span{font:28px system-ui}.empty-slot small{font-size:10px}.empty-slot.chosen{border-color:#f3814d}.pedal strong{font-size:clamp(9px,1.05vw,15px);max-width:100%;text-align:center;overflow-wrap:anywhere}.energy-panel{display:flex;justify-content:space-between;gap:10px;border:1px solid #ffffff15;background:#ffffff04;border-radius:6px;padding:7px 9px;margin-bottom:12px}.energy-panel>div{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}.energy-panel span{font-size:9px;color:#a3a9ac}.energy-panel b{font:700 20px system-ui;color:#f5b179}.energy-panel small{font-size:8px;color:#929a9e}.remove-pedal{display:block;margin:12px auto 0;background:transparent;color:#d09a83;font-size:11px;text-decoration:underline}#workbench{display:flex;flex-direction:column;overflow:hidden}#workbench>*{flex-shrink:0}#rack{min-height:52px;flex:1;overflow-y:auto;align-content:start;scrollbar-width:thin;touch-action:pan-y}.rack-pedal{touch-action:pan-y}#notice{margin-bottom:0}.action-bar{margin-top:12px}.bench-tools{margin-bottom:13px}#rack-count{margin-left:5px;font-size:9px}.board-shell{flex-shrink:0}
@media(max-width:760px){#stage{height:37%;min-height:195px}.empty-slot{height:128px}.empty-slot small{font-size:8px}.pedal strong{font-size:11px}.energy-panel{padding:5px 8px;margin-bottom:8px}.energy-panel b{font-size:17px}.energy-panel span{font-size:8px}.energy-panel small{font-size:7px}.bench-tools{margin-bottom:8px}.bench-title{margin-bottom:8px}.board-shell{height:153px}.pedal{height:114px}.pedal .value{font-size:7px}.rack-pedal{min-height:42px}.rack-pedal strong{font-size:9px}.rack-pedal small{font-size:8px}.action-bar{margin-top:9px}}
@media(max-height:660px) and (max-width:760px){#stage{height:32%;min-height:170px}.board-shell{height:116px;padding-top:16px}.pedal{height:91px}.pedal .model,.pedal .knob-label{display:none}.empty-slot{height:91px}.pedal strong{font-size:10px}.energy-panel{margin-bottom:6px;padding:4px 7px}.bench-tools{margin:5px 0}.bench-title{margin-bottom:5px}.rack-header{margin-bottom:4px}.rack-pedal{min-height:32px}.pedal .value{display:block;font-size:6px}.pedal .led{margin:3px}.knobs{height:21px}}
/* Landscape keeps the scene and readable controls side by side on phones too. */
@media(orientation:landscape){main{display:grid;grid-template-columns:minmax(0,1fr) 390px;max-width:1500px;min-height:0}#stage{height:100%;min-height:0}#workbench{min-height:0;padding:14px 16px}.overlay{justify-content:center;padding:14px}.menu-card,.result-card{max-height:calc(var(--height) - 28px);overflow-y:auto}.pedal strong{font-size:12px}}
@media(orientation:landscape) and (max-height:550px){main{grid-template-columns:minmax(0,1fr) minmax(295px,43%)}#workbench{padding:8px 10px}.bench-title{margin-bottom:5px}h1{font-size:15px}.micro{font-size:7px}.board-shell{height:115px;padding:17px 13px 8px}.pedal,.empty-slot{height:90px}.pedal .model,.pedal .knob-label{display:none}.knobs{height:21px}.led{margin:4px 0 2px}.footswitch{height:16px;width:16px}.pedal .value{display:block;font-size:6px}.pedal strong{font-size:10px}.bench-tools{margin:5px 0}.energy-panel{margin:0 0 6px;padding:4px 7px}.energy-panel b{font-size:16px}.energy-panel small{font-size:7px}.energy-panel span{font-size:8px}.rack-header{margin-bottom:4px}.rack-pedal{min-height:32px;padding:4px}.rack-pedal strong{font-size:8px}.rack-pedal small{font-size:7px}.action-bar{margin-top:7px}.action-bar button{font-size:11px;min-height:36px;padding:7px 9px}#notice{margin-top:7px;font-size:8px}.brand{width:36px;height:27px}header{padding:10px;gap:7px}.job strong{font-size:11px}.job span{font-size:7px}nav{gap:4px}nav button,nav a{font-size:8px;padding:6px}.site-tag{left:12px;top:50px;font-size:8px}#damage-hud{left:12px;bottom:14px;width:105px;padding:7px}#damage-hud span{font-size:8px}#damage{font-size:19px}#riff-caption{left:130px;right:45px;bottom:18px}#riff-caption span{font-size:7px}#riff-caption strong{font-size:10px}.stage-logo{width:37px}.empty-slot small{font-size:7px}dialog{max-height:90vh;overflow:auto}.big-knob{width:70px;height:70px;margin:12px auto}.big-knob i{left:30px;height:17px}.editor-head h2{font-size:18px}#edit-description{font-size:10px;margin-top:7px}.remove-pedal{margin-top:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(orientation:landscape) and (max-height:550px){#rack{grid-template-columns:repeat(2,minmax(0,1fr))}.rack-pedal strong{font-size:11px}.rack-pedal small{font-size:10px}.rack-pedal{min-height:43px}.job strong{font-size:13px}nav button,nav a{font-size:11px}.site-tag{font-size:10px}.energy-panel>span{font-size:10px}.empty-slot small{font-size:10px}.action-bar button{font-size:13px}.rack-header span{font-size:12px}}

.load-progress{margin:14px 0 12px;text-align:left}.load-progress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;color:#62594e}.load-progress b{color:#945e2f;font-variant-numeric:tabular-nums}.load-progress progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#33383d;color:#d6a56d}.load-progress progress::-webkit-progress-bar{background:#33383d;border-radius:8px}.load-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#916548,#e7ba80);border-radius:8px}.load-progress progress::-moz-progress-bar{background:#d6a56d;border-radius:8px}


/* The board remains visible; only the inventory scrolls. */
.board-group{flex-shrink:0;min-width:0}.bench-scroll{flex:1;display:flex;min-height:52px}.bench-scroll #rack{flex:1;min-height:0}
@media(pointer:coarse) and (max-width:1100px){
 main{height:var(--visible-height,var(--height));min-height:0}
 header{padding:7px 12px;gap:8px;background:#172027}.brand{width:38px;height:29px}.job strong{font-size:13px}.job span{font-size:8px;letter-spacing:1px}nav{gap:5px}nav button,nav a{min-height:32px;font-size:11px;padding:6px 8px}
 .site-tag,#riff-caption,.micro,#notice{display:none!important}
 #workbench{padding:6px 12px max(7px,env(safe-area-inset-bottom));min-height:0;overflow:hidden}.bench-title{margin:0 0 5px}h1{font-size:15px;margin:0}.wallet{font-size:12px;padding:4px 7px}
 .board-group{position:relative;padding-bottom:0;background:#1b2027}
 .board-group .board-shell{height:108px;padding:10px 10px 6px;border-radius:8px;margin:0}
 #pedals{gap:12px}.board-group .pedal,.board-group .empty-slot{height:90px;min-height:0;padding:5px 3px 3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-bottom-width:4px}
 .board-group .pedal strong{font-size:13px;line-height:1.15;min-height:15px;margin:3px 0}
 .board-group .pedal .knobs{display:flex;height:23px;gap:8px}.knob{width:22px;height:22px}.knob.small{width:16px;height:16px}.knob:after{left:9px;height:6px}.knob.small:after{left:6px}
 .board-group .pedal .model,.board-group .pedal .knob-label{display:none}.board-group .pedal .led{display:block;width:5px;height:5px;margin:3px 0}.board-group .pedal .footswitch{display:block;width:18px;height:18px;flex-shrink:0}.board-group .pedal .value{display:block;font-size:7px;line-height:1;margin-top:3px}.board-jacks,.chain-label{display:none}
 .board-group .empty-slot{justify-content:center;gap:5px}.empty-slot span{font-size:24px}.empty-slot small{font-size:11px}
 .board-group .bench-tools{position:absolute;right:0;bottom:1px;margin:0;height:24px}.board-group .bench-tools button{min-height:24px;padding:3px 5px;font-size:10px}#chain-name{display:none}
 .board-group .energy-panel{height:26px;min-height:26px;margin:0 76px 0 0;border:0;padding:2px 0;background:none;gap:10px;align-items:center;justify-content:flex-start}.energy-panel>div{flex-wrap:nowrap;gap:4px}.energy-panel span{font-size:9px;white-space:nowrap}.energy-panel b{font-size:16px;line-height:1}.energy-panel small{display:none}
 .rack-header{margin:7px 0 6px;flex-shrink:0;font-size:12px}.rack-header span{font-size:12px}.rack-header small{font-size:10px}.rack-header>small{font-size:0}.rack-header>small:after{content:'上下滑動 · 點選裝上';font-size:10px}
 .bench-scroll{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:2px}
 #workbench #rack{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;touch-action:pan-y;margin:0;padding-bottom:4px}
 #rack .rack-pedal{min-height:60px;padding:8px;gap:8px;touch-action:pan-y}#rack .rack-pedal strong{font-size:13px;line-height:1.2}#rack .rack-pedal small{font-size:11px;line-height:1.2;margin-top:5px}.mini-pedal{width:19px;height:31px;flex-shrink:0}
 .action-bar{margin-top:7px;flex-shrink:0}.action-bar button{min-height:44px;padding:8px 12px;font-size:13px}
 .menu-card,.result-card{max-height:calc(var(--visible-height,var(--height)) - 24px);overflow:auto}
}
@media(pointer:coarse) and (max-width:1100px) and (orientation:portrait){
 main{display:grid;max-width:500px;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--stage-height,434px) minmax(0,1fr)}
 #stage{height:auto;min-height:0;display:grid;grid-template-rows:48px 154px minmax(0,1fr) 28px}
 header{position:static;grid-row:1}.board-group{grid-row:2;padding:10px 12px}.board-group .board-shell{height:108px}
 #scene{grid-row:3;min-height:0}.vignette{top:202px;bottom:28px}.stage-logo{width:35px;right:10px;bottom:35px}
 #damage-hud{position:static;grid-row:4;width:auto;border:0;border-radius:0;padding:3px 12px;background:#182028;display:flex;gap:12px;align-items:center}#damage-hud>div:first-child{gap:10px;min-width:105px}#damage-hud span{font-size:10px}#damage{font-size:17px}#damage small{font-size:10px}.meter{flex:1;height:4px;margin:0}
 #workbench .bench-title{display:none}.rack-header{margin-top:0}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){
 main{display:grid;grid-template-columns:minmax(0,1fr) clamp(270px,39vw,360px)}
 #stage{height:100%;display:grid;grid-template-rows:48px minmax(0,1fr) 28px;min-height:0}
 header{position:static;grid-row:1;padding:6px 10px}.job strong{font-size:12px}#scene{grid-row:2;min-height:0}.vignette{top:48px;bottom:28px}.stage-logo{bottom:34px;width:32px}
 #damage-hud{position:static;grid-row:3;width:auto;padding:3px 10px;border:0;border-radius:0;background:#182028;display:flex;gap:10px;align-items:center}#damage-hud>div:first-child{min-width:95px;gap:8px}#damage-hud span{font-size:9px}#damage{font-size:16px}#damage small{font-size:9px}.meter{flex:1;margin:0}
 #workbench{padding:5px 10px max(5px,env(safe-area-inset-bottom))}.bench-title{margin-bottom:4px}h1{font-size:13px;line-height:1.2}.wallet{font-size:11px;line-height:1.2;padding:2px 5px}
 .board-group .board-shell{height:98px;padding:7px 8px 5px}.board-group .pedal,.board-group .empty-slot{height:82px;padding-top:3px}.board-group .pedal strong{font-size:12px}.board-group .pedal .knobs{height:21px}.board-group .pedal .led{margin:2px 0}.board-group .pedal .footswitch{height:16px;width:16px}.board-group .pedal .value{font-size:6px}
 .energy-panel span{font-size:8px}.energy-panel b{font-size:15px}.board-group .energy-panel{gap:7px;height:24px;min-height:24px}.rack-header{margin:4px 0 5px;line-height:1.2}.rack-header span{font-size:11px}.rack-header>small:after{font-size:9px}
 #rack .rack-pedal strong{font-size:12px}#rack .rack-pedal{padding:7px;min-height:58px}.action-bar{margin-top:5px}.action-bar button{min-height:44px;padding:7px 9px;font-size:12px}
}
@media(pointer:coarse) and (max-width:1100px) and (orientation:portrait){#workbench .bench-title{display:flex;justify-content:flex-end;height:18px;margin:0 0 4px}#workbench h1{display:none}.wallet{padding:1px 6px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){#rack .rack-pedal{min-height:60px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){
 .board-group .board-shell{height:90px;padding-top:6px;padding-bottom:4px}.board-group .pedal,.board-group .empty-slot{height:74px;padding-top:2px}.board-group .pedal strong{margin:2px 0;min-height:13px}.board-group .pedal .knobs{height:20px}.board-group .pedal .led{margin:1px 0}.board-group .pedal .value{margin-top:2px}
 .bench-title{margin-bottom:2px}.wallet{padding-top:1px;padding-bottom:1px}.rack-header{margin-top:2px;margin-bottom:2px}
}
@media(pointer:coarse) and (max-width:1100px){.board-group .pedal>*{flex-shrink:0}.board-group .pedal strong{margin:2px 0;min-height:14px}.board-group .pedal .knobs{height:22px}.board-group .pedal .led{margin:1px 0}.board-group .pedal .value{margin-top:2px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){.board-group .board-shell{height:94px}.board-group .pedal,.board-group .empty-slot{height:78px}.board-group .pedal .knobs{height:20px}}
/* Compact information bars keep the useful values together. */
.board-group{display:flex;flex-direction:column}.board-meta{display:contents}.board-meta .bench-title{order:-1}.board-group .board-shell{order:0}.board-meta .bench-tools{order:1}.board-meta .energy-panel{order:2}.compact-label{display:none}
@media(pointer:coarse) and (max-width:1100px){
 .board-group{display:block}.board-meta{display:flex;align-items:center;gap:7px;height:28px;white-space:nowrap;min-width:0}
 .board-meta .bench-title,.board-meta .bench-title>div{display:contents}.board-meta h1{display:block!important;order:1;font-size:12px;margin:0;line-height:1;flex-shrink:0}.board-meta .energy-panel{order:2;margin:0;min-height:0;height:auto;padding:0;gap:9px;flex:1;justify-content:flex-start}.board-meta .energy-panel span{font-size:0}.board-meta .energy-panel span:after{font-size:9px}.board-meta .energy-panel>div:first-child span:after{content:'能量'}.board-meta .energy-panel>div:last-child span:after{content:'防禦'}.board-meta .energy-panel b{font-size:16px}.board-meta .energy-panel>div{gap:4px}.board-meta .wallet{order:3;font-size:12px;line-height:1;padding:2px 4px;flex-shrink:0}.board-meta .bench-tools{order:4;position:static;right:auto;bottom:auto;margin:0;height:26px;flex-shrink:0}.board-meta .bench-tools button{min-height:26px;padding:3px 5px;font-size:10px}
 .rack-header{height:24px;min-height:24px;margin:0 0 5px;display:flex;align-items:center;gap:10px;white-space:nowrap}.rack-header>span{font-size:12px;flex-shrink:0}.rack-header>small{display:none}
 .rack-header #damage-hud{position:static;display:flex;align-items:center;gap:7px;width:auto;min-width:0;flex:1;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;height:22px}.rack-header #damage-hud>div:first-child{display:flex;gap:6px;min-width:0;flex-shrink:0;justify-content:flex-start}.rack-header #damage-hud span{font-size:9px}.rack-header #damage{font-size:15px;line-height:1}.rack-header #damage small{font-size:10px;margin-left:1px}.rack-header .meter{flex:1;min-width:10px;margin:0;height:3px}
}
@media(pointer:coarse) and (max-width:1100px) and (orientation:portrait){
 #stage{grid-template-rows:48px 142px minmax(0,1fr)}.board-group{padding:3px 12px}.vignette{top:190px;bottom:0}.stage-logo{bottom:8px}.board-meta h1{font-size:11px}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){
 #stage{grid-template-rows:48px minmax(0,1fr)}.vignette{bottom:0}.stage-logo{bottom:8px}.board-meta{gap:4px}.full-label{display:none}.compact-label{display:inline}.board-meta h1{font-size:11px}.board-meta .energy-panel{gap:5px}.board-meta .energy-panel b{font-size:14px}.board-meta .energy-panel span:after{font-size:8px}.board-meta .wallet{font-size:11px;padding:2px 3px}.board-meta .bench-tools button{padding:3px 4px;font-size:9px}.rack-header{margin-top:3px;font-size:11px;gap:8px}.rack-header>span{font-size:11px}.rack-header #damage-hud{gap:5px}.rack-header #damage-hud span{font-size:8px}.rack-header #damage-hud>div:first-child{gap:4px}
}
@media(pointer:coarse) and (max-width:1100px){
 .board-meta{gap:5px}.board-meta .bench-tools{display:none}.board-meta .energy-panel{margin:0}.rack-header{gap:7px}.rack-header #reorder{width:28px;height:24px;min-width:28px;min-height:24px;padding:0;background:#ffffff08;color:var(--ink);border:1px solid #ffffff1c;border-radius:4px;font-size:15px;line-height:1;flex-shrink:0}.rack-header #reorder .swap-label{display:none}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){.board-meta h1{font-size:10px}.board-meta{gap:4px}}
/* Compact mobile pedal board: half-height display, full inventory touch targets. */
@media(max-width:680px),(pointer:coarse) and (orientation:landscape) and (max-height:550px){
 .board-group .board-shell{width:100%;min-width:0;max-width:100%;margin-inline:0;height:108px;padding:8px 6px}
 .board-group #pedals{gap:10px}
 .board-group .pedal,.board-group .empty-slot{height:90px;min-height:90px;padding:4px 1px 2px;border-bottom-width:4px}
 .board-group .pedal strong{font-size:12px;line-height:1.15;letter-spacing:-.3px;margin:3px 0;min-height:12px;max-width:100%;overflow-wrap:anywhere}
 .board-group .pedal .knobs{height:20px;gap:3px}
 .board-group .pedal .knob{width:17px;height:17px;border-width:1px}
 .board-group .pedal .knob:after{left:7px;height:5px}
 .board-group .pedal .knob.small{width:12px;height:12px}
 .board-group .pedal .knob.small:after{left:4px;height:4px}
 .board-group .pedal .model,.board-group .pedal .knob-label,.board-group .board-jacks,.board-group .chain-label{display:none}
 .board-group .pedal .led{margin:3px 0;width:5px;height:5px}
 .board-group .pedal .footswitch{position:relative;flex-shrink:0;width:18px;height:18px}
 .board-group .pedal .footswitch:after{content:'';position:absolute;width:40px;height:32px;left:50%;top:50%;transform:translate(-50%,-50%)}
 .board-group .pedal .value{font-size:8px;margin-top:4px;white-space:nowrap}
 .board-group .empty-slot span{font-size:22px}.board-group .empty-slot small{font-size:11px;line-height:1.25;white-space:normal}
}
/* Small reading frames also need a usable inventory, regardless of input device. */
@media(max-width:680px),(pointer:coarse) and (orientation:landscape) and (max-height:550px){
 #workbench{padding:6px 10px 9px;min-height:0}.micro,#notice{display:none!important}
 .board-group{display:block}.board-meta{display:flex;align-items:center;height:26px;gap:6px;white-space:nowrap;min-width:0}
 .board-meta .bench-title,.board-meta .bench-title>div{display:contents}.board-meta h1{font-size:11px;margin:0;line-height:1;order:1;flex-shrink:0}.full-label{display:none}.compact-label{display:inline}
 .board-meta .energy-panel{order:2;flex:1;height:auto;min-height:0;margin:0;padding:0;border:0;background:none;gap:7px;justify-content:flex-start}.board-meta .energy-panel>div{flex-wrap:nowrap;gap:3px}.board-meta .energy-panel span{font-size:0}.board-meta .energy-panel span:after{font-size:8px}.board-meta .energy-panel>div:first-child span:after{content:'能量'}.board-meta .energy-panel>div:last-child span:after{content:'防禦'}.board-meta .energy-panel b{font-size:14px}.board-meta .energy-panel small{display:none}.board-meta .wallet{order:3;padding:2px 3px;font-size:11px}.board-meta .bench-tools{display:none}
 .board-group .board-shell{height:80px;padding:6px;margin:0;width:100%;box-shadow:0 5px 8px #0005}
 .board-group .pedal{height:64px;min-height:64px;padding:3px 4px;border-bottom-width:3px;display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:16px 14px 15px;gap:2px;align-items:center;justify-items:center}
 .board-group .pedal .knobs{grid-column:1/-1;grid-row:1;height:16px;gap:4px}.board-group .pedal .knob{width:15px;height:15px}.board-group .pedal .knob.small{width:11px;height:11px}
 .board-group .pedal strong{grid-column:1/-1;grid-row:2;margin:0;min-height:0;font-size:11px;line-height:14px;white-space:nowrap;letter-spacing:-.4px}
 .board-group .pedal .led{position:absolute;top:5px;right:5px;width:4px;height:4px;margin:0}.board-group .pedal .footswitch{grid-column:1;grid-row:3;width:15px;height:15px}.board-group .pedal .value{grid-column:2;grid-row:3;font-size:7px;margin:0;line-height:12px;white-space:nowrap}
 .board-group .pedal .model,.board-group .pedal .knob-label,.board-jacks,.chain-label{display:none}.board-group .empty-slot{height:64px;min-height:64px;padding:3px;display:flex;align-items:center;justify-content:center;gap:2px}.board-group .empty-slot span{font-size:19px;line-height:22px}.board-group .empty-slot small{font-size:11px}
 .rack-header{margin:0;height:24px;min-height:24px;gap:6px}.rack-header>small{display:none}.rack-header #rack-count{font-size:9px}
 .bench-scroll{min-height:128px;flex:1;display:block;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-right:2px}
 #workbench #rack{display:grid;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;margin:0;padding-bottom:4px}
 #rack .rack-pedal{min-height:60px;padding:7px;gap:8px;touch-action:pan-y}#rack .rack-pedal strong{font-size:12px;line-height:1.2}#rack .rack-pedal small{font-size:10px;margin-top:4px}.mini-pedal{width:18px;height:29px}
 .action-bar{margin-top:6px;flex-shrink:0}.action-bar button{min-height:44px;padding:8px 10px;font-size:12px}
}
@media(pointer:coarse) and (max-width:680px) and (orientation:portrait){
 #stage{grid-template-rows:48px 112px minmax(0,1fr)}.vignette{top:160px}.board-group{padding:3px 10px}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){
 .board-meta{height:24px;gap:4px}.board-meta h1{font-size:10px}.board-meta .energy-panel{gap:5px}.board-meta .wallet{font-size:10px}.bench-scroll{min-height:124px}#workbench{padding:4px 8px 7px}.rack-header{height:22px;min-height:22px}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:550px){
 .short-landscape .board-group .board-shell{height:58px;padding:3px 5px}.short-landscape .board-group .pedal,.short-landscape .board-group .empty-slot{height:48px;min-height:48px;padding:1px 3px;border-bottom-width:2px}.short-landscape .board-group .pedal{grid-template-rows:14px 12px 13px;gap:2px}.short-landscape .board-group .pedal .knobs{height:14px}.short-landscape .board-group .pedal strong{font-size:10px;line-height:12px}.short-landscape .board-group .pedal .footswitch{width:13px;height:13px}.short-landscape .board-meta{height:18px}.short-landscape .rack-header{height:20px;min-height:20px}.short-landscape #workbench{padding:4px 8px}.short-landscape .action-bar{margin-top:4px}.short-landscape .bench-scroll{min-height:126px}
}

@media(max-width:680px){
 .rack-header{display:flex;align-items:center;white-space:nowrap}.rack-header #damage-hud{position:static;display:flex;align-items:center;gap:6px;width:auto;min-width:0;flex:1;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;height:22px}.rack-header #damage-hud>div:first-child{display:flex;gap:5px;min-width:0;flex-shrink:0}.rack-header #damage-hud span{font-size:8px}.rack-header #damage{font-size:14px;line-height:1}.rack-header #damage small{font-size:9px}.rack-header .meter{flex:1;min-width:8px;margin:0;height:3px}.rack-header #reorder{width:28px;height:24px;min-width:28px;padding:0;background:#ffffff08;border:1px solid #ffffff1c;border-radius:4px;font-size:15px;line-height:1}.rack-header #reorder .swap-label{display:none}
}

/* Final annotated layout: one scene information strip and one equipment heading row. */
@media(max-width:680px),(orientation:landscape) and (max-height:550px),(pointer:coarse) and (max-width:1100px){
 main{height:var(--visible-height,var(--height));min-height:0}
 #stage{height:100%;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) 34px}
 header{position:static;grid-row:1;padding:6px 10px;background:#172027}.brand{width:38px;height:29px}.job strong{font-size:12px}.job span{font-size:8px}nav button,nav a{font-size:10px;min-height:32px;padding:5px 7px}
 #scene{grid-row:2;min-height:0}.vignette{top:48px;bottom:34px}.site-tag,#riff-caption,.micro,#notice,#chain-name{display:none!important}
 #damage-hud{grid-row:3;position:static;display:flex;align-items:center;width:auto;min-width:0;height:34px;gap:8px;padding:3px 10px;border:0;border-radius:0;background:#182028;backdrop-filter:none}
 #damage-hud>div:first-child{min-width:0;gap:4px;flex-shrink:0}#damage-hud span{font-size:8px}#damage{font-size:15px;line-height:1}#damage small{font-size:9px}#damage-hud>.meter{flex:1;min-width:12px;margin:0;height:3px}
 #damage-hud .energy-panel{display:flex;gap:8px;height:auto;min-height:0;margin:0;padding:0;border:0;background:none;flex-shrink:0;white-space:nowrap}
 #damage-hud .energy-panel>div{flex-wrap:nowrap;gap:3px}#damage-hud .energy-panel span{font-size:0}#damage-hud .energy-panel span:after{font-size:8px}#damage-hud .energy-panel>div:first-child span:after{content:'能量'}#damage-hud .energy-panel>div:last-child span:after{content:'防禦'}#damage-hud .energy-panel b{font-size:14px;line-height:1}#damage-hud .energy-panel small{display:none}
 #damage-hud .stage-logo{position:static;width:29px;flex-shrink:0;filter:invert(1);opacity:.7}
 #workbench{padding:5px 10px 9px;min-height:0;gap:0}.board-group{display:flex;padding:0;background:none;flex-shrink:0}.board-meta{display:flex;order:-1;height:30px;gap:7px;align-items:center;white-space:nowrap}
 .board-meta .bench-title,.board-meta .bench-title>div{display:contents}.board-meta h1{order:1;display:block!important;font-size:13px;margin:0;line-height:1;flex-shrink:0}.full-label{display:inline}.compact-label{display:none}
 .board-meta .rack-header{order:2;height:auto;min-height:0;margin:0;display:flex;flex-shrink:0;gap:0}.board-meta .rack-header>span{font-size:10px;line-height:1}.board-meta #rack-count{font-size:9px;margin-left:3px}.board-meta .rack-header>small{display:none}
 .board-meta #reorder{order:3;display:block;min-height:26px;height:26px;padding:0 6px;font-size:14px;background:#ffffff08;border:1px solid #ffffff1c;border-radius:4px;flex-shrink:0}.board-meta #reorder .swap-label{display:none}.board-meta .wallet{order:4;margin-left:auto;font-size:11px;padding:2px 4px;flex-shrink:0}.board-meta .bench-tools{display:none}
 .bench-scroll{margin-top:6px;min-height:142px;max-height:142px;height:142px;flex:0 0 142px;display:block;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}
 #workbench #rack{display:grid;height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;align-content:start;padding-bottom:4px}
 #rack .rack-pedal{min-height:60px;padding:6px 5px;gap:5px;touch-action:pan-y}#rack .rack-pedal strong{font-size:clamp(10px,2.8vw,12px);line-height:1.2}#rack .rack-pedal small{font-size:9px;line-height:1.2;margin-top:4px}.mini-pedal{width:14px;height:27px}
 .action-bar{margin-top:6px;flex-shrink:0}.action-bar button{min-height:44px;padding:8px 10px;font-size:12px}
}
@media(max-width:680px) and (orientation:portrait),(pointer:coarse) and (max-width:1100px) and (orientation:portrait){
 main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;max-width:500px}#stage{grid-template-rows:48px minmax(0,1fr) 34px}
}
@media(orientation:landscape) and (max-height:550px){
 main{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,39vw,360px)}#workbench{padding:4px 8px}.board-meta{height:26px;gap:5px}.board-meta h1{font-size:11px}.board-meta .rack-header>span{font-size:9px}.full-label{display:none}.compact-label{display:inline}
 .board-group .board-shell{height:58px;padding:3px 5px}.board-group .pedal,.board-group .empty-slot{height:48px;min-height:48px;padding:1px 3px;border-bottom-width:2px}.board-group .pedal{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:14px 12px 13px;gap:2px;align-items:center;justify-items:center}
 .board-group .pedal .knobs{grid-column:1/-1;grid-row:1;height:14px}.board-group .pedal strong{grid-column:1/-1;grid-row:2;font-size:10px;line-height:12px;margin:0;min-height:0;white-space:nowrap}.board-group .pedal .led{position:absolute;top:4px;right:4px;width:4px;height:4px;margin:0}.board-group .pedal .footswitch{grid-column:1;grid-row:3;width:13px;height:13px}.board-group .pedal .value{grid-column:2;grid-row:3;font-size:7px;margin:0}.board-jacks,.chain-label,.board-group .model,.board-group .knob-label{display:none}
 .board-group .empty-slot{display:flex;justify-content:center;align-items:center;gap:2px}.board-group .empty-slot span{font-size:18px;line-height:19px}.board-group .empty-slot small{font-size:10px}
 .bench-scroll{margin-top:4px;min-height:134px;max-height:134px;height:134px;flex-basis:134px}.action-bar{margin-top:4px}#rack .rack-pedal strong{font-size:10px}.mini-pedal{width:12px}.board-meta .wallet{font-size:10px;padding:2px 3px}
 #damage-hud{gap:5px;padding:3px 8px}#damage-hud .energy-panel{gap:7px}
}
@media(orientation:landscape) and (max-height:550px){.action-bar{margin-top:auto;padding-top:4px}}
@media(orientation:landscape) and (max-height:550px){.short-landscape .action-bar{margin-top:auto;padding-top:4px}}

@media(max-width:680px) and (orientation:portrait){
 .tiny-height #stage{grid-template-rows:40px minmax(0,1fr) 28px}.tiny-height header{padding:4px 8px}.tiny-height #damage-hud{height:28px}.tiny-height .vignette{top:40px;bottom:28px}.tiny-height #workbench{padding:4px 8px}.tiny-height .board-meta{height:26px}
 .tiny-height .board-group .board-shell{height:58px;padding:3px 5px}.tiny-height .board-group .pedal,.tiny-height .board-group .empty-slot{height:48px;min-height:48px;padding:1px 3px;border-bottom-width:2px}.tiny-height .board-group .pedal{grid-template-rows:14px 12px 13px;gap:2px}.tiny-height .board-group .pedal .knobs{height:14px}.tiny-height .board-group .pedal strong{font-size:10px;line-height:12px}.tiny-height .board-group .pedal .footswitch{width:13px;height:13px}.tiny-height .bench-scroll{margin-top:4px;height:134px;min-height:134px;max-height:134px;flex-basis:134px}.tiny-height .action-bar{margin-top:4px}
}