:root{--bg: #060a10;--cyan: #00f0ff;--magenta: #ff2fb9;--amber: #ffb020;--body-hi: #d8d4cb;--body: #c4bfb4;--body-lo: #a8a396;--body-edge: #837e72;--silk: #4a463f;--pad-hi: #7d776e;--pad: #68635b;--pad-lo: #46423c;--pad-shadow: #38342f;--led-off: #47302c;--led-red: #ff2419;--lcd-bg-hi: #d6dedd;--lcd-bg: #b4c1c2;--lcd-ink: #232e3d;--akai-red: #c8102e}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);font-family:-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden;touch-action:manipulation}#map{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}#deck{position:absolute;left:0;right:0;bottom:0;z-index:1000;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") repeat,linear-gradient(to bottom,var(--body-hi) 0%,var(--body) 30%,var(--body-lo) 100%);border-top:2px solid var(--body-edge);box-shadow:inset 0 2px #ffffff8c,0 -10px 36px #000000a6}.deck-screw{position:absolute;top:7px;width:9px;height:9px;border-radius:50%;background:linear-gradient(115deg,transparent 42%,rgba(20,18,15,.5) 46%,rgba(20,18,15,.5) 54%,transparent 58%),radial-gradient(circle at 35% 30%,#bab5a9,#8d887c 62%,#6d685d);box-shadow:0 1px #ffffff73,inset 0 1px 2px #00000073;pointer-events:none;z-index:4}.deck-screw-tl{left:9px}.deck-screw-tr{right:9px}.deck-top{display:flex;align-items:stretch;gap:14px;margin-bottom:10px}.brand{flex:none;align-self:center;min-width:132px}.brand-name{font-size:15px;font-weight:800;font-style:italic;letter-spacing:.02em;color:var(--silk)}.brand-geo{color:var(--akai-red)}.brand-sub{margin-top:2px;font-size:8px;font-weight:700;letter-spacing:.32em;color:var(--silk);opacity:.85}#lcd-bezel{flex:1;min-width:0;padding:5px 7px;border-radius:6px;background:linear-gradient(to bottom,#262421,#3a3733);box-shadow:inset 0 1px 2px #000000b3,0 1px #ffffff59}#lcd{position:relative;height:100%;padding:5px 10px 4px;border:1px solid #77828a;border-radius:2px;background:repeating-linear-gradient(to bottom,rgba(35,46,61,.06) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 30% 20%,var(--lcd-bg-hi),var(--lcd-bg));box-shadow:inset 0 2px 8px #141e2d59;font-family:VT323,monospace;color:var(--lcd-ink);display:flex;flex-direction:column}#lcd-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#lcd .lcd-line,#lcd .lcd-softkeys{position:relative;z-index:1}.lcd-line{display:flex;justify-content:space-between;gap:12px;font-size:16px;line-height:1.15;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-shadow:.5px .5px 0 rgba(35,46,61,.25)}.lcd-inv{background:var(--lcd-ink);color:var(--lcd-bg-hi);padding:0 3px;text-shadow:none}.lcd-scale{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcd-fx{flex:none;display:flex;gap:6px}.lcd-fx span{padding:0 2px}.lcd-fx span.off{opacity:.3}.lcd-fx span.active{background:var(--lcd-ink);color:var(--lcd-bg-hi);text-shadow:none}#lcd-l4{opacity:.92}.lcd-softkeys{margin-top:auto;padding-top:2px;display:flex;gap:4px}.lcd-softkeys span{flex:1;text-align:center;font-size:12px;letter-spacing:.08em;background:var(--lcd-ink);color:var(--lcd-bg-hi);border-radius:1px;min-height:14px}.lcd-softkeys span:empty{background:transparent}.lcd-standby{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:repeating-linear-gradient(to bottom,rgba(35,46,61,.06) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 30% 20%,var(--lcd-bg-hi),var(--lcd-bg));color:var(--lcd-ink);pointer-events:none}.lcd-standby.hidden{display:none}.lcd-standby.rm-in{animation:lcd-standby-fade .22s ease reverse both}.lcd-standby.rm-out{animation:lcd-standby-fade .18s ease both}@keyframes lcd-standby-fade{0%{opacity:1}to{opacity:0}}.lcd-standby-brand{font-family:VT323,monospace;font-size:clamp(19px,5.5vw,26px);font-weight:700;font-style:italic;letter-spacing:.03em;line-height:1;white-space:pre;text-shadow:.5px .5px 0 rgba(35,46,61,.25),0 0 3px rgba(35,46,61,.3)}.lcd-standby-geo{background:var(--lcd-ink);color:var(--lcd-bg-hi);padding:0 3px;margin-left:1px;text-shadow:none}.lcd-standby-version{font-family:VT323,monospace;font-size:clamp(12px,3vw,14px);letter-spacing:.18em;opacity:.7}.lcd-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(35,46,61,.06) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 30% 20%,var(--lcd-bg-hi),var(--lcd-bg));color:var(--lcd-ink)}.lcd-splash.hidden{display:none}.lcd-splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lcd-ink);opacity:0;pointer-events:none}.lcd-splash-text{font-family:VT323,monospace;font-size:clamp(24px,7vw,40px);letter-spacing:.08em;line-height:1;white-space:nowrap;text-shadow:.5px .5px 0 rgba(35,46,61,.25)}.lcd-splash.run{animation:lcd-splash-out 1.05s linear both}.lcd-splash.run:before{animation:lcd-splash-blink 1.05s steps(1,end) both}.lcd-splash.run .lcd-splash-text{animation:lcd-splash-text-in 1.05s ease-out both}@keyframes lcd-splash-out{0%,82%{opacity:1}to{opacity:0}}@keyframes lcd-splash-blink{0%{opacity:1}9%{opacity:0}15%{opacity:1}21%{opacity:0}to{opacity:0}}@keyframes lcd-splash-text-in{0%{letter-spacing:.65em;transform:scaleX(1.3);opacity:0}12%{opacity:1}40%,to{letter-spacing:.08em;transform:scaleX(1);opacity:1}}@media (prefers-reduced-motion: reduce){.lcd-splash.run,.lcd-splash.run:before,.lcd-splash.run .lcd-splash-text{animation:none}}.mode-block{position:relative;flex:none;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.mode-knob{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #17150f;background:repeating-conic-gradient(#ffffff0b,#ffffff0b 3deg,#00000009 3deg,#00000009 6deg),radial-gradient(circle at 38% 30%,#57524b,#34312c 55%,#23211c);box-shadow:0 2px 5px #00000080,0 1px 1px #00000073,inset 0 1px #ffffff29,inset 0 0 0 2px #00000047,inset 0 0 0 3px #ffffff0d;cursor:pointer}.mode-knob:active{transform:translateY(1px);box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff1f,inset 0 0 0 2px #00000047,inset 0 0 0 3px #ffffff0d}.mode-knob-dial{display:block;width:100%;height:100%;transform:rotate(-45deg);transition:transform .12s ease-out}.mode-knob[aria-checked=true] .mode-knob-dial{transform:rotate(45deg)}.mode-knob-line{display:block;width:3px;height:15px;margin:5px auto 0;border-radius:2px;background:#f2efe8;box-shadow:0 0 2px #0009}.mode-knob-labels{display:flex;justify-content:space-between;width:44px;font-size:7px;font-weight:700;letter-spacing:.14em;color:var(--silk)}.mode-knob-labels span{opacity:.35}.mode-knob-labels span.on{opacity:1;font-weight:800}.edit-menu-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:30px;min-width:64px;border:1px solid rgba(74,70,63,.5);border-radius:3px;background:#ffffff40;color:var(--silk);font-family:inherit;font-size:8px;font-weight:800;letter-spacing:.12em;padding:4px 8px;cursor:pointer;white-space:nowrap}.edit-menu-btn:disabled{opacity:.4;cursor:default}.edit-menu{position:absolute;top:0;right:calc(100% + 8px);z-index:1200;min-width:138px;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:4px;border:1px solid #24221e;background:linear-gradient(to bottom,#3a3733,#26241f);box-shadow:0 6px 18px #00000080,inset 0 1px #ffffff1f}.edit-menu.hidden{display:none}.edit-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;padding:6px 12px;border-radius:3px;border:1px solid #24221e;background:linear-gradient(to bottom,#4c4842,#322f2a);color:#e9e5da;font-family:inherit;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-align:left;cursor:pointer;white-space:nowrap;box-shadow:0 1px #1d1b18,inset 0 1px #ffffff26}.edit-menu-item:disabled{opacity:.4;cursor:default}.publish-body{margin:4px 0 10px;font-size:17px;letter-spacing:.05em}.publish-what{margin-bottom:6px}.publish-cell{opacity:.85;padding-left:10px}.publish-tribe{display:flex;align-items:center;gap:7px;margin-top:8px;opacity:.9}.publish-tribe-chip{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--tribe-color, currentColor);box-shadow:0 0 4px 1px var(--tribe-color, transparent);flex-shrink:0}.publish-turnstile{display:none}.publish-turnstile.visible{display:block;min-height:24px;margin-bottom:8px}.publish-error{margin-bottom:10px;padding:4px 8px;border:1px solid var(--akai-red);color:var(--akai-red);font-size:16px;letter-spacing:.05em}.publish-error.hidden{display:none}.publish-actions{display:flex;gap:10px}.publish-btn{flex:1;min-height:44px;font-size:13px}.publish-primary{background:linear-gradient(to bottom,#3e5265,#2a3947);border-color:#1b2530}.journey-share-body{margin:4px 0 10px;font-size:16px;line-height:1.35;letter-spacing:.03em}.journey-share-result{margin-bottom:10px}.journey-share-result.hidden{display:none}.journey-share-url-row{display:flex;gap:8px}.journey-share-url{flex:1 1 auto;min-width:0;padding:6px 8px;border:1px solid var(--lcd-ink);border-radius:2px;background:#fff6;color:var(--lcd-ink);font-family:VT323,monospace;font-size:15px;letter-spacing:.02em}.journey-share-copy{flex:none;min-width:64px;min-height:40px;font-size:13px}.shared-journey-intro{margin:4px 0 8px;font-size:15px;line-height:1.35;opacity:.85}.shared-journey-body{margin-bottom:10px;font-size:17px;letter-spacing:.04em}.shared-journey-body .shared-journey-line{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.shared-journey-body .shared-journey-line-label{opacity:.75}.shared-journey-actions{display:flex;flex-wrap:wrap;gap:8px}.shared-journey-actions .publish-btn{flex:1 1 auto;min-width:96px}.journeys-panel{display:flex;flex-direction:column;max-height:80vh}.journeys-status{margin:2px 0 10px;padding:6px 9px;border:1px solid rgba(35,46,61,.45);border-radius:2px;display:flex;flex-direction:column;gap:3px;font-size:15px;letter-spacing:.05em}.journeys-status-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.journeys-status-label{background:var(--lcd-ink);color:var(--lcd-bg);padding:0 4px;flex-shrink:0}.journeys-status-line>span:last-child{font-variant-numeric:tabular-nums;text-align:right}#journeys-st-state.recording{color:var(--akai-red);font-weight:700}.journeys-rec{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;width:100%;min-height:44px;border-radius:4px;border:1px solid #6d120c;background:linear-gradient(to bottom,#d8453a,#a51b12);color:#fff;font-family:inherit;font-size:17px;letter-spacing:.14em;cursor:pointer;box-shadow:0 2px #4d0c07,inset 0 1px #ffffff47}.journeys-rec:active{transform:translateY(1px);box-shadow:0 1px #4d0c07,inset 0 1px #ffffff2e}.journeys-rec.recording{background:linear-gradient(to bottom,#8f1710,#690e09);box-shadow:inset 0 2px 4px #00000073,inset 0 0 10px #ff241959;transform:translateY(1px)}#journeys-rec-glyph{font-size:13px;line-height:1}.journeys-empty{padding:18px 0;text-align:center;font-size:16px;letter-spacing:.06em;opacity:.7}.journeys-empty.hidden{display:none}.journeys-list{overflow-y:auto;margin-bottom:10px}.journey-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed rgba(35,46,61,.35)}.journey-row-main{flex:1 1 auto;min-width:0}.journey-title-wrap{min-height:22px}.journey-title{display:inline-block;font-size:18px;letter-spacing:.05em;line-height:1;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-color:#232e3d73}.journey-title-input{width:100%;max-width:220px;padding:2px 4px;border:1px solid var(--lcd-ink);border-radius:2px;background:#fff6;color:var(--lcd-ink);font-family:inherit;font-size:18px;letter-spacing:.05em}.journey-meta{margin-top:2px;font-size:14px;opacity:.75;letter-spacing:.04em;font-variant-numeric:tabular-nums}.journey-actions{flex:none;display:flex;align-items:center;gap:6px}.journey-play,.journey-delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;padding:0 10px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:14px;letter-spacing:.06em;cursor:pointer}.journey-play{min-width:40px;font-size:16px}.journey-delete.confirm{border-color:var(--akai-red);color:var(--akai-red)}.journey-share{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;padding:0 10px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer}.journey-share.shared{border-color:#3e5265;background:#3e5265;color:#dfe8ef}.journey-shared-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#5aaae6;box-shadow:0 0 4px 1px #5aaae6b3;vertical-align:middle}.journey-fr-badge{display:inline-block;margin-left:6px;padding:1px 4px;border:1px solid var(--akai-red);border-radius:2px;color:var(--akai-red);font-size:9px;font-weight:700;letter-spacing:.1em;vertical-align:middle}.journey-share.fr-locked{opacity:.4;cursor:not-allowed}.journey-export{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;padding:0 10px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer}.journeys-fr-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:40px;padding:3px 10px;border:1px solid var(--lcd-ink);border-radius:3px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer}.journeys-fr-toggle.on{border-color:var(--akai-red);color:var(--akai-red);background:#ff24192e}.journeys-fr-mark{margin-left:8px;color:var(--akai-red);font-size:11px;font-weight:700;letter-spacing:.1em;vertical-align:middle}.journeys-fr-mark.hidden{display:none}.edge-led{position:absolute;top:-2px;right:29px;z-index:5;width:48px;height:12px;border-radius:0 0 6px 6px;border:1px solid #1f9e2e;border-top:none;background:linear-gradient(to bottom,#63f06a,#3ddc45 55%,#29b834);box-shadow:0 0 10px 2px #3ddc4580,0 -5px 14px #3ddc4580,inset 0 2px 3px #fff6,inset 0 -2px 3px #00000040;pointer-events:none}.edge-led.orange{border-color:#c47714;background:linear-gradient(to bottom,#ffcf7a,#f8a01c 55%,#e2880e);box-shadow:0 0 10px 2px #ffa0288c,0 -5px 14px #ffa0288c,inset 0 2px 3px #fff6,inset 0 -2px 3px #00000040}.edge-led.record{border-color:#a5170e;background:linear-gradient(to bottom,#ff7a66,var(--led-red) 55%,#cf1b12);box-shadow:0 0 10px 2px #ff24198c,0 -5px 14px #ff24198c,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000040}.edge-led.replay{border-color:#a5170e;background:linear-gradient(to bottom,#ff7a66,var(--led-red) 55%,#cf1b12);box-shadow:0 0 10px 2px #ff24198c,0 -5px 14px #ff24198c,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000040;animation:edge-led-blink 1s step-end infinite}@keyframes edge-led-blink{0%,49%{opacity:1}50%,to{opacity:.3}}.edge-led.off{border-color:#3a3a38;background:linear-gradient(to bottom,#575755,#454543 55%,#3a3a38);box-shadow:inset 0 2px 3px #ffffff1f,inset 0 -2px 3px #00000059}.replay-bar{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding:6px 12px;border-radius:4px;border:1px solid #5c1a14;background:linear-gradient(to bottom,#2a1210,#1c0c0b);box-shadow:inset 0 1px #ffffff0f;font-family:VT323,monospace;color:#ff8a7a}.replay-bar.hidden{display:none}.replay-bar-row{display:flex;align-items:center;gap:10px}.replay-stop,.replay-pause{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:26px;height:26px;padding:0;border-radius:4px;border:1px solid #7a231b;background:linear-gradient(to bottom,#4a1f1a,#33130f);color:#ff8a7a;display:flex;align-items:center;justify-content:center;cursor:pointer}.replay-pause-icon-play,.replay-pause.paused .replay-pause-icon-pause{display:none}.replay-pause.paused .replay-pause-icon-play{display:block}.replay-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;letter-spacing:.05em;opacity:.85}.replay-time{flex:none;font-size:16px;letter-spacing:.05em;font-variant-numeric:tabular-nums;white-space:nowrap}.replay-scrub{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;min-height:30px;background:transparent;cursor:pointer}.replay-scrub::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#4a211c;box-shadow:inset 0 1px 2px #0009}.replay-scrub::-moz-range-track{height:4px;border-radius:2px;background:#4a211c;box-shadow:inset 0 1px 2px #0009}.replay-scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-7px;width:14px;height:18px;border-radius:3px;border:1px solid #7a231b;background:linear-gradient(to bottom,#ff8a7a,#c65141);box-shadow:0 1px 2px #00000080}.replay-scrub::-moz-range-thumb{width:14px;height:18px;border-radius:3px;border:1px solid #7a231b;background:linear-gradient(to bottom,#ff8a7a,#c65141)}.fkeys{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;border-top:1px solid rgba(0,0,0,.12);box-shadow:inset 0 1px #fff6;padding-top:9px}#instrument{border-top:1px solid rgba(0,0,0,.12);box-shadow:inset 0 1px #fff6;padding-top:9px}.fkeys-spacer{flex:1}.fkey-block{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.fkey-num{font-size:7px;font-weight:700;letter-spacing:.2em;color:var(--silk);opacity:.8}.fkey{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:4px;border:1px solid #24221e;background:linear-gradient(to bottom,#4c4842,#322f2a);color:#f2eee3;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 1px rgba(0,0,0,.4);cursor:pointer;box-shadow:0 2px #1d1b18,0 3px 4px #00000047,inset 0 1px #ffffff2e}.fkey svg{display:block}.fkey-play{background:linear-gradient(to bottom,#3e5265,#2a3947);border-color:#1b2530}.fkey-play.active{box-shadow:0 2px #141b22,inset 0 1px #ffffff26,inset 0 0 12px #5aaae659}.fkey-play .icon-stop,.fkey-play.active .icon-play{display:none}.fkey-play.active .icon-stop{display:block}.fkey:active{transform:translateY(2px);box-shadow:0 0 #1d1b18,inset 0 1px 2px #0000004d}.fkey.active{color:#ffd8d2;text-shadow:0 0 8px rgba(255,36,25,.9);box-shadow:0 2px #1d1b18,inset 0 1px #ffffff26,inset 0 0 12px #ff241940}.fkey:disabled{opacity:.45;cursor:default}.fkey-icon{padding:6px 12px;line-height:0}.fkey-icon svg{display:block}.fkey-journeys{background:linear-gradient(to bottom,#d8453a,#a51b12);border-color:#6d120c;box-shadow:0 2px #4d0c07,inset 0 1px #ffffff47}.fkey-journeys:active{box-shadow:0 1px #4d0c07,inset 0 1px #ffffff2e}.master-vol{display:flex;align-items:center;gap:8px;padding:0 4px}.master-vol-label{font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--silk)}.master-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:5px;border-radius:3px;background:#322f2a;box-shadow:inset 0 1px 2px #0009;cursor:pointer}.master-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:20px;border-radius:3px;border:1px solid #1b2530;background:linear-gradient(to bottom,#6d8598,#3e5265);box-shadow:0 1px 2px #00000080}.master-vol-slider::-moz-range-thumb{width:14px;height:20px;border-radius:3px;border:1px solid #1b2530;background:linear-gradient(to bottom,#6d8598,#3e5265)}.silkscreen{font-size:8.5px;font-weight:700;letter-spacing:.18em;color:var(--silk);opacity:.8;text-align:right}#sim-controls{display:none}#sim-controls.dev-visible{position:absolute;top:12px;left:12px;z-index:1100;display:flex;flex-direction:column;gap:8px}.map-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;padding:0;border-radius:6px;border:1px solid #2e4256;background:#080c12d9;color:#7d93a8;cursor:pointer;display:flex;align-items:center;justify-content:center}.map-btn.active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #00f0ff59}#btn-stainmode svg{display:none}#btn-stainmode[data-mode=publish] svg[data-icon=publish],#btn-stainmode[data-mode=footfall] svg[data-icon=footfall],#btn-stainmode[data-mode=off] svg[data-icon=off]{display:block}#btn-stainmode[data-mode=footfall]{color:var(--amber);border-color:var(--amber);box-shadow:0 0 10px #ffb02059}#btn-stainmode[data-mode=off]{opacity:.55}#btn-sim svg{display:none}#btn-sim[data-mode=off] svg[data-icon=off],#btn-sim[data-mode=walk] svg[data-icon=walk],#btn-sim[data-mode=bike] svg[data-icon=bike],#btn-sim[data-mode=car] svg[data-icon=car],#btn-sim[data-mode=train] svg[data-icon=train],#btn-sim[data-mode=jet] svg[data-icon=jet]{display:block}#map-overlay-left{position:absolute;top:-52px;left:16px;z-index:5;display:flex;gap:8px}#map-quality{position:absolute;top:-34px;left:50%;transform:translate(-50%);z-index:5;padding:2px 10px;border-radius:4px;background:#060a1099;border:1px solid rgba(0,240,255,.25);font-family:VT323,monospace;font-size:15px;letter-spacing:.08em;color:var(--cyan);white-space:nowrap;pointer-events:none;transition:color .3s}#map-quality.gq-mid{color:var(--amber)}#map-quality.gq-low{color:var(--led-red)}#map-quality.gq-none{color:#00f0ff59}#map.map-locked .leaflet-control-zoom{opacity:.35;pointer-events:none}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;background:#060a10a6;display:flex;align-items:center;justify-content:center;padding:20px}.settings-overlay.hidden{display:none}.settings-panel{width:min(460px,100%);max-height:90vh;overflow-y:auto;padding:16px 18px;background:linear-gradient(180deg,var(--lcd-bg-hi),var(--lcd-bg));border:3px solid #23201c;border-radius:6px;box-shadow:0 14px 40px #0009,inset 0 0 24px #232e3d1f;font-family:VT323,monospace;color:var(--lcd-ink)}.settings-title{display:inline-block;background:var(--lcd-ink);color:var(--lcd-bg);padding:1px 8px;font-size:16px;letter-spacing:.12em;margin-bottom:10px}.settings-row{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px dashed rgba(35,46,61,.35)}.settings-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.settings-label{font-size:18px;letter-spacing:.06em;line-height:1}.settings-label.has-desc{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-color:#232e3d8c}.settings-label.has-desc:after{content:" ?";font-size:.75em;opacity:.6}.settings-desc{display:none;font-size:14px;opacity:.75;margin-top:5px;line-height:1.25}.settings-desc.open{display:block}.settings-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;min-width:52px;padding:3px 10px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:16px;letter-spacing:.1em;cursor:pointer}a.settings-link{display:inline-block;text-align:center;text-decoration:none;line-height:1.25}.settings-switch.on{background:var(--lcd-ink);color:var(--lcd-bg)}.tribe-swatches{display:flex;gap:8px;flex-shrink:0}.tribe-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:64px;padding:5px 10px 5px 22px;position:relative;border:2px solid var(--tribe-color, var(--lcd-ink));border-radius:2px;background:transparent;color:var(--tribe-color, var(--lcd-ink));font-family:inherit;font-size:14px;letter-spacing:.08em;cursor:pointer;opacity:.6}.tribe-swatch:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--tribe-color)}.tribe-swatch.active{opacity:1;background:var(--tribe-color);color:#0a0f14;box-shadow:0 0 8px 1px var(--tribe-color)}.settings-nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;min-width:44px;min-height:30px;padding:3px 10px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:14px;letter-spacing:.05em;cursor:pointer}#settings-rows.hidden,.settings-eq-page.hidden{display:none}.eq-page-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px dashed rgba(35,46,61,.35)}.eq-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;min-height:32px;padding:5px 10px;border:1px solid rgba(35,46,61,.55);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:14px;letter-spacing:.04em;cursor:pointer}.eq-page-title{font-size:18px;letter-spacing:.06em}.eq-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.eq-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 0;min-width:0;min-height:36px;padding:6px 4px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:12px;letter-spacing:.02em;cursor:pointer;opacity:.6}.eq-chip.active{opacity:1;background:var(--lcd-ink);color:var(--lcd-bg)}.eq-bands{display:flex;flex-direction:column;gap:4px}.eq-band-row{display:flex;align-items:center;gap:8px;min-height:44px}.eq-band-label{flex:0 0 76px;font-size:13px;letter-spacing:.03em;opacity:.85}.eq-band-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:0;height:6px;min-height:44px;background:transparent;cursor:pointer}.eq-band-slider::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:#322f2a;box-shadow:inset 0 1px 2px #0009}.eq-band-slider::-moz-range-track{height:5px;border-radius:3px;background:#322f2a;box-shadow:inset 0 1px 2px #0009}.eq-band-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-8px;width:18px;height:22px;border-radius:3px;border:1px solid #1b2530;background:linear-gradient(to bottom,#6d8598,#3e5265);box-shadow:0 1px 2px #00000080}.eq-band-slider::-moz-range-thumb{width:18px;height:22px;border-radius:3px;border:1px solid #1b2530;background:linear-gradient(to bottom,#6d8598,#3e5265)}.eq-band-val{flex:0 0 44px;text-align:right;font-size:15px;letter-spacing:.03em;font-variant-numeric:tabular-nums}.backup-actions{display:flex;gap:10px;margin-bottom:12px}.backup-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 0;min-height:44px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:15px;letter-spacing:.08em;cursor:pointer}.backup-file-input{display:none}.backup-import-panel{padding:10px 10px 12px;border:1px solid rgba(35,46,61,.45);border-radius:3px;margin-bottom:10px}.backup-import-panel.hidden{display:none}.backup-import-title{font-size:15px;letter-spacing:.05em;opacity:.85;margin-bottom:8px}.backup-mode-row{display:flex;gap:8px;margin-bottom:8px}.backup-mode-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 0;min-height:36px;padding:5px 4px;border:2px solid var(--lcd-ink);border-radius:2px;background:transparent;color:var(--lcd-ink);font-family:inherit;font-size:13px;letter-spacing:.04em;cursor:pointer;opacity:.6}.backup-mode-chip.active{opacity:1;background:var(--lcd-ink);color:var(--lcd-bg)}.backup-checkbox-row{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-size:14px;line-height:1.3;cursor:pointer}.backup-checkbox-row input[type=checkbox]{margin-top:3px;flex-shrink:0}.backup-note{font-size:13px;line-height:1.35;opacity:.75;margin-bottom:6px}.backup-warn{font-size:13px;line-height:1.35;color:var(--akai-red);margin-bottom:6px}.backup-warn.hidden{display:none}.backup-confirm-row{display:flex;gap:8px;margin-top:6px}.backup-confirm-row .publish-btn{min-height:40px}.backup-confirm-row .publish-btn.confirm{background:transparent;border-color:var(--akai-red);color:var(--akai-red)}.settings-slider{flex-shrink:0;display:flex;align-items:center;gap:10px}.settings-sens-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:5px;border-radius:3px;background:#322f2a;box-shadow:inset 0 1px 2px #0009;cursor:pointer}.settings-sens-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:20px;border-radius:3px;border:1px solid #1b2530;background:linear-gradient(to bottom,#6d8598,#3e5265);box-shadow:0 1px 2px #00000080}.settings-sens-slider::-moz-range-thumb{width:14px;height:20px;border-radius:3px;border:1px solid #1b2530;background:linear-gradient(to bottom,#6d8598,#3e5265)}.settings-sens-val{min-width:34px;text-align:right;font-size:16px;letter-spacing:.05em;font-variant-numeric:tabular-nums}.settings-fxrow .settings-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-fxrow .settings-switch{flex-shrink:0;min-width:44px;padding:3px 8px}.settings-fxrow .settings-slider{flex-shrink:0}.settings-fxrow .settings-sens-slider{width:80px}.settings-close{margin-top:14px}.support-btn{position:absolute;top:-44px;right:16px;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid rgba(216,212,203,.4);background:transparent;color:#d8d4cbbf;font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;white-space:nowrap;cursor:pointer}.support-btn svg{display:block;opacity:.8}.support-btn:hover{border-color:#d8d4cbbf;color:#fffffff2;background:#ffffff0f}.support-btn:active{transform:translateY(1px)}.support-panel{text-align:center}.support-q{font-size:24px;letter-spacing:.04em;margin-bottom:10px}.support-body{font-size:17px;line-height:1.4;margin-bottom:16px}.support-dest{display:block;font-size:15px;line-height:1.35;color:var(--lcd-ink);text-decoration:underline;padding:10px 12px;margin-bottom:16px;border:2px solid var(--lcd-ink);border-radius:3px}.support-dest:hover{background:var(--lcd-ink);color:var(--lcd-bg)}.support-relief{display:block;font-size:14px;line-height:1.35;text-align:left;color:var(--lcd-ink);opacity:.85;text-decoration:none;padding:8px 10px;margin-bottom:16px;border:1px dashed var(--lcd-ink);border-radius:3px}.support-relief:hover{opacity:1;text-decoration:underline}.support-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:14px;font-size:13px;line-height:1.4}.support-links a{color:var(--lcd-ink);opacity:.75;text-decoration:underline}.support-links a:hover{opacity:1}.support-memory{font-size:14px;letter-spacing:.12em;opacity:.7}.welcome-panel{position:relative;width:min(430px,100%);padding-top:24px;text-align:center}.welcome-close{position:absolute;top:6px;right:10px;padding:2px 6px;border:none;background:none;font-family:VT323,monospace;font-size:22px;line-height:1;color:var(--lcd-ink);opacity:.55;cursor:pointer}.welcome-close:hover{opacity:1}.welcome-brand{font-family:VT323,monospace;font-size:27px;letter-spacing:.03em;color:var(--lcd-ink);margin-bottom:2px}.welcome-stage{display:block;width:100%;height:124px;margin:12px 0 8px}@keyframes welcome-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-panel-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}#welcome-overlay{animation:welcome-overlay-in .3s ease both}#welcome-overlay .welcome-panel{animation:welcome-panel-in .36s cubic-bezier(.22,1,.36,1) both}#welcome-overlay.out{animation:welcome-overlay-in .22s ease reverse both}#welcome-overlay.out .welcome-panel{animation:welcome-panel-in .22s ease reverse both}@media (prefers-reduced-motion: reduce){#welcome-overlay,#welcome-overlay .welcome-panel,#welcome-overlay.out,#welcome-overlay.out .welcome-panel,.welcome-body-in,.help-bubble,.help-bubble.out{animation:none}}.welcome-body{display:flex;align-items:center;justify-content:center;min-height:112px;padding:8px 6px 14px;font-size:20px;line-height:1.5;letter-spacing:.02em;word-break:auto-phrase;line-break:strict;text-wrap:balance}html[data-lang=ja] .welcome-body{word-break:keep-all}@keyframes welcome-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.welcome-body-in{animation:welcome-fade .32s ease both}.welcome-dots{display:flex;justify-content:center;gap:2px;margin-bottom:10px}.welcome-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer}.welcome-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--lcd-ink);opacity:.4}.welcome-dot.active:before{background:var(--lcd-ink);opacity:1}.welcome-dot:focus-visible:before{opacity:1;box-shadow:0 0 0 3px #232e3d4d}.welcome-nav{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.welcome-nav .fkey{min-width:104px}.welcome-dontshow{display:inline-flex;align-items:center;gap:8px;font-family:VT323,monospace;font-size:16px;letter-spacing:.04em;color:var(--lcd-ink);opacity:.85;cursor:pointer}.welcome-dontshow input{width:15px;height:15px;accent-color:var(--lcd-ink);cursor:pointer}.help-bubble{--tip-x: 50%;--stem: 0px;position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);z-index:1200;width:max-content;max-width:52vw;padding:7px 11px;border:1px solid var(--cyan);border-radius:6px;background:linear-gradient(180deg,#0b1826,#08111b);color:#dffcff;font-family:VT323,monospace;font-size:16px;line-height:1.18;letter-spacing:.03em;text-align:center;box-shadow:0 0 12px #00f0ff59,0 4px 14px #00000080;cursor:pointer;animation:help-bubble-in .28s ease both}.help-bubble:before{content:"";position:absolute;top:100%;left:var(--tip-x);width:2px;height:var(--stem);background:var(--cyan);transform:translate(-50%);box-shadow:0 0 6px #00f0ff80}.help-bubble:after{content:"";position:absolute;top:calc(100% + var(--stem));left:var(--tip-x);width:0;height:0;border-style:solid;border-width:7px 6px 0;border-color:var(--cyan) transparent transparent;transform:translate(-50%)}@keyframes help-bubble-in{0%{opacity:0}to{opacity:1}}.help-bubble.out{animation:help-bubble-in .2s ease reverse forwards}html[data-lang=ja] .settings-desc,html[data-lang=ja] .settings-title,html[data-lang=ja] .settings-close,html[data-lang=ja] .settings-lang .settings-label,html[data-lang=ja] .settings-lang .settings-switch,html[data-lang=ja] .support-q,html[data-lang=ja] .support-body,html[data-lang=ja] .support-dest,html[data-lang=ja] .support-relief,html[data-lang=ja] .support-links,html[data-lang=ja] .support-memory,html[data-lang=ja] .welcome-body,html[data-lang=ja] .welcome-dontshow,html[data-lang=ja] .welcome-nav .fkey,html[data-lang=ja] .help-bubble,html[data-lang=ja] #hint{font-family:DotGothic16,VT323,monospace}html[data-lang=ru] .settings-desc,html[data-lang=ru] .settings-title,html[data-lang=ru] .settings-close,html[data-lang=ru] .settings-lang .settings-label,html[data-lang=ru] .settings-lang .settings-switch,html[data-lang=ru] .support-q,html[data-lang=ru] .support-body,html[data-lang=ru] .support-dest,html[data-lang=ru] .support-relief,html[data-lang=ru] .support-memory,html[data-lang=ru] .welcome-body,html[data-lang=ru] .welcome-dontshow,html[data-lang=ru] .welcome-nav .fkey,html[data-lang=ru] .help-bubble,html[data-lang=ru] #hint{font-family:Handjet,VT323,monospace}html[data-lang=ja] .settings-title,html[data-lang=ru] .settings-title{font-size:14px;letter-spacing:.06em}html[data-lang=ja] .settings-desc,html[data-lang=ru] .settings-desc{font-size:12px;line-height:1.45}html[data-lang=ja] .settings-lang .settings-label,html[data-lang=ru] .settings-lang .settings-label{font-size:15px}html[data-lang=ja] .settings-lang .settings-switch,html[data-lang=ru] .settings-lang .settings-switch{font-size:14px}html[data-lang=ja] .support-q,html[data-lang=ru] .support-q{font-size:18px}html[data-lang=ja] .support-body,html[data-lang=ru] .support-body{font-size:13px;line-height:1.55}html[data-lang=ja] .welcome-body,html[data-lang=ru] .welcome-body{font-size:16px;line-height:1.7}html[data-lang=ja] .help-bubble,html[data-lang=ru] .help-bubble{font-size:13px;line-height:1.35}html[data-lang=ja] .support-dest,html[data-lang=ru] .support-dest{font-size:12px;line-height:1.5}html[data-lang=fr] .settings-title,html[data-lang=de] .settings-title,html[data-lang=es] .settings-title{font-size:14px}.debug-panel{position:fixed;top:12px;right:12px;z-index:2000;min-width:170px;padding:10px 12px;background:#080c12f0;border:1px solid #2e4256;border-radius:6px;font-family:inherit;color:#cfe3ff;box-shadow:0 8px 24px #00000080}.debug-panel.hidden{display:none}.debug-panel-title{font-size:10px;font-weight:700;letter-spacing:.18em;opacity:.7;margin-bottom:8px}.debug-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;font-size:11px;letter-spacing:.08em}.debug-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:40px;padding:3px 8px;border-radius:3px;border:1px solid #3d5a78;background:transparent;color:#7d93a8;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.1em;cursor:pointer}.debug-switch.on{color:#ffd8d2;background:#ff241940;border-color:#ff241999;text-shadow:0 0 6px rgba(255,36,25,.8)}.debug-panel{max-height:calc(100vh - 24px);overflow-y:auto}.debug-group-title{margin-top:10px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#6fb0ff;opacity:.85;border-top:1px solid #22354a;padding-top:6px}.debug-slider-row{display:flex;flex-direction:column;gap:2px;padding:3px 0}.debug-slider-row .lbl{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:#a9c2da}.debug-slider-row .lbl .val{color:#ffd8d2;font-variant-numeric:tabular-nums}.debug-slider-row input[type=range]{width:100%;height:14px;accent-color:#ff2419;cursor:pointer}.inst-handle,.inst-tabs{display:flex;align-items:stretch;width:100%;min-height:40px;margin-bottom:8px}.inst-handle.hidden,.inst-tabs.hidden{display:none}.inst-handle:not(.hidden),.inst-tabs:not(.hidden){animation:inst-bar-in .16s ease-out}@keyframes inst-bar-in{0%{opacity:0}}.inst-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:center;align-items:center;gap:8px;border:1px solid rgba(74,70,63,.5);border-radius:4px;background:#ffffff38;color:var(--silk);font-family:inherit;cursor:pointer}.inst-handle:hover{border-color:var(--silk);background:#ffffff59}.inst-handle-caret{font-size:11px}.inst-handle-label{font-size:10px;font-weight:800;letter-spacing:.2em}#instrument.collapsed .inst-panel{display:none}#instrument.collapsed .inst-handle{margin-bottom:0}#instrument.inst-opening .inst-panel:not(.hidden),#instrument.inst-closing .inst-panel:not(.hidden){overflow:hidden}#instrument.inst-opening .inst-panel:not(.hidden){animation:inst-panel-open .24s ease-out both}#instrument.inst-closing .inst-panel:not(.hidden){animation:inst-panel-close .18s ease-in both}@keyframes inst-panel-open{0%{height:0;margin-top:-8px;opacity:.35;transform:translateY(8px)}to{height:var(--inst-panel-h, 260px);margin-top:0;opacity:1;transform:translateY(0)}}@keyframes inst-panel-close{0%{height:var(--inst-panel-h, 260px);margin-top:0;opacity:1;transform:translateY(0)}to{height:0;margin-top:-8px;opacity:.35;transform:translateY(8px)}}.inst-panel.slide-in-right{animation:inst-slide-right .16s ease-out}.inst-panel.slide-in-left{animation:inst-slide-left .16s ease-out}@keyframes inst-slide-right{0%{opacity:0;transform:translate(20px)}}@keyframes inst-slide-left{0%{opacity:0;transform:translate(-20px)}}@media (prefers-reduced-motion: reduce){.inst-handle:not(.hidden),.inst-tabs:not(.hidden),#instrument.inst-opening .inst-panel:not(.hidden),#instrument.inst-closing .inst-panel:not(.hidden),.inst-panel.slide-in-right,.inst-panel.slide-in-left{animation:none}}.inst-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;border:1px solid rgba(74,70,63,.5);border-right:none;background:#ffffff38;color:var(--silk);font-family:inherit;font-size:10px;font-weight:800;letter-spacing:.2em;cursor:pointer}.inst-tab:first-child{border-radius:4px 0 0 4px}.inst-tab:hover{border-color:var(--silk)}.inst-tab.active{background:var(--silk);color:var(--body-hi);border-color:var(--silk)}.inst-collapse{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:40px;border:1px solid rgba(74,70,63,.5);border-radius:0 4px 4px 0;background:#ffffff38;color:var(--silk);font-family:inherit;font-size:11px;cursor:pointer}.inst-collapse:hover{border-color:var(--silk);background:#ffffff59}#instrument .inst-panel.hidden{display:none}.inst-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;letter-spacing:.24em;color:var(--silk);opacity:.9;border-bottom:1px solid rgba(74,70,63,.3);padding-bottom:3px;margin-bottom:8px}.pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pad-grid .pad{height:46px;display:flex;align-items:center;justify-content:center}.pad-grid .pad-fine{background:linear-gradient(to bottom,#6e6862,#56514b)}.pad-name{font-size:13px;font-weight:800;letter-spacing:.14em;color:#161410b8;text-shadow:0 1px 0 rgba(255,255,255,.28)}.key-targets{display:flex;gap:4px}.key-target{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(74,70,63,.5);border-radius:3px;background:#ffffff40;color:var(--silk);font-family:inherit;font-size:8px;font-weight:800;letter-spacing:.16em;padding:2px 10px;cursor:pointer}.key-target.active{background:var(--silk);color:var(--body-hi);border-color:var(--silk)}.keys-row{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.key{position:relative;flex:none;width:34px;height:62px;padding:0 0 6px;border-radius:5px;border:1px solid var(--pad-lo);background:linear-gradient(to bottom,var(--pad-hi),var(--pad));cursor:pointer;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 3px 0 var(--pad-shadow),0 4px 5px #00000038,inset 0 1px #ffffff4d,inset 0 -2px 3px #0003;transition:transform .05s}.key-root{background:linear-gradient(to bottom,#8a847a,#726c63)}.key-name{font-size:10px;font-weight:800;letter-spacing:.04em;color:#161410b8;text-shadow:0 1px 0 rgba(255,255,255,.28)}.key:active{transform:translateY(3px);box-shadow:0 0 0 var(--pad-shadow),inset 0 2px 4px #00000061}.key.play{outline:2px solid rgba(35,46,61,.55);outline-offset:-2px}#sequencer{display:flex;flex-direction:column;gap:8px}.seq-group{display:flex;flex-direction:column;gap:5px}.seq-group-head{display:flex;justify-content:space-between;align-items:baseline;font-size:8px;font-weight:700;letter-spacing:.24em;color:var(--silk);opacity:.9;border-bottom:1px solid rgba(74,70,63,.3);padding-bottom:2px}.seq-head-right{display:flex;align-items:center;gap:10px}.res-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(74,70,63,.5);border-radius:3px;background:#ffffff40;color:var(--silk);font-family:inherit;font-size:8px;font-weight:700;letter-spacing:.12em;padding:1px 6px;cursor:pointer}.res-btn:hover{border-color:var(--silk)}.seq-lock{letter-spacing:.18em;color:var(--akai-red)}.seq-group.locked .seq-lock{color:var(--silk);opacity:.6}.seq-group.locked .pad{cursor:default}.seq-group.locked .led{opacity:.55}.seq-row{display:flex;gap:5px;align-items:center}.seq-label{width:26px;flex:none;font-size:9.5px;font-weight:800;letter-spacing:.14em;color:var(--silk)}.pad{position:relative;flex:1;min-width:0;height:30px;padding:0;border-radius:5px;border:1px solid var(--pad-lo);background:linear-gradient(to bottom,var(--pad-hi),var(--pad));cursor:pointer;box-shadow:0 3px 0 var(--pad-shadow),0 4px 5px #00000038,inset 0 1px #ffffff4d,inset 0 -2px 3px #0003;transition:transform .05s}.pad:after,.key:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom,#ffffff29,#ffffff08 45%,#0000000d);pointer-events:none}.pad.beat{background:linear-gradient(to bottom,#8a847a,#726c63)}.pad:active{transform:translateY(3px);box-shadow:0 0 0 var(--pad-shadow),inset 0 2px 4px #00000061}.seq-group.locked .pad:active{transform:none;box-shadow:0 3px 0 var(--pad-shadow),0 4px 5px #00000038,inset 0 1px #ffffff4d,inset 0 -2px 3px #0003}.seq-fine .pad{background:linear-gradient(to bottom,#6e6862,#56514b)}.seq-fine .pad.beat{background:linear-gradient(to bottom,#7c766f,#635d56)}.seq-rows{display:flex;flex-direction:column;gap:5px}.seq-group.res-32 .seq-row{gap:2px}.seq-group.res-32 .pad{height:24px;border-radius:3px}.seq-group.res-32 .led{width:4px;height:4px;top:3px;right:3px}.led{position:absolute;top:4px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--led-off);box-shadow:inset 0 1px 1px #00000080}.pad.on .led{background:var(--led-red);box-shadow:0 0 6px #ff2419e6,0 0 12px #ff241966}.pad.play{outline:2px solid rgba(35,46,61,.55);outline-offset:-2px}.pad.on.play .led{box-shadow:0 0 9px #ff2419,0 0 18px #ff241999}.leaflet-control-attribution{background:#060a10b3!important;color:#5a6b7c!important;font-size:9px!important}.leaflet-control-attribution a{color:#7d93a8!important}@media (max-width: 700px){.brand{display:none}#map-quality{top:-70px}.pad{height:22px;border-radius:4px}.lcd-line{font-size:13px}.lcd-softkeys span{font-size:10px}.silkscreen{display:none}.fkeys{gap:6px 8px;flex-wrap:nowrap}.fkey{padding:6px 12px}.fkeys-spacer{display:none}.master-vol{margin-left:auto;flex:1 1 90px;min-width:0;gap:6px;padding:0}.master-vol-slider{flex:1;width:auto;min-width:60px}#sequencer{gap:6px}.seq-row{gap:3px}}@media (max-width: 420px){.fkey{padding:6px 9px;font-size:10px;letter-spacing:.1em}.fkeys{gap:5px 6px}.settings-overlay{padding:10px}.settings-panel{padding:14px 12px}.settings-fxrow .settings-label{font-size:15px}.settings-fxrow .settings-sens-slider{width:58px}.tribe-swatch{min-width:52px;padding:5px 8px 5px 18px;font-size:12px}.eq-chip{padding:4px 6px;font-size:10px}}