*,:before,:after{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}[hidden]{display:none!important}:root{--bg:#000;--neon-green:#0f8;--neon-cyan:#00e5ff;--neon-blue:#06f;--neon-magenta:#f0c;--neon-yellow:#fe0;--scanline-color:#00280a73;--border:#0f8;--titlebar-h:28px;--toolbar-h:36px;--font-mono:"Courier New", Courier, monospace}html,body{background:var(--bg);width:100%;height:100%;color:var(--neon-green);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;overflow:hidden}#app{background:var(--bg);border:1px solid var(--border);flex-direction:column;width:100vw;height:100vh;display:flex}#titlebar{height:var(--titlebar-h);background:linear-gradient(90deg, var(--neon-cyan) 0%, var(--neon-blue) 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.titlebar-left{align-items:center;gap:6px;display:flex}#titlebar-text{color:#000;letter-spacing:1px;text-shadow:0 0 4px #ffffff80;font-size:12px;font-weight:700}#fps-counter{color:#000;opacity:.55;letter-spacing:.5px;font-size:11px;font-weight:700}#titlebar-branch{color:#000;letter-spacing:.5px;cursor:default;background:#0000002e;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}#titlebar-buttons{gap:4px;display:flex}.tb-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;border:1px solid #00000080;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex}.tb-btn.minimize{background:#999}.tb-btn.maximize{background:#0c4}.tb-btn.close{background:#999}:fullscreen .tb-btn.minimize{background:#fc0}:fullscreen .tb-btn.maximize{background:#999}:fullscreen .tb-btn.close{background:#f33}.tb-btn.close.tb-capturing,.tb-btn.close.tb-nav{background:#f33}#toolbar{border-bottom:1px solid var(--border);background:#0a0a0a;flex-direction:column;flex-shrink:0;display:flex}#toolbar-row1{min-height:var(--toolbar-h);border-bottom:1px solid #00ff8826;flex-wrap:wrap;align-items:center;gap:4px;padding:0 8px;display:flex}#toolbar-row2{min-height:var(--toolbar-h);flex-wrap:wrap;align-items:center;gap:4px;padding:0 8px;display:flex}#cat-btns{align-items:center;gap:4px;display:flex}.cat-btn{border:1px solid var(--neon-cyan);height:26px;color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;padding:0 12px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s}.cat-btn:hover{box-shadow:0 0 6px var(--neon-cyan);background:#00e5ff26}.cat-btn.active{background:var(--neon-cyan);color:#000;box-shadow:0 0 10px var(--neon-cyan), 0 0 20px #00e5ff66}.mode-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;padding:0 12px;font-size:12px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s}.mode-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.mode-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}#gear-btn{border:1px solid var(--neon-green);width:26px;height:26px;color:var(--neon-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background .1s,color .1s,box-shadow .1s;display:flex}#gear-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}#gear-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}#toolbar-end{align-items:center;gap:6px;margin-left:auto;display:flex}#toolbar-capture-err{color:#ff7040;text-align:right;padding:2px 8px 4px;font-size:11px}#toolbar-capture-err.hidden{display:none}#audio-stall-btn{color:#ff6b60;height:26px;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ff3b30;padding:0 8px;font-size:10px;font-weight:700;animation:1.4s ease-in-out infinite audio-stall-pulse}#audio-stall-btn:hover{background:#ff3b302e}#audio-stall-btn.hidden{display:none}@keyframes audio-stall-pulse{0%,to{box-shadow:0 0 4px #ff3b3059}50%{box-shadow:0 0 10px #ff3b30b3}}.lv-source-select{height:26px;color:var(--neon-green);border:1px solid var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:#0a0a0a;border-radius:2px;max-width:150px;padding:0 6px;font-size:11px}.lv-source-select:focus{outline:1px solid var(--neon-green)}.lv-source-select option,.lv-source-select optgroup{background:#0a0a0a}#synth-vol-row{color:#00ff88a6;letter-spacing:.5px;align-items:center;gap:5px;font-size:10px;display:inline-flex}#synth-vol-row input[type=range]{width:64px;accent-color:var(--neon-green);cursor:pointer}#center-info{align-items:center;gap:8px;display:flex}#prep-indicator{color:#000;letter-spacing:.5px;opacity:.8;cursor:help;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}#prep-indicator #prep-spinner{font-size:11px;animation:.9s linear infinite prep-spin;display:inline-block}@keyframes prep-spin{to{transform:rotate(360deg)}}#beat-indicator{color:#000;letter-spacing:.5px;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}#beat-dot{color:var(--neon-cyan);font-size:9px}#now-playing-text{opacity:.75}.detection-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s,text-shadow .12s;display:inline-flex}.detection-btn-icon{font-size:12px}.detection-btn-score{font-variant-numeric:tabular-nums;text-align:right;min-width:26px}.detection-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.detection-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}.detection-btn.voice-lit:not(.active){border-color:var(--neon-magenta);color:var(--neon-magenta);text-shadow:0 0 6px var(--neon-magenta);box-shadow:0 0 8px #ff00c873}.detection-btn.voice-error:not(.active){color:#ff3b30;border-color:#ff3b30}.voice-status{color:var(--neon-green);border-bottom:1px solid #00ff8840;align-items:center;gap:8px;padding:6px 10px;font-size:11px;line-height:1.35;display:flex}.voice-status.hidden{display:none}.voice-status-msg{flex:1}.voice-status.voice-status-error{color:#ff6b60;border-bottom-color:#ff3b3059}.voice-status-retry{color:#ff6b60;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ff3b30;flex:none;padding:2px 8px;font-size:10px;font-weight:700}.voice-status-retry:hover{background:#ff3b302e}.voice-status-retry.hidden{display:none}.detection-panel{z-index:40;border:1px solid var(--neon-green);width:280px;max-height:80vh;color:var(--neon-green);background:#040a06f0;font-size:12px;position:fixed;overflow-y:auto;box-shadow:0 0 14px #00ff8859}.detection-panel.hidden{display:none}.signal-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s;display:inline-flex}.signal-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.signal-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}.signal-panel{z-index:40;border:1px solid var(--neon-green);width:260px;color:var(--neon-green);background:#040a06f0;font-size:12px;position:fixed;box-shadow:0 0 14px #00ff8859}.signal-panel.hidden{display:none}.sg-gate{border-bottom:1px solid #00ff8826;padding:6px 10px 4px}.sg-gate:last-child{border-bottom:none}.sg-hdr{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sg-label{flex:1;font-weight:700}.sg-live{font-variant-numeric:tabular-nums;text-align:right;opacity:.7;min-width:30px}.sg-dot{border-radius:50%;flex:none;width:8px;height:8px;transition:background .1s,box-shadow .1s}.sg-dot-open{background:var(--neon-green);box-shadow:0 0 5px var(--neon-green)}.sg-dot-closed{background:#0f83}.sg-thresh{margin-bottom:0;padding-left:2px}#controls-panel{z-index:30;border:1px solid var(--neon-green);width:240px;color:var(--neon-green);background:#040a06f0;font-size:12px;position:absolute;top:8px;right:8px;box-shadow:0 0 14px #00ff8859}#controls-panel.hidden{display:none}.cp-header{border-bottom:1px solid var(--neon-green);background:#00ff881f;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.cp-title{letter-spacing:1px;font-weight:700}.cp-header-btns{align-items:center;gap:4px;display:flex}.cp-close,.cp-we{border:1px solid var(--neon-green);height:16px;color:var(--neon-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:10px;display:flex}.cp-close{width:16px}.cp-we{padding:0 4px}.cp-close:hover,.cp-we:hover{background:#0f83}.cp-we--on{background:#00ff8859;font-weight:700}.cp-body{flex-direction:column;gap:10px;max-height:70vh;padding:10px 8px;display:flex;overflow-y:auto}.cp-row{cursor:pointer;align-items:center;gap:8px;display:flex}.cp-label{white-space:nowrap;flex:1}.cp-lock{width:16px;height:16px;color:var(--neon-green);cursor:pointer;background:0 0;border:1px solid #00ff8859;flex:none;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:flex}.cp-lock:hover{background:#00ff8826}.cp-lock--on{border-color:var(--neon-magenta);background:#ff00cc2e}.cp-slider .cp-value{text-align:right;width:38px;color:var(--neon-cyan);font-variant-numeric:tabular-nums}.cp-slider input[type=range]{min-width:0;accent-color:var(--neon-green);cursor:pointer;flex:1.4}.cp-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--neon-green);cursor:pointer}.cp-select-input{color:var(--neon-cyan);font:inherit;cursor:pointer;background:#0a0a0a;border:1px solid #00ff8840;border-radius:2px;flex:1.4;padding:2px 4px;font-size:10px}.cp-select-input:focus{outline:1px solid var(--neon-green)}.cp-select-input option{background:#0a0a0a}.cp-text-input{color:var(--neon-cyan);font:inherit;background:#0a0a0a;border:1px solid #00ff8840;border-radius:2px;flex:1.4;padding:2px 6px;font-size:10px}.cp-text-input::placeholder{color:#00e5ff4d}.cp-text-input:focus{outline:1px solid var(--neon-green)}.cp-multiselect{cursor:default;flex-direction:column;align-items:stretch;gap:5px}.cp-multiselect .cp-options{flex-direction:column;gap:4px;padding-left:4px;display:flex}.cp-multiselect .cp-options label{cursor:pointer;align-items:center;gap:6px;display:flex}.cp-multiselect .cp-options input[type=checkbox]{width:13px;height:13px;accent-color:var(--neon-green);cursor:pointer}.cp-matrix{cursor:default;flex-direction:column;align-items:stretch;gap:6px}.cp-matrix-grid{align-items:center;gap:5px 2px;margin-top:2px;display:grid}.cp-matrix-grid .cp-matrix-clear{font-family:var(--font-mono);border:1px solid var(--neon-magenta);color:var(--neon-magenta);cursor:pointer;letter-spacing:.5px;background:#ff00cc2e;padding:1px 3px;font-size:9px;line-height:1.3}.cp-matrix-grid .cp-matrix-clear:hover{box-shadow:0 0 4px var(--neon-magenta);background:#ff00cc26}.cp-matrix-grid .cp-mh{text-align:center;color:var(--neon-cyan);letter-spacing:.5px;cursor:help;font-size:10px}.cp-matrix-grid .cp-rl{white-space:nowrap;padding-right:4px;font-size:11px}.cp-matrix-grid .cp-cell{justify-content:center;display:flex}.cp-matrix-grid .cp-cell input[type=checkbox]{width:13px;height:13px;accent-color:var(--neon-green);cursor:pointer;margin:0}.cp-colorpicker .cp-swatch-wrap{cursor:pointer;align-items:center;gap:5px;display:flex}.cp-colorpicker .cp-swatch{border:1px solid #00ff8873;border-radius:2px;flex-shrink:0;width:22px;height:22px;transition:box-shadow .1s}.cp-colorpicker .cp-swatch-wrap:hover .cp-swatch{box-shadow:0 0 5px #00ff8880}.cp-colorpicker .cp-hex-val{color:var(--neon-cyan);letter-spacing:.03em;min-width:52px;font-size:10px}.cp-popup{z-index:9999;-webkit-user-select:none;user-select:none;width:190px;font-family:var(--font-mono);background:#000;border:1px solid #00ff8880;flex-direction:column;gap:7px;padding:8px;display:flex;position:fixed;box-shadow:0 4px 24px #000000e6,0 0 8px #00ff881f}.cp-popup[hidden]{display:none}.cp-popup-sq{background:linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, var(--sq-hue,red));cursor:crosshair;width:100%;height:110px;position:relative;overflow:hidden}.cp-popup-sq-cursor{pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c}.cp-popup-hue{cursor:crosshair;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);width:100%;height:12px;position:relative}.cp-popup-hue-cursor{pointer-events:none;background:#fff;border:1px solid #00000080;width:3px;height:calc(100% + 4px);position:absolute;top:-2px;transform:translate(-50%)}.cp-popup-bottom{align-items:center;gap:6px;display:flex}.cp-popup-preview{border:1px solid #00ff8873;border-radius:2px;flex-shrink:0;width:22px;height:22px}.cp-popup-hex{color:var(--neon-cyan);font:inherit;letter-spacing:.05em;background:#0a0a0a;border:1px solid #00ff8840;border-radius:2px;flex:1;padding:3px 5px;font-size:11px}.cp-popup-hex:focus{outline:1px solid var(--neon-green)}.cp-separator{color:#666;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin:4px 0 2px;font-size:9px;display:flex}.cp-separator:before,.cp-separator:after{content:"";background:#2a2a2a;flex:1;height:1px}.cp-separator:not(:has(span)):after{display:none}.cp-recenter{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;flex:none;padding:2px 7px;font-size:9px}.cp-recenter:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.cp-empty{color:#888;font-style:italic;line-height:1.5}.cp-subviz{background:#ffffff04;border:1px solid #2a2a2a;border-radius:3px;margin:4px 0}.cp-subviz-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:5px 8px;list-style:none;display:flex}.cp-subviz-summary::-webkit-details-marker{display:none}.cp-subviz-summary:before{content:"▸";color:var(--neon-green);font-size:9px;transition:transform .12s}.cp-subviz[open]>.cp-subviz-summary:before{transform:rotate(90deg)}.cp-subviz-summary .cp-label{flex:1}.cp-subviz-summary .cp-select-input{flex:1.2}.cp-subviz-body{border-left:1px solid #2a2a2a;margin-left:8px;padding:2px 8px 6px 12px}.cp-footer{gap:6px;margin:0 8px 10px;display:flex}.cp-reset,.cp-copy,.cp-qr{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:0 0;flex:1;padding:5px 0;font-size:11px;font-weight:700}.cp-reset:hover,.cp-copy:hover,.cp-qr:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.cp-reset[hidden],.cp-copy[hidden],.cp-qr[hidden]{display:none}.cp-qr-popup{align-items:center;width:auto}.cp-qr-img{width:190px;height:190px;image-rendering:pixelated;background:#fff}.cp-qr-img[hidden]{display:none}.cp-qr-note{color:#888;text-align:center;max-width:190px;font-size:10px;line-height:1.4}.cp-qr-note:empty{display:none}#cp-tooltip{pointer-events:none;z-index:9999;border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);white-space:nowrap;background:#040a06f5;padding:2px 7px;font-size:11px;position:fixed;box-shadow:0 0 6px #00ff884d}.tb-btn{transition:box-shadow .15s,opacity .15s}.tb-btn:hover{filter:brightness(1.3)}.tb-btn.minimize:hover,.tb-btn.close:not(.tb-capturing):hover{filter:none}:fullscreen .tb-btn.maximize:hover{filter:none}:fullscreen .tb-btn.close:hover{filter:brightness(1.3)}.tb-btn.close.tb-capturing{animation:1s ease-in-out infinite red-pulse}@keyframes red-pulse{0%,to{box-shadow:0 0 4px #f33}50%{box-shadow:0 0 10px #f33,0 0 20px #ff333380}}#portrait-group{border:1px solid var(--neon-green);transition:box-shadow .1s;display:flex}#portrait-group:has(#portrait-btn.active){box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}#portrait-btn,#frame-btn{color:var(--neon-green);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}#portrait-btn{letter-spacing:.5px;border-right:1px solid var(--neon-green);width:38px;height:26px;font-size:9px;font-weight:700}#portrait-btn:hover{background:#00ff8826}#portrait-btn.active{background:var(--neon-green);color:#000}#frame-btn{width:26px;height:26px;font-size:14px}#frame-btn:hover:not(:disabled){background:#00ff8826}#frame-btn.active{background:var(--neon-green);color:#000}#frame-btn:disabled{opacity:.3;cursor:default}#framing-popover{z-index:40;border:1px solid var(--neon-green);width:240px;color:var(--neon-green);background:#040a06f0;padding-bottom:8px;font-size:12px;position:fixed;box-shadow:0 0 14px #00ff8859}#framing-popover.hidden{display:none}.framing-pop-hdr{border-bottom:1px solid var(--neon-green);font-family:var(--font-mono);letter-spacing:1px;background:#00ff881f;justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;font-weight:700;display:flex}.framing-pop-close{border:1px solid var(--neon-green);width:16px;height:16px;color:var(--neon-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.framing-pop-close:hover{background:#0f83}.fp-row{cursor:default;align-items:center;gap:4px;padding:4px 8px 0;display:flex}.fp-label{width:70px;font-family:var(--font-mono);flex-shrink:0;font-size:11px}.fp-row input[type=range]{flex:1;min-width:0}.fp-value{text-align:right;width:32px;font-family:var(--font-mono);font-size:11px}.fp-recenter{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;margin:8px auto 0;padding:3px 12px;font-size:10px;display:block}.fp-recenter:hover{background:#00ff8826}#canvas-wrap{background:#000;flex:1;position:relative;overflow:hidden}#main-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#canvas-wrap.portrait-mode{justify-content:center;align-items:center;display:flex}#canvas-wrap.portrait-mode>#main-canvas{width:auto;height:auto}#canvas-wrap:after{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0px, transparent calc(var(--scanline-period,4px) - var(--scanline-line,1px)), var(--scanline-color) calc(var(--scanline-period,4px) - var(--scanline-line,1px)), var(--scanline-color) var(--scanline-period,4px));position:absolute;inset:0}#start-overlay{z-index:10;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#start-overlay.hidden{display:none}#overlay-logo{letter-spacing:6px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan), 0 0 30px var(--neon-cyan), 0 0 60px #00e5ff66;font-size:42px;font-weight:700}#overlay-version{color:var(--neon-green);letter-spacing:3px;opacity:.8;font-size:14px}#overlay-source-row{align-items:center;gap:10px;display:flex}#overlay-source-label{color:#888;letter-spacing:1px;text-transform:uppercase;font-size:12px}#overlay-source{color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:#0a0a0a;border:1px solid #00e5ff66;border-radius:2px;min-width:160px;padding:4px 8px;font-size:12px}#overlay-source:focus{outline:1px solid var(--neon-cyan)}#overlay-source option,#overlay-source optgroup{background:#0a0a0a}#overlay-volume{width:80px;accent-color:var(--neon-cyan);cursor:pointer}#overlay-hint{color:#888;text-align:center;max-width:320px;font-size:13px;line-height:1.6}#overlay-hint .overlay-error{color:#ff7040}#overlay-capture-btn{border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;text-transform:uppercase;background:0 0;padding:10px 28px;font-size:15px;font-weight:700;animation:1.4s ease-in-out infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 6px var(--neon-cyan), 0 0 12px #00e5ff4d}50%{box-shadow:0 0 16px var(--neon-cyan), 0 0 32px #00e5ff99, 0 0 48px #00e5ff33}}#overlay-capture-btn:hover{background:#00e5ff1f}.page-nav{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.page-nav-trigger{color:var(--neon-cyan);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #00e5ff59;align-items:center;height:20px;padding:1px 5px 2px;font-size:13px;line-height:1;transition:background .1s,box-shadow .1s;display:flex}.page-nav-trigger:hover,.page-nav-trigger.open{background:#00e5ff1f;box-shadow:0 0 6px #00e5ff4d}#titlebar .page-nav-trigger{color:#000;height:16px;box-shadow:none;background:#0000002e;border:1px solid #00000073;border-radius:2px;padding:0 5px;font-size:12px}#titlebar .page-nav-trigger:hover,#titlebar .page-nav-trigger.open{box-shadow:none;background:#00000052}#titlebar.titlebar-fixed{z-index:200;position:fixed;top:0;left:0;right:0}.page-nav-dropdown{z-index:300;border:1px solid var(--neon-cyan);background:#030805f7;flex-direction:column;min-width:130px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 0 14px #00e5ff40}.page-nav-dropdown[hidden]{display:none}.page-nav-item{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;padding:7px 12px;font-size:11px;font-weight:700;text-decoration:none;display:block}a.page-nav-item{color:var(--neon-cyan);transition:background .1s}a.page-nav-item:hover{box-shadow:inset 2px 0 0 var(--neon-cyan);background:#00e5ff1f}.page-nav-current{color:#00e5ff59;cursor:default}.plugin-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;align-items:center;padding:0 8px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s;display:inline-flex}.plugin-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.plugin-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}.plugin-panel{z-index:40;border:1px solid var(--neon-green);width:300px;color:var(--neon-green);background:#040a06f0;font-size:12px;position:fixed;box-shadow:0 0 14px #00ff8859}.plugin-panel.hidden{display:none}.plugin-panel-body{flex-direction:column;gap:6px;padding:10px;display:flex}.pp-label{color:#888;letter-spacing:.5px;text-transform:uppercase;font-size:11px}.pp-input-row{gap:6px;display:flex}.pp-url-input{min-width:0;color:var(--neon-cyan);font-family:var(--font-mono);background:#0a0a0a;border:1px solid #00e5ff66;border-radius:2px;flex:1;padding:4px 7px;font-size:11px}.pp-url-input:focus{outline:1px solid var(--neon-cyan)}.pp-load-btn{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;flex:none;padding:4px 10px;font-size:11px;font-weight:700;transition:background .1s}.pp-load-btn:hover{background:#00ff8826}.pp-load-btn:disabled{opacity:.45;cursor:default}.pp-status{word-break:break-all;font-size:11px;line-height:1.45}.pp-status.hidden{display:none}.pp-status-loading{color:#888}.pp-status-ok{color:var(--neon-green)}.pp-status-error{color:#ff6b60}.plugin-warn-dialog{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);background:#040a06f7;width:90vw;max-width:420px;padding:0;font-size:13px;box-shadow:0 0 32px #0f86}.plugin-warn-dialog::backdrop{background:#000000b8}.pwd-header{letter-spacing:1.5px;color:var(--neon-green);background:#00ff881f;border-bottom:1px solid #0f86;padding:10px 14px;font-size:13px;font-weight:700}.pwd-body{flex-direction:column;gap:10px;padding:14px;display:flex}.pwd-url-label{letter-spacing:.5px;color:#888;text-transform:uppercase;font-size:10px}.pwd-url{color:var(--neon-cyan);word-break:break-all;background:#00e5ff0f;border:1px solid #00e5ff40;border-radius:2px;padding:6px 8px;font-size:11px}.pwd-warn{color:#ccc;margin:0;font-size:12px;line-height:1.5}.pwd-warn strong{color:#fc4}.pwd-actions{border-top:1px solid #0f83;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.pwd-cancel{color:#888;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0f86;padding:6px 14px;font-size:12px;transition:background .1s,color .1s}.pwd-cancel:hover{color:#ccc;background:#ffffff0f}.pwd-confirm{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:6px 14px;font-size:12px;font-weight:700;transition:background .1s,box-shadow .1s}.pwd-confirm:hover{background:#00ff8826;box-shadow:0 0 8px #00ff8859}#stage{background:var(--bg);touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}#stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#stage:after{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0px, transparent calc(var(--scanline-period,4px) - var(--scanline-line,1px)), var(--scanline-color) calc(var(--scanline-period,4px) - var(--scanline-line,1px)), var(--scanline-color) var(--scanline-period,4px));position:absolute;inset:0}.site-controls{z-index:2;padding:6px 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.site-controls-hint{color:var(--neon-cyan);opacity:.6;letter-spacing:.5px;font-size:11.5px}.site-source,.site-track-select{color:var(--neon-green);border:1px solid var(--border);font-family:var(--font-mono);background:#000;padding:3px 6px;font-size:12px}.site-sound,.site-track{align-items:center;gap:8px;display:flex}.site-sound{margin-left:auto}.site-track[hidden]{display:none}.site-ctl-label{color:var(--neon-cyan);opacity:.6;letter-spacing:.5px;font-size:11.5px}.site-sound-icon{width:16px;height:16px;color:var(--neon-cyan);flex:none}.site-fs{color:var(--neon-green);border:1px solid var(--border);font-family:var(--font-mono);cursor:pointer;background:#000;padding:3px 7px;font-size:13px;line-height:1}.site-fs:hover,#app.is-fullscreen .site-fs{color:var(--neon-cyan);border-color:var(--neon-cyan)}#app.route-home{height:100dvh}@media (orientation:portrait) and (hover:none) and (pointer:coarse){#app.route-home{transform-origin:0 0;width:100dvh;height:100dvw;padding-top:env(safe-area-inset-right,0px);padding-right:env(safe-area-inset-bottom,0px);padding-bottom:env(safe-area-inset-left,0px);padding-left:env(safe-area-inset-top,0px);position:fixed;top:0;left:100dvw;transform:rotate(90deg)}}.h-header{height:var(--toolbar-h);padding:0 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00ff880f,#0000);flex-shrink:0;align-items:center;gap:14px;display:flex}.h-wordmark{color:var(--neon-green);letter-spacing:2px;text-shadow:0 0 8px #0f86;font-weight:700}.h-nav{margin-left:auto}.h-nav a{color:var(--neon-green);letter-spacing:2px;border:1px solid #00ff888c;padding:4px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,box-shadow .15s,text-shadow .15s}.h-nav a:hover{border-color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);box-shadow:0 0 10px #00ff884d}.h-footer{padding:8px 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-top:1px solid var(--border);-webkit-user-select:text;user-select:text;background:linear-gradient(90deg,#00ff880a,#0000);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 16px;display:flex}.h-tagline{color:var(--neon-green);opacity:.65;letter-spacing:.5px;font-size:12px}.h-links{gap:14px;margin-left:auto;display:flex}.h-links a{color:var(--neon-cyan);opacity:.75;font-size:12px;text-decoration:none}.h-links a:hover{opacity:1;text-shadow:0 0 6px var(--neon-cyan)}#app.route-museum{-webkit-user-select:text;user-select:text;height:100dvh;overflow-y:auto}#app.route-museum.piece-mode{overflow-y:hidden}.m-piece-viewport{flex:1;min-height:0;position:relative;overflow:hidden}.m-piece-filmstrip,.m-peek,.m-archived-stage{position:absolute;inset:0}.m-peek-prev{transform:translateY(-100%)}.m-peek-next{transform:translateY(100%)}.m-peek canvas,.m-peek iframe{pointer-events:none;border:none;width:100%;height:100%;display:block}.m-header,.m-piece-bar{height:var(--toolbar-h);padding:0 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00ff880f,#0000);flex-shrink:0;align-items:center;gap:14px;display:flex}.m-wordmark,.m-back{color:var(--neon-green);letter-spacing:1px;font-weight:700;text-decoration:none}.m-wordmark:hover,.m-back:hover{text-shadow:0 0 8px var(--neon-green)}.m-breadcrumb,.m-piece-title{color:var(--neon-cyan);letter-spacing:1px;opacity:.85;font-size:12px}.m-piece-we-link{color:var(--neon-green);letter-spacing:1px;opacity:.65;white-space:nowrap;margin-left:auto;font-size:11px;text-decoration:none;transition:opacity .15s}.m-piece-we-link:hover{opacity:1;text-shadow:0 0 8px var(--neon-green)}.m-gallery{padding:28px clamp(14px,5vw,64px) 64px;padding-right:calc(clamp(14px, 5vw, 64px) + env(safe-area-inset-right,0px));flex:1;width:100%;max-width:1100px;margin:0 auto}.m-intro{color:var(--neon-green);opacity:.7;max-width:60ch;margin:0 0 36px;font-size:13px;line-height:1.6}.m-room{margin-bottom:48px}.m-room-title{color:var(--neon-green);letter-spacing:2px;text-shadow:0 0 10px #00ff8859;margin:0 0 4px;font-size:20px}.m-room-blurb{color:var(--neon-cyan);opacity:.7;margin:0 0 20px;font-size:13px}.m-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.m-card{background:#00ff8808;border:1px solid #00ff8859;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden}.m-card:hover{border-color:var(--neon-green);transform:translateY(-2px);box-shadow:0 0 16px #00ff8840}.m-card-stage{aspect-ratio:16/9;background:#000;border-bottom:1px solid #0f83;display:block;position:relative}.m-card-canvas{width:100%;height:100%;display:block}.m-card:hover .m-card-stage{box-shadow:inset 0 0 24px #00ff882e}.m-card-caption{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.m-card-title{color:var(--neon-green);letter-spacing:1px;font-size:15px;font-weight:700}.m-card-blurb{color:var(--neon-cyan);opacity:.75;flex:1;font-size:12.5px;line-height:1.55}.m-card-we-badge{color:var(--neon-green);letter-spacing:1.5px;opacity:.45;border:1px solid #00ff8840;align-self:flex-start;padding:1px 5px;font-size:10px}.m-card-go{color:var(--neon-green);opacity:.6;font-size:12px;transition:opacity .15s}.m-card:hover .m-card-go{opacity:1}.m-card-archived{border-color:#00ff882e}.m-card-archived:hover{border-color:#00ff8880}.m-card-archived-badge{color:#00ff8859;letter-spacing:3px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.m-piece-archived-label{color:#0f86;letter-spacing:2px;margin-left:auto;font-size:11px}.m-archived-stage iframe{border:none;width:100%;height:100%;display:block}.m-archived-swipe-catcher{touch-action:none;position:absolute;inset:0}@media (orientation:portrait) and (hover:none) and (pointer:coarse){#app.route-museum.piece-mode{transform-origin:0 0;width:100dvh;height:100dvw;padding-top:env(safe-area-inset-right,0px);padding-right:env(safe-area-inset-bottom,0px);padding-bottom:env(safe-area-inset-left,0px);padding-left:env(safe-area-inset-top,0px);position:fixed;top:0;left:100dvw;transform:rotate(90deg)}}#app.route-about,#app.route-licenses{-webkit-user-select:text;user-select:text;height:100dvh;overflow-y:auto}.l-header{height:var(--toolbar-h);padding:0 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00ff880f,#0000);flex-shrink:0;align-items:center;gap:14px;display:flex}.l-wordmark{color:var(--neon-green);letter-spacing:1px;font-weight:700;text-decoration:none}.l-wordmark:hover{text-shadow:0 0 8px var(--neon-green)}.l-breadcrumb{color:var(--neon-cyan);letter-spacing:1px;opacity:.85;font-size:12px}.l-body{padding:36px clamp(14px,5vw,64px) 64px;padding-right:calc(clamp(14px, 5vw, 64px) + env(safe-area-inset-right,0px));width:100%;max-width:680px;margin:0 auto}.l-statement{color:var(--neon-green);letter-spacing:1px;margin:0 0 12px;font-size:18px}.l-bio{color:var(--neon-cyan);opacity:.85;margin:0;font-size:13px;line-height:1.65}.l-section{margin-bottom:40px}.l-heading{color:var(--neon-green);letter-spacing:2px;opacity:.7;margin:0 0 12px;font-size:13px}.l-link{color:var(--neon-cyan);font-size:13px;text-decoration:none}.l-link:hover{text-shadow:0 0 6px var(--neon-cyan)}.l-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.l-back-nav{margin-top:48px}.l-back{color:var(--neon-green);font-size:12px;text-decoration:none}.l-back:hover{text-shadow:0 0 6px var(--neon-green)}.l-list{border-top:1px solid #00ff881f;flex-direction:column;display:flex}.l-pkg{border-bottom:1px solid #00ff8812}.l-pkg-head{color:var(--neon-cyan);grid-template-columns:1fr auto auto 1.2em;align-items:baseline;gap:12px;padding:7px 0;font-size:12px;display:grid}.l-pkg>summary.l-pkg-head{cursor:pointer;list-style:none}.l-pkg>summary.l-pkg-head::-webkit-details-marker{display:none}.l-pkg>summary.l-pkg-head:hover{color:var(--neon-green)}.l-pkg--flat .l-pkg-head{grid-template-columns:1fr auto auto}.l-pkg-name{color:var(--neon-cyan);word-break:break-all}.l-ver{opacity:.55;white-space:nowrap}.l-lic{white-space:nowrap;opacity:.8}.l-toggle{opacity:.5;text-align:right;transition:transform .12s}.l-pkg[open]>.l-pkg-head .l-toggle{transform:rotate(90deg)}.l-pkg-body{padding:4px 0 14px}.l-copyright{color:var(--neon-cyan);opacity:.7;margin:0 0 8px;font-size:12px}.l-src{word-break:break-all;margin:0 0 8px}.l-nofile{color:var(--neon-cyan);opacity:.55;margin:0;font-size:12px}.l-text{max-height:320px;color:var(--neon-cyan);opacity:.85;white-space:pre-wrap;word-break:break-word;background:#00000059;border:1px solid #00ff881f;border-radius:3px;margin:0;padding:12px 14px;font-size:11px;line-height:1.5;overflow:auto}#app.route-plugins{flex-direction:column;min-height:100vh;display:flex}.route-plugins .pl-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00ff880f,#0000);align-items:baseline;gap:.6rem;padding:.7rem 1rem;display:flex}.route-plugins .pl-wordmark{color:var(--neon-green);letter-spacing:.12em;font-weight:700;text-decoration:none}.route-plugins .pl-wordmark:hover{text-shadow:0 0 8px var(--neon-green)}.route-plugins .pl-tag{color:var(--neon-cyan);letter-spacing:.2em;text-transform:uppercase;opacity:.8;font-size:.85rem}.route-plugins #stage{border-bottom:1px solid var(--border);width:100%;height:min(48vh,460px)}.route-plugins .pl-panel{width:100%;max-width:900px;margin:0 auto;padding:1.2rem 1rem 3rem}.route-plugins .pl-intro{color:var(--neon-cyan);opacity:.85;margin:0 0 1.2rem;line-height:1.5}.route-plugins .pl-note{opacity:.6;margin-top:1.5rem;font-size:.85rem}.route-plugins .pl-note code{color:var(--neon-green);background:#00ff8814;border-radius:3px;padding:.05em .35em}.route-plugins .pl-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;display:grid}.route-plugins .pl-card{background:#00ff8808;border:1px solid #00ff8859;border-radius:6px;padding:.9rem 1rem;transition:border-color .15s,box-shadow .15s}.route-plugins .pl-card:hover{border-color:var(--neon-green)}.route-plugins .pl-card.active{border-color:var(--neon-green);box-shadow:0 0 12px #00ff8840}.route-plugins .pl-card-head{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.route-plugins .pl-card-title{color:var(--neon-green);letter-spacing:.04em;font-weight:600}.route-plugins .pl-remove{width:1.5rem;height:1.5rem;color:var(--neon-green);cursor:pointer;opacity:.6;background:0 0;border:1px solid #00ff8859;border-radius:4px;flex:none;margin-left:auto;padding:0;font-size:.85rem;line-height:1;transition:opacity .15s,border-color .15s,color .15s}.route-plugins .pl-remove:hover{opacity:1;color:#ff5c5c;border-color:#ff5c5c}.route-plugins .pl-loaded-extra:not(:empty){margin-top:1rem}.route-plugins .pl-extra-head{letter-spacing:.15em;text-transform:uppercase;opacity:.55;margin:0 0 .5rem;font-size:.7rem}.route-plugins .pl-extra-row{border:1px solid #0f83;border-radius:6px;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.route-plugins .pl-extra-name{color:var(--neon-green);letter-spacing:.03em;word-break:break-all;font-weight:600}.route-plugins .pl-extra-tag{letter-spacing:.12em;text-transform:uppercase;opacity:.5;font-size:.6rem}.route-plugins .pl-extra-row .pl-btn{margin-left:auto}.route-plugins .pl-extra-row .pl-remove{margin-left:0}.route-plugins .pl-card-badge{letter-spacing:.15em;text-transform:uppercase;color:#0a0a0a;background:var(--neon-cyan);border-radius:3px;padding:.1em .4em;font-size:.65rem}.route-plugins .pl-card-blurb{opacity:.85;margin:0 0 .8rem;font-size:.9rem;line-height:1.4}.route-plugins .pl-card-foot{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.route-plugins .pl-btn{font:inherit;cursor:pointer;color:var(--neon-green);border:1px solid var(--neon-green);letter-spacing:.05em;background:0 0;border-radius:4px;padding:.3em .9em;transition:background .15s,color .15s}.route-plugins .pl-btn:hover:not(:disabled){background:var(--neon-green);color:#0a0a0a}.route-plugins .pl-btn:disabled{opacity:.55;cursor:default}.route-plugins .pl-unlock{align-items:center;gap:.4rem;display:flex}.route-plugins .pl-pw{font:inherit;width:8.5rem;color:var(--neon-cyan);border:1px solid var(--border);background:#0006;border-radius:4px;padding:.3em .5em}.route-plugins .pl-pw:focus{border-color:var(--neon-cyan);outline:none}.route-plugins .pl-card-status{opacity:.9;font-size:.8rem}.route-plugins .pl-card-status.busy{color:var(--neon-cyan)}.route-plugins .pl-card-status.error{color:#ff6b6b}.route-plugins .pl-advanced{border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem}.route-plugins .pl-advanced>summary{cursor:pointer;color:var(--neon-cyan);letter-spacing:.04em;opacity:.85}.route-plugins .pl-advanced>summary:hover{opacity:1}.route-plugins .pl-url{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.9rem 0 .3rem;display:flex}.route-plugins .pl-url-input{font:inherit;min-width:12rem;color:var(--neon-green);border:1px solid var(--border);background:#0006;border-radius:4px;flex:16rem;padding:.35em .6em}.route-plugins .pl-url-input:focus,.route-plugins .pl-url .pl-pw:focus{border-color:var(--neon-cyan);outline:none}.route-plugins .pl-url .pl-pw{flex:0 0 11rem}.route-plugins .pl-url-status{flex-basis:100%}.mm-layer,.mm-overlay{display:none}@media (hover:none) and (pointer:coarse){.h-header,.m-header,.m-piece-bar,.l-header,.route-plugins .pl-header,#app>.site-controls,.h-links{display:none}.m-gallery,.l-body{padding-top:62px}.mm-layer{z-index:40;pointer-events:none;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);align-items:flex-start;display:flex;position:fixed;inset:0}.mm-trigger,.mm-back,.mm-cta{pointer-events:auto;box-sizing:border-box;width:52px;height:52px;color:var(--neon-green);border:1px solid var(--neon-green);text-shadow:0 0 10px var(--neon-green);font-family:var(--font-mono);cursor:pointer;background:#000000b8;flex:none;justify-content:center;align-items:center;margin:10px;padding:0;font-size:24px;line-height:1;text-decoration:none;display:flex;box-shadow:0 0 14px #00ff8873,inset 0 0 10px #00ff881f}.mm-trigger:active,.mm-back:active,.mm-cta:active{background:#00ff8829;box-shadow:0 0 20px #00ff88a6}.mm-trigger{margin-left:auto}.mm-cta{letter-spacing:2px;gap:8px;width:auto;padding:0 16px;font-size:15px;font-weight:700}.mm-cta:after{content:"→"}.mm-overlay{z-index:50;overscroll-behavior:contain;background:var(--bg);padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);--mm-cols:1;--mm-row-h:56px;--mm-head-h:52px;--mm-ctl-pad:14px;--mm-sep-w:0px;display:block;position:fixed;inset:0;overflow-y:auto}.mm-overlay[hidden]{display:none}.mm-overlay.mm-rotate{--mm-cols:2;--mm-row-h:50px;--mm-head-h:44px;--mm-ctl-pad:10px;--mm-sep-w:1px}@media (height<=520px){.mm-overlay{--mm-cols:2;--mm-row-h:50px;--mm-head-h:44px;--mm-ctl-pad:10px;--mm-sep-w:1px}}.mm-panel{flex-direction:column;min-height:100%;display:flex}.mm-head{box-sizing:border-box;min-height:var(--mm-head-h);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00ff880f,#0000);align-items:center;gap:14px;padding:0 14px;display:flex}.mm-wordmark{color:var(--neon-green);letter-spacing:2px;text-shadow:0 0 8px #0f86;font-weight:700}.mm-close{min-width:44px;min-height:44px;color:var(--neon-green);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #00ff8859;margin-left:auto;font-size:16px;line-height:1}.mm-overlay .site-controls{padding:var(--mm-ctl-pad);border-top:none;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex;position:static}.mm-overlay .site-controls-hint{opacity:.7;flex-basis:100%;font-size:12px}.mm-overlay .site-source,.mm-overlay .site-track-select,.mm-overlay .site-fs{box-sizing:border-box;min-height:44px}.mm-overlay .site-source,.mm-overlay .site-track-select{flex:1;padding:8px 10px;font-size:16px}.mm-overlay .site-sound{flex:1;margin-left:0}.mm-overlay .site-fs{min-width:44px;font-size:18px}.mm-overlay .site-track{flex-basis:100%;order:1;gap:10px}.mm-overlay .site-ctl-label{opacity:.7;font-size:12px}.mm-overlay .site-sound-icon{width:18px;height:18px}.mm-overlay .site-fs[aria-pressed=true]{color:var(--neon-cyan);border-color:var(--neon-cyan)}.mm-nav{grid-template-columns:repeat(var(--mm-cols), 1fr);display:grid;overflow:hidden}.mm-row{box-sizing:border-box;min-height:var(--mm-row-h);border-bottom:1px solid var(--border);box-shadow:var(--mm-sep-w) 0 0 var(--border);color:var(--neon-green);letter-spacing:1.5px;align-items:center;padding:0 16px;font-size:15px;text-decoration:none;display:flex}.mm-row:last-child{box-shadow:none}.mm-row:active{background-color:#00ff8814}.mm-row-primary{letter-spacing:2px;color:var(--neon-green);text-shadow:0 0 10px #00ff888c;background-color:#00ff8829;grid-column:1/-1;justify-content:center;font-size:18px;font-weight:700;box-shadow:inset 0 0 24px #00ff8824}.mm-row-primary:active{background-color:#00ff8847}.mm-row-primary .mm-row-label:after{content:" →"}.mm-row-external{color:var(--neon-cyan)}.mm-row-external .mm-row-label{opacity:.85}.mm-row-external:after{content:"↗";color:var(--neon-cyan);opacity:.5;margin-left:auto;font-size:13px}}@media (orientation:portrait) and (hover:none) and (pointer:coarse){.mm-layer.mm-rotate,.mm-overlay.mm-rotate{transform-origin:0 0;width:100dvh;height:100dvw;padding-top:env(safe-area-inset-right,0px);padding-right:env(safe-area-inset-bottom,0px);padding-bottom:env(safe-area-inset-left,0px);padding-left:env(safe-area-inset-top,0px);inset:0 auto auto 100dvw;transform:rotate(90deg)}}
