: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: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-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}.rec-block{flex:none;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.rec-led{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6a4a44,var(--led-off));border:1px solid #2e211e;box-shadow:inset 0 1px 2px #00000080}.rec-led.on{background:radial-gradient(circle at 35% 30%,#ff8a6a,var(--led-red));box-shadow:0 0 10px #ff2419cc,0 0 22px #ff241959}.rec-label{font-size:7.5px;font-weight:700;letter-spacing:.22em;text-align:center;line-height:1.5;color:var(--silk)}.fkeys{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.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:#e9e5da;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.16em;cursor:pointer;box-shadow:0 2px #1d1b18,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(1px);box-shadow:0 1px #1d1b18,inset 0 1px #ffffff1f}.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}.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{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-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;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed rgba(35,46,61,.35)}.settings-label{font-size:18px;letter-spacing:.06em;line-height:1}.settings-desc{font-size:14px;opacity:.75;margin-top:3px;line-height:1.25}.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}.settings-switch.on{background:var(--lcd-ink);color:var(--lcd-bg)}.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-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{display:none}.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-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}@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-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-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-tabs{display:flex;align-items:center;gap:4px;margin-bottom:8px}.inst-collapse{margin-left:auto;display:inline-flex;align-items:center;gap:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(74,70,63,.5);border-radius:4px;background:#ffffff38;color:var(--silk);font-family:inherit;font-size:9px;font-weight:800;letter-spacing:.16em;line-height:1;padding:4px 12px;cursor:pointer}.inst-collapse:hover{border-color:var(--silk);background:#ffffff59}.inst-collapse-caret{font-size:10px}#instrument.collapsed .inst-panel{display:none}#instrument.collapsed .inst-tabs{margin-bottom:0}.inst-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(74,70,63,.5);border-radius:4px 4px 0 0;background:#ffffff38;color:var(--silk);font-family:inherit;font-size:9px;font-weight:800;letter-spacing:.2em;padding:4px 14px;cursor:pointer}.inst-tab:hover{border-color:var(--silk)}.inst-tab.active{background:var(--silk);color:var(--body-hi);border-color:var(--silk)}#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}.rec-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:800;letter-spacing:.18em;padding:2px 10px;cursor:pointer}.rec-btn.armed{background:var(--led-red);border-color:var(--akai-red);color:#fff;box-shadow:0 0 6px #ff2419cc,0 0 12px #ff241959}.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),inset 0 1px #ffffff47;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(2px);box-shadow:0 1px 0 var(--pad-shadow),inset 0 1px 3px #0000004d}.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),inset 0 1px #ffffff47;transition:transform .05s}.pad.beat{background:linear-gradient(to bottom,#8a847a,#726c63)}.pad:active{transform:translateY(2px);box-shadow:0 1px 0 var(--pad-shadow),inset 0 1px 3px #0000004d}.seq-group.locked .pad:active{transform:none;box-shadow:0 3px 0 var(--pad-shadow),inset 0 1px #ffffff47}.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}}