@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(./press-start-2p-latin-ClsvrIBJ.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(./vt323-latin-EhPR265H.woff2) format("woff2")}:root{--bg:#15102b;--bg2:#1d1640;--panel:#241a4d;--panel2:#2c2160;--well:#120d2b;--well2:#1b1440;--edge-lo:#0c0820;--edge-hi:#4a3a8f;--ink:#f4f0ff;--dim:#9b8fce;--dimmer:#6b5fa0;--c1:#ff5a8a;--c2:#ff9a3d;--c3:#ffe23d;--c4:#7dff5c;--c5:#2ee6ff;--c6:#5b8cff;--c7:#c06bff;--c8:#ff5a5a;--lcd-bg:#0c1a0c;--lcd-fg:#57ff57;--lcd-dim:#3f7a3f;--lcd-edge:#1f3f1f;--amber:#ffd23d;--pix:"Press Start 2P",monospace;--term:"VT323",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--term);image-rendering:pixelated;padding:14px;min-height:100%;background-image:radial-gradient(120% 80% at 50% -10%,#2a1f57 0%,transparent 55%),repeating-linear-gradient(0deg,#00000022 0 2px,transparent 2px 4px);-webkit-user-select:none;user-select:none}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(0deg,#0000001f 0 2px,transparent 2px 4px);mix-blend-mode:multiply}.pix{border:0;border-radius:0;box-shadow:0 0 0 3px var(--edge-lo),inset -3px -3px #0005,inset 3px 3px #ffffff14}.well{background:var(--well);box-shadow:inset 0 0 0 2px #00000060;padding:8px}.shell{max-width:1400px;margin:0 auto;background:linear-gradient(180deg,var(--bg2),var(--bg));padding:12px;position:relative;box-shadow:0 0 0 4px var(--edge-lo),0 0 0 7px #2a205c,inset 0 0 0 2px #ffffff10}.btn8{font-family:var(--pix);font-size:8px;color:var(--ink);background:#3a2c86;padding:8px 9px;cursor:pointer;line-height:1;border:0;border-radius:0;box-shadow:0 0 0 2px var(--edge-lo),inset -2px -2px #0005,inset 2px 2px #ffffff18;white-space:nowrap}.btn8:hover{filter:brightness(1.15)}.btn8:active{transform:translate(1px,1px)}.btn8.on{background:var(--c5);color:#04222a}.btn8.warn.on{background:var(--c8);color:#2a0404}.btn8.amber.on{background:var(--c3);color:#2a2000}.btn8.ghost{background:#241a4d;color:var(--dim)}.btn8:disabled{opacity:.45;cursor:default}.btn8:focus-visible{outline:3px solid var(--c3);outline-offset:2px}.ph{font-family:var(--pix);font-size:8px;color:var(--c3);margin-bottom:9px;display:flex;justify-content:space-between;align-items:center;gap:8px;letter-spacing:.5px}.ph .sub{font-family:var(--term);font-size:13px;color:var(--dim);letter-spacing:0}.foldbtn{background:none;border:1px solid #3a2f6e;color:var(--dim);font-size:8px;width:17px;height:17px;padding:0;cursor:pointer;line-height:1;flex:none}.foldbtn:hover{color:var(--c3);border-color:var(--c3)}.foldsum{font-family:var(--term);font-size:13px;color:var(--dim);letter-spacing:0;display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.foldsum b{color:var(--c3);font-weight:400}.foldsum .led{width:7px;height:7px;flex:none;background:#3a2f6e}.foldsum .led.on{background:var(--c4);box-shadow:0 0 5px var(--c4)}.ministeps{display:inline-flex;gap:2px;align-items:center}.ministeps i{width:9px;height:9px;background:#1c1640;border:1px solid #352a63}.ministeps i.on{background:var(--c4);border-color:var(--c4)}.ministeps i.now{outline:1px solid var(--c3);outline-offset:1px}.minibars{display:inline-flex;gap:2px;align-items:flex-end;height:15px}.minibars i{width:5px;min-height:2px}.folded-panel .ph{margin-bottom:0}.rig>.folded-panel,.botrow>.folded-panel{align-self:start}.panel{background:var(--panel);padding:10px}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(180deg,#33267a,#251b58);padding:9px 12px;margin-bottom:10px}.logo{display:flex;align-items:center;gap:10px}.logo .blk{font-family:var(--pix);font-size:15px;color:var(--c3);text-shadow:3px 3px 0 #00000088}.logo .blk b{color:var(--c5)}.logo .ver{font-family:var(--pix);font-size:7px;color:var(--c1);background:#1a1340;padding:4px 6px}.tbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tbar-right .cap{font-family:var(--pix);font-size:7px;color:var(--dim)}input[type=range].hslider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;height:14px;background:var(--well);box-shadow:inset 0 0 0 2px var(--edge-lo);cursor:pointer}input[type=range].hslider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--c5);box-shadow:0 0 0 2px var(--edge-lo),0 0 8px var(--c5)}input[type=range].hslider::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:0;background:var(--c5);box-shadow:0 0 0 2px var(--edge-lo),0 0 8px var(--c5)}.msel{font-family:var(--term);font-size:13px;color:var(--ink);background:#1c1542;border:0;box-shadow:inset 0 0 0 2px #3a2d6b;padding:4px 5px;max-width:130px;cursor:pointer}.msel:hover{box-shadow:inset 0 0 0 2px #5a4aa0}.msel:focus-visible{outline:2px solid var(--c3)}.lcdrow{display:grid;grid-template-columns:170px minmax(0,1fr) auto 190px;gap:10px;margin-bottom:10px}@media(max-width:1000px){.lcdrow{grid-template-columns:1fr}}.lcd{background:var(--lcd-bg);color:var(--lcd-fg);font-family:var(--term);box-shadow:inset 0 0 0 2px var(--lcd-edge),inset 0 0 18px #0f0a,0 0 0 3px var(--edge-lo);padding:8px 12px;position:relative;overflow:hidden}.lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000014 0 2px,transparent 2px 3px)}.lcd .glow{text-shadow:0 0 8px #2bff2b66}.lcd-main{display:flex;align-items:stretch;gap:16px}.lcd-ptn{display:flex;flex-direction:column;justify-content:center;min-width:118px}.lcd-ptn .k{font-size:12px;color:var(--lcd-dim);letter-spacing:2px}.lcd-ptn .v{font-size:34px;line-height:1}.lcd-name{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.lcd-name .big{font-size:26px;letter-spacing:1px;white-space:nowrap;overflow:hidden}.lcd-name .meta{font-size:14px;color:var(--lcd-dim);display:flex;gap:12px;flex-wrap:wrap}.lcd-bpm{display:flex;flex-direction:column;justify-content:center;text-align:right}.lcd-bpm .v{font-size:34px;line-height:1}.lcd-bpm .k{font-size:12px;color:var(--lcd-dim);letter-spacing:2px}.lcd-pos{display:flex;gap:3px;align-items:center;margin-top:5px}.lcd-pos i{width:9px;height:9px;background:#173417}.lcd-pos i.on{background:var(--lcd-fg);box-shadow:0 0 6px #2bff2b88}.lcd-msg{font-size:14px;color:var(--lcd-dim);white-space:nowrap;overflow:hidden;margin-top:2px}.lcd-msg b{color:var(--lcd-fg);font-weight:400}.lcd.amber{--lcd-bg:#1a1206;--lcd-fg:#ffd23d;--lcd-dim:#8a6a1f;--lcd-edge:#4a380f;background:var(--lcd-bg);color:var(--lcd-fg)}.dbeam{display:flex;flex-direction:column;gap:8px;background:var(--panel);padding:10px}.dbeam-surface{flex:1;min-height:84px;background:linear-gradient(180deg,#1b1440,#120d2b);box-shadow:inset 0 0 0 2px #00000060;position:relative;cursor:crosshair;touch-action:none}.dbeam-surface .beamfill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--c7),transparent);opacity:.55;pointer-events:none}.dbeam-surface .beamdot{position:absolute;width:11px;height:11px;border:2px solid var(--c7);border-radius:50%;transform:translate(-50%,50%);box-shadow:0 0 9px var(--c7);pointer-events:none}.dbeam-surface .lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--pix);font-size:7px;color:var(--dimmer);pointer-events:none;text-align:center;line-height:2}.dbeam-btns{display:flex;gap:5px;flex-wrap:wrap}.dbeam-btns .btn8{flex:1;font-size:6.5px;padding:7px 4px}.dialbox{background:var(--panel);padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.dial{width:74px;height:74px;border-radius:50%;position:relative;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 50% 36%,#4a3a8f,#241a4d 70%);box-shadow:0 0 0 3px var(--edge-lo),inset -4px -4px #0006,inset 4px 4px #ffffff1c}.dial .tick{position:absolute;left:50%;top:7px;width:5px;height:20px;background:var(--c3);transform-origin:50% 30px;transform:translate(-50%) rotate(0);box-shadow:0 0 6px var(--c3)}.dial-btns{display:flex;gap:6px}.dialbox .cap{font-family:var(--pix);font-size:7px;color:var(--dim)}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;width:52px}.knob{--rot:-135deg;width:38px;height:38px;border-radius:50%;position:relative;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 50% 36%,#4a3a8f,#241a4d 72%);box-shadow:0 0 0 2px var(--edge-lo),inset -3px -3px #0006,inset 3px 3px #ffffff1a}.knob .tick{position:absolute;left:50%;top:3px;width:4px;height:12px;background:var(--kc,var(--c5));transform-origin:50% 16px;transform:translate(-50%) rotate(var(--rot));box-shadow:0 0 5px var(--kc,var(--c5))}.knob:focus-visible{outline:3px solid var(--c3);outline-offset:3px}.knob-lbl{font-family:var(--pix);font-size:6px;color:var(--dim);text-align:center;letter-spacing:.5px;line-height:1.5}.knob-val{font-family:var(--term);font-size:13px;color:var(--ink);line-height:1}.krow{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-start}.kgroup{background:var(--well2);box-shadow:inset 0 0 0 2px #00000040;padding:8px;display:flex;flex-direction:column;gap:7px}.kgroup .gt{font-family:var(--pix);font-size:7px;color:var(--c2);letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;gap:6px}.optrow{display:flex;gap:4px;flex-wrap:wrap}.opt{font-family:var(--pix);font-size:6.5px;color:var(--dim);background:#0e0a26;padding:5px 6px;cursor:pointer;box-shadow:inset 0 0 0 2px #3a2d6b;border:0}.opt:hover{color:var(--ink)}.opt.on{background:var(--c5);color:#04222a;box-shadow:inset 0 0 0 2px #fff4,0 0 7px var(--c5)}.opt:focus-visible{outline:2px solid var(--c3)}.rig{display:grid;grid-template-columns:196px 1fr;gap:10px}@media(max-width:1000px){.rig{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:10px;min-width:0}.midrow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}@media(max-width:1200px){.midrow{grid-template-columns:1fr}}.botrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}@media(max-width:1200px){.botrow{grid-template-columns:1fr}}.mixer{display:flex;flex-direction:column;gap:6px}.strip{display:grid;grid-template-columns:20px 1fr 34px 24px;align-items:center;gap:5px;padding:6px 7px;background:#1c1542;cursor:pointer;box-shadow:inset 0 0 0 2px #00000040}.strip .msbtns{display:flex;flex-direction:column;gap:3px;height:38px}.strip.sel{background:#2a205c;box-shadow:inset 0 0 0 2px var(--pc)}.strip .sw{width:11px;height:11px;background:#0e0a26;box-shadow:inset 0 0 0 2px #3a2d6b}.strip.active .sw{background:var(--pc);box-shadow:0 0 8px var(--pc),inset 0 0 0 2px #fff4}.strip .nm{font-size:14px;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.strip .nm em{font-style:normal;display:block;font-size:9px;color:var(--dimmer);font-family:var(--pix);margin-top:3px;letter-spacing:.5px}.strip .lvl{height:38px;width:100%;background:var(--well);box-shadow:inset 0 0 0 2px #00000060;position:relative;cursor:ns-resize;touch-action:none}.strip .lvl i{position:absolute;left:2px;right:2px;bottom:2px;background:var(--pc);opacity:.85}.strip .mut,.strip .sol{flex:1;font-family:var(--pix);font-size:7px;color:var(--dim);background:#0e0a26;padding:0;text-align:center;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 2px #3a2d6b;border:0}.strip .mut.on{background:var(--c8);color:#2a0404;box-shadow:inset 0 0 0 2px #fff4}.strip .sol.on{background:var(--c4);color:#0a2a00;box-shadow:inset 0 0 0 2px #fff4,0 0 8px var(--c4)}.strip.muted .nm{color:var(--dimmer);text-decoration:line-through}.strip.shadowed{opacity:.45}.bank{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.bank .pbtn{font-family:var(--pix);font-size:7px;color:var(--dim);background:#1c1542;padding:7px;cursor:pointer;box-shadow:inset 0 0 0 2px #3a2d6b;border:0;line-height:1.5;text-align:center}.bank .pbtn:hover{color:var(--ink)}.bank .pbtn.cur{background:var(--c4);color:#0a2a00;box-shadow:inset 0 0 0 2px #fff4,0 0 8px var(--c4)}.bank .pbtn.next{animation:blink .5s steps(2) infinite;background:var(--c3);color:#2a2000}.bank .pbtn em{display:block;font-style:normal;font-size:6px;opacity:.75;margin-top:3px}@keyframes blink{50%{filter:brightness(.6)}}.bank .sep{width:2px;height:26px;background:#3a2d6b;margin:0 3px}.songchips{display:flex;gap:6px;flex-wrap:wrap;align-items:stretch;margin-bottom:9px;min-height:44px}.songchip{display:flex;align-items:stretch;background:#1c1542;box-shadow:inset 0 0 0 2px #3a2d6b}.songchip.cur{box-shadow:inset 0 0 0 2px var(--c4),0 0 8px #7dff5c44}.songchip.playing{box-shadow:inset 0 0 0 2px var(--c3),0 0 10px #ffe23d66}.songchip .main{border:0;background:none;cursor:pointer;padding:6px 8px;text-align:left;line-height:1.2}.songchip .main .pid{font-family:var(--pix);font-size:8px;color:var(--ink);display:block}.songchip .main .pnm{font-size:12px;color:var(--dim);display:block;max-width:86px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.songchip .main:hover .pid{color:var(--c5)}.songchip .ctl{display:flex;flex-direction:column;border-left:2px solid #0e0a26}.songchip .ctl button{border:0;background:#0e0a26;color:var(--dim);font-family:var(--pix);font-size:6px;padding:3px 5px;cursor:pointer;line-height:1;flex:1}.songchip .ctl button:hover{color:var(--ink);background:#241a4d}.songchip .reps{border:0;background:#0e0a26;color:var(--c3);font-family:var(--pix);font-size:7px;padding:0 6px;cursor:pointer;border-left:2px solid #1c1542}.songchip .reps:hover{filter:brightness(1.3)}.songarrow{align-self:center;font-family:var(--pix);font-size:8px;color:var(--dimmer)}.songempty{align-self:center;font-size:14px;color:var(--dimmer);padding:4px 2px}.seqwrap{background:var(--well);padding:9px;box-shadow:inset 0 0 0 2px #00000060;overflow-x:auto}.ruler{display:grid;grid-template-columns:56px repeat(16,minmax(24px,1fr));gap:4px;margin-bottom:6px}.ruler span{font-family:var(--pix);font-size:7px;color:var(--dimmer);text-align:center;padding-top:3px}.ruler span.beat{color:var(--c3)}.ruler span.cur{color:#fff;text-shadow:0 0 6px #fff}.lane{display:grid;grid-template-columns:56px repeat(16,minmax(24px,1fr));gap:4px;margin-bottom:4px;align-items:center}.lane .lab{font-family:var(--pix);font-size:7px;color:var(--lc,var(--dim));letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:flex;align-items:center;gap:4px}.lane .lab.sel{color:#fff;text-shadow:0 0 6px var(--lc)}.lane .lab .lm{flex:none;width:10px;height:10px;border:0;padding:0;cursor:pointer;background:var(--lc,var(--dim));box-shadow:inset 0 0 0 2px #0005}.lane .lab .lm.off{background:#0e0a26;box-shadow:inset 0 0 0 2px #3a2d6b}.lane.lmuted .lab,.lane.lmuted .cell{opacity:.35}.cell{aspect-ratio:1;min-height:24px;background:var(--well2);cursor:pointer;box-shadow:inset 0 0 0 2px #2c2160;position:relative;border:0;padding:0}.cell:hover{box-shadow:inset 0 0 0 2px #5a4aa0}.cell.beat{box-shadow:inset 0 0 0 2px #3a2d6b}.cell.on{background:var(--lc,var(--c5));box-shadow:inset 0 0 0 2px #fff5,0 0 7px var(--lc,var(--c5))}.cell.on.soft{filter:brightness(.72)}.cell.on.hard{filter:brightness(1.15)}.cell.col-cur{outline:3px solid #fff;outline-offset:-1px;z-index:2}.cell .nt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--term);font-size:12px;color:#0a0720;pointer-events:none}.cell:not(.on) .nt{color:var(--dimmer)}.cell.edit{outline:2px dashed var(--c3);outline-offset:1px}.bartabs{display:flex;gap:5px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.seqfoot{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap;font-size:13px;color:var(--dim)}.seqfoot .grp{display:flex;gap:5px;align-items:center}.seqfoot .cap{font-family:var(--pix);font-size:6.5px;color:var(--dimmer)}.mo-lanes{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.mo-chip{display:flex;align-items:stretch;background:#1c1542;box-shadow:inset 0 0 0 2px #3a2d6b}.mo-chip.on{box-shadow:inset 0 0 0 2px var(--mc,var(--c5)),0 0 8px var(--mc,var(--c5))}.mo-chip .nm{border:0;background:none;color:var(--ink);font-family:var(--pix);font-size:7px;padding:7px 8px;cursor:pointer}.mo-chip.on .nm{color:var(--mc,var(--c5))}.mo-chip .rm{border:0;background:#0e0a26;color:var(--dim);font-family:var(--pix);font-size:6px;padding:0 6px;cursor:pointer;border-left:2px solid #0e0a26}.mo-chip .rm:hover{color:var(--c8)}.mo-editor{position:relative;display:grid;grid-template-columns:repeat(16,1fr);gap:4px;height:170px;background:var(--well);box-shadow:inset 0 0 0 2px #00000060;padding:8px;cursor:crosshair;touch-action:none}.mo-col{position:relative;background:var(--well2);box-shadow:inset 0 0 0 2px #221a4a;display:flex;align-items:flex-end}.mo-col.beat{box-shadow:inset 0 0 0 2px #3a2d6b}.mo-col.cur{outline:3px solid #fff;outline-offset:-1px;z-index:2}.mo-col i{width:100%;background:var(--mc,var(--c5));opacity:.85;box-shadow:0 0 7px var(--mc,var(--c5));pointer-events:none}.mo-col .dot{position:absolute;left:50%;bottom:4px;width:4px;height:4px;background:var(--dimmer);transform:translate(-50%);pointer-events:none}.mo-empty{grid-column:1/-1;align-self:center;text-align:center;font-size:14px;color:var(--dimmer)}.fxgrid{display:flex;flex-direction:column;gap:8px}.fxrow{display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pad{aspect-ratio:1.5;cursor:pointer;font-family:var(--pix);font-size:6.5px;color:#0a0720;border:0;display:grid;place-items:center;box-shadow:2px 2px #0006;line-height:1.6;text-align:center;padding:2px}.pad:active{transform:translate(1px,1px);filter:brightness(1.3)}.mmgrid{display:flex;flex-direction:column;gap:4px}.mmrow{display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:center}.mmrow .ml{font-family:var(--pix);font-size:7px;color:var(--mc,var(--dim))}.mmrow .msel{display:flex;gap:3px}.mmrow .msel .opt{font-size:6px;padding:4px 5px;flex:1;text-align:center}.kbrow{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.kbpads{flex:1;min-width:320px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.kpad{position:relative;height:52px;cursor:pointer;border:0;background:linear-gradient(180deg,#efe9ff,#cfc4f0);box-shadow:0 0 0 2px var(--edge-lo),inset 0 -6px #0002;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px}.kpad.black{background:linear-gradient(180deg,#2a2350,#120d2b);box-shadow:0 0 0 2px var(--edge-lo),inset 0 -4px #0008}.kpad .kc{font-family:var(--pix);font-size:7px;color:#4a3f6e;pointer-events:none}.kpad.black .kc{color:#b9a9ff}.kpad.down{background:linear-gradient(180deg,var(--c5),#1c9ab8)}.kpad.down .kc{color:#04222a}.kpad.drum{background:linear-gradient(180deg,#3a2c86,#241a4d)}.kpad.drum .kc{color:var(--pc,var(--c5));font-size:8px}.kpad.drum.down{background:var(--pc,var(--c5))}.kpad.drum.down .kc{color:#0a0720}.kpad .nt2{position:absolute;top:4px;left:0;right:0;text-align:center;font-family:var(--term);font-size:11px;color:#4a3f6e;pointer-events:none}.kpad.black .nt2{color:#6b5fa0}.transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tbtn{font-family:var(--pix);font-size:10px;padding:13px 15px;border:0;cursor:pointer;color:var(--ink);background:#3a2c86;box-shadow:0 0 0 2px var(--edge-lo),inset -2px -2px #0005,inset 2px 2px #ffffff18}.tbtn:hover{filter:brightness(1.15)}.tbtn:active{transform:translate(1px,1px)}.tbtn.play.on{background:var(--c4);color:#0a2a00;box-shadow:0 0 0 2px var(--edge-lo),0 0 14px var(--c4)}.tbtn.rec{color:var(--c8)}.tbtn.rec.on{background:var(--c8);color:#2a0404;animation:blink .8s steps(2) infinite;box-shadow:0 0 0 2px var(--edge-lo),0 0 14px var(--c8)}.tbtn:focus-visible{outline:3px solid var(--c3);outline-offset:2px}.manual-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0c0820cc;display:grid;place-items:center;padding:20px}.manual{width:min(980px,100%);height:min(640px,92vh);background:var(--panel);display:flex;flex-direction:column;box-shadow:0 0 0 4px var(--edge-lo),0 0 0 7px #2a205c,0 0 60px #000}.manual-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(180deg,#33267a,#251b58);padding:10px 12px}.manual-head .ttl{font-family:var(--pix);font-size:11px;color:var(--c3)}.manual-main{flex:1;display:grid;grid-template-columns:180px 1fr;min-height:0}@media(max-width:760px){.manual-main{grid-template-columns:1fr}.manual-nav{display:flex;overflow-x:auto}}.manual-nav{background:var(--well);padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.manual-nav button{font-family:var(--pix);font-size:7px;color:var(--dim);background:#1c1542;border:0;cursor:pointer;padding:8px;text-align:left;box-shadow:inset 0 0 0 2px #2c2160;line-height:1.6;white-space:nowrap}.manual-nav button:hover{color:var(--ink)}.manual-nav button.on{background:var(--c5);color:#04222a;box-shadow:inset 0 0 0 2px #fff4}.manual-body{padding:14px 18px;overflow-y:auto;font-size:16px;line-height:1.5;color:var(--ink);-webkit-user-select:text;user-select:text}.manual-body h3{font-family:var(--pix);font-size:10px;color:var(--c3);margin:0 0 12px}.manual-body h4{font-family:var(--pix);font-size:8px;color:var(--c2);margin:16px 0 7px}.manual-body p{margin:0 0 9px;color:var(--ink)}.manual-body em{color:var(--c5);font-style:normal}.manual-body ul{margin:0 0 10px 18px}.manual-body li{margin-bottom:5px}.manual-body table{border-collapse:collapse;margin:4px 0 12px;width:100%}.manual-body td,.manual-body th{border:2px solid #3a2d6b;padding:4px 8px;text-align:left;font-size:15px}.manual-body th{font-family:var(--pix);font-size:7px;color:var(--dim);background:var(--well)}.kk{font-family:var(--pix);font-size:8px;color:var(--ink);background:#0e0a26;padding:3px 6px;box-shadow:inset 0 0 0 2px #3a2d6b;display:inline-block;margin:0 1px;white-space:nowrap}a{color:inherit}:focus-visible{outline:3px solid var(--c3);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.cell.col-step{outline:2px dashed var(--c3);outline-offset:-2px;z-index:2}