@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Galmuri9;src:url(/fonts/Galmuri9.woff2)format("woff2");font-display:swap}:root{--bg:#0d0b1e;--panel:#17142e;--edge:#2f2a5a;--ink:#f2efff;--dim:#8d86b8;--red:#ff4d6d;--blue:#4dabff;--green:#5cff8a;--yellow:#ffd23f;--px:4px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{background:radial-gradient(circle at 50% -10%, #2b1f63 0%, transparent 55%), repeating-linear-gradient(0deg, transparent 0 31px, #ffffff06 31px 32px), repeating-linear-gradient(90deg, transparent 0 31px, #ffffff06 31px 32px), var(--bg);-webkit-font-smoothing:none;min-height:100vh;font-family:Galmuri11,Galmuri9,monospace;font-size:14px;line-height:1.6}.crt{pointer-events:none;z-index:10;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000026 2px 3px);position:fixed;inset:0}main{max-width:980px;margin:0 auto;padding:32px 16px 48px}header{text-align:center;margin-bottom:24px}h1{letter-spacing:2px;text-shadow:4px 4px #000,0 0 24px #7b5cff66;margin:0;font-family:Galmuri11,monospace;font-size:clamp(28px,6vw,52px);font-weight:700}h1 .c1{color:var(--red)}h1 .c2{color:var(--yellow)}h1 .c3{color:var(--green)}.sub{color:var(--dim);margin:6px 0 0}.panel{background:var(--panel);border:var(--px) solid var(--edge);box-shadow:0 0 0 var(--px) #000, 8px 8px 0 var(--px) #000;image-rendering:pixelated;margin:20px 0;padding:20px}.hidden{display:none!important}.label{color:var(--yellow);letter-spacing:2px;margin-bottom:10px;font-size:12px}.label.mt{margin-top:18px}.hint{color:var(--dim);margin:6px 0 0;font-size:12px}.drop{text-align:center;cursor:pointer;padding:36px 20px;transition:transform 80ms}.drop:hover,.drop.over{border-color:var(--yellow);transform:translate(-2px,-2px)}.drop .big{margin:18px 0 4px;font-size:18px}.cart{border:var(--px) solid #000;clip-path:polygon(0 0,100% 0,100% 100%,92% 100%,92% 92%,8% 92%,8% 100%,0 100%);background:#5a5670;width:150px;height:120px;margin:0 auto;animation:1.2s steps(2,end) infinite bob;position:relative;box-shadow:inset -8px -8px #3d3a52,inset 8px 8px #77738f}.cart-label{background:var(--red);border:var(--px) solid #000;color:#fff;text-shadow:2px 2px #000;place-items:center;font-size:12px;font-weight:700;line-height:1.3;display:grid;position:absolute;inset:18px 18px 26px}@keyframes bob{50%{transform:translateY(-6px)}}.stage{margin-bottom:12px;font-size:20px}.stage:after{content:"_";animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.bar{border:var(--px) solid #000;background:#0a0818;height:28px;padding:3px}#barfill{background:repeating-linear-gradient(90deg, var(--green) 0 14px, transparent 14px 18px);width:0%;height:100%;transition:width .2s steps(8,end)}.title-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.songname{word-break:break-all;font-size:18px}.meta{color:var(--dim);text-align:right;font-size:12px}#roll{border:var(--px) solid #000;width:100%;height:340px;image-rendering:pixelated;background:#07061a;display:block}.transport{align-items:center;gap:10px;margin-top:14px;display:flex}.time{color:var(--dim);text-align:right;min-width:92px;font-size:13px}.orig{color:var(--dim);margin-top:10px;font-size:12px}.orig label{align-items:center;gap:8px;display:flex}.orig input{width:160px}.btn{color:var(--ink);border:var(--px) solid #000;cursor:pointer;background:#2c2754;padding:8px 14px;font-family:inherit;font-size:14px;box-shadow:inset -4px -4px #1b1838,inset 4px 4px #4a4388}.btn:hover{filter:brightness(1.2)}.btn:active{transform:translateY(2px);box-shadow:inset 4px 4px #1b1838}.btn.primary{background:var(--red);color:#fff;text-shadow:2px 2px #0006;box-shadow:inset -4px -4px #b3203d,inset 4px 4px #ff8aa0}.btn.small{margin-top:8px;padding:4px 10px;font-size:12px}input[type=range]{appearance:none;background:#0a0818;border:3px solid #000;flex:1;height:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);cursor:pointer;border:3px solid #000;width:14px;height:22px}input[type=range]::-moz-range-thumb{background:var(--yellow);cursor:pointer;border:3px solid #000;border-radius:0;width:12px;height:20px}.grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}@media (width<=760px){.grid{grid-template-columns:1fr}}.chips{flex-direction:column;gap:8px;display:flex}.chip{text-align:left;color:var(--ink);cursor:pointer;background:#0f0d24;border:3px solid #000;padding:8px 12px;font-family:inherit;font-size:14px}.chip.on{outline:3px solid var(--yellow);background:#2c2754}.chip small{color:var(--dim);font-size:11px;display:block}.channels{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ch{text-align:left;color:var(--ink);cursor:pointer;opacity:.45;background:#0f0d24;border:3px solid #000;padding:8px 10px 14px 30px;font-family:inherit;font-size:13px;position:relative}.ch.on{opacity:1;background:#221e44}.ch i{background:var(--c);width:10px;height:10px;box-shadow:0 0 8px var(--c);position:absolute;top:13px;left:10px}.ch small{color:var(--dim);font-size:11px;display:block}.ch .vu{background:#000;height:4px;position:absolute;bottom:5px;left:10px;right:10px}.ch .vu:after{content:"";width:var(--v,0%);background:var(--c2,var(--green));position:absolute;top:0;bottom:0;left:0}.knob{align-items:center;gap:10px;margin:6px 0;font-size:13px;display:flex}.knob span{width:92px;color:var(--dim);flex:none}.knob b{text-align:right;width:44px;color:var(--yellow);flex:none;font-weight:400}.exports{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}footer{text-align:center;color:var(--dim);margin-top:30px;font-size:11px}footer p{margin:2px 0}
