/* One quiet launcher when closed; navigation expands only on demand. */
.nav-region{padding:13px 10px 9px;background:var(--recess);display:flex;flex-direction:column;gap:7px}
.nav-region .nav-heading{height:auto;padding:0;color:var(--muted);font:10px system-ui,sans-serif;letter-spacing:.15em}
#radial-nav{width:auto;height:auto;margin:0}
.module-launcher{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:70px;min-height:70px;padding:8px 10px!important;text-align:left;clip-path:none!important;border:2px solid var(--plate-shadow)!important;background:var(--plate)!important;color:var(--ink)!important;box-shadow:inset 2px 2px var(--plate-light),inset -2px -2px var(--plate-shadow)!important}
.module-launcher::before,.module-launcher::after,.module-overlay button::before,.module-overlay button::after,.nav-region #add-module::before,.nav-region #add-module::after{display:none!important}
.launch-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--recess);border:2px solid var(--seam);color:var(--accent-light);font-size:23px}
.launch-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.launch-copy small{font:9px system-ui,sans-serif;color:var(--muted);letter-spacing:.12em}.launch-copy strong{font:18px 'Redaction 50',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launch-chevron{font:20px system-ui,sans-serif;color:var(--accent-light)}
.nav-region #add-module{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 9px!important;border:0!important;border-top:1px solid var(--plate-shadow)!important;background:transparent!important;clip-path:none!important;box-shadow:none!important;color:var(--ink)!important;font:14px 'Redaction 50',serif;text-align:left}.nav-region #add-module span{color:var(--accent-light);font-size:22px}
.module-launcher:focus-visible,.nav-region #add-module:focus-visible,.module-overlay button:focus-visible{outline:3px solid #f7a52d!important;outline-offset:-3px}
.module-overlay[hidden]{display:none!important}.module-overlay{position:absolute;inset:0;z-index:200;overflow:hidden}
.module-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0!important;background:#0b1718c9!important;clip-path:none!important;box-shadow:none!important}
.module-surface{position:absolute;inset:0;pointer-events:none}.module-surface button,.arc-sector,.modern-dial{pointer-events:auto}
.arc-svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;shape-rendering:crispEdges}.arc-sector{fill:#243532;stroke:#83968b;stroke-width:2;cursor:pointer}.arc-sector.current{fill:#365348}.arc-sector.selected{fill:#bd7040;stroke:#f6d19a;stroke-width:3}
.arc-label,.arc-back{position:absolute;transform:translate(-50%,-50%);width:68px;min-height:54px;padding:2px!important;border:0!important;background:transparent!important;clip-path:none!important;box-shadow:none!important;color:#fff2dc!important;font:15px 'Redaction 50',serif;text-align:center;text-shadow:1px 1px #101818}
.arc-back{transform:none;width:54px;height:54px;font-size:24px}
.arc-caption{position:absolute;pointer-events:none;color:#e6e8d8;display:flex;flex-direction:column;gap:4px}.arc-caption strong{font:10px system-ui,sans-serif;letter-spacing:.13em}.arc-caption span{font:12px 'Redaction 50',serif}
.module-list{position:absolute;left:225px;bottom:45px;width:245px;padding:12px 15px;background:#263733;border:3px solid #9cae9c;box-shadow:5px 5px #101916;pointer-events:auto}.module-list p{margin:0 0 8px;color:#b5c9b4;font:10px system-ui,sans-serif;letter-spacing:.15em}.module-row{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 9px!important;border:0!important;border-top:1px solid #6d8073!important;background:transparent!important;clip-path:none!important;box-shadow:none!important;color:#f5f2e4!important;font:18px 'Redaction 50',serif}.module-row[aria-current=page]{color:#ffbd76!important}
.dial-panel{position:absolute;left:190px;top:90px;width:300px;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}.modern-dial{--dial-step:0;position:relative;width:230px;height:230px;border-radius:50%;border:7px solid #101b1a;background:repeating-conic-gradient(from 0deg,#60716b 0deg 3deg,#293b37 3deg 10deg);box-shadow:inset 0 0 0 7px #a6b3a0,0 5px 0 #0a1312;touch-action:none;cursor:grab}.modern-dial:active{cursor:grabbing}.modern-dial::before{content:'';position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle at 34% 25%,#768a7a,#354b43 55%,#1b2e29 100%);border:5px solid #192923;box-shadow:inset 2px 2px #a2b5a0,inset -3px -4px #111d19;pointer-events:none}.modern-dial::after{content:'';position:absolute;left:calc(50% - 3px);top:6px;width:6px;height:12px;background:#f6c17b;transform-origin:3px 102px;transform:rotate(calc(var(--dial-step) * 60deg));pointer-events:none}
.modern-dial button{position:absolute;display:grid;place-items:center;padding:0!important;border:0!important;background:transparent!important;clip-path:none!important;box-shadow:none!important;color:#f7f0df!important}.modern-dial-center{left:55px;top:55px;width:106px;height:106px;border-radius:50%;font-family:'Redaction 50',serif}.modern-dial-center small{font:10px system-ui,sans-serif;letter-spacing:.13em;color:#cedacc}.modern-dial-center strong{font-size:21px;font-weight:normal}.modern-dial-prev,.modern-dial-next{top:82px;width:48px;height:58px;font:30px 'Redaction 50',serif}.modern-dial-prev{left:10px}.modern-dial-next{right:10px}.dial-panel p{position:static!important;margin:0;color:#ebede0;font:12px 'Redaction 50',serif;text-align:center}
/* A horizontal strip of physical pedals: the face edits, the footswitch bypasses. */
#rack.home-view{padding:0;overflow:hidden;background:#263431!important}
.pedalboard{height:100%;display:flex;flex-direction:column;background:repeating-linear-gradient(0deg,#293a35 0,#293a35 7px,#30443d 7px,#30443d 9px);box-shadow:inset 0 0 0 3px #111e1a}
.pedalboard-bar{display:flex;align-items:center;gap:4px;min-height:38px;padding:0 7px;color:#d4dfd1;font:10px system-ui,sans-serif;letter-spacing:.08em}.pedalboard-bar span{margin-right:auto}.pedalboard-bar button{min-width:44px;min-height:44px;border:0!important;clip-path:none!important;background:transparent!important;box-shadow:none!important;color:#eee9d5;font:23px 'Redaction 50',serif}.pedalboard-bar button::before,.pedalboard-bar button::after{display:none!important}
.pedalboard-track{min-height:0;flex:1;display:flex;align-items:flex-start;gap:10px;padding:9px 12px 14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#aebfa9 #1d2a25}
.pedalboard-track:focus-visible{outline:2px solid #f7a52d;outline-offset:-3px}
.board-pedal{--pedal-case:#45605a;flex:0 0 124px;height:226px;display:flex;flex-direction:column;padding:5px;background:var(--pedal-case);border:3px solid #111c1a;box-shadow:inset 2px 2px #ffffff44,inset -3px -3px #0006,4px 5px #101b18;scroll-snap-align:start}
.board-pedal button{clip-path:none!important;box-shadow:none!important}.board-pedal button::before,.board-pedal button::after{display:none!important}
.pedal-face-action{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;padding:2px 2px 4px!important;border:0!important;background:transparent!important;color:#fff2de!important;text-align:center}
.pedal-face-action .pedal-artwork{width:78px;height:78px;flex:none}.pedal-face-action img{width:78px;height:78px;object-fit:contain;image-rendering:pixelated}.pedal-face-action strong{display:block;width:100%;min-height:32px;font:16px/1 'Redaction 50',serif;overflow-wrap:anywhere}.pedal-face-action small{font:9px system-ui,sans-serif;letter-spacing:.09em;color:#eadfc8}
.pedal-stomp{min-height:58px;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px!important;border:2px solid #101b18!important;background:#1c2925!important;color:#f4ebd6!important;font:10px system-ui,sans-serif;letter-spacing:.04em}
.stomp-metal{width:38px;height:38px;flex:none;border:3px solid #141b18;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e1dfc8 0,#a5a89b 38%,#636d63 65%,#313d35 100%);box-shadow:0 2px #0c1511}
.pedal-led{width:7px;height:7px;flex:none;border-radius:50%;background:#4b5148;box-shadow:0 0 0 1px #111}.pedal-stomp[aria-pressed=true] .pedal-led{background:#ffb454;box-shadow:0 0 0 1px #603716,0 0 5px #ff9634}
.pedal-face-action:focus-visible,.pedal-stomp:focus-visible,.pedalboard-bar button:focus-visible{outline:3px solid #f7a52d!important;outline-offset:-3px}
