html,body,#root{min-height:100%;margin:0}body{background:var(--ds-page)}.deck{background:linear-gradient(#262a32 0%,#191c22 55%,#121419 100%);border:1px solid #05060a;border-radius:14px;margin:12px 0 20px;padding:14px 16px;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -18px 34px #00000059,0 10px 26px #00000038}.deck:before{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);border-radius:14px;position:absolute;inset:0}.screw{pointer-events:none;background:radial-gradient(circle at 32% 30%,#9aa1ad 0%,#4a4f58 45%,#14161a 100%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 -1px 1px #000000b3,0 1px #ffffff17}.screw:after{content:"";background:#0a0b0e;width:6px;height:1.4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(38deg)}.screw.tl{top:9px;left:9px}.screw.tr{top:9px;right:9px}.screw.bl{bottom:9px;left:9px}.screw.br{bottom:9px;right:9px}.display-window{background:#04060d;border:1px solid #000;border-radius:9px;height:clamp(320px,46vw,470px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 8px 26px #000000bf,0 1px #ffffff12}.visual{width:100%;height:100%;display:block}.veil{color:#fff;pointer-events:none;background:linear-gradient(#0000,#040712de);padding:65px 28px 24px;position:absolute;bottom:0;left:0;right:0}.veil h2{overflow-wrap:anywhere;margin:9px 0;font-size:clamp(25px,4vw,46px);line-height:1.09}.veil p{color:#e5e9ff;margin:0;font-size:15px}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:700}.meters-row{align-items:stretch;gap:12px;margin-top:12px;display:flex}.vu{flex:0 0 118px;width:118px;height:104px;display:block}.spectrum{border:1px solid #000;border-radius:5px;flex:1;min-width:0;height:104px;display:block;box-shadow:inset 0 2px 12px #000c,0 1px #ffffff0f}.vu{border:1px solid #000;border-radius:5px;box-shadow:inset 0 2px 10px #000000a6,0 1px #ffffff0f}.console{flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0 0 22px;display:flex}.controls{align-items:center;gap:8px;display:flex}.controls button,.pick{border:1px solid var(--ds-hairline);color:var(--ds-ink);min-width:44px;min-height:44px;font:inherit;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:5px;padding:10px 15px}.controls button:hover,.pick:hover{background:#edf6f3}.controls button:disabled{color:#999;cursor:default}.pick{color:#fff;background:#256b63;border-color:#256b63;font-weight:600}.pick input{opacity:0;width:1px;height:1px;position:absolute}.control-label{min-width:90px;font-size:13px}.error{color:#b32333;font-weight:600}@media (width<=600px){.deck{margin-top:6px;padding:10px}.display-window{height:390px}.veil{padding:60px 18px 20px}.vu{flex-basis:86px;width:86px;height:92px}.spectrum{height:92px}.meters-row{gap:8px}.console{gap:11px 16px}.controls{width:100%}.control-label{flex:1}.controls:first-child .pick{text-align:center;flex:1}.controls:first-child button{flex:1}}.hvsc{border-top:1px solid var(--ds-hairline);padding:24px 0 16px}.hvsc-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.hvsc-header h3{margin:7px 0;font-size:25px;font-weight:400}.hvsc-header p,.hvsc-note{color:var(--ds-ink-2);margin:4px 0 16px;font-size:13px}.hvsc-header a{white-space:nowrap;color:#256b63}.hvsc-search label{margin-bottom:6px;font-weight:600;display:block}.hvsc-search input{box-sizing:border-box;border:1px solid var(--ds-hairline);width:100%;min-height:46px;font:inherit;border-radius:6px;padding:10px 14px}.categories{gap:8px;margin:15px 0;display:flex;overflow-x:auto}.categories button,.breadcrumb button{cursor:pointer;border:1px solid var(--ds-hairline);min-height:42px;color:var(--ds-ink);font:inherit;background:#fff;border-radius:5px;padding:7px 12px}.categories button.chosen{color:#fff;background:#256b63;font-weight:600}.breadcrumb{white-space:nowrap;padding:4px 0 12px;font-size:13px;overflow-x:auto}.breadcrumb button{border:0;min-height:30px;padding:4px;text-decoration:underline}.hvsc-list{border:1px solid var(--ds-hairline);border-radius:7px;max-height:360px;overflow-y:auto}.hvsc-row{text-align:left;border:0;border-bottom:1px solid var(--ds-hairline);width:100%;min-height:46px;color:var(--ds-ink);cursor:pointer;font:inherit;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.hvsc-row:hover{background:#edf6f3}.hvsc-row:disabled{opacity:.5}.hvsc-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hvsc-row small{color:var(--ds-ink-2);white-space:nowrap;text-overflow:ellipsis;max-width:55%;overflow:hidden}.empty{padding:15px}.hvsc-note{margin-top:9px}@media (width<=600px){.hvsc-header{display:block}.hvsc-header a{margin-bottom:12px;display:inline-block}.hvsc-row small{max-width:43%}}.share-row{margin:-10px 0 20px}.share-row input{box-sizing:border-box;border:1px solid var(--ds-hairline);width:100%;min-height:44px;font:inherit;color:var(--ds-ink);background:#fff;border-radius:6px;padding:9px 12px;font-size:13px}.share-hint{color:var(--ds-ink-2);margin-top:6px;font-size:13px;display:block}.hvsc-search .random-sid{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#256b63;border:1px solid #256b63;border-radius:5px;margin-top:10px;padding:9px 15px}.hvsc-search .random-sid:hover{background:#1c514a}.hvsc-search .random-sid:disabled{opacity:.45;cursor:default}.meters-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;display:grid}.vu-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.vu{box-sizing:border-box;width:100%;min-width:0;height:104px}.spectrum{box-sizing:border-box;width:100%}@media (width<=700px){.meters-row{grid-template-columns:1fr}.vu-group{gap:5px}.vu{height:86px}.spectrum{height:80px}}.c64-shell{background:linear-gradient(135deg,#d3c8ae,#b9aa89 55%,#e3d7be);border:2px solid #8d8067;border-radius:34px 34px 17px 17px;margin:15px 0 22px;padding:24px 20px 18px;position:relative;overflow:hidden;box-shadow:inset 0 3px 2px #f4ecd7,inset 0 -10px 13px #998c72}.c64-shell .deck{margin:12px 0 14px}.c64-rainbow{background:linear-gradient(90deg,#aa2527 0 19%,#ed7432 19% 38%,#e8b343 38% 58%,#61916f 58% 79%,#426ca8 79%);border-radius:3px;max-width:165px;height:8px}.c64-badge{color:#4c483f;letter-spacing:.04em;text-shadow:0 1px #fff9;font-size:16px;font-weight:800;position:absolute;top:15px;right:22px}.c64-badge span{letter-spacing:.14em;margin-left:8px;font-size:9px}.c64-vents{opacity:.7;background:repeating-linear-gradient(90deg,#736c5d 0 3px,#ddd0b4 3px 11px);border-radius:3px;max-width:430px;height:13px;margin:0 auto 9px}.c64-caption{text-align:center;letter-spacing:.19em;color:#555045;font-size:9px;font-weight:700}.subtune-picker{border:1px solid var(--ds-hairline);max-width:min(310px,100%);min-height:44px;color:var(--ds-ink);font:inherit;background:#fff;border-radius:5px;padding:7px 9px}.sid-meta{color:var(--ds-ink-2);margin:-4px 0 20px;font-size:13px;line-height:1.5}.sid-meta strong{color:var(--ds-ink)}@media (width<=700px){.c64-shell{border-radius:23px 23px 13px 13px;padding:18px 9px 15px}.c64-badge{font-size:12px;top:11px;right:12px}.c64-badge span{display:none}.c64-rainbow{max-width:90px;height:6px}.c64-shell .deck{margin:11px 0 12px}.subtune-picker{flex:1;min-width:0}.controls:nth-child(2){flex-wrap:wrap}.controls:nth-child(2) .subtune-picker{flex-basis:100%}}.controls button.tape-button{letter-spacing:.03em;color:#272927;background:linear-gradient(#e8e9e4 0%,#b4b8ad 55%,#94998e 100%);border:1px solid #676c62;border-bottom:4px solid #454a43;border-radius:3px;min-width:53px;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-weight:800;box-shadow:inset 0 2px 1px #fff9,2px 3px #777b7455}.controls button.tape-button:hover{background:linear-gradient(#f7f7ee,#b8bcb0)}.controls button.tape-button:active,.controls button.tape-button.pressed{border-bottom-width:2px;transform:translateY(2px);box-shadow:inset 0 3px 7px #292e2d50}.controls button.tape-button:disabled{opacity:.45;cursor:default;transform:none}.controls button.tape-button span{vertical-align:-1px;margin-right:3px;font-size:19px}.c64-shell .console{background:linear-gradient(160deg,#a99e86,#c6b99d 52%,#aaa087);border:1px solid #81755f;border-radius:8px;align-items:flex-start;gap:12px 24px;margin:0 0 16px;padding:14px 16px;position:relative;box-shadow:inset 0 3px 9px #695f4c77,inset 0 -1px #f4e6c2,0 2px 2px #fff5}.c64-shell .controls{flex-wrap:wrap;min-width:0;max-width:100%}.c64-shell .control-label{color:#39362e;align-self:center;font-weight:700}.c64-shell .pick{color:#2d302b;background:linear-gradient(#ecebe1,#c8c5b4);border-color:#716e61 #716e61 #656355;border-bottom-style:solid;border-bottom-width:3px;box-shadow:inset 0 2px 1px #fff9}.c64-shell .controls button:not(.tape-button){color:#292920;background:linear-gradient(#e8e4d6,#beb9a9);border-color:#797465 #797465 #656052;border-bottom-style:solid;border-bottom-width:3px;font-weight:700;box-shadow:inset 0 1px 1px #fff9}.c64-shell .controls button:not(.tape-button):hover,.c64-shell .pick:hover{background:#f1ecd9}.c64-shell .controls button:disabled{opacity:.5}.c64-shell .subtune-picker{background:#f0eee6;border-color:#797465;max-width:270px}@media (width<=700px){.c64-shell .console{gap:10px;padding:11px 9px}.c64-shell .controls{gap:6px;width:100%}.c64-shell .controls:first-child .pick,.c64-shell .controls:first-child button{flex:auto}.c64-shell .controls button,.c64-shell .pick{padding:9px 10px}.c64-shell .control-label{min-width:95px}.c64-shell .controls:nth-child(2) .subtune-picker{flex-basis:100%;max-width:100%}}.c64-shell{margin-top:52px;overflow:visible}.c64-shell .handle-pocket:before{content:"";pointer-events:none;border:12px solid #b7aa8d;border-bottom:0;border-radius:22px 22px 0 0;height:40px;position:absolute;top:51px;left:32%;right:32%;box-shadow:inset 0 4px 5px #6c624e99,0 -2px 2px #fff7}.boombox-top{justify-content:space-between;align-items:center;gap:14px;padding:2px 9px 4px;display:flex}.boombox-speaker{background:radial-gradient(#383b39 0 19%,#0000 20%),repeating-radial-gradient(#4c4e47 0 2px,#817e71 2px 4px);border:3px solid #877a64;border-radius:50%;flex:0 0 72px;width:72px;height:32px;box-shadow:inset 0 3px 5px #14181588,0 1px #fff7}.boombox-brand{align-items:center;gap:12px;min-width:0;display:flex}.boombox-brand .c64-badge{white-space:nowrap;position:static}.boombox-brand .c64-rainbow{flex:0 120px;width:120px}@media (width<=700px){.c64-shell{margin-top:43px}.c64-shell .handle-pocket:before{border-width:9px;height:33px;top:58px;left:27%;right:27%}.boombox-top{gap:5px;padding:0 1px}.boombox-speaker{border-width:2px;flex-basis:33px;width:33px;height:22px}.boombox-brand{gap:5px}.boombox-brand .c64-rainbow{flex-basis:42px;width:42px}.boombox-brand .c64-badge{font-size:12px}}.export-row{background:#eff7f2;border:1px solid #b3cbbf;border-radius:6px;flex-wrap:wrap;align-items:center;gap:9px 16px;margin:-4px 0 18px;padding:10px 12px;font-size:13px;display:flex}.export-row a{box-sizing:border-box;color:#fff;background:#256b63;border-radius:4px;min-height:44px;padding:11px 14px;font-weight:700;text-decoration:none;display:inline-block}.export-row span{color:#435448}.hifi-power-panel{box-sizing:border-box;color:#24271f;letter-spacing:.12em;background:repeating-linear-gradient(0deg,#ffffff16 0 1px,#00000008 1px 2px),linear-gradient(110deg,#e5e3d9 0%,#aaa89f 25%,#efeee7 54%,#b5b5ac 80%,#deded5 100%);border:1px solid #77786f;border-radius:9px 9px 3px 3px;align-items:center;gap:13px;min-height:72px;margin:18px 0 0;padding:13px 18px;font:700 10px/1.1 Arial Narrow,Arial,Helvetica,sans-serif;display:flex;box-shadow:inset 0 2px 1px #fff,inset 0 -4px 5px #51554b44,0 5px 8px #0003}.power-label{flex-direction:column;gap:5px;display:flex}.power-label small,.panel-model small{color:#595b52;letter-spacing:.07em;font-size:8px}.power-toggle{cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;width:54px;min-width:54px;height:57px;padding:0;display:grid}.power-toggle:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #256b63}.power-slot{background:linear-gradient(90deg,#393b37,#070908 55%,#575a52);border:2px solid #8d9187;border-radius:12px;width:24px;height:47px;display:block;position:relative;box-shadow:inset 2px 2px 5px #000,1px 1px 1px #fff}.power-lever{background:linear-gradient(170deg,#fff 0%,#bbbcb4 25%,#81867f 52%,#eee 74%,#777b73 100%);border:1px solid #666b63;border-radius:5px 9px 9px 5px;width:24px;height:15px;transition:top .18s,transform .18s;position:absolute;top:4px;left:1px;transform:rotate(-12deg);box-shadow:2px 3px 4px #0009}.power-off .power-lever{top:27px;transform:rotate(13deg)}.pilot-light{background:#635542;border:1px solid #666;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px 3px #000}.pilot-light.lit{background:#ffba48;box-shadow:0 0 12px 4px #ffac4a99,inset 0 0 3px #fff}.power-state{min-width:29px}.panel-model{text-align:right;white-space:nowrap;flex-direction:column;gap:4px;margin-left:auto;font-size:12px;display:flex}.player-body.is-off{filter:saturate(.42)}.player-body.is-off .display-window{background:#080909}.player-body.is-off .visual,.player-body.is-off .veil,.player-body.is-off .meters-row{opacity:.12}.player-body.is-off .console,.player-body.is-off .hvsc{opacity:.55}.c64-shell .console{background:repeating-linear-gradient(0deg,#fff2 0 1px,#0001 1px 2px),linear-gradient(130deg,#989a92,#d4d4c9 48%,#a4a69e);border-color:#767971;box-shadow:inset 0 3px 8px #3e403f66,inset 0 -1px 1px #fff9,0 2px 2px #fff9}.c64-shell .controls button:not(.tape-button),.c64-shell .pick,.c64-shell .controls button.tape-button{color:#222720;text-shadow:0 1px #fff9;background:linear-gradient(135deg,#f6f6ef 0%,#c2c6c1 42%,#e5e6dd 60%,#8e938c 100%);border:1px solid #70746f;border-bottom:4px solid #575c56;border-radius:3px;font-weight:700;transition:transform 90ms,box-shadow 90ms;box-shadow:inset 0 2px 1px #fff,1px 2px 3px #41484466}.c64-shell .controls button:not(:disabled):active,.c64-shell .pick:active{border-bottom-width:2px;transform:translateY(2px);box-shadow:inset 0 2px 5px #52585266}.c64-shell .controls button:not(.tape-button):hover,.c64-shell .pick:hover,.c64-shell .controls button.tape-button:hover{background:linear-gradient(#fff,#bcc2bc)}.c64-shell .control-label{color:#252b28;font:700 12px Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell .subtune-picker{background:linear-gradient(#f5f3e9,#d2d4ca);border:2px solid #777b73;box-shadow:inset 0 2px 3px #7775}@media (width<=700px){.hifi-power-panel{gap:6px;padding:9px}.panel-model{font-size:9px}.panel-model small{font-size:7px}.power-label{font-size:9px}.power-label small{font-size:7px}.power-toggle{width:48px;min-width:48px}.c64-shell .controls button,.c64-shell .pick{min-height:44px}}.player-body.is-off .meters-row{background:#151613;border:1px solid #353630;border-radius:5px;min-height:104px;box-shadow:inset 0 2px 12px #000a}@media (width<=700px){.player-body.is-off .meters-row{min-height:86px}}.jog-deck{border-top:1px solid #777e74;flex:100%;align-items:center;gap:18px;padding:8px 4px 2px;display:flex}.jog-buttons{gap:9px;display:flex}.jog-buttons button{color:#292c27;cursor:pointer;background:linear-gradient(145deg,#f3f3ea,#c3c8c2 45%,#e1e2d8 68%,#8f938d);border:1px solid #747870;border-bottom:4px solid #575c56;border-radius:3px;min-width:84px;min-height:52px;padding:5px 9px;font:800 17px Arial Narrow,Arial,Helvetica,sans-serif;box-shadow:inset 0 2px 1px #fff,2px 2px 3px #0004}.jog-buttons button:active{border-bottom-width:2px;transform:translateY(2px)}.jog-buttons button:disabled{opacity:.45;cursor:default}.jog-buttons span{letter-spacing:.08em;font-size:9px;display:block}.jog-station{align-items:center;gap:15px;min-width:0;display:flex}.jog-label{white-space:nowrap;font:800 10px/1.5 Arial Narrow,Arial,Helvetica,sans-serif}.jog-label small{color:#555;font-size:8px;display:block}.jog-wheel{cursor:ew-resize;touch-action:none;box-sizing:border-box;background:repeating-conic-gradient(#a5aaa3 0deg 5deg,#555d57 5deg 7deg,#cdd0c9 7deg 13deg);border:3px solid #676d65;border-radius:50%;flex:0 0 75px;width:75px;height:75px;position:relative;box-shadow:inset 0 2px 4px #0008,1px 2px 4px #0005}.jog-wheel-ring{background:radial-gradient(circle at 36% 30%,#fff,#9fa59f 43%,#626b65 80%,#e5e7dd);border:2px solid #626962;border-radius:50%;position:absolute;inset:11px;box-shadow:inset 0 1px 2px #fff,0 1px 3px #0005}.jog-wheel-ring:after{content:"";background:#3e4946;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:50%}.jog-wheel:focus-visible{outline-offset:3px;outline:3px solid #256b63}.tape-counter{color:#f8b64f;white-space:nowrap;text-shadow:0 0 7px #ef9b29;background:#161810;border:3px ridge #888d80;min-width:115px;padding:8px;font:700 17px Arial Narrow,Arial,Helvetica,sans-serif}.tape-counter small{color:#cba970;font-size:10px}@media (width<=700px){.jog-deck{flex-wrap:wrap;gap:9px}.jog-buttons{width:100%}.jog-buttons button{flex:1}.jog-station{justify-content:space-between;gap:7px;width:100%}.jog-label{font-size:9px}.jog-label small{font-size:7px}.jog-wheel{flex-basis:63px;width:63px;height:63px}.tape-counter{min-width:83px;padding:5px;font-size:12px}.tape-counter small{font-size:8px}}.vu-unit{min-width:0;position:relative}.vu-unit .vu{width:100%}.waveform-readout{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#ffc76b;letter-spacing:.03em;text-shadow:0 0 5px #f5a942;background:#131912;border:1px solid #4e4d3b;border-radius:2px;font:700 10px/17px Arial Narrow,Arial,Helvetica,sans-serif;display:block;position:absolute;bottom:5px;left:7px;right:7px;overflow:hidden;box-shadow:inset 0 1px 3px #000}@media (width<=700px){.waveform-readout{font-size:7px;line-height:14px;left:3px;right:3px}}.c64-shell .handle-toggle{z-index:5;cursor:pointer;touch-action:manipulation;background:0 0;border:0;height:48px;padding:0;position:absolute;top:41px;left:31%;right:31%}.c64-shell .handle-toggle:focus-visible{outline:3px solid #256b63}.c64-shell .handle-toggle span{color:#272920;font:700 9px Arial Narrow,Arial,Helvetica,sans-serif;position:absolute;inset:8px 0 0}.c64-shell .handle-toggle span:after{content:"FOLD / UNFOLD";text-align:center;position:absolute;bottom:3px;left:0;right:0}.c64-shell.folded .advanced-panel{display:none}.c64-shell.folded .console .controls:first-child{justify-content:center;width:100%}.c64-shell.folded .console{justify-content:center;box-shadow:inset 0 4px 9px #0005}.c64-shell.unfolded .advanced-panel{display:flex}.c64-shell.unfolded .meters-row.advanced-panel{display:grid}.c64-shell.unfolded .controls.advanced-panel{display:flex}.boombox-speaker{transform:scale(calc(1 + var(--pump,0)*.26));filter:brightness(calc(1 + var(--pump,0)*.45));box-shadow:inset 0 3px 5px #14181588,0 1px #fff7,0 0 calc(var(--pump,0)*12px) #f4bb7355;will-change:transform;transition:transform 65ms linear,filter 65ms linear}@media (width<=700px){.c64-shell .handle-toggle{height:40px;top:48px;left:26%;right:26%}.c64-shell .handle-toggle span:after{font-size:7px;bottom:1px}.c64-shell.folded .console .controls:first-child{flex-wrap:wrap}.c64-shell.folded .console .controls:first-child button,.c64-shell.folded .console .controls:first-child .pick{flex:40%}.c64-shell.unfolded .display-window{height:350px}}@media (prefers-reduced-motion:reduce){.boombox-speaker{filter:none;transform:none}}.display-window[role=button]{cursor:pointer}.display-window[role=button][aria-disabled=true]{cursor:default}.display-window[role=button]:focus-visible{outline-offset:3px;outline:3px solid #f5b04a}.catalog-panel{background:repeating-linear-gradient(0deg,#fff2 0 1px,#0001 1px 2px),linear-gradient(125deg,#d9dad1,#afb1aa 55%,#e1e1d5);border:2px solid #77796f;border-radius:10px;margin:8px 0 20px;padding:14px;box-shadow:inset 0 2px 1px #fff,0 6px 16px #0003}.eject-button{color:#252b25;letter-spacing:.09em;cursor:pointer;background:linear-gradient(#f8f8ed,#b6bbb4);border:1px solid #6e736b;border-bottom:5px solid #4e554e;border-radius:4px;width:100%;min-height:52px;font:800 15px Arial Narrow,Arial,Helvetica,sans-serif;display:block;box-shadow:inset 0 2px 2px #fff,1px 2px 3px #0005}.eject-button span{font-size:12px}.eject-button.raised{border-bottom-width:3px;transform:translateY(2px)}.hvsc.stowed{display:none}.catalog-panel .hvsc{color:#e9e5ca;background:linear-gradient(#242a26,#333b32);border:3px solid #636e60;border-radius:6px;margin-top:14px;padding:17px;box-shadow:inset 0 5px 13px #000b}.catalog-panel .hvsc-header p,.catalog-panel .hvsc-note{color:#b6c5ae}.catalog-panel .hvsc-header a{color:#f4be6e}.catalog-panel .hvsc-search input,.catalog-panel .hvsc-list{color:#23281b;background:#d2bb83;border:3px inset #a99e76;border-radius:2px;font-family:Arial Narrow,Arial,Helvetica,sans-serif}.catalog-panel .hvsc-search .random-sid,.catalog-panel .categories button{color:#212a25;background:linear-gradient(#eee,#aeb7af);border:1px solid #80887d;border-bottom:4px solid #667165;border-radius:3px;font:800 12px Arial Narrow,Arial,Helvetica,sans-serif}.catalog-panel .categories button.chosen{background:#d9aa5e}.catalog-panel .breadcrumb button{color:#f7be75;background:0 0;border:0}.catalog-panel .hvsc-row{color:#272a20;background:#dccd9f;border-bottom:1px solid #a69d76;font:12px Arial Narrow,Arial,Helvetica,sans-serif}.catalog-panel .hvsc-row:nth-child(2n){background:#d2c393}.catalog-panel .hvsc-row:hover{background:#f4dfae}.catalog-panel .hvsc-row small{color:#665c44}.manual-plate{background:linear-gradient(130deg,#e1e1d6,#aeb2ab 50%,#d7d8cf);border:1px solid #767a73;border-radius:4px;margin:12px 0 20px;padding:16px 18px;box-shadow:inset 0 2px 1px #fff,0 3px 8px #0002}.manual-plate .manual-brand{letter-spacing:.14em;color:#30352e;margin-bottom:11px;font:800 11px Arial Narrow,Arial,Helvetica,sans-serif;display:block}.manual-plate .file-closing,.manual-plate p{color:#383d34;font:12px/1.6 Arial Narrow,Arial,Helvetica,sans-serif}@media (width<=700px){.catalog-panel{padding:8px}.catalog-panel .hvsc{padding:11px}.eject-button span{font-size:10px}}.manual-position{flex-direction:column;align-items:flex-end;padding:0 16px 16px;display:flex}.manual-sticker{text-align:left;color:#3d3929;letter-spacing:.06em;cursor:pointer;background:linear-gradient(115deg,#dfd3a5,#f1e6b9 48%,#c6ba91);border:1px solid #91876c;border-radius:2px;min-width:140px;max-width:180px;padding:6px 9px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif;transform:rotate(-1deg);box-shadow:1px 2px 2px #0004,inset 0 1px #fff9}.manual-sticker span{margin-top:4px;font-size:8px;display:block}.manual-position .manual-plate{text-align:left;z-index:2;background:linear-gradient(115deg,#efe4ba,#d7cda7);border-color:#958a68;width:min(100%,550px);max-height:220px;position:relative;overflow-y:auto;box-shadow:1px 4px 10px #0005}.manual-position .manual-plate p{color:#33372f;margin:0}@media (width<=700px){.manual-position{padding:2px 9px 10px}.manual-sticker{min-width:125px}}.c64-shell .hifi-power-panel{background:repeating-linear-gradient(0deg,#fff2 0 1px,#0001 1px 2px),linear-gradient(110deg,#c1b79f,#eee5d0 52%,#afa58d);border:1px solid #88816e;border-radius:7px;min-height:62px;margin:7px 7px 14px;padding:7px 13px;box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 5px #847c68,0 1px #fff7}.c64-shell .panel-model{display:none}.c64-shell .hifi-power-panel:after{content:"CHIPBLASTER  ·  MASTER POWER";color:#504a3d;letter-spacing:.08em;margin-left:auto;font:700 9px Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell.is-off .display-window{background:#080909}.c64-shell.is-off .visual,.c64-shell.is-off .veil,.c64-shell.is-off .meters-row{opacity:.12}.c64-shell.is-off .console,.c64-shell.is-off .hvsc{opacity:.55}.boombox-speaker{transform:translateZ(0) scale(calc(1 + var(--pump,0)*.18));filter:brightness(calc(1 + var(--pump,0)*.4));box-shadow:inset 0 3px 5px #14181588,0 1px #fff7,0 0 calc(var(--pump,0)*15px) #f9bd6b99;transition:transform 70ms linear,filter 70ms linear;position:relative;overflow:visible}.speaker-cone{transform:scale(calc(.8 + var(--pump,0)*.75));filter:brightness(calc(.7 + var(--pump,0)*.8));background:radial-gradient(at 35% 30%,#8e9990,#353b38 57%,#171b1a 73%);border:2px solid #222820;border-radius:50%;transition:transform 60ms linear,filter 60ms linear;display:block;position:absolute;inset:18% 26%;box-shadow:inset 0 1px 2px #fff6,0 2px 3px #000a}@media (width<=700px){.boombox-speaker{width:43px;height:38px;transform:scale(calc(1 + var(--pump,0)*.24));flex-basis:43px}.speaker-cone{inset:20%}.c64-shell .hifi-power-panel{min-height:54px;margin:8px 2px 12px;padding:6px 8px}.c64-shell .hifi-power-panel:after{letter-spacing:0;font-size:6px}.c64-shell.folded{border-radius:48px 48px 22px 22px;max-width:390px;margin-left:auto;margin-right:auto}.c64-shell.folded .display-window{height:clamp(335px,105vw,440px)}.c64-shell.folded .deck{border-radius:24px 24px 12px 12px}.c64-shell.folded .console{border-radius:5px 5px 17px 17px}.c64-shell.folded .boombox-top{min-height:42px}}.c64-shell .deck,.c64-shell .console,.c64-shell .display-window,.c64-shell .meters-row,.c64-shell .jog-deck{transition:height .5s cubic-bezier(.2,.75,.2,1),max-height .5s cubic-bezier(.2,.75,.2,1),opacity .38s,transform .5s cubic-bezier(.2,.75,.2,1),margin .5s,padding .5s}.c64-shell.folded .advanced-panel{opacity:0;pointer-events:none;border-width:0;height:0;min-height:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;display:flex;overflow:hidden;transform:scaleY(.8)}.c64-shell.folded .meters-row.advanced-panel{display:grid}.c64-shell.unfolded .advanced-panel{opacity:1;max-height:400px;transform:scaleY(1)}.c64-shell.folded .console{transform:translateY(-2px)}.c64-shell.unfolded .console{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.boombox-speaker,.speaker-cone,.c64-shell .deck,.c64-shell .console,.c64-shell .display-window,.c64-shell .meters-row,.c64-shell .jog-deck{transition:none!important;transform:none!important}}.vu-unit .vu{display:block}.waveform-readout{white-space:nowrap;justify-content:center;align-items:center;gap:2px;height:27px;margin-top:3px;display:flex;position:relative;bottom:auto;left:auto;right:auto;overflow:hidden}.waveform-readout svg{filter:drop-shadow(0 0 3px #f5a942);flex:0 28px;min-width:15px;max-height:22px}.waveform-readout .output-label{font-size:10px}.vu-group{align-items:start}.vu-unit{min-width:0}.wave-none{font-size:17px}@media (width<=700px){.waveform-readout{height:23px;margin-top:2px}.waveform-readout svg{flex-basis:19px;min-width:13px;height:18px}.vu-unit .vu{height:86px}}.catalog-panel{perspective:900px}.catalog-panel .hvsc.stowed{opacity:0;visibility:hidden;transform-origin:top;pointer-events:none;border-width:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;display:block;overflow:hidden;transform:rotateX(-18deg)translateY(-16px)}.catalog-panel .hvsc.expanded{opacity:1;visibility:visible;transform-origin:top;max-height:780px;display:block;overflow:hidden;transform:rotateX(0)translateY(0)}.catalog-panel .hvsc{transition:max-height .58s cubic-bezier(.2,.8,.2,1),opacity .32s,transform .58s cubic-bezier(.2,.8,.2,1),margin .42s,padding .42s,border-width .42s,visibility}.eject-button{transition:transform .25s,border-bottom-width .25s,box-shadow .25s}.eject-button.raised{box-shadow:inset 0 3px 8px #494f4870,0 1px 2px #0005}@media (prefers-reduced-motion:reduce){.catalog-panel .hvsc,.eject-button{transition:none!important}}.c64-shell .controls .stop-button{min-width:80px}.c64-shell .controls .stop-button span{color:#9b392d;font-size:16px}.catalog-panel .local-loading{color:#b6c5ae;align-items:center;gap:14px;margin:12px 0 19px;font:700 11px Arial Narrow,Arial,Helvetica,sans-serif;display:flex}.catalog-panel .local-loading .pick{cursor:pointer;color:#242a25;background:linear-gradient(#eee,#aeb7af);border:1px solid #77857b;border-bottom:4px solid #69736b;align-items:center;min-height:44px;padding:9px 13px;display:inline-flex;box-shadow:inset 0 2px #fff,2px 2px 3px #0005}.catalog-panel .local-loading .pick input{opacity:0;width:1px;height:1px;position:absolute}@media (width<=700px){.catalog-panel .local-loading{flex-wrap:wrap}}.catalog-panel .hvsc.expanded{max-height:1800px}.progress-station{flex:360px;align-items:center;gap:13px;min-width:0;display:flex}.progress-fader{appearance:none;background:linear-gradient(90deg,#f3b257 0 var(--travel),#202621 var(--travel) 100%);cursor:ew-resize;touch-action:none;border:2px solid #6f746d;border-radius:3px;outline:0;flex:1;min-width:95px;height:19px;box-shadow:inset 0 3px 6px #0008,0 1px #fff7}.progress-fader::-webkit-slider-thumb{appearance:none;background:repeating-linear-gradient(90deg,#a7aaa2 0 2px,#d9dcd3 2px 5px);border:2px solid #646b65;border-radius:3px;width:21px;height:43px;box-shadow:inset 0 2px 2px #fff,2px 3px 4px #0007}.progress-fader::-moz-range-thumb{background:repeating-linear-gradient(90deg,#a7aaa2 0 2px,#d9dcd3 2px 5px);border:2px solid #646b65;border-radius:3px;width:21px;height:43px;box-shadow:2px 3px 4px #0007}.progress-fader:focus-visible{outline-offset:3px;outline:3px solid #f3b257}.progress-fader:disabled{opacity:.55}.jog-buttons button{min-width:98px}@media (width<=700px){.progress-station{flex-wrap:wrap;gap:7px}.progress-station .jog-label{flex-basis:100%}.progress-fader{min-width:150px}.progress-station .tape-counter{min-width:75px}.jog-buttons button{min-width:0}}.display-window{box-shadow:inset 0 0 0 2px #33353a,inset 0 12px 24px #000d,inset 0 0 35px #000d,0 1px #fff4}.visual{filter:saturate(1.12)contrast(1.06)}.display-window:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.28;background:repeating-linear-gradient(0deg,#0000 0 2px,#0002 3px 4px),linear-gradient(120deg,#fff1,#0000 22%,#fff0 70%,#fff1);border-radius:9px;position:absolute;inset:0}.screen-sleep{background:radial-gradient(#171d19,#020604 70%)}.screen-sleep:before{content:"CRT SLEEP · AUDIO ON";color:#779579;letter-spacing:.12em;text-shadow:0 0 7px #668b66;font:800 9px Arial Narrow,Arial,Helvetica,sans-serif;position:absolute;top:16px;right:17px}.screen-sleep .veil{opacity:.8}.c64-shell .controls .conserve-button{letter-spacing:.05em;color:#f2bf69;text-shadow:0 0 5px #f2bf6977;background:linear-gradient(#383e38,#171e1b);border-color:#0d1712;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell .controls .conserve-button:hover{color:#fff;background:#3c4740}.c64-shell .controls .conserve-button.pressed{color:#a5d5a3;box-shadow:inset 0 3px 7px #000}.boombox-top{padding:2px 8px 6px}.speaker-module{background:linear-gradient(145deg,#e4d9be,#ae9f82);border:1px solid #9b9078;border-radius:20px;align-items:center;gap:7px;padding:4px 7px;display:flex;box-shadow:inset 0 2px #fff8,inset 0 -2px #7f735c66}.speaker-tweeter{background:repeating-radial-gradient(circle,#232b28 0 2px,#5a665d 2px 3px);border:3px solid #92866d;border-radius:50%;flex:0 0 18px;width:18px;height:18px;box-shadow:inset 0 2px 3px #0009}.speaker-module .boombox-speaker{border-width:4px;border-radius:50%;flex-basis:65px;width:65px;height:45px}.speaker-module .speaker-cone{inset:18% 30%}.boombox-brand{flex:1;justify-content:center}.c64-shell .module-name{text-align:center;color:#424943;letter-spacing:.17em;text-shadow:0 1px #fff9;flex:100%;font:800 9px Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell .hifi-power-panel{flex-wrap:wrap}.c64-shell .hifi-power-panel .module-name{margin-bottom:-4px}.c64-shell .console>.module-name{text-align:left;border-bottom:1px solid #858d81;order:-1;margin-bottom:1px;padding-bottom:5px}.c64-shell .console{align-items:center}.c64-shell .jog-deck{border-top:1px solid #7b817b;border-bottom:1px solid #dee2d9;padding-bottom:10px}@media (width<=700px){.speaker-module{border-radius:15px;gap:2px;padding:2px 3px}.speaker-tweeter{border-width:2px;flex-basis:9px;width:9px;height:9px}.speaker-module .boombox-speaker{border-width:2px;flex-basis:31px;width:31px;height:31px}.boombox-brand .c64-rainbow{flex-basis:35px;width:35px}.c64-shell .module-name{letter-spacing:.11em;font-size:7px}.c64-shell .hifi-power-panel{gap:3px 7px}.c64-shell .hifi-power-panel .module-name{margin-bottom:0}}.favorite-now{color:#43483e;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.favorite-now button{cursor:pointer;background:linear-gradient(#fbf8e7,#d8cc9f);border:1px solid #69756a;border-radius:4px;min-height:44px;padding:8px 12px;font:700 12px Arial Narrow,Arial,Helvetica,sans-serif}.favorite-now button:disabled{opacity:.55;cursor:default}.favorite-now small,.favorite-storage{font-size:11px}.favorite-storage{color:#b6c5ae;margin:0 0 10px}.favorite-result{background:#dccd9f;border-bottom:1px solid #a69d76;align-items:stretch;display:flex}.favorite-result:nth-child(2n){background:#d2c393}.favorite-result .hvsc-row{border-bottom:0;flex:1;min-width:0;background:0 0!important}.favorite-star{color:#544c2f;cursor:pointer;background:0 0;border:0;border-left:1px solid #a69d76;min-width:46px;font-size:23px}.favorite-star[aria-pressed=true]{color:#8a4c1c}.favorite-star:disabled{opacity:.45;cursor:default}.favorite-star:focus-visible,.favorite-now button:focus-visible{outline-offset:-3px;outline:3px solid #256b63}.source-selector{letter-spacing:.08em;background:repeating-linear-gradient(0deg,#fff2 0 1px,#0001 1px 2px),linear-gradient(120deg,#e1e1d7,#a6aca5 50%,#d8d9d0);border:1px solid #777970;border-radius:7px;align-items:center;gap:7px;margin:3px 4px 7px;padding:8px 15px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif;display:flex;position:relative;box-shadow:inset 0 2px 1px #fff,0 4px 8px #0003}.source-selector>span{margin-right:4px}.source-knob{background:radial-gradient(circle at 32% 28%,#fff,#bfc3bd 27%,#5d625e 67%,#303733 100%);border:2px solid #737a73;border-radius:50%;flex:none;width:35px;height:35px;margin-right:8px;transition:background .35s;position:relative;box-shadow:2px 3px 4px #0006,inset 1px 2px 2px #fff}.source-knob:before{content:"";background:#161d1a;width:3px;height:10px;position:absolute;top:2px;left:16px;box-shadow:0 0 1px #fff}.source-selector button{color:#26302b;cursor:pointer;background:linear-gradient(#eee,#aaa);border:1px solid #80847d;border-radius:3px;min-height:44px;padding:4px 8px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif}.source-selector button.chosen{color:#111;background:var(--source-glow);box-shadow:0 0 12px var(--source-glow)}.source-selector:after{content:" ";pointer-events:none;box-shadow:inset 0 0 5px var(--source-glow);border-radius:7px;position:absolute;inset:0}@media (width<=700px){.source-selector{flex-wrap:wrap;gap:5px}.source-selector>span{width:calc(100% - 63px)}.source-selector button{flex:17%;padding:4px 3px;font-size:9px}}.volume-readout{float:right;color:#303a33;padding-right:10px;font:700 10px Arial Narrow,Arial,Helvetica,sans-serif}.source-selector{align-items:center;gap:22px;min-height:113px;padding:12px 24px;display:flex}.source-heading{gap:5px;min-width:100px;display:grid}.source-heading small{color:#4b524c;letter-spacing:.04em;font:700 8px Arial Narrow,Arial,Helvetica,sans-serif}.source-dial{flex:1;align-items:center;gap:25px;min-width:0;display:flex}.source-knob{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:74px;min-width:74px;height:74px;box-shadow:2px 4px 7px #0007,inset 1px 2px 3px white,0 0 12px var(--source-glow);outline:none;margin:0;display:block}.source-knob:before{width:4px;height:17px;top:5px;left:34px}.source-knob:active{cursor:grabbing}.source-knob:focus-visible{outline-offset:4px;outline:3px solid #273d39}.source-scale{flex:1;justify-content:space-between;align-items:stretch;gap:8px;max-width:470px;display:flex}.source-scale span{color:#333d36;letter-spacing:.04em;align-content:center;justify-items:center;gap:7px;min-width:40px;font:800 11px Arial Narrow,Arial,Helvetica,sans-serif;display:grid}.source-scale i{background:#47524b;width:2px;height:13px;box-shadow:0 1px #fff}.source-scale span.selected{color:#181f1b;text-shadow:0 0 4px var(--source-glow)}.source-scale span.selected i{background:var(--source-glow);width:5px;box-shadow:0 0 8px var(--source-glow)}.source-current{text-align:center;color:#141c16;letter-spacing:.08em;background:var(--source-glow);min-width:54px;box-shadow:0 0 13px var(--source-glow);border:1px solid #6d7770;border-radius:3px;padding:7px 5px;font:900 14px Arial Narrow,Arial,Helvetica,sans-serif}@media (width<=700px){.source-selector{flex-wrap:nowrap;gap:7px;min-height:104px;padding:9px 10px}.source-heading{letter-spacing:0;width:44px;min-width:44px;font-size:8px}.source-heading small{font-size:6px}.source-dial{gap:8px}.source-knob{width:64px;min-width:64px;height:64px}.source-knob:before{height:14px;top:4px;left:29px}.source-scale{gap:1px}.source-scale span{letter-spacing:0;min-width:0;font-size:8px}.source-current{min-width:31px;padding:5px 2px;font-size:8px}}.c64-shell .display-window .visual{opacity:.58;filter:saturate(.65)contrast(.9);transition:opacity 1.1s ease-out,filter 1.1s ease-out}.c64-shell.is-playing .display-window .visual{opacity:1;filter:saturate(1.12)contrast(1.06);transition-duration:.48s}.c64-shell .vu-unit,.c64-shell .spectrum{box-shadow:0 0 4px 1px var(--source-glow),inset 0 0 2px var(--source-glow);transition:box-shadow 1.5s ease-out}.c64-shell.is-playing .vu-unit,.c64-shell.is-playing .spectrum{box-shadow:0 0 14px 1px var(--source-glow),inset 0 0 8px var(--source-glow);transition-duration:.45s}.c64-shell .console{flex-wrap:wrap;align-items:center;display:flex}.c64-shell .control-top{order:-2;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);align-items:stretch;gap:10px;width:100%;display:grid}.c64-shell .control-top .source-selector,.c64-shell .control-top .hifi-power-panel{box-sizing:border-box;border-radius:6px;min-width:0;margin:0;box-shadow:inset 0 2px 2px #fff9,inset 0 -2px 5px #847c68}.c64-shell .control-top .source-selector{gap:8px;min-height:90px;padding:9px 12px}.c64-shell .control-top .source-heading{min-width:62px;font-size:9px}.c64-shell .control-top .source-dial{gap:11px}.c64-shell .control-top .source-knob{width:58px;min-width:58px;height:58px}.c64-shell .control-top .source-scale{gap:2px}.c64-shell .control-top .source-scale span{min-width:0;font-size:9px}.c64-shell .control-top .source-current{min-width:38px;padding:6px 3px;font-size:10px}.c64-shell .control-top .hifi-power-panel{flex-wrap:wrap;gap:7px;min-height:90px;padding:8px 10px}.c64-shell .control-top .hifi-power-panel:after{display:none}.c64-shell .control-top .hifi-power-panel .module-name{text-align:left;border-bottom:1px solid #9a9e91;flex-basis:100%;width:100%;margin:0;padding-bottom:3px}.c64-shell .control-top .power-label{font-size:9px}.c64-shell .control-top .power-toggle{width:45px;min-width:45px;height:50px}.c64-shell .battery-saver{color:#272e29;cursor:pointer;letter-spacing:.04em;background:linear-gradient(#eee,#b7bcb1);border:1px solid #777b73;border-bottom:3px solid #555d55;border-radius:3px;align-items:center;gap:5px;min-height:35px;padding:5px 6px;font:800 9px Arial Narrow,Arial,Helvetica,sans-serif;display:flex}.c64-shell .battery-saver span{font-size:17px}.c64-shell .battery-saver.pressed{color:#e6bd73;background:#404b42;box-shadow:inset 0 2px 5px #0009}.c64-shell .control-top .power-state{font-size:9px}.c64-shell .console>.module-name{order:-1}.c64-shell .console>.controls{justify-content:center;gap:10px;width:100%}.c64-shell .console>.controls button{flex:0 72px;place-items:center;min-width:48px;min-height:48px;padding:5px;font-size:21px;display:grid}.c64-shell .console>.controls button span{vertical-align:middle;margin:0;font-size:23px}.c64-shell .console>.controls .eject-button{letter-spacing:0;width:auto}.c64-shell .console>.controls .eject-button span{font-size:26px}@media (width<=850px){.c64-shell .control-top{grid-template-columns:1fr}.c64-shell .control-top .source-selector{min-height:84px}.c64-shell .control-top .hifi-power-panel{min-height:67px}}@media (width<=480px){.c64-shell .control-top .source-selector{flex-wrap:wrap}.c64-shell .control-top .source-heading{width:42px;min-width:42px}.c64-shell .control-top .source-dial{flex:1;gap:7px}.c64-shell .control-top .source-scale span{font-size:8px}.c64-shell .control-top .source-current{flex-basis:100%;width:100%;padding:3px;font-size:10px}.c64-shell .control-top .hifi-power-panel{gap:4px}.c64-shell .battery-saver{font-size:8px}.c64-shell .console>.controls button{flex:45px;min-width:43px}}.c64-shell .console>.controls button.tape-button.pressed{color:#17241c;background:linear-gradient(#858f84,#afb9a9);border-bottom-width:1px;transform:translateY(3px);box-shadow:inset 0 3px 9px #26332988,0 1px 1px #fff8}.c64-shell .console>.controls button.tape-button.pressed:disabled{opacity:.6}.c64-shell .console>.controls .eject-button:active{border-bottom-width:1px;transform:translateY(3px)}@media (width<=480px){.c64-shell .console>.controls{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.c64-shell .console>.controls button{width:100%;min-width:0;min-height:43px;padding:3px}.c64-shell .console>.controls button span,.c64-shell .console>.controls .eject-button span{font-size:19px}}@media (width<=700px){.c64-shell.folded{box-sizing:border-box;width:100%;min-width:0;max-width:390px}.c64-shell.folded .control-top,.c64-shell.folded .console,.c64-shell.folded .deck{min-width:0;max-width:100%}.c64-shell.folded .control-top .source-selector{padding-left:7px;padding-right:7px}.c64-shell.folded .control-top .source-heading{width:39px;min-width:39px}.c64-shell.folded .control-top .source-knob{width:52px;min-width:52px;height:52px}.c64-shell.folded .control-top .source-knob:before{left:23px}.c64-shell.folded .control-top .source-dial{gap:5px}.c64-shell.folded .control-top .source-scale{gap:1px}.c64-shell.folded .control-top .source-scale span{font-size:7px}}.queue-panel{color:#26342b;background:repeating-linear-gradient(0deg,#fff1 0 1px,#0000000b 1px 2px),linear-gradient(130deg,#d9d7c7,#aeb7ac 55%,#e4dfcb);border:2px solid #777d71;border-radius:8px;margin:18px 0;padding:17px 19px;font:12px/1.5 Arial Narrow,Arial,Helvetica,sans-serif;box-shadow:inset 0 2px #fff9,0 6px 15px #0002}.queue-title{letter-spacing:.12em;border-bottom:2px solid #768277;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.queue-title strong{font-size:14px}.queue-title span{font-size:10px}.queue-panel p{color:#475348;max-width:78ch}.queue-actions{flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0;display:flex}.queue-actions button,.queue-actions label:not(.fallback-label),.queue-panel li button,.queue-actions select{color:#26342b;cursor:pointer;background:linear-gradient(#f7f6e8,#b9c3b7);border:1px solid #70796f;border-bottom:3px solid #525e54;border-radius:3px;padding:8px 10px;font:700 11px Arial Narrow,Arial,Helvetica,sans-serif}.queue-actions label:not(.fallback-label){cursor:pointer;position:relative;overflow:hidden}.queue-actions label input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.queue-actions button:disabled{opacity:.48;cursor:default}.fallback-label{align-items:center;gap:7px;font:700 10px Arial Narrow,Arial,Helvetica,sans-serif;display:flex}.queue-tuner{color:#e8c378;letter-spacing:.12em;background:#2c3830;border:2px inset #68726a;gap:8px;margin:12px 0;padding:12px 15px;font:800 12px Arial Narrow,Arial,Helvetica,sans-serif;display:grid}.queue-tuner input{accent-color:#ecb866;cursor:pointer;width:100%}.queue-panel ol{border:1px solid #879387;max-height:290px;margin:8px 0 10px;padding:0;list-style:none;overflow:auto}.queue-panel li{background:#e8e6d6;border-bottom:1px solid #a5aea2;align-items:center;display:flex}.queue-panel li:nth-child(2n){background:#d9dfd1}.queue-panel li.current{background:#f3c678}.queue-panel li button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:1;font-size:12px;overflow:hidden}.queue-panel li button:last-child{background:0 0;border:0;min-width:38px;font-size:17px}.queue-panel li small{color:#6e5b36}.queue-panel .queue-empty{padding:14px}.queue-panel>small{color:#566055;line-height:1.45;display:block}.favorite-result .queue-add{color:#313c32;cursor:pointer;background:#d3d5bf;border:0;border-left:1px solid #a39e7e;min-width:74px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif}@media (width<=700px){.queue-panel{margin:12px 0;padding:12px}.queue-title strong,.queue-panel p{font-size:11px}.queue-actions{gap:6px}.queue-actions button,.queue-actions label:not(.fallback-label){padding:7px 8px}.favorite-result .queue-add{min-width:58px;font-size:8px}.c64-shell .console>.controls{gap:5px}.c64-shell .console>.controls button{min-width:0}}@media (width<=480px){.c64-shell .console>.controls{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.c64-shell .console>.controls button{padding:2px;font-size:17px}.c64-shell .console>.controls button span,.c64-shell .console>.controls .eject-button span{font-size:17px}}.c64-shell .control-top .source-selector{min-height:168px;overflow:hidden}.c64-shell .control-top .source-dial{flex:1;min-width:215px;height:148px;margin:0 auto;display:block;position:relative}.c64-shell .control-top .source-knob{z-index:2;width:62px;min-width:62px;height:62px;margin:0;position:absolute;top:77%;left:50%;translate:-50% -50%}.c64-shell .control-top .source-knob:before{height:16px;top:4px;left:28px}.source-arc{pointer-events:none;position:absolute;inset:0}.source-arc span{left:calc(50% + 98px * sin(var(--dial-angle)));top:calc(77% - 98px * cos(var(--dial-angle)));color:#39413b;letter-spacing:.02em;text-shadow:0 1px #fff8;flex-direction:column;align-items:center;gap:2px;min-width:39px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif;display:flex;position:absolute;translate:-50% -50%}.source-arc span i{width:3px;height:8px;transform:rotate(var(--dial-angle));background:#555e55;display:block}.source-arc span.selected{color:#161c16;text-shadow:0 0 5px var(--source-glow)}.source-arc span.selected i{background:var(--source-glow);width:5px;box-shadow:0 0 7px var(--source-glow)}.source-current-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden;min-width:0!important;padding:0!important}.c64-shell .vu-group{grid-template-columns:repeat(var(--meter-count,4),minmax(0,1fr))}@media (width<=850px){.c64-shell .control-top .source-selector{min-height:150px}.c64-shell .control-top .source-dial{min-width:220px;height:135px}.source-arc span{left:calc(50% + 87px * sin(var(--dial-angle)));top:calc(77% - 87px * cos(var(--dial-angle)))}}@media (width<=700px){.c64-shell .vu-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.c64-shell .meters-row{display:block}.c64-shell .spectrum{margin-top:8px}.c64-shell.folded .control-top .source-selector{flex-wrap:nowrap;min-height:133px;overflow:hidden}.c64-shell.folded .control-top .source-dial{flex:1;min-width:0;height:122px}.c64-shell.folded .control-top .source-knob{width:54px;min-width:54px;height:54px}.c64-shell.folded .control-top .source-knob:before{height:13px;top:3px;left:24px}.source-arc span{left:calc(50% + 70px * sin(var(--dial-angle)));top:calc(76% - 70px * cos(var(--dial-angle)));min-width:30px;font-size:8px}.source-arc span i{height:6px}}.c64-shell .player-body{flex-direction:column;display:flex}.c64-shell .flip-front>.console{order:2;margin:0 0 12px}.c64-shell .flip-front>.deck{order:1;margin-bottom:8px}.c64-shell .player-body>.c64-caption{order:4}.c64-shell .player-body>.manual-position{order:5}.c64-shell .player-body>.sid-meta{order:6}.c64-shell .player-body>.error{order:8}.c64-shell.folded .flip-front>.deck{display:none}.c64-shell.folded .console .advanced-panel{opacity:1;pointer-events:auto;height:auto;max-height:320px;margin:0;display:flex;overflow:visible;transform:none}.c64-shell.folded .console .queue-panel{display:block}.c64-shell .console .queue-panel{width:100%;margin:5px 0 8px;padding:11px 13px}.c64-shell .console .queue-panel p{margin:5px 0;font-size:10px}.c64-shell .console .queue-panel ol{max-height:140px}.library-controls{color:#28332b;letter-spacing:.08em;border-top:1px solid #7c867c;border-bottom:1px solid #e6e6d6;align-items:center;gap:12px;width:100%;padding:8px 11px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif;display:flex}.library-favorite{color:#972f3d;cursor:pointer;background:linear-gradient(#fff9e5,#b9c3b0);border:1px solid #6f7b6d;border-bottom:3px solid #546155;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.library-favorite[aria-pressed=true]{color:#fff;background:#8b3240}.library-favorite:disabled{opacity:.5;cursor:default}.record-shelf-mark{letter-spacing:-.18em;color:#766350;font-size:25px}@media (width<=700px){.c64-shell .console .queue-panel{padding:10px}.c64-shell .console .queue-panel p{font-size:9px}.library-controls{letter-spacing:0;gap:7px}.library-caption{font-size:9px}.c64-shell.folded .flip-front>.deck{display:none}}.c64-shell .control-top{background:repeating-linear-gradient(0deg,#fff2 0 1px,#0001 1px 2px),linear-gradient(115deg,#d7d8cc,#bfc5bd 46%,#e3ddc9);border:1px solid #817c6e;border-radius:7px;grid-template-columns:minmax(0,1.6fr) minmax(225px,.9fr);gap:0;overflow:hidden;box-shadow:inset 0 2px 3px #fffb,0 3px 9px #0003}.c64-shell .control-top .source-selector,.c64-shell .control-top .hifi-power-panel{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0}.c64-shell .control-top .source-selector{border-right:1px solid #817c6e}.c64-shell .control-top .hifi-power-panel{place-content:center}.c64-shell .control-top .hifi-power-panel .module-name{width:100%}@media (width<=850px){.c64-shell .control-top{grid-template-columns:1fr}.c64-shell .control-top .source-selector{border-bottom:1px solid #817c6e;border-right:0}.c64-shell .control-top .hifi-power-panel{justify-content:flex-start}}.c64-shell .flip-front>.deck{transform-origin:50% 100%;backface-visibility:hidden;transition:max-height .62s cubic-bezier(.2,.78,.2,1),opacity .4s,transform .62s cubic-bezier(.2,.78,.2,1),padding .62s,margin .62s,border-width .62s;display:block;overflow:hidden}.c64-shell.unfolded .flip-front>.deck{opacity:1;pointer-events:auto;max-height:850px;transform:perspective(1300px)rotateX(0)}.c64-shell.folded .flip-front>.deck{opacity:0;pointer-events:none;border-width:0;min-height:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;display:block;transform:perspective(1300px)rotateX(-88deg)}.record-shelf-button{color:#26342b;cursor:pointer;text-align:left;letter-spacing:.04em;background:linear-gradient(#e5e4d2,#b2beac);border:1px solid #858d7e;border-bottom:3px solid #667366;border-radius:3px;flex:1;align-items:center;gap:10px;min-height:44px;padding:4px 7px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif;display:flex}.record-shelf-button.shelf-active{background:linear-gradient(#f5dbac,#c1bb9f)}.record-shelf-button:focus-visible{outline-offset:2px;outline:3px solid #30493c}.record-shelf-mark{height:30px;font-size:inherit;letter-spacing:normal;flex:none;align-items:end;gap:2px;display:flex}.record-shelf-mark i{background:linear-gradient(90deg,#65533d,#ab8764,#534637);border-radius:1px;width:5px;height:26px;display:block;box-shadow:1px 0 #e6d9b7}.record-shelf-mark i:nth-child(2){background:linear-gradient(90deg,#53352d,#a85f4c,#52372c);height:21px}.record-shelf-mark i:nth-child(3){height:29px}.record-shelf-mark i:nth-child(4){background:linear-gradient(90deg,#4d5f57,#778e82,#405049);height:23px}.record-shelf-mark i:nth-child(5){height:27px}.shelf-chevron{margin-left:auto;font-size:17px}.c64-shell .console .queue-panel.shelf-panel{transform-origin:50% 0;transition:max-height .58s cubic-bezier(.2,.78,.2,1),opacity .4s,transform .58s cubic-bezier(.2,.78,.2,1),margin .58s,padding .58s,border-width .58s;overflow:hidden}.c64-shell .console .queue-panel.shelf-open{opacity:1;pointer-events:auto;max-height:950px;transform:perspective(850px)rotateX(0)}.c64-shell .console .queue-panel.shelf-closed{opacity:0;pointer-events:none;border-width:0;min-height:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:perspective(850px)rotateX(-88deg)}.c64-shell .console .visual-controls[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.c64-shell .flip-front>.deck,.c64-shell .console .queue-panel.shelf-panel{transition:none!important;transform:none!important}}.c64-shell.unfolded .meters-row.advanced-panel{max-height:none}.c64-shell.unfolded .flip-front>.deck{max-height:1600px}.c64-shell .flip-front>.deck{transform-origin:50% 100%;backface-visibility:visible;transition:max-height .9s ease-in-out,opacity .45s ease-in-out,clip-path .9s ease-in-out,margin .9s ease-in-out,padding .9s ease-in-out,border-width .9s ease-in-out;transform:none}.c64-shell.unfolded .flip-front>.deck{opacity:1;clip-path:inset(0);max-height:1100px;transform:none}.c64-shell.folded .flip-front>.deck{opacity:0;clip-path:inset(0 0 100%);border-width:0;min-height:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:none}.c64-shell .flip-front>.console{z-index:2;transition:transform .9s ease-in-out,margin .9s ease-in-out;position:relative}.c64-shell.folded .flip-front>.console,.c64-shell.unfolded .flip-front>.console{transform:translateY(0)}.scissor-rail{z-index:1;opacity:0;pointer-events:none;order:3;width:100%;height:0;transition:height .9s ease-in-out,opacity .45s ease-in-out;position:relative;overflow:hidden}.c64-shell.unfolded .scissor-rail{opacity:1;height:22px}.scissor-rail i{transform-origin:100%;background:linear-gradient(90deg,#887c65,#e9e0c9,#7b6d55);border-radius:4px;width:34%;height:3px;transition:transform .9s ease-in-out;position:absolute;top:9px;left:16%;transform:rotate(5deg);box-shadow:0 1px 2px #0005}.scissor-rail i:nth-child(2){transform-origin:0;left:16%;transform:rotate(-5deg)}.scissor-rail i:nth-child(3){transform-origin:100%;left:50%;transform:rotate(5deg)}.scissor-rail i:nth-child(4){transform-origin:0;left:50%;transform:rotate(-5deg)}.c64-shell.unfolded .scissor-rail i:nth-child(odd){transform:rotate(16deg)}.c64-shell.unfolded .scissor-rail i:nth-child(2n){transform:rotate(-16deg)}.c64-shell.folded .console .subtune-controls{display:none}.c64-shell.folded .console .visual-controls{display:none!important}.c64-shell.folded .console{padding-bottom:8px}.c64-shell.folded .console .jog-deck{padding-bottom:0}@media (prefers-reduced-motion:reduce){.c64-shell .flip-front>.deck,.c64-shell .flip-front>.console,.scissor-rail,.scissor-rail i{transition:none!important}}.c64-shell .console>.module-name{border-bottom:1px solid #8f978b;width:100%;margin:4px 0 0;padding-bottom:5px}.c64-shell .console>.controls:not(.advanced-panel){border-bottom:1px solid #81897d;width:100%;padding:6px 0 9px}.c64-shell .console>.jog-deck{border-top:0;margin:0;padding:10px 4px 5px}.c64-shell .player-body>.scissor-rail{order:3}.c64-shell .player-body>.c64-vents{order:9}.now-playing-strip{color:#514a3b;order:6;width:100%;min-height:27px;padding:4px 7px 9px;font:700 11px/1.45 Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell.folded .now-playing-strip{margin-top:5px}.eq-deck{color:#252c27;background:repeating-linear-gradient(0deg,#fff2 0 1px,#0001 1px 2px),linear-gradient(#d9d2bd,#aaa99d);border:1px solid #776e59;border-radius:5px;margin:12px 0 2px;padding:8px 13px 10px;font:800 10px Arial Narrow,Arial,Helvetica,sans-serif}.eq-heading{letter-spacing:.1em;border-bottom:1px solid #7f8174;justify-content:space-between;gap:10px;padding-bottom:5px;display:flex}.eq-heading small{color:#4b534b;font-size:8px}.eq-bands{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:9px;display:grid}.eq-band{min-width:0;position:relative}.eq-band>label{justify-content:space-between;gap:4px;display:flex}.eq-band output{color:#3b4c42}.eq-band>input[type=range]{accent-color:#a4743d;cursor:pointer;width:100%}.peq-details{z-index:3;background:#dce0cd;border:1px solid #6c755f;border-radius:3px;margin-top:6px;padding:8px;position:relative;box-shadow:0 4px 10px #0004}.peq-details label{font-size:9px;display:block}.peq-details input{accent-color:#566957;width:100%}.peq-details button{cursor:pointer;background:#f5f1da;border:1px solid #657267;font:800 9px Arial Narrow,Arial,Helvetica,sans-serif}@media (width<=700px){.eq-deck{padding:7px}.eq-heading{font-size:9px;display:block}.eq-heading small{margin-top:4px;font-size:6px;display:block}.eq-bands{gap:6px}.eq-band>label{font-size:8px;display:block}.eq-band output{display:block}}.peq-mode{color:#394b3c;justify-content:space-between;align-items:center;gap:4px;margin-bottom:5px;font-size:9px;display:flex}.c64-shell .control-top{grid-template-columns:minmax(0,1.35fr) minmax(225px,.9fr)}.c64-shell .control-top .source-selector{min-height:126px}.c64-shell .control-top .source-dial{flex:0 280px;min-width:0;height:112px;margin:0 auto}.c64-shell .control-top .source-knob{width:54px;min-width:54px;height:54px;top:73%}.c64-shell .control-top .source-knob:before{left:24px}.c64-shell .control-top .source-arc span{left:calc(50% + 65px * sin(var(--dial-angle)));top:calc(73% - 65px * cos(var(--dial-angle)));gap:0;min-width:29px;font-size:9px}.c64-shell .control-top .source-arc span i{height:6px}@media (width<=850px){.c64-shell .control-top{grid-template-columns:1fr}.c64-shell .control-top .source-selector{min-height:121px}.c64-shell .control-top .source-dial{flex:1;min-width:0;max-width:280px;height:110px}}@media (width<=700px){.c64-shell.folded .control-top .source-selector,.c64-shell.unfolded .control-top .source-selector{min-height:116px}.c64-shell.folded .control-top .source-dial,.c64-shell.unfolded .control-top .source-dial{max-width:235px;height:106px}.c64-shell .control-top .source-arc span{left:calc(50% + 52px * sin(var(--dial-angle)));top:calc(73% - 52px * cos(var(--dial-angle)));min-width:26px;font-size:8px}.c64-shell .control-top .source-knob{width:48px;min-width:48px;height:48px}.c64-shell .control-top .source-knob:before{left:21px}}.c64-shell .boombox-top{justify-content:center;align-items:center;min-height:55px}.c64-shell .boombox-brand{flex:0 auto}.speaker-bay{box-sizing:border-box;order:7;justify-content:space-between;align-items:center;width:100%;min-height:157px;padding:7px 31px 14px;display:flex;position:relative}.speaker-recess{box-sizing:border-box;width:137px;height:137px;transform:scale(calc(1 + var(--pump,0)*.018));background:#171a1a;border:5px solid #ae9e7e;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 4px 12px #000,0 1px 1px #fff9,0 0 0 2px #91866e}.speaker-diaphragm{background:radial-gradient(circle at 46% 44%,#68726c 0 13%,#242b2b 18% 37%,#111719 44% 59%,#373d39 62% 69%,#111616 76%);border-radius:50%;position:absolute;inset:8%;box-shadow:inset 0 0 14px #000}.speaker-grille{opacity:.93;background:radial-gradient(circle,#060909 0 1.7px,#0000 2.1px) 0 0/7px 7px,linear-gradient(125deg,#57584f66,#1a1d1add 56%,#91958a44);position:absolute;inset:0;box-shadow:inset 0 4px 15px #000a}.c64-shell .flip-back>.catalog-panel{order:8}@media (width<=700px){.speaker-bay{min-height:104px;padding:7px 9px 10px}.speaker-recess{border-width:4px;width:89px;height:89px}.speaker-grille{background-size:6px 6px}}@media (width<=350px){.speaker-recess{width:76px;height:76px}.speaker-bay{min-height:90px}}.c64-shell .handle-pocket:before{transition:top .9s ease-in-out,height .9s ease-in-out}.c64-shell.folded .handle-pocket:before{height:62px;top:28px}.c64-shell.unfolded .handle-pocket:before{height:26px;top:66px}.c64-shell .handle-toggle{transition:top .9s ease-in-out}.c64-shell.folded .handle-toggle{top:18px}.c64-shell.unfolded .handle-toggle{top:54px}@media (width<=700px){.c64-shell{margin-top:68px}.c64-shell.folded .handle-pocket:before{height:57px;top:33px}.c64-shell.unfolded .handle-pocket:before{height:22px;top:69px}.c64-shell.folded .handle-toggle{top:28px}.c64-shell.unfolded .handle-toggle{top:62px}}@media (prefers-reduced-motion:reduce){.c64-shell .handle-pocket:before,.c64-shell .handle-toggle{transition:none!important}}.c64-shell .player-body>.speaker-bay{z-index:0;pointer-events:none;margin-top:-115px}.c64-shell .player-body>.c64-caption,.c64-shell .player-body>.manual-position,.c64-shell .player-body>.now-playing-strip{z-index:2;text-shadow:0 1px #eadfc5,0 -1px #eadfc5;position:relative}.speaker-recess{filter:brightness(calc(1 + var(--pump,0)*.16));transform:none}.speaker-diaphragm{transform:scale(calc(.84 + var(--pump,0)*.29));filter:brightness(calc(.78 + var(--pump,0)*.8));will-change:transform;transition:transform 65ms linear,filter 65ms linear}.speaker-grille{opacity:.82;background:radial-gradient(circle,#050808 0 1.7px,#0000 2.1px) 0 0/7px 7px,linear-gradient(125deg,#57584f70,#1a1d1d92 56%,#91958a38)}@media (width<=700px){.c64-shell .player-body>.speaker-bay{margin-top:-86px}}@media (prefers-reduced-motion:reduce){.speaker-diaphragm{transition:none!important;transform:none!important}}@media (width<=700px){.file-card:has(.c64-shell.folded)>.file-header{display:none}.c64-shell.folded{border-radius:30px 30px 17px 17px;margin-top:18px;padding-bottom:6px}.c64-shell.folded .handle-pocket:before{border-width:7px;height:38px;top:52px;left:31%;right:31%}.c64-shell.folded .handle-toggle{height:40px;top:47px;left:30%;right:30%}.c64-shell.folded .boombox-top{min-height:28px;padding:0}.c64-shell.folded .control-top{gap:0}.c64-shell.folded .control-top .source-selector{height:87px;min-height:87px;padding-top:2px;padding-bottom:2px}.c64-shell.folded .control-top .source-knob{width:40px;min-width:40px;height:40px;top:72%}.c64-shell.folded .control-top .source-knob:before{height:10px;top:3px;left:17px}.c64-shell.folded .control-top .source-arc span{left:calc(50% + 42px * sin(var(--dial-angle)));top:calc(72% - 42px * cos(var(--dial-angle)));min-width:23px;font-size:7px}.c64-shell.folded .control-top .source-arc span i{height:4px}.c64-shell.folded .hifi-power-panel{gap:3px;height:49px;min-height:49px;margin:0;padding:1px 7px}.c64-shell.folded .hifi-power-panel .module-name{font-size:6px;line-height:7px}.c64-shell.folded .power-toggle{width:34px;min-width:34px;height:36px}.c64-shell.folded .power-slot{width:19px;height:32px}.c64-shell.folded .power-lever{width:19px;height:11px}.c64-shell.folded .console{gap:2px;margin-bottom:1px;padding:5px 7px 4px}.c64-shell.folded .console>.module-name{margin:0;padding:1px 0;font-size:7px}.c64-shell.folded .console>.controls:not(.advanced-panel){gap:3px;padding:3px 0 4px}.c64-shell.folded .console>.controls:not(.advanced-panel) button{min-height:38px;padding:3px 1px}.c64-shell.folded .console>.jog-deck{gap:2px;padding:3px 1px 0}.c64-shell.folded .progress-station{gap:4px}.c64-shell.folded .progress-fader{height:15px}.c64-shell.folded .console>.library-controls{min-height:39px;margin:0;padding:1px 0}.c64-shell.folded .c64-caption{min-height:15px;padding-top:3px;padding-bottom:1px;font-size:7px}.c64-shell.folded .manual-position{padding:0 7px 2px}.c64-shell.folded .manual-sticker{min-width:110px;min-height:28px;padding:2px 5px;font-size:7px}.c64-shell.folded .manual-sticker span{margin-top:1px;font-size:6px}.c64-shell.folded .now-playing-strip{min-height:19px;margin:0;padding:0 7px;font-size:8px;line-height:1.2}.c64-shell.folded .player-body>.speaker-bay{min-height:75px;margin-top:-30px;padding:0 10px 1px}.c64-shell.folded .c64-vents{height:7px;min-height:7px;margin:0 5px}.file-card:has(.c64-shell.folded){padding-top:43px}.c64-shell.folded{margin-top:0}.c64-shell.folded .control-top .source-selector{height:79px;min-height:79px}.c64-shell.folded .control-top .source-dial{height:74px}.c64-shell.folded .control-top .source-knob{top:70%}.c64-shell.folded .control-top .source-arc span{top:calc(70% - 42px * cos(var(--dial-angle)))}.c64-shell.folded .jog-buttons button{height:29px;min-height:29px}.c64-shell.folded .console>.controls:not(.advanced-panel) button{min-height:34px}.c64-shell.folded .player-body>.speaker-bay{min-height:59px;margin-top:-34px}.c64-shell.folded .speaker-recess{width:66px;height:66px}.c64-shell.folded .console>.library-controls{min-height:35px}.c64-shell.folded{padding-bottom:0}.c64-shell.folded .c64-vents{display:none}.c64-shell.folded .player-body>.speaker-bay{min-height:51px}}.eq-band>.rotary-wrap{margin:9px auto 2px}.rotary-wrap{touch-action:none;place-items:center;width:100%;display:grid}.rotary-knob{cursor:ns-resize;outline-offset:7px;background:radial-gradient(circle at 32% 23%,#fff,#e8ebdf 18%,#aeb5af 48%,#576059 73%,#d9e0d5 91%);border:3px solid #757b75;border-radius:50%;width:58px;height:58px;position:relative;box-shadow:inset 0 2px 3px #fff9,inset 0 -5px 8px #34433f99,0 2px 3px #0006,0 0 0 3px #aaa58e}.rotary-knob i{width:4px;height:15px;transform:translate(-50%,-50%) rotate(var(--knob-angle)) translateY(-16px);transform-origin:50%;pointer-events:none;background:#263531;border-radius:2px;position:absolute;top:50%;left:50%}.rotary-knob:focus-visible{outline:3px solid #256b63}.peq-knobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.peq-knobs label{text-align:center;min-width:0}.peq-knobs output{display:block}.peq-knobs .rotary-knob{width:42px;height:42px}.peq-knobs .rotary-knob i{height:11px;top:3px}@media (width<=700px){.eq-bands{gap:4px}.eq-band>.rotary-wrap .rotary-knob{width:43px;height:43px}.eq-band>.rotary-wrap .rotary-knob i{transform:translate(-50%,-50%) rotate(var(--knob-angle)) translateY(-10px)}.peq-details{width:calc(100vw - 66px);max-width:310px}.eq-band:nth-child(3) .peq-details{right:0}.peq-knobs .rotary-knob{width:38px;height:38px}.peq-knobs .rotary-knob i{transform:translate(-50%,-50%) rotate(var(--knob-angle)) translateY(-8px)}}.c64-shell.handle-closing .handle-pocket:before,.c64-shell.handle-opening .handle-pocket:before,.c64-shell.handle-closing .handle-toggle,.c64-shell.handle-opening .handle-toggle{transition:none}@keyframes handle-lock{0%{transform:translateY(36px)}19%{transform:translateY(49px)}32%{transform:translateY(49px)}to{transform:translateY(0)}}@keyframes handle-release{0%{transform:translateY(-36px)}20%{transform:translateY(14px)}36%{transform:translateY(-4px)}50%{transform:translateY(0)}to{transform:translateY(0)}}@media (width<=700px){@keyframes handle-lock{0%{transform:translateY(15px)}19%{transform:translateY(28px)}32%{transform:translateY(28px)}to{transform:translateY(0)}}@keyframes handle-release{0%{transform:translateY(-15px)}20%{transform:translateY(13px)}36%{transform:translateY(-3px)}50%{transform:translateY(0)}to{transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.c64-shell.handle-closing .handle-pocket:before,.c64-shell.handle-opening .handle-pocket:before,.c64-shell.handle-closing .handle-toggle,.c64-shell.handle-opening .handle-toggle{animation:none!important}}@media (width<=700px){.eq-band .peq-details{box-sizing:border-box;width:min(275px,100vw - 84px);position:absolute;left:0;right:auto}.eq-band:nth-child(2) .peq-details{left:50%;transform:translate(-50%)}.eq-band:nth-child(3) .peq-details{left:auto;right:0;transform:none}}.c64-shell .controls .stop-button span{color:#39413d;text-shadow:0 1px #fff9}.progress-fader.open-ended{background:repeating-linear-gradient(90deg,#333b34 0 8px,#566057 8px 10px);box-shadow:inset 0 3px 6px #0009,0 1px #fff8}.c64-shell .handle-pocket{z-index:5;pointer-events:none;height:90px;position:absolute;top:-90px;left:0;right:0;overflow:hidden}.c64-shell .handle-pocket .handle-toggle{pointer-events:auto}.source-knob:before{transform:translate(-50%,-50%) rotate(var(--source-angle)) translateY(-17px);transform-origin:50%;pointer-events:none;transition:transform .35s;top:50%!important;left:50%!important}@media (width<=700px){.source-knob:before{transform:translate(-50%,-50%) rotate(var(--source-angle)) translateY(-13px)}}.display-window .visual-notch{z-index:3;color:#e8e2c8;text-align:left;cursor:pointer;background:linear-gradient(#30393b,#101617);border:1px solid #666a68;border-top:0;border-radius:0 0 9px 9px;min-width:98px;min-height:43px;padding:4px 23px 5px 10px;font-family:Arial Narrow,Arial,Helvetica,sans-serif;line-height:1.1;position:absolute;top:0;right:11px;box-shadow:inset 0 -2px 3px #fff2,0 3px 7px #0009}.visual-notch span{color:#a6aca3;letter-spacing:.16em;font-size:7px;display:block}.visual-notch strong{white-space:nowrap;letter-spacing:.02em;font-size:10px;display:block}.visual-notch i{border-bottom:1px solid #d9caa1;border-right:1px solid #d9caa1;width:6px;height:6px;position:absolute;top:17px;right:8px;transform:rotate(-45deg)}.visual-notch:hover{background:linear-gradient(#394948,#162222)}.visual-notch:focus-visible{outline-offset:-3px;outline:2px solid #ffcd73}.c64-shell.folded .visual-notch,.c64-shell.is-off .visual-notch,.screen-sleep .visual-notch{display:none}@media (width<=700px){.display-window .visual-notch{min-width:83px;min-height:40px;padding-right:19px;right:7px}.visual-notch strong{font-size:8px}.visual-notch i{right:6px}}.c64-shell .transport-controls{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;width:100%;display:grid}.c64-shell .transport-controls button{min-height:48px;font-size:15px;min-width:0!important;padding:3px!important}.c64-shell .transport-controls button span{margin:0!important;font-size:15px!important}.c64-shell .transport-controls>button:first-child,.c64-shell .transport-controls>button:nth-child(2){cursor:pointer;background:linear-gradient(#e8e9e4,#aeb5ac);border:1px solid #68716b;border-bottom:4px solid #555b54;border-radius:3px;font:800 12px Arial Narrow,Arial,Helvetica,sans-serif;box-shadow:inset 0 2px 1px #fff9,2px 3px #777b7455}.c64-shell .transport-controls>button:first-child:disabled,.c64-shell .transport-controls>button:nth-child(2):disabled{opacity:.45;cursor:default}.c64-shell .transport-controls>button:first-child:active,.c64-shell .transport-controls>button:nth-child(2):active{border-bottom-width:2px;transform:translateY(2px)}.subtune-shuttle{border-top:1px solid #777e74;align-items:center;gap:7px;width:100%;padding:8px 4px 2px;display:flex}.subtune-shuttle>button{color:#292c27;cursor:pointer;background:linear-gradient(145deg,#f3f3ea,#c3c8c2 45%,#e1e2d8 68%,#8f938d);border:1px solid #747870;border-bottom:4px solid #575c56;border-radius:3px;flex:1;min-height:51px;font:800 15px Arial Narrow,Arial,Helvetica,sans-serif;box-shadow:inset 0 2px 1px #fff,2px 2px 3px #0004}.subtune-shuttle>button:disabled{opacity:.45;cursor:default}.subtune-shuttle>span{white-space:nowrap;font:800 9px Arial Narrow,Arial,Helvetica,sans-serif}.subtune-shuttle select{max-width:160px}.c64-shell.folded .subtune-shuttle{display:none}@media (width<=700px){.c64-shell .transport-controls{gap:2px}.c64-shell .transport-controls button{min-height:42px;font-size:11px;padding:1px!important}.c64-shell .transport-controls button span{font-size:12px!important}.subtune-shuttle{flex-wrap:wrap}.subtune-shuttle select{flex-basis:100%;max-width:none}.subtune-shuttle>span{font-size:8px}}.display-window .visual-notch{display:none}.display-window .visual-thumbwheel{z-index:3;box-sizing:border-box;touch-action:none;cursor:ns-resize;background:#101617;border:2px inset #454b48;border-right:0;border-radius:11px 0 0 11px;width:96px;height:51px;position:absolute;top:11px;right:0;overflow:hidden;box-shadow:inset 1px 2px 8px #000,0 1px 1px #fff4}.visual-thumbwheel .wheel-grooves{background:repeating-linear-gradient(0deg,#9da79c 0 2px,#43504a 2px 5px,#bcc5b8 5px 7px);border:5px solid #757d76;border-radius:50%;position:absolute;inset:-17px -27px -17px 10px;box-shadow:inset 4px 0 9px #111b,0 1px 6px #0009}.visual-thumbwheel .wheel-caption{color:#b9c2b8;pointer-events:none;background:#101817ed;border-radius:0 3px 0 0;max-width:85px;padding:3px 5px;font:700 7px Arial Narrow,Arial,Helvetica,sans-serif;position:absolute;bottom:0;left:0}.visual-thumbwheel .wheel-caption strong{text-overflow:ellipsis;white-space:nowrap;color:#fff1cf;font-size:9px;display:block;overflow:hidden}.visual-thumbwheel:focus-visible{outline-offset:-3px;outline:2px solid #ffcd73}@media (width<=700px){.display-window .visual-thumbwheel{width:82px;height:45px}.visual-thumbwheel .wheel-caption{max-width:72px;font-size:6px}.visual-thumbwheel .wheel-caption strong{font-size:8px}}@media (width<=480px){.c64-shell .console>.controls.transport-controls{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px}.c64-shell .console>.controls.transport-controls button{min-height:36px;font-size:11px;padding:1px!important}.c64-shell .console>.controls.transport-controls button span{font-size:12px!important}}.display-window .visual-thumbwheel{cursor:ns-resize;background:linear-gradient(100deg,#111819,#26312e 64%,#101717);border:1px solid #525d58;border-radius:8px;width:112px;height:72px;top:14px;right:8px;overflow:hidden;box-shadow:inset 1px 2px 9px #000d,0 1px #e1d4ac55}.visual-thumbwheel .wheel-grooves{background-blend-mode:multiply;background:linear-gradient(90deg,#101816 0%,#66736d 16%,#cbd3bd 47%,#68776e 81%,#101816 100%),repeating-linear-gradient(0deg,#26332d 0 2px,#d9dfcb 3px 5px,#4b5850 6px 8px);border:2px solid #68736e;border-radius:48%/24%;width:29px;inset:6px 7px 6px auto;box-shadow:inset 5px 0 7px #07100d99,inset -4px 0 5px #07100d99,0 0 0 2px #0c1511,1px 1px 2px #fff7}.visual-thumbwheel .wheel-grooves:after{content:"";border-radius:inherit;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#e3e9d866 0 2px,#07140a99 2px 4px,#0000 5px 8px);position:absolute;inset:3px 1px}.visual-thumbwheel .wheel-caption{color:#aab7aa;text-shadow:0 1px #000;background:0 0;max-width:none;padding:0;font-size:7px;line-height:1.3;inset:15px 43px auto 5px}.visual-thumbwheel .wheel-caption strong{white-space:normal;overflow-wrap:anywhere;color:#f7ebca;margin-top:4px;font-size:9px;line-height:1.1}@media (width<=700px){.display-window .visual-thumbwheel{width:105px;height:65px;top:12px;right:7px}.visual-thumbwheel .wheel-grooves{width:26px;right:6px}.visual-thumbwheel .wheel-caption{font-size:7px;top:11px;right:38px}.visual-thumbwheel .wheel-caption strong{font-size:8px}}.display-window .visual-thumbwheel{background:linear-gradient(90deg,#111a1b 0%,#1d2627 21%,#171f21 86%,#0c1214 100%);border:0;border-left:2px solid #0e1618;border-radius:0;width:64px;height:auto;top:0;bottom:0;right:0;box-shadow:inset 7px 0 12px #000c,inset 0 0 10px #000b,-2px 0 3px #0009}.visual-thumbwheel .wheel-grooves{background:linear-gradient(90deg,#3a4745,#d7dfd2 27%,#f0f2e8 52%,#9ba7a2 78%,#25332f);border:0;border-radius:45%/12%;width:auto;position:absolute;inset:26% 19px 26% 18px;overflow:hidden;box-shadow:inset 5px 0 6px #0a1110a8,inset -5px 0 6px #071010aa,0 0 0 2px #080e0e,2px 0 6px #0009}.visual-thumbwheel .wheel-grooves:after{content:"";border-radius:inherit;mix-blend-mode:multiply;opacity:.92;clip-path:polygon(0 0,100% 0,100% 10%,88% 10%,88% 20%,99% 20%,99% 32%,83% 32%,83% 45%,100% 45%,100% 57%,82% 57%,82% 70%,96% 70%,96% 81%,88% 81%,88% 91%,100% 91%,100% 100%,0 100%,0 90%,13% 90%,13% 80%,0 80%,0 69%,15% 69%,15% 58%,0 58%,0 44%,18% 44%,18% 32%,0 32%,0 20%,12% 20%,12% 10%,0 10%);background:repeating-linear-gradient(0deg,#121d1d 0 1px,#0000 1px 3px,#131f1e 3px 4px,#0000 4px 7px);position:absolute;inset:0}.visual-thumbwheel:after{content:"";pointer-events:none;background:linear-gradient(#0b1414db,#0000 17% 83%,#0b1414db),linear-gradient(90deg,#070b0c44,#0000 50%,#080e10ad);position:absolute;inset:0}.visual-thumbwheel .wheel-caption{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.display-window .visual-thumbwheel{width:43px;height:auto;top:0;bottom:0;right:0}.visual-thumbwheel .wheel-grooves{width:auto;inset:28% 12px 28% 11px}}.speaker-recess{isolation:isolate;--bass:0;--mid:0;--treble:0}.speaker-recess .speaker-diaphragm{transform:scale(calc(.91 + var(--bass)*.15));filter:brightness(calc(.72 + var(--bass)*.7));background:radial-gradient(circle at 42% 38%,#707a73,#303b38 52%,#121a1b 70%,#56605a 77%,#111818 84%);transition:transform 75ms linear,filter 75ms linear;inset:7%}.speaker-mid,.speaker-tweeter{pointer-events:none;border-radius:50%;display:block;position:absolute}.speaker-mid{z-index:1;transform:scale(calc(.92 + var(--mid)*.19));filter:brightness(calc(.72 + var(--mid)*.85));background:radial-gradient(circle at 40% 36%,#89948a,#394844 57%,#172221 70%,#737d71 77%,#0e1715 87%);border:2px solid #151e1c;transition:transform 75ms linear,filter 75ms linear;inset:27%;box-shadow:0 2px 4px #0009}.speaker-tweeter{z-index:2;transform:scale(calc(.9 + var(--treble)*.26));filter:brightness(calc(.77 + var(--treble)*1.2));background:radial-gradient(circle at 39% 34%,#d3dbc5,#79877d 43%,#263632 75%,#101919);border:1px solid #0e1918;transition:transform 75ms linear,filter 75ms linear;inset:41%;box-shadow:0 1px 3px #000d}.speaker-grille{z-index:3;opacity:.36;box-shadow:inset 0 4px 15px #0007}.c64-shell.folded .power-toggle{cursor:default}.c64-shell{font-family:Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell .c64-badge,.c64-shell .module-name,.c64-shell .source-heading,.c64-shell .power-label,.c64-shell .power-state,.c64-shell .eq-deck,.c64-shell .record-shelf-button,.c64-shell .subtune-shuttle,.c64-shell .volume-readout{letter-spacing:.09em;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-stretch:75%}.c64-shell .veil h2{letter-spacing:.025em;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:clamp(24px,3.5vw,43px);font-weight:500;line-height:1.08}.c64-shell .veil p{letter-spacing:.025em;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-weight:400}.c64-shell .eyebrow{letter-spacing:.14em;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-weight:700}.c64-shell .console button,.c64-shell .catalog-panel button{font-family:Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell .transport-controls{grid-template-columns:repeat(5,minmax(0,1fr)) 14px repeat(4,minmax(0,.72fr));gap:5px}.c64-shell .transport-controls>button:nth-child(6){grid-column:7}.c64-shell .transport-controls>button:first-child,.c64-shell .transport-controls>button:nth-child(5){cursor:pointer;background:linear-gradient(#e4e5df,#aeb5ac);border:1px solid #68716b;border-bottom:4px solid #555b54;border-radius:3px;font:800 12px Arial Narrow,Arial,Helvetica,sans-serif;box-shadow:inset 0 2px 1px #fff9,2px 3px #777b7455}.c64-shell .transport-controls>button:nth-child(2){color:#29322d;background:linear-gradient(#e8e9e4,#aeb5ac)}.c64-shell .transport-controls>button:nth-child(n+6){opacity:.9;min-height:40px;font-size:12px}@media (width<=700px){.c64-shell .transport-controls{grid-template-columns:repeat(5,minmax(0,1fr)) 5px repeat(4,minmax(0,.72fr));gap:2px}}@media (width<=480px){.c64-shell .console>.controls.transport-controls{grid-template-columns:repeat(20,minmax(0,1fr));gap:5px 3px}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){grid-column:span 4}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){grid-column:span 5;min-height:44px}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){min-height:44px}}.visual-thumbwheel .wheel-grooves:after{background-position:0 calc(var(--wheel-roll,0px) * -1);transition:background-position .14s ease-out}@media (prefers-reduced-motion:reduce){.visual-thumbwheel .wheel-grooves:after{transition:none}}.speaker-recess .speaker-diaphragm{z-index:0;transform:scale(calc(.87 + var(--bass)*.28));filter:brightness(calc(.83 + var(--bass)*1.35));box-shadow:inset 0 0 12px #000,0 0 calc(2px + var(--bass)*12px) #b9d9c45c;transition:transform 65ms linear,filter 65ms linear,box-shadow 65ms linear;inset:5%}.speaker-recess .speaker-grille{opacity:.22;background:radial-gradient(circle,#020505 0 1.1px,#0000 1.8px) 0 0/7px 7px;box-shadow:inset 0 3px 9px #0005}@media (prefers-reduced-motion:reduce){.speaker-recess .speaker-diaphragm{transition:none!important;transform:none!important}}.c64-shell.folded .visual-thumbwheel,.c64-shell.is-off .visual-thumbwheel,.screen-sleep .visual-thumbwheel{display:block}.c64-shell .console>.controls.transport-controls>button.tape-button.pressed:first-child,.c64-shell .console>.controls.transport-controls>button.tape-button.pressed:nth-child(5){color:#17241c;background:linear-gradient(#858f84,#afb9a9);border-bottom-width:1px;transform:translateY(3px);box-shadow:inset 0 3px 9px #26332988,0 1px 1px #fff8}.speaker-recess{background:radial-gradient(circle,#272e2c 0 53%,#080d0d 55% 64%,#404946 66% 70%,#121a1a 73%)}.speaker-recess .speaker-diaphragm{box-shadow:inset 0 0 3px #0008,0 0 calc(1px + var(--bass)*7px) #c2dac052;transform:scale(calc(.9 + var(--bass)*.17));filter:brightness(calc(.82 + var(--bass)*.45));background:radial-gradient(circle,#2c3533 0 25%,#38413d 27% 47%,#262f2d 55% 72%,#111a1a 73% 79%,#535f57 82% 86%,#111819 88%);inset:9%}.speaker-recess .speaker-mid{transform:scale(calc(.94 + var(--mid)*.12));filter:brightness(calc(.8 + var(--mid)*.35));background:radial-gradient(circle,#3d4842 0 68%,#202a28 75%,#626d60 86%,#1b2622 100%);border:1px solid #303b36;inset:33%;box-shadow:0 0 2px #0008}.speaker-recess .speaker-tweeter{box-shadow:none;transform:scale(calc(.95 + var(--treble)*.1));filter:brightness(calc(.8 + var(--treble)*.4));background:radial-gradient(circle,#69736a 0 55%,#303c37 74%,#151f1c 100%);border:1px solid #26302c;inset:46%}.speaker-recess .speaker-diaphragm{transform:scale(calc(.89 + var(--bass)*.28));filter:brightness(calc(.83 + var(--bass)*.65))}.speaker-recess .speaker-mid{transform:scale(calc(.94 + var(--mid)*.18))}.c64-shell .display-window .veil{z-index:2;box-sizing:border-box;pointer-events:none;color:#b8f39e;text-shadow:0 0 6px #69c56880;background:repeating-linear-gradient(0deg,#0b180f 0 2px,#0d2114 2px 3px);border:1px solid #517653;border-radius:3px;min-height:86px;padding:10px 14px 11px;font-family:ui-monospace,Courier New,monospace;bottom:10px;left:10px;right:74px;box-shadow:inset 0 1px 7px #000,inset 0 0 0 2px #08100a,0 0 0 3px #101b16b8,0 3px 14px #000b}.c64-shell .display-window .veil .eyebrow{color:#70bd75;letter-spacing:.12em;font:700 10px/1.2 ui-monospace,Courier New,monospace;display:block}.c64-shell .display-window .veil h2{color:#bbf8a8;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 8px #79de7490;margin:4px 0 3px;font:700 clamp(19px,2.3vw,29px)/1.12 ui-monospace,Courier New,monospace;overflow:hidden}.c64-shell .display-window .veil p{color:#8fd28c;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font:500 clamp(11px,1.2vw,14px)/1.25 ui-monospace,Courier New,monospace;overflow:hidden}.c64-shell .screen-sleep .veil{opacity:.38;color:#426548;text-shadow:none;filter:saturate(.4);box-shadow:inset 0 1px 7px #000}@media (width<=700px){.c64-shell .display-window .veil{min-height:82px;padding:9px 10px 8px;bottom:8px;left:8px;right:49px}.c64-shell .display-window .veil .eyebrow{letter-spacing:.05em;font-size:8px}.c64-shell .display-window .veil h2{font-size:clamp(16px,5.3vw,22px)}.c64-shell .display-window .veil p{font-size:10px}}.c64-shell .spectrum{height:134px}@media (width<=700px){.c64-shell .spectrum{height:116px}}.c64-shell .display-window .visual{border-radius:25px/18px;width:calc(100% - 79px);height:calc(100% - 24px);margin:12px 67px 12px 12px;overflow:hidden;box-shadow:0 0 0 2px #25302d,inset 0 0 18px #000}.c64-shell .display-window:not(.screen-sleep):before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0002 3px 4px),radial-gradient(#0000 48%,#000a 93%,#000e 100%);border-radius:25px/18px;position:absolute;inset:12px 67px 12px 12px;box-shadow:inset 0 0 19px 10px #0008,inset 0 0 1px 2px #9faba43d}@media (width<=700px){.c64-shell .display-window .visual{border-radius:18px/14px;width:calc(100% - 53px);height:calc(100% - 16px);margin:8px 45px 8px 8px}.c64-shell .display-window:not(.screen-sleep):before{border-radius:18px/14px;inset:8px 45px 8px 8px}}.c64-shell .waveform-readout,.c64-shell .tape-counter,.c64-shell .eq-band output,.c64-shell .peq-details output,.c64-shell .subtune-shuttle output,.c64-shell .volume-readout output,.c64-shell .power-state output{color:#a9eca0;text-shadow:0 0 4px #65af68;letter-spacing:0;background:#09170e;border:1px solid #42694b;font-family:ui-monospace,Courier New,monospace;box-shadow:inset 0 1px 4px #000c}.c64-shell .waveform-readout{color:#b9f5a9;background:repeating-linear-gradient(0deg,#08170d 0 2px,#0b1e12 2px 3px)}.c64-shell .waveform-readout svg{filter:drop-shadow(0 0 2px #71be76);shape-rendering:crispedges}.c64-shell .waveform-readout svg polyline{stroke-width:2.5px;stroke-linecap:square}.c64-shell .waveform-readout .output-label{color:#a9eca0;letter-spacing:.09em}.c64-shell .tape-counter{border:2px solid #607462;font-size:17px}.c64-shell .tape-counter small{color:#70a970}.c64-shell .eq-band output,.c64-shell .peq-details output,.c64-shell .subtune-shuttle output,.c64-shell .volume-readout output,.c64-shell .power-state output{border-radius:2px;padding:2px 4px;display:inline-block}.c64-shell .volume-readout{color:#344039;font:700 10px Arial Narrow,Arial,sans-serif}@media (width<=700px){.c64-shell .tape-counter{font-size:12px}}.c64-shell .control-top{grid-template-columns:minmax(150px,1fr) minmax(350px,1.75fr) minmax(155px,.8fr);align-items:stretch}.c64-shell .control-top .source-selector{border-bottom:0;border-right:1px solid #817c6e;min-height:136px}.c64-shell .control-top .eq-deck{min-width:0;min-height:136px;box-shadow:none;background:0 0;border:0;border-right:1px solid #817c6e;border-radius:0;align-self:stretch;margin:0;padding:9px 11px}.c64-shell .control-top .eq-heading{letter-spacing:.07em;font-size:9px}.c64-shell .control-top .eq-heading small{letter-spacing:0;font-size:7px}.c64-shell .control-top .eq-bands{gap:7px;margin-top:14px}.c64-shell .control-top .eq-band>label{flex-wrap:wrap;font-size:9px}.c64-shell .control-top .hifi-power-panel{min-height:136px}@media (width<=850px){.c64-shell .control-top{grid-template-columns:minmax(0,1fr) minmax(155px,.55fr)}.c64-shell .control-top .source-selector{border-bottom:1px solid #817c6e;grid-column:1;min-height:116px}.c64-shell .control-top .eq-deck{border-right:1px solid #817c6e;grid-area:2/1;min-height:105px}.c64-shell .control-top .hifi-power-panel{border-left:0;grid-area:1/2/span 2;min-height:0}}@media (width<=600px){.c64-shell .control-top{grid-template-columns:1fr}.c64-shell .control-top .source-selector,.c64-shell .control-top .eq-deck{border-bottom:1px solid #817c6e;border-right:0;grid-column:1;min-height:0}.c64-shell .control-top .eq-deck{grid-row:2;padding:7px 8px 10px}.c64-shell .control-top .eq-bands{margin-top:7px}.c64-shell .control-top .hifi-power-panel{grid-area:3/1;min-height:69px}}.c64-shell.folded .control-top .eq-deck{display:block}.c64-shell .player-body>.speaker-bay{z-index:1;margin-top:3px}.c64-shell .player-body>.now-playing-strip{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;order:6;max-width:100%;min-height:0;margin:0;padding:7px 22px 5px;overflow:hidden}.c64-shell .player-body>.manual-position{order:5;padding:3px 21px 2px}.c64-shell.folded .player-body>.speaker-bay{margin-top:0}@media (width<=700px){.c64-shell .player-body>.speaker-bay{margin-top:2px}.c64-shell .player-body>.now-playing-strip{padding:4px 11px;font-size:9px}.c64-shell .player-body>.manual-position{padding:2px 10px}}.catalog-mobile-close{display:none}@media (width<=700px){.c64-shell .flip-back>.catalog-panel.catalog-open{z-index:30;box-sizing:border-box;overscroll-behavior:contain;background:#a8aaa0;border:3px solid #5b685d;max-height:calc(100dvh - 16px);margin:0;padding:8px;position:fixed;inset:8px;overflow-y:auto;box-shadow:0 0 0 100vmax #06100beb,0 15px 35px #000d}.c64-shell .catalog-panel.catalog-open .hvsc.expanded{min-height:calc(100dvh - 38px);max-height:none;margin:0;display:block;overflow:visible}.c64-shell .catalog-panel.catalog-open .hvsc-list{max-height:40dvh}.c64-shell .catalog-mobile-close{float:right;color:#bcf5ae;cursor:pointer;background:#0d2415;border:1px solid #648066;min-height:40px;margin:0 0 8px 8px;padding:5px 9px;font:700 12px ui-monospace,Courier New,monospace;display:block}}@media (width<=600px){.c64-shell .control-top .eq-deck{grid-row:1}.c64-shell .control-top .source-selector{grid-row:2}.c64-shell .control-top .hifi-power-panel{grid-row:3}}@media (width<=700px){.c64-shell .vu-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.c64-shell .vu-unit .vu{height:104px}.c64-shell .spectrum{height:134px;margin-top:9px}}@media (width>=601px){.c64-shell.folded .control-top{grid-template-columns:minmax(160px,1fr) minmax(350px,2fr)}}.c64-shell .player-body>.flip-stage{perspective:1500px;z-index:4;order:1;width:100%;position:relative}.c64-shell .flip-stage .flip-front{backface-visibility:hidden;transform-origin:50%;opacity:1;flex-direction:column;width:100%;transition:transform .8s cubic-bezier(.3,.65,.25,1),opacity .2s linear .25s;display:flex;transform:rotateY(0)}.c64-shell .flip-stage .flip-back{box-sizing:border-box;overscroll-behavior:contain;backface-visibility:hidden;transform-origin:50%;opacity:0;background:#b2b4a9;border:2px solid #5e665c;border-radius:12px;transition:transform .8s cubic-bezier(.3,.65,.25,1),opacity .2s linear .25s;position:absolute;inset:0;overflow-y:auto;transform:rotateY(-180deg);box-shadow:inset 0 3px 8px #fff8,0 5px 14px #0004}.c64-shell .flip-stage.flipped .flip-front{opacity:0;pointer-events:none;transition-delay:0s,.4s;transform:rotateY(180deg)}.c64-shell .flip-stage.flipped .flip-back{opacity:1;transition-delay:0s,.4s;transform:rotateY(0)}.c64-shell .flip-stage .flip-back>.catalog-panel{box-sizing:border-box;min-height:100%;box-shadow:none;background:0 0;border:0;margin:0;padding:13px}.c64-shell .flip-stage .flip-back .hvsc.expanded{max-height:none;overflow:visible}.c64-shell .flip-stage .flip-back .hvsc-list{max-height:360px}.c64-shell .flip-stage .catalog-mobile-close{float:right;color:#bcf5ae;cursor:pointer;background:#0d2415;border:1px solid #648066;min-height:40px;margin:0 0 8px 8px;padding:5px 10px;font:700 12px ui-monospace,Courier New,monospace;display:block}.c64-shell .flip-stage .flip-back:before,.c64-shell .flip-stage .flip-back:after{content:"";z-index:5;background:linear-gradient(90deg,#50584f,#dbdcca,#6e786d);border-radius:4px;width:20px;height:9px;display:block;position:sticky;left:calc(50% - 10px);box-shadow:0 1px 3px #0009}.c64-shell .flip-stage .flip-back:before{top:0}.c64-shell .flip-stage .flip-back:after{bottom:0}@media (width<=700px){.c64-shell .player-body>.flip-stage{z-index:4;position:relative}.c64-shell .flip-stage .flip-back{max-height:100%;position:absolute;inset:0;overflow-y:auto}.c64-shell .flip-stage .flip-back>.catalog-panel.catalog-open{max-height:none;box-shadow:none;background:0 0;padding:7px;position:static;inset:auto;overflow:visible}.c64-shell .flip-stage .flip-back .hvsc.expanded{min-height:0;max-height:none}.c64-shell .flip-stage .flip-back .hvsc-list{max-height:38vh}}@media (prefers-reduced-motion:reduce){.c64-shell .flip-stage .flip-front,.c64-shell .flip-stage .flip-back{transition-duration:.01ms}}.c64-shell .transport-controls .deck-icon,.c64-shell .subtune-shuttle .deck-icon{color:#26332b;stroke:none;filter:none;flex:none;width:23px;height:23px;display:block}.c64-shell .transport-controls .tape-button.pressed .deck-icon{color:#18271c}.c64-shell .transport-controls button:disabled .deck-icon,.c64-shell .subtune-shuttle button:disabled .deck-icon{opacity:.55}@media (width<=700px){.c64-shell .transport-controls .deck-icon{width:17px;height:17px}.c64-shell .subtune-shuttle .deck-icon{width:20px;height:20px}}.c64-shell .flip-stage .flip-back{flex-direction:column;display:flex}.c64-shell .flip-stage .flip-back>.catalog-panel.catalog-open,.c64-shell .flip-stage .flip-back .hvsc.expanded{flex-direction:column;flex:1;min-height:0;display:flex}.c64-shell .flip-stage .flip-back .hvsc-list{flex:1;min-height:240px;max-height:none;overflow-y:auto}@media (width<=700px){.c64-shell .flip-stage .flip-back>.catalog-panel.catalog-open,.c64-shell .flip-stage .flip-back .hvsc.expanded{flex:1;min-height:0}.c64-shell .flip-stage .flip-back .hvsc-list{flex:1;min-height:240px;max-height:none}}@font-face{font-family:Silkscreen;src:url(./Silkscreen-Regular-W9-u5Upq.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(./Silkscreen-Bold-BHMh3gvp.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:C64 Keyboard;src:url(./C64Keyboard-Regular-DhYxGVVj.woff2)format("woff2");font-weight:400;font-display:swap}.c64-shell .display-window .veil,.c64-shell .waveform-readout,.c64-shell .tape-counter,.c64-shell .eq-band output,.c64-shell .peq-details output,.c64-shell .subtune-shuttle output,.c64-shell .volume-readout output,.c64-shell .power-state output{font-variant-ligatures:none;text-rendering:geometricprecision;background-image:radial-gradient(1px 1px at 2px 3px,#a5da9c32 70%,#0000 100%),repeating-linear-gradient(0deg,#08170d 0 6px,#0a1a0f 6px 7px);background-size:5px 7px,100% 100%;font-family:Silkscreen,ui-monospace,monospace}.c64-shell .display-window .veil .eyebrow,.c64-shell .display-window .veil h2,.c64-shell .display-window .veil p{text-shadow:0 0 2px #81d28c80;font-family:Silkscreen,ui-monospace,monospace;font-weight:400}.c64-shell .display-window .veil h2{font-size:clamp(16px,2vw,24px);line-height:1.35}.c64-shell .display-window .veil p{font-size:clamp(9px,1vw,12px);line-height:1.35}.c64-shell .display-window .veil .eyebrow{font-size:9px;line-height:1.4}.c64-shell .tape-counter{font-size:13px}.c64-shell .transport-controls .deck-icon{fill:#26332b;stroke:none;flex:none;width:23px;height:23px;display:block}.c64-shell .transport-controls .key-legend{letter-spacing:.08em;color:#344137;margin:1px 0 0!important;font:700 7px/1.1 Arial Narrow,Arial,sans-serif!important;display:block!important}@media (width<=700px){.c64-shell .console>.controls.transport-controls{grid-template-columns:repeat(20,minmax(0,1fr));gap:5px 4px}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){grid-column:span 4;min-height:48px}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){opacity:1;flex-direction:column;grid-column:span 5;justify-content:center;align-items:center;min-height:50px;display:flex;padding:2px!important}.c64-shell .transport-controls .deck-icon{width:19px;height:19px}.c64-shell .transport-controls .key-legend{font-size:7px!important}.c64-shell .display-window .veil{min-height:73px;padding:7px 8px}.c64-shell .display-window .veil .eyebrow{font-size:7px}.c64-shell .display-window .veil h2{font-size:clamp(12px,3.4vw,16px);line-height:1.45}.c64-shell .display-window .veil p{font-size:8px;line-height:1.45}.c64-shell .tape-counter{font-size:10px}.c64-shell .console .subtune-shuttle{gap:4px}.c64-shell .console .subtune-shuttle>span{text-align:center;min-width:72px}.c64-shell .console>.jog-deck{padding:9px 4px 4px}.c64-shell .console .library-controls{margin-top:5px}}.c64-shell .radio-controls{align-items:center;gap:9px;width:100%;margin:2px 0 5px;display:flex}.c64-shell .radio-button{color:#152b1d;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#e6ead7,#acbca9);border:1px solid #627268;border-bottom:4px solid #485b4d;border-radius:3px;flex:none;min-height:43px;padding:7px 12px;font:700 11px Arial Narrow,Arial,sans-serif;box-shadow:inset 0 2px #fff9,1px 2px 3px #0004}.c64-shell .radio-button.radio-on{background:linear-gradient(#c5d2b9,#8dab8c);border-bottom-width:2px;transform:translateY(2px)}.c64-shell .radio-button:disabled{opacity:.45;cursor:default}.c64-shell .radio-status{color:#a9eca0;text-overflow:ellipsis;white-space:nowrap;background-color:#09170e;background-image:radial-gradient(1px 1px at 2px 3px,#a5da9c32 70%,#0000 100%);background-size:5px 7px;border:1px solid #42694b;min-width:0;max-width:100%;padding:5px 7px;font:400 9px/1.5 Silkscreen,monospace;overflow:hidden}@media (width<=700px){.c64-shell .radio-controls{grid-template-columns:auto minmax(0,1fr);gap:5px;display:grid}.c64-shell .radio-button{min-height:44px;padding:5px 7px;font-size:10px}.c64-shell .radio-status{font-size:7px}}.c64-shell .tape-counter{isolation:isolate;position:relative}.c64-shell .tape-counter:before{content:"88:88 / 88:88";white-space:nowrap;color:#8bbd831d;text-shadow:none;font:inherit;pointer-events:none;z-index:0;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.c64-shell .tape-counter .lcd-lit{z-index:1;position:relative}.c64-shell .console>.controls.transport-controls>button{box-sizing:border-box;justify-content:center;align-items:center;line-height:1;display:flex}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){flex-direction:column;gap:2px}.c64-shell .transport-controls .deck-icon{vertical-align:middle;margin:0!important}.c64-shell .transport-controls .key-legend{margin:0!important;line-height:1.2!important}@media (width<=700px){.c64-shell .display-window .visual-thumbwheel{width:59px}.c64-shell .visual-thumbwheel .wheel-grooves{left:13px;right:14px}}.c64-shell.folded .jog-deck,.c64-shell.folded .radio-controls,.c64-shell.folded .library-controls{display:none!important}.c64-shell.folded .now-playing-details{display:none}.c64-shell.folded .player-body>.now-playing-strip{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:19px;font-size:11px;line-height:1.25;overflow:hidden}@media (width<=700px){.c64-shell.folded .console{gap:5px!important;margin-bottom:5px!important;padding-bottom:4px!important}.c64-shell.folded .control-top .eq-deck{padding-bottom:4px}.c64-shell.folded .player-body>.now-playing-strip{font-size:10px}}.c64-shell .console,.c64-shell .control-top,.c64-shell .source-selector,.c64-shell .eq-deck,.c64-shell .hifi-power-panel,.c64-shell .catalog-panel,.c64-shell .queue-panel{background-image:linear-gradient(115deg,#e1e2d9,#b9beb7 50%,#d9d9cb)}.c64-shell .subtune-shuttle>button{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.c64-shell .subtune-shuttle>button .deck-icon{vertical-align:middle;margin:0!important}.c64-shell .subtune-shuttle>button .key-legend{margin:0!important;font:700 9px/1 Arial Narrow,Arial,sans-serif!important}.c64-shell .eq-band>label{min-height:16px;display:block!important}.c64-shell .eq-band>.tone-scale{color:#3f4943;letter-spacing:0;justify-content:space-between;align-items:center;width:min(100%,118px);height:14px;margin:2px auto -3px;font:700 8px/1 Arial Narrow,Arial,sans-serif;display:flex;position:relative}.c64-shell .tone-scale i{background:#6a756b;width:1px;height:6px}.c64-shell .eq-band>.rotary-wrap{margin:3px auto 2px}.c64-shell .control-top .source-dial{min-width:0}.c64-shell .control-top .source-arc span{left:calc(50% + 48px * sin(var(--dial-angle)));top:calc(68% - 48px * cos(var(--dial-angle)));min-width:25px;font-size:8px}@media (width<=850px){.c64-shell .control-top .source-arc span{left:calc(50% + 46px * sin(var(--dial-angle)));top:calc(68% - 46px * cos(var(--dial-angle)))}}@media (width<=700px){.c64-shell .control-top .source-arc span,.c64-shell.folded .control-top .source-arc span{left:calc(50% + 42px * sin(var(--dial-angle)));top:calc(65% - 42px * cos(var(--dial-angle)));font-size:7px}}@media (width>=701px) and (width<=850px){.c64-shell.folded .control-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.c64-shell.folded .control-top .source-selector{grid-area:1/1}.c64-shell.folded .control-top .eq-deck{border-left:1px solid #817c6e;border-right:0;grid-area:1/2}}@media (width>=851px){.c64-shell.folded .control-top{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.c64-shell.folded .control-top .source-selector{grid-column:1}.c64-shell.folded .control-top .eq-deck{border-right:0;grid-column:2}}.c64-shell.folded .player-body>.now-playing-strip{color:#b8f4a5;text-align:center;text-shadow:0 0 4px #80ca83;white-space:nowrap;text-overflow:ellipsis;background:#0a1c10;border:1px solid #54765a;border-radius:2px;align-self:center;width:min(92%,650px);max-width:100%;margin:8px auto 4px;padding:7px 14px;font:700 13px/1.2 Silkscreen,monospace;display:block;overflow:hidden;box-shadow:inset 0 1px 5px #0009}@media (width<=700px){.c64-shell.folded .player-body>.now-playing-strip{margin:5px auto 2px;padding:6px 9px;font-size:10px}}.c64-shell .display-window .veil{z-index:3;border-radius:0 0 0 4px;height:101px;min-height:101px;bottom:0;left:0;right:64px;box-shadow:inset 0 1px 5px #000c}@media (width<=700px){.c64-shell .display-window .visual{height:calc(100% - 87px)}.c64-shell .display-window .veil{height:87px;min-height:87px;right:59px}.c64-shell .display-window:not(.screen-sleep):before{bottom:87px}}@media (width>=601px){.c64-shell.folded .control-top{grid-template-columns:minmax(190px,2fr) minmax(0,3fr)}.c64-shell.folded .control-top .source-selector{border-bottom:0;border-right:1px solid #817c6e;grid-area:1/1;min-width:0}.c64-shell.folded .control-top .eq-deck{border-left:0;border-right:0;grid-area:1/2;min-width:0}}.c64-shell.folded .control-top .hifi-power-panel{display:none!important}.c64-shell.folded .player-body>.now-playing-strip strong{color:#b8f4a5;text-shadow:0 0 7px #80ca83}@media (width<=700px){.c64-shell.folded .player-body>.now-playing-strip strong{font-size:10px}}.c64-shell .display-window .veil,.c64-shell.folded .player-body>.now-playing-strip{text-shadow:none;letter-spacing:.03em;border-color:#2f4d42;box-shadow:inset 0 2px 9px #000e,inset 0 0 0 2px #17221c,0 1px 2px #dfe9d444;background:#07120f linear-gradient(#070e0e 0%,#0a1c16 55%,#08110f 100%)!important}.c64-shell .display-window .veil:before,.c64-shell.folded .player-body>.now-playing-strip:before{content:none}.c64-shell .display-window .veil h2,.c64-shell.folded .player-body>.now-playing-strip strong{font-variant-numeric:tabular-nums;letter-spacing:.09em;text-transform:uppercase;color:#abf6d1;text-shadow:0 0 2px #adffe1,0 0 9px #43dca5,0 0 17px #2e9e79;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-weight:700}.c64-shell .display-window .veil .eyebrow,.c64-shell .display-window .veil p{letter-spacing:.08em;color:#75bb9d;text-shadow:0 0 6px #49be8b55;font-family:Arial Narrow,Arial,Helvetica,sans-serif}.c64-shell.folded .player-body>.now-playing-strip strong{font-size:15px}@media (width<=700px){.c64-shell.folded .player-body>.now-playing-strip strong{font-size:12px}}.c64-shell .eq-band>.tone-scale{width:90px;max-width:100%;height:15px;margin:2px auto -3px;font-size:8px}@media (width<=700px){.c64-shell .eq-band>.tone-scale{width:82px;font-size:7px}}.c64-shell .rotary-knob,.c64-shell .source-knob{background:radial-gradient(circle at 42% 39%,#e4e8e1 0%,#d8ddd6 41%,#b8c0b9 54%,#747e78 57%,#e9eee6 63%,#8b948e 72%,#4e5954 83%,#dee4db 91%);border:2px solid #7c857e;box-shadow:inset 2px 2px 1px #fff9,inset -3px -3px 3px #2e3631,0 0 0 2px #cfd3c9,0 0 0 4px #6d746d,3px 5px 8px #0006}.c64-shell .rotary-knob:after,.c64-shell .source-knob:after{content:"";pointer-events:none;opacity:.2;background:repeating-conic-gradient(#fff2 0deg 2deg,#0000 2deg 7deg);border-radius:50%;position:absolute;inset:7px;box-shadow:inset 1px 1px 1px #fff8,inset -1px -1px 2px #7778}.c64-shell .sid-model-panel{color:#323c34;letter-spacing:.1em;border-top:1px solid #817c6e;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 18px;min-width:0;padding:8px 14px;font:700 10px Arial Narrow,Arial,sans-serif;display:flex}.c64-shell .sid-model-title{flex-direction:column;gap:3px;min-width:108px;display:flex}.sid-model-title small,.sid-model-note{letter-spacing:.03em;color:#536459;font-size:8px}.c64-shell .sid-model-pair{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.c64-shell .sid-model-pair .sid-chip{border:0;min-width:0;margin:0;padding:0}.c64-shell .sid-model-pair .sid-chip-label{margin-bottom:3px;font-size:9px}.c64-shell .sid-model-keys{background:#66756b;border:1px solid #727c73;border-radius:4px;gap:2px;padding:2px;display:flex;box-shadow:inset 0 2px 4px #28352d88}.c64-shell .sid-model-keys button{color:#24392d;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#f3f2e7,#aeb7ad);border:1px solid #9ca69c;border-radius:2px;min-width:46px;min-height:29px;font:700 10px Arial Narrow,Arial,sans-serif;box-shadow:0 2px 1px #35443a}.c64-shell .sid-model-keys button[aria-pressed=true]{color:#102e1b;background:linear-gradient(#91a996,#dee2d4);transform:translateY(1px);box-shadow:inset 0 2px 4px #3a5541,0 0 0 1px #ebf1d9}.c64-shell .sid-model-keys button:focus-visible{outline-offset:2px;outline:2px solid #196943}.c64-shell .sid-model-pair .sid-chip:disabled{opacity:.48}.c64-shell .sid-model-note{max-width:180px;margin-left:auto}@media (width<=700px){.c64-shell .sid-model-panel{gap:5px 9px;padding:6px 8px}.c64-shell .sid-model-title{min-width:80px;font-size:8px}.c64-shell .sid-model-keys button{min-width:40px;min-height:28px;font-size:9px}.c64-shell .sid-model-pair{gap:7px}.c64-shell .sid-model-note{width:100%;max-width:none;margin-left:0;font-size:7px}}@media (width>=851px){.c64-shell.unfolded .control-top .source-selector{grid-area:1/1}.c64-shell.unfolded .control-top .eq-deck{grid-area:1/2}.c64-shell.unfolded .control-top .sid-model-panel{grid-area:2/1/auto/3}.c64-shell.unfolded .control-top .hifi-power-panel{grid-area:1/3/3}}@media (width>=601px) and (width<=850px){.c64-shell.unfolded .control-top .sid-model-panel{grid-area:3/1}.c64-shell.unfolded .control-top .hifi-power-panel{grid-area:1/2/4}}@media (width<=600px){.c64-shell.unfolded .control-top .sid-model-panel{grid-area:3/1}.c64-shell.unfolded .control-top .hifi-power-panel{grid-area:4/1}}.c64-shell.folded .control-top .sid-model-panel{border-top:1px solid #817c6e;grid-area:2/1/auto/-1;padding-top:5px;padding-bottom:5px}@media (width<=600px){.c64-shell.folded .control-top .eq-deck{grid-area:1/1}.c64-shell.folded .control-top .source-selector{grid-area:2/1}.c64-shell.folded .control-top .sid-model-panel{grid-area:3/1}}.c64-shell .waveform-readout.dual-waveforms{justify-content:stretch;gap:0;height:32px;padding:0}.c64-shell .wave-chip{flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;height:100%;display:flex;overflow:hidden}.c64-shell .wave-chip-2{color:#83e4ea;border-left:1px solid #43635b}.c64-shell .wave-chip-2 svg{filter:drop-shadow(0 0 2px #56c9d6)}.c64-shell .wave-chip small{opacity:.75;flex:none;font:700 9px ui-monospace,monospace}.c64-shell .wave-chip svg{flex:0 17px;min-width:8px;height:17px}.c64-shell .wave-chip.muted{opacity:.42}@media (width<=700px){.c64-shell .waveform-readout.dual-waveforms{height:29px}.c64-shell .wave-chip svg{flex-basis:15px;min-width:8px;height:15px}}@media (width>=851px){.c64-shell.unfolded .control-top .source-selector{grid-area:1/1}.c64-shell.unfolded .control-top .sid-model-panel{grid-area:1/2}.c64-shell.unfolded .control-top .eq-deck{border-top:1px solid #817c6e;grid-area:2/1/auto/3}.c64-shell.unfolded .control-top .hifi-power-panel{grid-area:1/3/3}}@media (width>=601px) and (width<=850px){.c64-shell.unfolded .control-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.c64-shell.unfolded .control-top .source-selector{grid-area:1/1}.c64-shell.unfolded .control-top .sid-model-panel{grid-area:1/2}.c64-shell.unfolded .control-top .eq-deck{grid-area:2/1}.c64-shell.unfolded .control-top .hifi-power-panel{grid-area:2/2}}@media (width>=601px){.c64-shell.folded .control-top{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.c64-shell.folded .control-top .source-selector{grid-area:1/1}.c64-shell.folded .control-top .sid-model-panel{grid-area:1/2}.c64-shell.folded .control-top .eq-deck{border-top:1px solid #817c6e;grid-area:2/1/auto/-1}}.c64-shell .control-top .sid-model-panel{border-top:0;border-left:1px solid #817c6e;align-content:center}@media (width<=600px){.c64-shell .control-top{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.c64-shell .control-top .eq-deck,.c64-shell.folded .control-top .eq-deck{grid-area:1/1/auto/-1}.c64-shell .control-top .source-selector,.c64-shell.folded .control-top .source-selector{border-bottom:0;border-right:0;grid-area:2/1;min-width:0;height:auto;min-height:145px;padding:5px 3px;display:block;overflow:hidden}.c64-shell .control-top .source-selector>.source-heading{width:100%;margin:0;font-size:8px;display:block}.c64-shell .control-top .source-selector>.source-heading small{font-size:6px;display:block}.c64-shell .control-top .source-dial,.c64-shell.folded .control-top .source-dial{width:100%;min-width:0;max-width:none;height:110px}.c64-shell .control-top .source-knob,.c64-shell.folded .control-top .source-knob{width:43px;min-width:43px;height:43px;top:65%}.c64-shell .control-top .source-knob:before,.c64-shell.folded .control-top .source-knob:before{left:18px}.c64-shell .control-top .source-arc span,.c64-shell.folded .control-top .source-arc span{left:calc(50% + 38px * sin(var(--dial-angle)));top:calc(65% - 38px * cos(var(--dial-angle)));min-width:23px;font-size:7px}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{border-top:0;border-left:1px solid #817c6e;flex-direction:column;grid-area:2/2;align-content:center;align-items:flex-start;gap:5px;min-width:0;padding:7px 4px 7px 7px;display:flex}.c64-shell .sid-model-title{min-width:0;font-size:8px}.c64-shell .sid-model-title small{font-size:6px}.c64-shell .sid-model-pair{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.c64-shell .sid-model-pair .sid-chip-label{margin:0 0 2px;font-size:8px;display:block}.c64-shell .sid-model-keys button{min-width:33px;min-height:25px;padding:0 2px;font-size:8px}.c64-shell .sid-model-note{width:auto;font-size:6px}.c64-shell.unfolded .control-top .hifi-power-panel{grid-area:3/1/auto/-1}}.c64-shell .eq-band>.tone-scale{pointer-events:none;z-index:2;width:94px;max-width:100%;height:78px;margin:0 auto -78px;font-size:8px;display:block;position:relative}.c64-shell .eq-band>.tone-scale>*{display:block;position:absolute;transform:translate(-50%,-50%)}.c64-shell .eq-band>.tone-scale span:first-of-type{top:40%;left:6%}.c64-shell .eq-band>.tone-scale span:nth-of-type(2){top:6%;left:50%}.c64-shell .eq-band>.tone-scale span:nth-of-type(3){top:40%;left:94%}.c64-shell .eq-band>.tone-scale i{background:#606b62;width:2px;height:7px;top:19%}.c64-shell .eq-band>.tone-scale i:first-of-type{left:19%;transform:translate(-50%,-50%)rotate(-40deg)}.c64-shell .eq-band>.tone-scale i:nth-of-type(2){left:81%;transform:translate(-50%,-50%)rotate(40deg)}.c64-shell .eq-band>.rotary-wrap{margin:4px auto 2px;position:relative}.c64-shell .control-top .source-arc span,.c64-shell.folded .control-top .source-arc span{left:calc(50% + 34px * sin(var(--dial-angle)));top:calc(65% - 34px * cos(var(--dial-angle)))}@media (width<=700px){.c64-shell .eq-band>.tone-scale{width:82px;font-size:7px}.c64-shell .control-top .source-arc span,.c64-shell.folded .control-top .source-arc span{left:calc(50% + 34px * sin(var(--dial-angle)));top:calc(65% - 34px * cos(var(--dial-angle)))}}.c64-shell.unfolded .player-body>.now-playing-strip{display:none}.c64-shell .manual-position .manual-sheet{z-index:12;transform-origin:96% 0;width:min(880px,100vw - 46px);max-height:none;text-shadow:none;background:#f0e8ce;border:1px solid #8c8267;padding:12px;animation:.55s cubic-bezier(.18,.65,.2,1) both manual-open;overflow:visible;box-shadow:4px 9px 18px #0006}@keyframes manual-open{0%{opacity:.15;transform:scaleX(.16)scaleY(.14)rotate(-2deg)}55%{opacity:1;transform:scaleX(1)scaleY(.16)rotate(0)}to{transform:scale(1)}}.c64-shell .manual-head{color:#34382f;border-bottom:2px solid #383d36;justify-content:space-between;align-items:center;gap:10px;padding:6px 7px 12px;font:700 12px Arial,sans-serif;display:flex}.c64-shell .manual-head strong{letter-spacing:.08em;font-size:20px}.c64-shell .manual-head span{letter-spacing:.1em;font-size:10px}.c64-shell .manual-head button{cursor:pointer;white-space:nowrap;background:#e1d9b8;border:1px solid #737665;padding:6px 8px}.c64-shell .manual-panels{border-top:1px dashed #929582;border-left:1px dashed #929582;grid-template-rows:repeat(2,minmax(135px,auto));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.c64-shell .manual-panels section{border-bottom:1px dashed #929582;border-right:1px dashed #929582;min-width:0;padding:11px 10px}.c64-shell .manual-panels b{letter-spacing:.08em;color:#35443c;font:700 10px Arial,sans-serif;display:block}.c64-shell .manual-panels p{color:#333a32;margin:8px 0 0;font:11px/1.45 Arial,sans-serif}.c64-shell .manual-foot{text-align:right;color:#626858;letter-spacing:.12em;padding:8px 4px 0;font:700 9px Arial,sans-serif}@media (width<=700px){.c64-shell .manual-position .manual-sheet{width:calc(100vw - 46px);max-height:75vh;padding:9px;overflow:auto}.c64-shell .manual-panels{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.c64-shell .manual-head{flex-wrap:wrap}.c64-shell .manual-head strong{font-size:16px}.c64-shell .manual-head span{font-size:8px}.c64-shell .manual-panels section{min-height:130px;padding:8px}.c64-shell .manual-panels p{font-size:10px}}@media (prefers-reduced-motion:reduce){.c64-shell .manual-position .manual-sheet{animation:none}}.c64-shell .player-body>.now-playing-strip,.c64-shell.folded .player-body>.now-playing-strip,.c64-shell.unfolded .player-body>.now-playing-strip{color:#adf2d3;text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid #426b61;border-radius:2px;order:0;align-self:center;width:min(92%,850px);max-width:100%;min-height:31px;margin:6px auto 11px;padding:8px 14px;display:block;overflow:hidden;box-shadow:inset 0 2px 8px #000d,0 1px 2px #eee7d344;background:#07120f!important}.c64-shell .player-body>.now-playing-strip strong{letter-spacing:.08em;text-transform:uppercase;color:#abf6d1;text-shadow:0 0 2px #adffe1,0 0 9px #43dca5;font:700 17px/1.1 Arial Narrow,Arial,sans-serif}@media (width<=700px){.c64-shell .player-body>.now-playing-strip,.c64-shell.folded .player-body>.now-playing-strip,.c64-shell.unfolded .player-body>.now-playing-strip{width:94%;min-height:27px;margin:3px auto 8px;padding:7px 8px}.c64-shell .player-body>.now-playing-strip strong{font-size:13px}.c64-shell .manual-position .manual-sheet{width:100%}}@media (width<=600px){.c64-shell .control-top .source-dial,.c64-shell.folded .control-top .source-dial{height:112px}.c64-shell .control-top .source-knob,.c64-shell.folded .control-top .source-knob{top:74%}.c64-shell .control-top .source-arc span,.c64-shell.folded .control-top .source-arc span{left:calc(50% + 46px * sin(var(--dial-angle)));top:calc(74% - 46px * cos(var(--dial-angle)));gap:2px;min-width:19px;font-size:7px;line-height:1}.c64-shell .control-top .source-arc span i{height:5px}}.speaker-recess .speaker-cone{z-index:1;pointer-events:none;transform:scale(calc(.92 + var(--bass)*.22));filter:brightness(calc(.85 + var(--bass)*.5));transform-origin:50%;transition:transform 55ms linear,filter 55ms linear;display:block;position:absolute;inset:0}.speaker-recess .speaker-cone>.speaker-diaphragm,.speaker-recess .speaker-cone>.speaker-mid,.speaker-recess .speaker-cone>.speaker-tweeter{border-radius:50%;display:block;position:absolute;filter:none!important;transform:none!important}.speaker-recess .speaker-cone>.speaker-diaphragm{z-index:0;inset:9%}.speaker-recess .speaker-cone>.speaker-mid{z-index:1;inset:33%}.speaker-recess .speaker-cone>.speaker-tweeter{z-index:2;inset:46%}.c64-shell .radio-button{align-items:center;gap:7px;display:inline-flex}.c64-shell .radio-button .repeat-icon{flex:none;width:25px;height:25px}@media (prefers-reduced-motion:reduce){.speaker-recess .speaker-cone{transition:none}}.c64-shell .sid-model-pair{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.c64-shell .sid-model-pair .sid-chip{width:100%}.c64-shell .sid-model-keys{width:max-content;max-width:100%}@media (width>=601px){.c64-shell .sid-model-pair .sid-chip-label{min-width:52px}.c64-shell.folded .control-top,.c64-shell.unfolded .control-top{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.c64-shell.folded .control-top .source-selector,.c64-shell.unfolded .control-top .source-selector{border-bottom:0;border-right:1px solid #817c6e;grid-area:1/1}.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{border-left:0;grid-area:1/2}.c64-shell.folded .control-top .eq-deck,.c64-shell.unfolded .control-top .eq-deck{border-top:1px solid #817c6e;border-left:0;border-right:0;grid-area:2/1/auto/-1}}.c64-shell .flip-stage.flipped .flip-front{visibility:hidden;position:absolute;inset:0}.c64-shell .flip-stage.flipped .flip-back{min-height:520px;position:relative;inset:auto;overflow:visible}.c64-shell .flip-stage .flip-back .hvsc-list,.c64-shell .flip-stage .flip-back .hvsc.expanded{flex:none;min-height:0;max-height:none;overflow:visible}.c64-shell .flip-stage .flip-back>.catalog-panel.catalog-open{min-height:0;max-height:none;box-shadow:none;flex:none;position:relative;inset:auto;overflow:visible}.c64-shell .flip-stage .flip-back{display:block}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back{max-height:none;position:relative;inset:auto;overflow:visible}.c64-shell .flip-stage .flip-back .hvsc-list{min-height:0;max-height:none;overflow:visible}.c64-shell .flip-stage .flip-back>.catalog-panel.catalog-open{max-height:none;position:relative;inset:auto;overflow:visible}}.c64-shell .loader-modes{border-bottom:1px solid #758074;flex-wrap:wrap;gap:6px;margin:10px 0;padding-bottom:9px;display:flex}.c64-shell .loader-modes button{color:#dce4d3;cursor:pointer;background:#29382f;border:1px solid #718a75;min-height:42px;padding:10px;font-weight:700}.c64-shell .loader-modes button[aria-pressed=true]{color:#25332c;background:#d5b979}.c64-shell .loader-pagination{color:#cfd8ca;justify-content:space-between;align-items:center;gap:8px;padding:15px 0;font:700 12px Arial,sans-serif;display:flex}.c64-shell .loader-pagination button{color:#22352c;cursor:pointer;background:#d5b979;border:0;padding:9px}.c64-shell .loader-pagination button:disabled{opacity:.4;cursor:default}.c64-shell .loader-program{color:#dbe4d2}.c64-shell .loader-program ol{padding:0;list-style:none}.c64-shell .loader-program li{color:#27352c;background:#d7c694;justify-content:space-between;margin:4px 0;padding:6px;display:flex}.c64-shell .loader-program button{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;padding:9px}@media (width<=700px){.c64-shell .loader-modes button{flex:1;min-width:82px;font-size:10px}.c64-shell .loader-pagination,.c64-shell .loader-pagination button{font-size:10px}}.c64-shell .flip-back .categories{white-space:normal;flex-wrap:wrap;gap:6px;display:flex;overflow:visible}.c64-shell .flip-back .categories button{flex:auto;min-width:75px}.c64-shell.folded .control-top,.c64-shell.unfolded .control-top,.c64-shell .control-top{display:grid;grid-template-columns:minmax(0,1fr)!important}.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel,.c64-shell .control-top .sid-model-panel{border-bottom:1px solid #817c6e;min-width:0;min-height:84px;border-left:0!important;grid-area:1/1!important}.c64-shell.folded .control-top .eq-deck,.c64-shell.unfolded .control-top .eq-deck,.c64-shell .control-top .eq-deck{min-width:0;border-top:0!important;grid-area:2/1!important}.c64-shell .segment-text{white-space:nowrap;vertical-align:middle;align-items:center;gap:2px;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.c64-shell .segment-text svg{flex:none;width:13px;height:22px;display:block;overflow:visible}.c64-shell .segment-off{stroke:#193945;opacity:.62}.c64-shell .segment-on{stroke:#acebfc;fill:#acebfc;filter:drop-shadow(0 0 3px #5ed4f5)}.c64-shell .player-body>.now-playing-strip{text-align:center;background:#031017!important;border-color:#55626a!important}.c64-shell .player-body>.now-playing-strip .segment-title{color:#acebfc;max-width:100%;text-shadow:none;display:block;overflow:hidden}.c64-shell .tape-counter .lcd-lit,.c64-shell .tape-counter .lcd-lit small{align-items:center;gap:2px;display:inline-flex}.c64-shell .tape-counter .segment-text svg{width:9px;height:15px}@media (width<=700px){.c64-shell .player-body>.now-playing-strip .segment-text svg{gap:1px;width:8px;height:15px}.c64-shell .tape-counter .segment-text svg{width:7px;height:12px}}.c64-shell .console>.controls.transport-controls>button.tape-button{color:#27352f;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;transform:none;box-shadow:inset 0 1px #f8f9ee,0 1px 1px #303c3277}.c64-shell .console>.controls.transport-controls>button.tape-button.pressed{background:#aeb9af;border-bottom:1px solid #52655b;transform:translateY(1px);box-shadow:inset 0 2px 3px #31443866}.c64-shell .spectrum{border-color:#466774;box-shadow:inset 0 0 8px #0b3447,0 0 4px #55cced55}.c64-shell .player-body>.now-playing-strip .segment-text{justify-content:center;gap:1px;width:100%;overflow:hidden}@media (width<=700px){.c64-shell .player-body>.now-playing-strip .segment-text svg{width:clamp(4px,2.4vw,9px);height:18px}.c64-shell .player-body>.now-playing-strip .segment-text{gap:0}}.c64-shell .console>.controls.transport-controls>button.tape-button,.c64-shell .console>.controls.transport-controls>button.tape-button.pressed{transform:none;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .console>.controls.transport-controls>button.tape-button.pressed{background:linear-gradient(135deg,#a8b2a7,#c2c8bd);box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66}.c64-shell .subtune-shuttle{flex-wrap:wrap!important}.c64-shell .subtune-shuttle>button{flex:35%!important;min-width:64px!important}.c64-shell .subtune-shuttle>span{text-align:center!important;flex:none!important;min-width:90px!important}.c64-shell .subtune-shuttle>.subtune-picker{box-sizing:border-box;flex:100%;order:4;width:100%;max-width:100%;min-height:36px;margin-top:6px}.c64-shell .segment-off{display:none}.c64-shell .segment-glyph{color:#acebfc;text-shadow:0 0 4px #5ed4f5;flex:none;place-items:center;width:12px;height:22px;font:700 17px/1 ui-monospace,monospace;display:inline-grid}.c64-shell .segment-space{flex:none;width:8px;height:22px;display:block}@media (width<=700px){.c64-shell .player-body>.now-playing-strip .segment-glyph{width:8px;height:18px;font-size:12px}.c64-shell .player-body>.now-playing-strip .segment-space{width:5px;height:18px}.c64-shell .tape-counter .segment-glyph{width:7px;height:12px;font-size:10px}}.manual-overlay{z-index:2147483000;box-sizing:border-box;background:#101713b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.manual-overlay .manual-portal{width:min(900px,100%);min-height:0;max-height:calc(100dvh - 32px);box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important}.manual-overlay .manual-plate.manual-sheet{box-sizing:border-box;z-index:1!important;width:100%!important;max-height:calc(100dvh - 32px)!important;margin:0!important;position:relative!important;overflow:auto!important}.manual-overlay .manual-panels{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=700px){.manual-overlay{padding:12px}.manual-overlay .manual-portal,.manual-overlay .manual-plate.manual-sheet{max-height:calc(100dvh - 24px)!important}.manual-overlay .manual-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}.c64-shell .catalog-panel .hvsc{font-family:Arial Narrow,Arial,sans-serif}.c64-shell .catalog-panel .hvsc-header h3{letter-spacing:.11em;text-transform:uppercase;color:#acebfc;text-shadow:0 0 5px #64c7e4;font:700 clamp(18px,2.4vw,25px)/1.1 Arial Narrow,Arial,sans-serif}.c64-shell .catalog-panel .hvsc-header .eyebrow,.c64-shell .catalog-panel .hvsc-search label{letter-spacing:.14em;text-transform:uppercase;color:#aecad3;font:700 10px/1.25 Arial Narrow,Arial,sans-serif}.c64-shell .catalog-panel .hvsc-header p{letter-spacing:.03em;font:11px/1.4 Arial Narrow,Arial,sans-serif}.c64-shell .catalog-panel .hvsc-search input{letter-spacing:.045em;outline-offset:2px;font:700 15px/1.2 Arial Narrow,Arial,sans-serif;color:#acebfc!important;background:#07191d!important;border:2px solid #4e7380!important;box-shadow:inset 0 2px 6px #000b,0 1px #b8c5bf!important}.c64-shell .catalog-panel .hvsc-search input::placeholder{color:#75a6b2;opacity:1}.c64-shell .catalog-panel .hvsc-search .random-sid,.c64-shell .catalog-panel .categories button,.c64-shell .loader-modes button,.c64-shell .loader-pagination button{letter-spacing:.1em;text-transform:uppercase;min-height:42px;color:#27352f!important;background:#c8ccc5!important;border:1px solid #718078!important;border-bottom:2px solid #52655b!important;border-radius:2px!important;font:700 11px/1.1 Arial Narrow,Arial,sans-serif!important;transform:none!important;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66!important}.c64-shell .catalog-panel .categories button.chosen,.c64-shell .loader-modes button[aria-pressed=true]{background:#aeb9af!important;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66!important}.c64-shell .catalog-panel .hvsc-row{letter-spacing:.025em;font:12px/1.3 Arial Narrow,Arial,sans-serif}.c64-shell .catalog-panel .hvsc-row>button{font-family:Arial Narrow,Arial,sans-serif}@media (width<=700px){.c64-shell .catalog-panel .hvsc-header h3{font-size:18px}.c64-shell .catalog-panel .hvsc-search input{font-size:13px}}.c64-shell .display-window .visual{height:calc(100% - 24px)!important}.c64-shell .display-window:not(.screen-sleep):before{bottom:12px!important}@media (width<=700px){.c64-shell .display-window .visual{height:calc(100% - 16px)!important}.c64-shell .display-window:not(.screen-sleep):before{bottom:8px!important}}.c64-shell .rotary-knob,.c64-shell .source-knob{clip-path:none;background:radial-gradient(circle at 34% 29%,#f0eee8 0%,#dbd9d1 28%,#c9c8c1 63%,#d9d6cd 84%,#b7b8b3 100%);border:2px solid #999b96;border-radius:50%;box-shadow:inset 1px 1px 1px #fff9,inset -2px -2px 3px #62686265,0 0 0 2px #e1ded4,0 0 0 4px #858983,3px 5px 7px #0005}.c64-shell .rotary-knob:after,.c64-shell .source-knob:after{opacity:1;background:radial-gradient(circle at 31% 26%,#fffefa80,#0000 50%),linear-gradient(17deg,#0000 43%,#fffefa00 45%,#fffefa36 48%,#fffefa4a 50%,#fffefa1c 53%,#0000 57%),linear-gradient(163deg,#0000 43%,#fffefa00 45%,#fffefa30 48%,#fffefa40 50%,#fffefa16 53%,#0000 57%),repeating-radial-gradient(circle,#757b7610 0,#fffefa13 .3px,#0000 .8px 2.8px);border-radius:50%;inset:3px;box-shadow:inset 0 0 0 1px #fffefa83,inset -1px -2px 2px #7e847e57}.c64-shell .rotary-knob i,.c64-shell .source-knob:before{z-index:2}.c64-shell .control-top .eq-deck{border-top:1px solid #817c6e;grid-area:2/1;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.c64-shell .eq-deck .eq-heading{flex:0 0 110px;font-size:10px;line-height:1.4}.c64-shell .eq-deck .eq-heading small{color:#59645c;letter-spacing:.02em;font-size:7px;display:block}.c64-shell .eq-deck .eq-bands{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.c64-shell .eq-deck .eq-band{text-align:center;min-width:0;font-size:9px;position:relative}.c64-shell .eq-deck .eq-band>label{letter-spacing:.08em;font-weight:800;display:block}.c64-shell .eq-deck .tone-scale{color:#4d5b51;justify-content:space-around;align-items:center;max-width:72px;margin:2px auto;font-size:7px;display:flex}.c64-shell .eq-deck .tone-scale i{background:#768279;width:1px;height:5px}.c64-shell .eq-deck .rotary-wrap{justify-content:center;margin:auto;display:flex}.c64-shell .eq-deck .peq-details{z-index:12;background:#d5d9d0;border:2px solid #717b74;width:210px;max-width:calc(100vw - 45px);padding:8px;font-size:9px;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:4px 7px 12px #0007}.c64-shell .eq-deck .peq-mode,.c64-shell .eq-deck .peq-knobs{justify-content:space-between;align-items:center;gap:6px;display:flex}.c64-shell .eq-deck .peq-knobs{margin:7px 0}.c64-shell .eq-deck .peq-knobs label{gap:3px;display:grid}.c64-shell .eq-deck .peq-knobs .rotary-wrap{margin:auto}.c64-shell .eq-deck button{color:#24352e;background:#c9cfc5;border:1px solid #758178;padding:5px;font:700 9px Arial,sans-serif;box-shadow:2px 2px 1px #26332b66}.c64-shell .eq-deck .volume-station{text-align:center;letter-spacing:.06em;border-left:1px solid #858e84;flex:0 0 96px;padding-left:9px;font-size:9px;font-weight:800}.c64-shell .volume-station output{color:#42564a;margin-top:2px;font-size:9px;display:block}.c64-shell .vu-face{position:relative}.c64-shell .vu-segment-label{pointer-events:none;opacity:.64;justify-content:center;display:flex;position:absolute;top:39%;left:0;right:0}.c64-shell .vu-segment-label .segment-text .segment-glyph{font-size:9px}.c64-shell .waveform-readout .output-label .segment-text{gap:1px}.c64-shell .waveform-readout .output-label .segment-text svg{width:10px;height:18px}.c64-shell .waveform-readout .segment-glyph{font-size:11px}.c64-shell .spectrum{height:260px;image-rendering:pixelated}@media (width<=700px){.c64-shell .control-top .eq-deck{flex-wrap:wrap;gap:6px;padding:7px 5px}.c64-shell .eq-deck .eq-heading{flex:100%;font-size:9px}.c64-shell .eq-deck .eq-heading small{margin-left:8px;display:inline}.c64-shell .eq-deck .eq-bands{flex:70%}.c64-shell .eq-deck .volume-station{flex:0 0 58px;padding-left:4px;font-size:7px}.c64-shell .eq-deck .volume-station .rotary-knob{width:42px;height:42px}.c64-shell .eq-deck .volume-station output{font-size:8px}.c64-shell .spectrum{height:178px}.c64-shell .vu-segment-label .segment-text svg{width:6px;height:10px}}.c64-shell .vu-segment-label{opacity:1;background:#071b20;border:1px solid #31525a;border-bottom:0;justify-content:center;align-items:center;min-height:16px;display:flex;position:relative;inset:auto}.c64-shell .vu-segment-label .segment-text svg{width:6px;height:11px}.c64-shell .vu-segment-label .segment-text{gap:1px}.c64-shell .waveform-readout{height:22px;min-height:22px;margin-top:0}@media (width<=700px){.c64-shell .control-top .eq-deck{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.c64-shell .eq-deck .eq-heading{grid-column:1/-1}.c64-shell .eq-deck .eq-bands{grid-column:1/4;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:100%;display:grid}.c64-shell .eq-deck .eq-band{min-width:0}.c64-shell .eq-band>.rotary-wrap .rotary-knob{width:39px;height:39px}.c64-shell .eq-deck .volume-station{grid-column:4;width:auto;min-width:0;padding-left:2px}.c64-shell .eq-deck .volume-station .rotary-knob{width:39px;height:39px}.c64-shell .vu-segment-label .segment-text svg{width:5px;height:10px}}.c64-shell .console>.controls.transport-controls>button:not(.tape-button),.c64-shell .subtune-shuttle>button,.c64-shell .sid-model-keys button{color:#27352f;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;transform:none;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .console>.controls.transport-controls>button:not(.tape-button):not(:disabled):active,.c64-shell .subtune-shuttle>button:not(:disabled):active,.c64-shell .sid-model-keys button[aria-pressed=true]{background:#aeb9af;border-bottom:2px solid #52655b;transform:none;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66}.c64-shell .segment-text .segment-blank{width:7px!important}.c64-shell .segment-text svg{overflow:visible}.c64-shell .segment-text line{stroke-width:2.05px;stroke-linecap:square}.c64-shell .player-body>.now-playing-strip .segment-text{justify-content:center;gap:1px;width:100%}.c64-shell .player-body>.now-playing-strip .segment-text svg{width:clamp(8px,1.45vw,15px);max-width:calc(2.77778% - 1.05556px);height:24px}@media (width<=700px){.c64-shell .player-body>.now-playing-strip .segment-text svg{width:clamp(6px,2.6vw,10px);height:19px}.c64-shell .player-body>.now-playing-strip .segment-text .segment-blank{width:6px!important}}.c64-shell .eq-deck .eq-bands{flex:1;max-width:none}@media (width<=700px){.c64-shell .control-top .eq-deck{display:block}.c64-shell .eq-deck .eq-heading{margin-bottom:8px}.c64-shell .eq-deck .eq-bands{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}}.c64-shell .rotary-knob{background:radial-gradient(circle at 35% 28%,#dfded8 0%,#d6d4cd 45%,#c8c8c1 75%,#d3d0c8 100%);border:1px solid #959b94;box-shadow:inset 0 0 0 1px #eeece4,0 0 0 2px #a7aba4,0 0 0 4px #676f69,2px 3px 5px #0004}.c64-shell .rotary-knob:after{box-shadow:none;background:linear-gradient(17deg,#0000 44%,#fffdf920 48%,#fffdf946 50%,#fffdf912 53%,#0000 57%),linear-gradient(163deg,#0000 44%,#fffdf918 48%,#fffdf93d 50%,#fffdf90c 53%,#0000 57%),repeating-radial-gradient(circle,#6b736b0b 0 .4px,#fffefa0e .5px .8px,#0000 1px 3px);inset:3px}.c64-shell .console>.controls.transport-controls>button{opacity:1;flex-direction:column!important;gap:2px!important}.c64-shell .console>.controls.transport-controls>button .key-legend{visibility:visible!important;color:#283a32!important;letter-spacing:.05em!important;opacity:1!important;margin:0!important;font:800 8px/1.1 Arial Narrow,Arial,sans-serif!important;display:block!important}.c64-shell .console>.controls.transport-controls>button:disabled .key-legend{color:#42534a!important;opacity:.88!important}@media (width<=700px){.c64-shell .console>.controls.transport-controls>button .key-legend{font-size:7px!important}}.c64-shell .vu-segment-label .segment-text line{stroke-width:2.4px}.c64-shell .tape-counter .segment-text line{stroke-width:2.3px}.c64-shell.unfolded .meters-row.advanced-panel{max-height:none;overflow:visible}.c64-shell.unfolded .deck{overflow:visible}.c64-shell .eq-deck .eq-band{flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;display:flex}.c64-shell .eq-deck .eq-band>label{margin:0 0 3px;font-size:10px;line-height:1.2;min-height:0!important}.c64-shell .eq-deck .eq-band>.tone-scale{box-sizing:border-box;color:#37483d;pointer-events:none;justify-content:space-between;align-items:center;width:76px;max-width:100%;height:16px;margin:0 auto 1px;padding:0 2px;font-size:8px;line-height:1;display:flex;position:relative}.c64-shell .eq-deck .eq-band>.tone-scale>*,.c64-shell .eq-deck .eq-band>.tone-scale span:first-of-type,.c64-shell .eq-deck .eq-band>.tone-scale span:nth-of-type(2),.c64-shell .eq-deck .eq-band>.tone-scale span:nth-of-type(3){position:static;transform:none}.c64-shell .eq-deck .eq-band>.tone-scale i{background:#68786c;width:1px;height:6px;position:static;transform:none}.c64-shell .eq-deck .eq-band>.tone-scale i:first-of-type,.c64-shell .eq-deck .eq-band>.tone-scale i:nth-of-type(2){position:static;transform:none}.c64-shell .eq-deck .eq-band>.rotary-wrap{flex:none;margin:0 auto 2px}.c64-shell .control-top .eq-deck{align-items:center;min-height:0}@media (width<=700px){.c64-shell .eq-deck .eq-band>label{font-size:8px}.c64-shell .eq-deck .eq-band>.tone-scale{width:66px;font-size:7px}.c64-shell .eq-deck .eq-band>.rotary-wrap{margin:0 auto}}.c64-shell .console>.controls.transport-controls{box-sizing:border-box;grid-template-columns:repeat(60,minmax(0,1fr));gap:5px 4px;width:100%;display:grid}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){grid-column:span 12;min-width:0;height:48px;min-height:48px}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){grid-column:span 20;min-width:0;height:48px;min-height:48px}.c64-shell .console>.subtune-shuttle{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(74px,auto) minmax(0,1fr);align-items:center;gap:5px;width:100%;padding:8px 0 2px;display:grid;flex-wrap:nowrap!important}.c64-shell .console>.subtune-shuttle>button{width:100%;height:51px;min-height:51px;flex:none!important;min-width:0!important}.c64-shell .console>.subtune-shuttle>span{white-space:nowrap;text-align:center;width:auto;flex:none!important;min-width:0!important}.c64-shell .console>.subtune-shuttle>.subtune-picker{order:0;grid-column:1/-1;min-width:0;margin-top:2px}@media (width<=700px){.c64-shell .console>.controls.transport-controls{gap:4px 3px}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5),.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){height:46px;min-height:46px}.c64-shell .console>.subtune-shuttle{grid-template-columns:minmax(0,1fr) minmax(78px,auto) minmax(0,1fr);column-gap:4px;padding-left:0;padding-right:0}.c64-shell .console>.subtune-shuttle>button{height:50px;min-height:50px}}.c64-shell .console>.subtune-shuttle>span{grid-area:1/2}.c64-shell .console>.subtune-shuttle>.subtune-picker{grid-row:2}.c64-shell.folded .console>.subtune-shuttle,.c64-shell.unfolded .console>.subtune-shuttle{display:grid!important}.c64-shell .eq-deck .eq-band>.tone-scale{box-sizing:border-box;z-index:2;pointer-events:none;color:#37483d;width:100px;max-width:100%;height:76px;margin:0 auto -43px;padding:0;font:700 9px/1 Arial Narrow,Arial,sans-serif;display:block;position:relative}.c64-shell .eq-deck .eq-band>.tone-scale>*{display:block;position:absolute;transform:translate(-50%,-50%)}.c64-shell .eq-deck .eq-band>.tone-scale span:first-of-type{position:absolute;top:57%;left:12%;transform:translate(-50%,-50%)}.c64-shell .eq-deck .eq-band>.tone-scale span:nth-of-type(2){position:absolute;top:13%;left:50%;transform:translate(-50%,-50%)}.c64-shell .eq-deck .eq-band>.tone-scale span:nth-of-type(3){position:absolute;top:57%;left:88%;transform:translate(-50%,-50%)}.c64-shell .eq-deck .eq-band>.tone-scale i{background:#5c6a5f;width:2px;height:7px;position:absolute;top:35%}.c64-shell .eq-deck .eq-band>.tone-scale i:first-of-type{left:27%;transform:translate(-50%,-50%)rotate(-35deg)}.c64-shell .eq-deck .eq-band>.tone-scale i:nth-of-type(2){left:73%;transform:translate(-50%,-50%)rotate(35deg)}.c64-shell .eq-deck .eq-band>.rotary-wrap{z-index:1;margin:0 auto 3px;position:relative}@media (width<=700px){.c64-shell .eq-deck .eq-band>.tone-scale{width:78px;height:62px;margin-bottom:-35px;font-size:7px}.c64-shell .eq-deck .eq-band>.tone-scale span:first-of-type,.c64-shell .eq-deck .eq-band>.tone-scale span:nth-of-type(3){top:58%}.c64-shell .eq-deck .eq-band>.tone-scale i{height:5px;top:35%}}.c64-shell .eq-deck .eq-band>.tone-scale i:first-of-type{position:absolute;top:35%;left:27%;transform:translate(-50%,-50%)rotate(-35deg)}.c64-shell .eq-deck .eq-band>.tone-scale i:nth-of-type(2){position:absolute;top:35%;left:73%;transform:translate(-50%,-50%)rotate(35deg)}.c64-shell .eq-deck .eq-band>.tone-scale span:nth-of-type(2){top:30%}.c64-shell .eq-deck .eq-band>.tone-scale i:first-of-type,.c64-shell .eq-deck .eq-band>.tone-scale i:nth-of-type(2){top:42%}.c64-shell .vu-segment-label{display:none!important}@media (width>=701px) and (width<=1024px){.c64-shell .meters-row .spectrum{height:128px}}@media (width<=700px){.c64-shell.folded .player-body{position:relative}.c64-shell.folded .player-body>.speaker-bay{order:7;align-items:center;min-height:76px;margin-top:-10px;padding:0 9px 2px}.c64-shell.folded .speaker-recess{width:70px;height:70px}.c64-shell.folded .player-body>.manual-position{z-index:4;justify-content:center;align-items:center;width:auto;padding:0;display:flex;position:absolute;bottom:22px;left:82px;right:82px}.c64-shell.folded .manual-sticker{box-sizing:border-box;text-align:center;width:100%;min-width:0;max-width:148px;padding:5px 4px;font-size:8px}body:has(.c64-shell .flip-stage.flipped){overflow:hidden}}.c64-shell .player-body>.flip-stage.flipped{perspective:none;z-index:100}.c64-shell .flip-stage.flipped .flip-back{z-index:500;box-sizing:border-box;visibility:visible;opacity:1;perspective:none;background:#17251f;border:3px solid #69776a;border-radius:10px;flex-direction:column;width:auto;height:auto;min-height:0;max-height:none;padding:12px;transition:none;display:flex;position:fixed;inset:clamp(12px,3vh,28px) max(12px,50vw - 425px);overflow:hidden;transform:none;box-shadow:0 0 0 100vmax #07100bc9,0 16px 38px #000b}.c64-shell .flip-stage.flipped .flip-back:before,.c64-shell .flip-stage.flipped .flip-back:after{display:none}.c64-shell .flip-stage.flipped .flip-back>.catalog-panel.catalog-open{box-sizing:border-box;width:100%;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;flex:1;margin:0;padding:0;display:flex;position:relative;inset:auto;overflow:hidden}.c64-shell .flip-stage.flipped .flip-back .hvsc-header,.c64-shell .flip-stage.flipped .flip-back .hvsc-search,.c64-shell .flip-stage.flipped .flip-back .loader-modes,.c64-shell .flip-stage.flipped .flip-back .categories{flex:none}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back{max-height:none;padding:10px;inset:8px}.c64-shell .flip-stage.flipped .flip-back>.catalog-panel.catalog-open{max-height:none;position:relative;overflow:hidden}}.c64-shell .flip-stage.flipped .flip-back .hvsc-header .eyebrow,.c64-shell .flip-stage.flipped .flip-back .hvsc-header p,.c64-shell .flip-stage.flipped .flip-back .hvsc-header a,.c64-shell .flip-stage.flipped .flip-back .hvsc-search label,.c64-shell .flip-stage.flipped .flip-back .favorite-storage,.c64-shell .flip-stage.flipped .flip-back .hvsc-note{display:none!important}.c64-shell .flip-stage.flipped .flip-back .hvsc-header{align-items:center;margin-bottom:8px}.c64-shell .flip-stage.flipped .flip-back .hvsc-header h3{margin:0;font-size:19px}.c64-shell .flip-stage.flipped .flip-back .hvsc-search{margin:0 0 7px}.c64-shell .flip-stage.flipped .flip-back .hvsc-search input{min-height:44px}.c64-shell .flip-stage.flipped .flip-back .hvsc-list{scrollbar-width:thin}.c64-shell .flip-stage.flipped .flip-back .breadcrumb{flex:none;margin:4px 0}.c64-shell .flip-stage.flipped .flip-back .catalog-mobile-close,.c64-shell .flip-stage.flipped .flip-back .hvsc-search .random-sid,.c64-shell .flip-stage.flipped .flip-back .loader-modes button,.c64-shell .flip-stage.flipped .flip-back .categories button,.c64-shell .flip-stage.flipped .flip-back .loader-pagination button{box-sizing:border-box;letter-spacing:.1em;text-transform:uppercase;min-height:42px;text-shadow:none;cursor:pointer;padding:8px 11px;color:#27352f!important;background:#c8ccc5!important;border:1px solid #718078!important;border-bottom:2px solid #52655b!important;border-radius:2px!important;font:700 11px/1.1 Arial Narrow,Arial,sans-serif!important;transform:none!important;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66!important}.c64-shell .flip-stage.flipped .flip-back .catalog-mobile-close{float:none;white-space:nowrap;margin:0;display:block}.c64-shell .flip-stage.flipped .flip-back .hvsc-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.c64-shell .flip-stage.flipped .flip-back .catalog-mobile-close:not(:disabled):active,.c64-shell .flip-stage.flipped .flip-back .hvsc-search .random-sid:not(:disabled):active,.c64-shell .flip-stage.flipped .flip-back .loader-modes button:not(:disabled):active,.c64-shell .flip-stage.flipped .flip-back .categories button:not(:disabled):active,.c64-shell .flip-stage.flipped .flip-back .loader-pagination button:not(:disabled):active,.c64-shell .flip-stage.flipped .flip-back .loader-modes button[aria-pressed=true],.c64-shell .flip-stage.flipped .flip-back .categories button.chosen{background:#aeb9af!important;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66!important}.c64-shell .flip-stage.flipped .flip-back .loader-pagination button:disabled{opacity:.45;cursor:default}.c64-shell .flip-stage.flipped .flip-back button:focus-visible{outline-offset:2px;outline:2px solid #f5cd80}.c64-shell .flip-stage.flipped .flip-back .hvsc-search .random-sid{justify-content:center;align-items:center;gap:8px;display:inline-flex}.c64-shell .flip-stage.flipped .flip-back .random-sid .shuffle-icon{color:currentColor;flex:none;width:17px;height:17px;display:block}.c64-shell .flip-back .favorite-result .hvsc-row[aria-pressed=true]{box-shadow:inset 3px 0 #3e6154;background:#f2dfad!important}.c64-shell .flip-back .favorite-result .hvsc-row:focus-visible{outline-offset:-3px;outline:2px solid #b97a35}.c64-shell .flip-stage.flipped .flip-back .catalog-mobile-close.eject-active{min-width:53px;min-height:44px;padding:5px 10px;position:relative;background:#aeb9af!important;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66!important}.c64-shell .flip-stage.flipped .flip-back .catalog-mobile-close .deck-icon{fill:currentColor;color:#27352f;width:23px;height:23px;display:block}.c64-shell .flip-stage.flipped .flip-back .catalog-mobile-close.eject-active:after{content:"";background:#a6e2bb;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px;box-shadow:0 0 5px #a6e2bb}.c64-shell .flip-stage.flipped .flip-back .loader-modes button[aria-pressed=true]:has(.saved-heart){background:#aeb9af!important}.c64-shell .flip-stage.flipped .flip-back .loader-modes button:has(.saved-heart){white-space:nowrap;justify-content:center;align-items:center;gap:3px;min-width:48px;display:inline-flex}.c64-shell .flip-stage.flipped .flip-back .loader-modes .saved-heart{letter-spacing:0;font-size:20px;line-height:1}.c64-shell .flip-stage.flipped .flip-back .loader-modes .saved-count{letter-spacing:0;min-width:8px;font-size:9px}.c64-shell .flip-stage.flipped .flip-back .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .loader-modes button:has(.saved-heart){flex:0 0 49px;min-width:49px}.c64-shell .flip-back .favorite-result .hvsc-row small{max-width:38%;font-size:8px}.c64-shell .flip-back .favorite-result .queue-add{min-width:62px;padding:2px;font-size:8px}}.c64-shell .flip-stage.flipped .flip-back .hvsc-search{padding-right:57px;position:relative}.c64-shell .flip-stage.flipped .flip-back .loader-modes{z-index:2;border:0;gap:0;margin:0;padding:0;display:flex;position:absolute;top:59px;right:0}.c64-shell .flip-stage.flipped .flip-back .hvsc-search .random-sid{margin-top:7px}.c64-shell .flip-stage.flipped .flip-back .loader-modes button{justify-content:center;align-items:center;gap:3px;min-width:49px;height:42px;padding:5px;display:flex}.c64-shell .flip-stage.flipped .flip-back .loader-modes .saved-heart{font-size:20px}.c64-shell .flip-stage.flipped .flip-back .loader-modes .saved-count{font-size:9px}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){grid-column:span 15;min-width:0}.c64-shell .console>.controls.transport-controls>button:nth-child(6){grid-column:span 15}.c64-shell .console>.controls.transport-controls>button.dice-key{color:#27352f;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;transform:none;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .console>.controls.transport-controls>button.dice-key:not(:disabled):active{background:#aeb9af;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66}.c64-shell .dice-icon{fill:currentColor;flex:none;width:21px;height:21px;display:block}@media (width<=700px){.c64-shell .dice-icon{width:17px;height:17px}}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb{scrollbar-width:thin;background:#06191e;border:1px solid #355964;border-radius:2px;align-items:center;gap:5px;max-width:100%;min-height:36px;padding:5px 8px;display:flex;overflow:auto hidden;box-shadow:inset 0 2px 6px #000b,0 1px #b8c5bf}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb button{color:#acebfc;cursor:pointer;background:0 0;border:0;border-radius:2px;flex:none;align-items:center;max-width:none;min-height:25px;padding:1px 3px;text-decoration:none;display:inline-flex}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb button:hover,.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb button:focus-visible{outline-offset:0;background:#173541;outline:1px solid #acebfc}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb .segment-text{gap:1px;max-width:none;display:inline-flex;overflow:visible}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb .segment-text svg{width:9px;height:18px}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb .segment-text .segment-blank{width:5px!important}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb .breadcrumb-separator{color:#acebfc;text-shadow:0 0 5px #5ed4f5;font:700 17px/1 Arial Narrow,Arial,sans-serif}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb .segment-text svg{width:7px;height:15px}.c64-shell .flip-stage.flipped .flip-back .segment-breadcrumb{gap:3px;padding:4px}}.c64-shell .flip-stage.flipped .flip-back .hvsc-header{justify-content:flex-start;min-height:44px}.c64-shell .flip-stage.flipped .flip-back .selector-header-blocks{flex-direction:column;flex:none;gap:7px;margin-bottom:8px;display:flex}.c64-shell .flip-stage.flipped .flip-back .selector-block{box-sizing:border-box;background:linear-gradient(135deg,#343e36,#222d27);border:1px solid #667368;border-radius:4px;min-width:0;padding:7px 8px;box-shadow:inset 0 1px #a4b0a338,0 2px 4px #0007}.c64-shell .flip-stage.flipped .flip-back .selector-button-block{align-items:center;gap:7px;min-height:61px;display:flex}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .catalog-mobile-close{min-width:53px;margin:0}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .random-sid{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex;margin:0!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .shuffle-icon{flex:none;width:17px;height:17px}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>button:last-child{color:#27352f;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;min-width:49px;min-height:44px;margin-left:auto;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>button:last-child[aria-pressed=true]{background:#aeb9af;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .saved-heart{font-size:20px;line-height:1}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .saved-count{margin-left:3px;font-size:9px}.c64-shell .flip-stage.flipped .flip-back .selector-search-block input{box-sizing:border-box;letter-spacing:.045em;color:#acebfc;background:#07191d;border:2px solid #4e7380;width:100%;min-height:44px;margin:0;font:700 13px Arial Narrow,Arial,sans-serif;box-shadow:inset 0 2px 6px #000b,0 1px #b8c5bf}.c64-shell .flip-stage.flipped .flip-back .selector-display-block{min-height:51px;padding:7px}.c64-shell .flip-stage.flipped .flip-back .selector-display-block .segment-breadcrumb{min-height:36px;margin:0}.c64-shell .flip-stage.flipped .flip-back .selector-button-block button:focus-visible{outline-offset:2px;outline:2px solid #f5cd80}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .selector-block{padding:6px}.c64-shell .flip-stage.flipped .flip-back .selector-button-block{gap:5px}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .random-sid{min-width:0;padding:6px;font-size:9px!important}}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .random-sid{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#27352f!important;background:#c8ccc5!important;border:1px solid #718078!important;border-bottom:2px solid #52655b!important;border-radius:2px!important;font:700 10px/1.1 Arial Narrow,Arial,sans-serif!important;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .random-sid:not(:disabled):active{background:#aeb9af!important;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66!important}.c64-shell .flip-stage.flipped .flip-back .selector-search-block input{appearance:none;box-sizing:border-box;width:100%;height:44px;min-height:44px;padding:8px 12px;color:#20342e!important;letter-spacing:.03em!important;caret-color:#172f2a!important;background:#ddd7bf!important;border:2px solid #8b907f!important;border-radius:2px!important;font:700 14px/1.2 Arial Narrow,Arial,sans-serif!important;box-shadow:inset 2px 3px 5px #343e3280,inset -1px -1px #fff9,0 1px #a4b0a360!important}.c64-shell .flip-stage.flipped .flip-back .selector-search-block input::placeholder{color:#566358!important;opacity:1!important}.c64-shell .flip-stage.flipped .flip-back .selector-search-block input:focus{outline-offset:2px;outline:2px solid #c7d6bd}.c64-shell .flip-stage.flipped .flip-back .selector-search-block input::-webkit-search-cancel-button{cursor:pointer}.c64-shell.folded .console>.subtune-shuttle,.c64-shell.unfolded .console>.subtune-shuttle{border-top:0;grid-template-columns:40px auto 40px;justify-content:start;align-items:center;gap:5px;width:auto;margin:1px 0 0;padding:4px 0 0;flex:0 auto!important;display:grid!important}.c64-shell .console>.subtune-shuttle>span{white-space:nowrap;text-align:center;grid-area:1/2;align-items:center;gap:4px;margin:0;padding:0;display:flex;width:auto!important;min-width:0!important}.c64-shell .console>.subtune-shuttle>button{flex:none!important;width:40px!important;min-width:40px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:2px!important}.c64-shell .console>.subtune-shuttle .deck-icon{width:16px;height:16px}.c64-shell .console>.subtune-shuttle .key-legend{display:none!important}.c64-shell .console>.subtune-shuttle .skip-caption{letter-spacing:.05em;color:#344137;font:700 9px/1 Arial Narrow,Arial,sans-serif}.c64-shell .console>.subtune-shuttle output{padding:2px 4px;font-size:9px}.c64-shell .console>.subtune-shuttle>.subtune-picker{grid-area:2/1/auto/-1;width:100%;min-width:0;max-width:100%;margin-top:1px}.c64-shell .jog-label small{display:none!important}.c64-shell .radio-controls{flex:none;align-items:center;margin:3px 0 5px;width:auto!important;display:flex!important}.c64-shell .radio-controls .radio-status{display:none!important}.c64-shell .radio-button.radio-on{color:#153821!important;background:#b5d7bc!important;border-color:#4f7860!important;box-shadow:inset 1px 2px 5px #24563899,0 0 0 1px #b7e4bd,0 0 7px #80e5a080!important}.c64-shell.unfolded .console>.library-controls{background:0 0;border:0;flex:none;width:auto;min-height:0;margin:2px 0 5px;padding:0;display:block!important}.c64-shell.folded .console>.library-controls{display:none!important}.c64-shell .console>.library-controls>.record-shelf-button{box-sizing:border-box;color:#27352f;text-align:center;letter-spacing:.06em;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;flex:none;justify-content:center;align-items:center;gap:5px;width:105px;min-width:105px;min-height:44px;padding:5px 7px;font:700 10px/1 Arial Narrow,Arial,sans-serif;display:flex;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .console>.library-controls>.record-shelf-button.shelf-active{background:#aeb9af;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66}.c64-shell .record-shelf-button .record-shelf-mark{transform-origin:50%;flex:none;transform:scale(.75)}.c64-shell .record-shelf-button .shelf-count{color:#ace5bd;background:#19372b;min-width:14px;padding:2px;font:700 9px/1 ui-monospace,monospace}.c64-shell .console .queue-panel.shelf-panel{transform-origin:50% 0;flex:100%;width:100%;transition:max-height .48s,opacity .32s,transform .48s,margin .48s,padding .48s;overflow:hidden}.c64-shell .console .queue-panel.shelf-closed{opacity:0;pointer-events:none;border-width:0;min-height:0;max-height:0;margin:0;padding:0;transform:perspective(850px)rotateX(-88deg)}.c64-shell .console .queue-panel.shelf-open{opacity:1;pointer-events:auto;max-height:950px;margin-top:1px;transform:perspective(850px)rotateX(0)}@media (width<=700px){.c64-shell.folded .console>.subtune-shuttle,.c64-shell.unfolded .console>.subtune-shuttle{grid-template-columns:34px auto 34px;gap:3px}.c64-shell .console>.subtune-shuttle>button{width:34px!important;min-width:34px!important}.c64-shell .console>.subtune-shuttle .skip-caption{font-size:8px}.c64-shell .console>.library-controls>.record-shelf-button{width:92px;min-width:92px;font-size:9px}}.c64-shell .console>.subtune-shuttle,.c64-shell.folded .console>.subtune-shuttle,.c64-shell.unfolded .console>.subtune-shuttle{grid-template-columns:40px 40px;gap:4px;margin-right:5px}.c64-shell .console>.subtune-shuttle>button:first-of-type{grid-area:1/1}.c64-shell .console>.subtune-shuttle>button:nth-of-type(2){grid-area:1/2}.c64-shell .console>.subtune-shuttle>.subtune-picker{grid-area:2/1/auto/-1}.c64-shell .console>.subtune-key{color:#27352f;letter-spacing:.04em;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;flex:none;align-self:center;min-height:32px;margin:2px 4px 0 0;padding:3px 7px;font:700 9px Arial Narrow,Arial,sans-serif;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .console>.subtune-key[aria-expanded=true]{background:#aeb9af;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66}.c64-shell .console>.subtune-key span{margin-left:3px}@media (width<=700px){.c64-shell .console>.subtune-shuttle,.c64-shell.folded .console>.subtune-shuttle,.c64-shell.unfolded .console>.subtune-shuttle{grid-template-columns:34px 34px}}.c64-shell .player-body>.now-playing-strip.title-console{text-align:left;align-items:center;gap:6px;min-width:0;min-height:40px;padding:5px 9px;display:flex;overflow:hidden}.c64-shell .title-scroll-window{flex:auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 94%,#0000)}.c64-shell .title-scroll-track{align-items:center;gap:40px;width:max-content;min-width:100%;animation:20s linear infinite chip-title-marquee;display:flex}.c64-shell .title-scroll-copy{white-space:nowrap;flex:none;align-items:center;display:inline-flex}.c64-shell .title-scroll-copy .segment-text{justify-content:flex-start;width:auto;max-width:none;overflow:visible}.c64-shell .title-scroll-copy .segment-text svg{width:9px;max-width:none;height:19px}.c64-shell .title-fixed-slot{background:#071b20;border-left:1px solid #31525a;flex:none;justify-content:center;align-items:center;padding:3px 4px;display:inline-flex}.c64-shell .title-fixed-slot .segment-text{justify-content:center;gap:1px;width:auto;max-width:none;overflow:visible}.c64-shell .title-fixed-slot .segment-text svg{width:8px;max-width:none;height:17px}.c64-shell .title-favorite{opacity:.24;filter:none;flex:none;justify-content:center;align-items:center;width:18px;height:23px;display:inline-flex}.c64-shell .title-favorite.lit{opacity:1;filter:drop-shadow(0 0 4px #5ed4f5)}.c64-shell .title-favorite .segment-text{max-width:none;overflow:visible}.c64-shell .title-favorite .segment-text svg{width:14px;max-width:none;height:20px}@keyframes chip-title-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 20px))}}@media (prefers-reduced-motion:reduce){.c64-shell .title-scroll-track{animation:none}}@media (width<=700px){.c64-shell .player-body>.now-playing-strip.title-console{gap:2px;min-height:36px;padding:4px 5px}.c64-shell .title-scroll-copy .segment-text svg{width:6px;height:15px}.c64-shell .title-fixed-slot{padding:2px}.c64-shell .title-fixed-slot .segment-text svg{width:6px;height:14px}.c64-shell .title-favorite{width:12px}.c64-shell .title-favorite .segment-text svg{width:11px;height:17px}}.c64-shell .flip-stage.flipped .flip-back .selector-button-spacer{border-right:1px solid #88938855;flex:auto;min-width:6px;height:32px;margin-right:4px;display:block}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>button:last-child{margin-left:0}.c64-shell .player-body>.flip-stage.flipped{z-index:2147482000;perspective:none;position:relative}.c64-shell .flip-stage.flipped .flip-front{visibility:visible;opacity:1;pointer-events:none;position:relative;transform:none}.c64-shell .flip-stage.flipped .flip-back{z-index:2147482001;box-sizing:border-box;visibility:visible;opacity:1;background:#17251f;border:3px solid #69776a;border-radius:10px;flex-direction:column;width:auto;height:auto;min-height:0;max-height:none;padding:12px;transition:none;display:flex;overflow:hidden;transform:none;box-shadow:0 0 0 100vmax #07100bc9,0 16px 38px #000b;position:fixed!important;inset:clamp(12px,3vh,28px) max(12px,50vw - 425px)!important}.c64-shell .flip-stage.flipped .flip-back>.catalog-panel.catalog-open{box-sizing:border-box;width:100%;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;flex:1;margin:0;padding:0;display:flex;overflow:hidden;position:relative!important;inset:auto!important}.c64-shell .flip-stage.flipped .flip-back .hvsc.expanded{flex-direction:column;flex:1;min-height:0;max-height:none;margin:0;padding:0;display:flex;overflow:hidden}.c64-shell .flip-stage.flipped .flip-back .hvsc-list{overscroll-behavior:contain;flex:auto;min-height:60px;max-height:none;overflow-y:auto}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back{border-radius:9px;max-height:none;padding:10px;inset:10px!important}}.c64-shell.folded .console>.library-controls{background:0 0;border:0;flex:none;width:auto;min-height:0;margin:2px 0 0;padding:0;display:block!important}.c64-shell.folded .console>.library-controls>.record-shelf-button{width:92px;min-width:92px}.c64-shell .player-body>.now-playing-strip.title-console .title-fixed-slot .segment-text{min-width:0;justify-content:flex-start!important;width:auto!important;max-width:none!important;overflow:visible!important}.c64-shell .player-body>.now-playing-strip.title-console .title-fixed-slot .segment-text svg{flex:none!important;width:8px!important;max-width:none!important;height:17px!important}.c64-shell .player-body>.now-playing-strip.title-console .title-favorite .segment-text{width:auto!important;overflow:visible!important}.c64-shell .player-body>.now-playing-strip.title-console .title-favorite .segment-text svg{width:14px!important;max-width:none!important;height:20px!important}@media (width<=700px){.c64-shell .player-body>.now-playing-strip.title-console .title-fixed-slot .segment-text svg{width:6px!important;height:14px!important}.c64-shell .player-body>.now-playing-strip.title-console .title-favorite .segment-text svg{width:11px!important;height:17px!important}}.c64-shell .control-top .eq-deck>.eq-bands{flex:100%;justify-content:space-evenly;gap:12px;width:100%}.c64-shell .control-top .eq-deck{justify-content:center}@media (width<=700px){.c64-shell .control-top .eq-deck{justify-content:center;align-items:center;display:flex}.c64-shell .control-top .eq-deck>.eq-bands{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.c64-shell .console>.module-name{order:0}.c64-shell .console>.controls.transport-controls{order:1}.c64-shell .console>.subtune-key,.c64-shell .console>.subtune-shuttle,.c64-shell .console>.jog-deck,.c64-shell .console>.radio-controls{order:2}.c64-shell .console>.control-top{order:3}.c64-shell .console>.share-row{order:4}}.c64-shell .flip-stage.flipped .flip-back .catalog-panel{position:relative!important}.c64-shell .flip-stage.flipped .flip-back .selector-tabs{order:0;gap:5px;padding:4px 0 8px;display:flex}.c64-shell .flip-stage.flipped .flip-back .selector-tabs button{color:#26352d;letter-spacing:.07em;cursor:pointer;background:#bdc9bf;border:1px solid #748074;border-bottom:2px solid #52655b;border-radius:2px;min-height:34px;padding:6px 12px;font:700 11px Arial Narrow,Arial,sans-serif}.c64-shell .flip-stage.flipped .flip-back .selector-tabs button[aria-selected=true]{background:#a8d7df;box-shadow:inset 0 2px 3px #38535b99}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .hvsc-list,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .loader-pagination,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .selector-search-block,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .selector-display-block,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .hvsc-note,.c64-shell .flip-stage.flipped .flip-back .queue-panel.shelf-panel{display:none!important}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .queue-panel.shelf-panel{opacity:1;pointer-events:auto;background:#cad0c6;border:1px solid #66786d;flex-direction:column;flex:1;min-height:0;max-height:none;margin:0;padding:10px;overflow:auto;transform:none;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel>ol{min-height:45px;overflow:auto}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .selector-button-block .random-sid,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .selector-button-block>button:last-child{display:none}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .selector-button-block,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.selector-header-blocks{flex:none}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view .queue-panel{display:none!important}.c64-shell .console>.controls.transport-controls>button:nth-child(10){color:#27352f;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;flex-direction:column;grid-column:span 15;justify-content:center;align-items:center;gap:2px;min-width:0;height:48px;min-height:48px;padding:3px;display:flex;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .console>.controls.transport-controls>button:nth-child(10).radio-on{background:#aeb9af;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66}.c64-shell .console>.controls.transport-controls>button:nth-child(10) svg{width:20px;height:20px}.c64-shell .console>.controls.transport-controls>button:nth-child(10) span{letter-spacing:.02em;font:700 8px/1 Arial Narrow,Arial,sans-serif!important}@media (width<=700px){.c64-shell .console>.controls.transport-controls>button:nth-child(10) span{font-size:7px!important}}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){grid-column:span 12}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6),.c64-shell .console>.controls.transport-controls>button:nth-child(9){grid-column:span 20}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+3) .key-legend{display:none!important}.c64-shell .flip-stage.flipped .flip-back .selector-tabs,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.selector-header-blocks{order:0}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.selector-tabs{order:1}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.queue-panel{order:2}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view>.selector-header-blocks{order:0}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view>.selector-tabs{order:1}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.queue-panel.shelf-panel{opacity:1;pointer-events:auto;background:#cad0c6;border:1px solid #66786d;flex:auto;min-height:0;max-height:none;margin:0;padding:10px;overflow:auto;transform:none;display:flex!important}@media (width<=700px){.c64-shell .console>.controls.transport-controls>button:first-child,.c64-shell .console>.controls.transport-controls>button:nth-child(3),.c64-shell .console>.controls.transport-controls>button:nth-child(4),.c64-shell .console>.controls.transport-controls>button:nth-child(5){grid-area:1/span 3}.c64-shell .console>.controls.transport-controls>button:nth-child(2),.c64-shell .console>.controls.transport-controls>button:nth-child(6),.c64-shell .console>.controls.transport-controls>button:nth-child(n+7){grid-area:2/span 2}.c64-shell .console>.controls.transport-controls>button:first-child .deck-icon,.c64-shell .console>.controls.transport-controls>button:nth-child(5) .deck-icon{width:20px;height:20px}.c64-shell .console>.controls.transport-controls>button:first-child .key-legend,.c64-shell .console>.controls.transport-controls>button:nth-child(3) .key-legend,.c64-shell .console>.controls.transport-controls>button:nth-child(4) .key-legend,.c64-shell .console>.controls.transport-controls>button:nth-child(5) .key-legend{display:none!important}.c64-shell .console>.controls.transport-controls>button:nth-child(n+7){height:42px;min-height:42px}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+6){height:46px;min-height:46px;grid-area:1/span 2!important}.c64-shell .console>.controls.transport-controls>button:nth-child(n+7){height:42px;min-height:42px;grid-area:2/span 2!important}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+6) .key-legend{display:none!important}.c64-shell .console>.controls.transport-controls{grid-template-columns:repeat(5,minmax(0,1fr))}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){height:46px;min-height:46px;grid-area:1/span 1!important}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){height:42px;min-height:42px;grid-area:2/span 1!important}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5) .key-legend{display:none!important}.c64-shell .console>.controls.transport-controls{grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){grid-area:1/span 4!important;min-width:0!important}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){grid-area:2/span 5!important;min-width:0!important}.c64-shell .console>.controls.transport-controls>button:nth-child(9) span{white-space:normal;text-align:center;max-width:100%;font-size:7px!important;line-height:1!important}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6) .key-legend{font-size:7px!important}.c64-shell .control-top .eq-deck,.c64-shell.folded .control-top .eq-deck,.c64-shell.unfolded .control-top .eq-deck{grid-row:1!important}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{grid-row:2!important}.c64-shell.folded .control-top .eq-deck{min-height:0!important;padding-top:4px!important;padding-bottom:2px!important}.c64-shell.folded .control-top .eq-deck>.eq-bands{align-items:start!important;gap:2px!important}.c64-shell.folded .eq-deck .eq-band>label{z-index:2;position:relative;margin:0 0 -12px!important;line-height:1!important}.c64-shell.folded .eq-deck .eq-band>.tone-scale{height:56px!important;margin-bottom:-35px!important}.c64-shell.folded .eq-deck .eq-band>.rotary-wrap{margin-bottom:0!important}.c64-shell.folded .sid-model-panel{min-height:0!important;padding-top:4px!important;padding-bottom:4px!important}}.c64-shell .flip-stage.flipped .flip-back .selector-tabs{box-sizing:border-box;background:#718078;border:1px solid #788981;border-bottom:3px solid #53635b;border-radius:3px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(410px,100%);margin:3px 0 8px;display:grid;box-shadow:inset 0 2px 5px #1b2f2899,1px 2px 2px #0005;gap:0!important;padding:3px!important}.c64-shell .flip-stage.flipped .flip-back .selector-tabs button{color:#27362f;text-align:center;letter-spacing:.07em;height:39px;min-height:39px;background:linear-gradient(#bbc6be,#9baaa0)!important;border:0!important;border-radius:1px!important;font:800 10px/1 Arial Narrow,Arial,sans-serif!important;box-shadow:inset 0 1px #f3f6e8,0 2px 1px #394b42!important}.c64-shell .flip-stage.flipped .flip-back .selector-tabs button+button{border-left:1px solid #667a6f!important}.c64-shell .flip-stage.flipped .flip-back .selector-tabs button[aria-selected=true]{z-index:1;position:relative;transform:translateY(-1px);background:linear-gradient(#dce9df,#bccdc3)!important;box-shadow:inset 1px 1px 1px #fff,2px 3px 3px #26332b88!important}.c64-shell .flip-stage.flipped .flip-back .selector-tabs button[aria-selected=false]{transform:translateY(1px);background:linear-gradient(#9eaca2,#aeb9ae)!important;box-shadow:inset 0 2px 4px #344a3b99!important}@media (width<=700px){.c64-shell .console>.control-top{background:linear-gradient(115deg,#e1e2d9,#b9beb7 50%,#d9d9cb);border:1px solid #858d82;border-radius:5px;overflow:hidden;box-shadow:inset 1px 1px #fff9,0 2px 2px #26332b55;gap:0!important;padding:0!important}.c64-shell .control-top .eq-deck,.c64-shell.folded .control-top .eq-deck,.c64-shell.unfolded .control-top .eq-deck{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{justify-content:center;align-items:center;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;min-height:0!important;margin:0!important;padding:0 6px 7px!important}.c64-shell .control-top .sid-model-pair{flex-direction:row;justify-content:center;align-items:flex-start;gap:12px;width:100%}.c64-shell .control-top .sid-model-pair .sid-chip{text-align:center;border:0;width:auto;min-width:72px;margin:0;padding:0}.c64-shell .control-top .sid-model-pair .sid-chip-label{width:100%;margin:0 0 2px;font-size:8px}.c64-shell .control-top .sid-model-keys{margin:auto}}.c64-shell .flip-stage.flipped .flip-back .selector-lever{color:#26352d;background:linear-gradient(120deg,#c6cbc5,#e0e2d8 50%,#b6c1b8);border:1px solid #7b8981;order:1;justify-content:center;align-items:center;gap:9px;min-height:66px;margin:0 0 7px;padding:5px 6px 8px;display:flex;box-shadow:inset 0 1px #fff,0 2px 3px #0005}.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label{text-align:center;letter-spacing:.065em;opacity:.65;flex:0 112px;font:800 10px/1.15 Arial Narrow,Arial,sans-serif}.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label.selected{opacity:1;color:#152720}.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label small{font:inherit}.c64-shell .flip-stage.flipped .flip-back .lever-switch{box-sizing:border-box;cursor:pointer;touch-action:manipulation;flex:none;display:block;position:relative;width:110px!important;min-width:110px!important;height:53px!important;min-height:53px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.c64-shell .flip-stage.flipped .flip-back .lever-travel{background:linear-gradient(#101916,#25322a 45%,#131f1a);border:1px solid #627368;border-radius:26px;position:absolute;inset:8px 7px;box-shadow:inset 1px 2px 4px #000b,0 1px 1px #fff9}.c64-shell .flip-stage.flipped .flip-back .lever-stalk{transform-origin:100%;background:linear-gradient(#c2c8c1,#6e827a 50%,#d6ded6);border-radius:7px;width:45px;height:13px;transition:left .18s,transform .18s;position:absolute;top:50%;left:4px;transform:translateY(-50%)rotate(-8deg);box-shadow:1px 2px 2px #0008}.c64-shell .flip-stage.flipped .flip-back .lever-paddle{box-sizing:border-box;background:linear-gradient(145deg,#fff,#e2e6df 40%,#aebbb0 80%,#eef2ec);border:1px solid #9da8a1;border-radius:4px 13px 13px 4px;width:43px;height:24px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)skew(-10deg);box-shadow:inset 1px 1px #fff,2px 3px 3px #0007}.c64-shell .flip-stage.flipped .flip-back .lever-switch.thrown .lever-stalk{transform-origin:0;left:47px;transform:translateY(-50%)rotate(8deg)}.c64-shell .flip-stage.flipped .flip-back .lever-switch.thrown .lever-paddle{border-radius:13px 4px 4px 13px;left:5px;transform:translateY(-50%)skew(10deg)}.c64-shell .flip-stage.flipped .flip-back .lever-switch:focus-visible{outline-offset:2px;outline:3px solid #1b8ca6}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .selector-lever{gap:4px}.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label{flex:1 1 0;font-size:9px}.c64-shell .flip-stage.flipped .flip-back .lever-switch{width:105px!important;min-width:105px!important}.c64-shell .console>.control-top{min-height:78px;justify-content:space-between!important;align-items:center!important;gap:0!important;display:flex!important}.c64-shell .control-top .eq-deck,.c64-shell.folded .control-top .eq-deck,.c64-shell.unfolded .control-top .eq-deck{flex:62%;min-width:0!important;max-width:none!important;padding:3px 0 2px 2px!important}.c64-shell .control-top .eq-deck>.eq-bands{gap:0!important;width:100%!important}.c64-shell .control-top .eq-deck .eq-band{min-width:0}.c64-shell .control-top .eq-deck .eq-band>label{white-space:nowrap;letter-spacing:0!important;margin:0 0 -10px!important;font-size:7px!important}.c64-shell .control-top .eq-deck .eq-band>.tone-scale{width:53px!important;height:49px!important;margin-bottom:-30px!important;font-size:6px!important}.c64-shell .control-top .eq-deck .eq-band>.rotary-wrap .rotary-knob{width:37px!important;height:37px!important}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{flex:0 auto;align-self:stretch;max-width:38%;border-left:1px solid #a5afa5!important;min-width:75px!important;padding:3px!important}.c64-shell .control-top .sid-model-pair{width:auto;flex-wrap:nowrap!important;align-items:center!important;gap:3px!important}.c64-shell .control-top .sid-model-pair .sid-chip{min-width:70px!important;max-width:76px!important}.c64-shell .control-top .sid-model-pair .sid-chip-label{line-height:1.05;font-size:7px!important}.c64-shell .control-top .sid-model-keys{gap:1px!important;width:auto!important;display:flex!important}.c64-shell .control-top .sid-model-keys button{min-width:31px!important;min-height:25px!important;padding:0 1px!important;font-size:7px!important}}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .random-sid{flex:none;width:49px!important;min-width:49px!important;height:44px!important;padding:6px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .random-sid .dice-icon{width:22px!important;height:22px!important}.c64-shell .flip-stage.flipped .flip-back .loader-pagination{padding:10px 14px!important}.c64-shell .flip-stage.flipped .flip-back .loader-pagination>button{place-items:center;min-width:48px;min-height:40px;display:grid;padding:6px!important}.c64-shell .flip-stage.flipped .flip-back .loader-pagination>button .deck-icon{width:20px;height:20px}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .loader-pagination{padding:9px 12px!important}.c64-shell .flip-stage.flipped .flip-back .loader-pagination>button{min-width:43px}}.c64-shell .flip-stage.flipped .flip-back .segment-count,.c64-shell .flip-stage.flipped .flip-back .page-count .segment-text,.c64-shell .flip-stage.flipped .flip-back .queue-tuner .segment-text{vertical-align:middle;white-space:nowrap;background:#06191e;border:1px solid #42636d;border-radius:2px;align-items:center;padding:2px 4px;display:inline-flex}.c64-shell .flip-stage.flipped .flip-back .segment-count .segment-text{gap:1px;display:inline-flex;overflow:visible}.c64-shell .flip-stage.flipped .flip-back .segment-count svg,.c64-shell .flip-stage.flipped .flip-back .page-count .segment-text svg,.c64-shell .flip-stage.flipped .flip-back .queue-tuner .segment-text svg{width:7px;height:12px}.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label small.segment-count{font-size:inherit;opacity:1;margin-left:3px}.c64-shell .flip-stage.flipped .flip-back .loader-pagination .page-count{white-space:nowrap;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.c64-shell .flip-stage.flipped .flip-back .queue-tuner label .segment-text{margin-left:4px}.c64-shell .flip-stage.flipped .flip-back .queue-panel li .segment-count{margin-right:3px}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper{flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin:0 0 3px;display:flex}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper .fallback-caption{letter-spacing:.05em;margin-right:4px;font:800 9px/1.15 Arial Narrow,Arial,sans-serif}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper button{box-sizing:border-box;color:#27352f;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;place-items:center;width:40px;min-width:40px;height:36px;min-height:36px;padding:5px;display:grid;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper button:disabled{opacity:.45;cursor:default}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper button .deck-icon{width:17px;height:17px}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper output{box-sizing:border-box;background:#06191e;border:1px solid #42636d;justify-content:center;align-items:center;min-width:65px;height:36px;padding:3px 5px;display:inline-flex;box-shadow:inset 0 2px 5px #0009}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper output .segment-text{gap:1px;display:inline-flex;overflow:visible}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper output .segment-text svg{width:8px;height:15px}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .fallback-stepper{justify-content:center}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper .fallback-caption{text-align:center;flex:100%}}.c64-shell .flip-stage.flipped .flip-back .queue-panel.shelf-panel{flex-direction:column!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel.shelf-panel>ol{flex:auto;min-height:0;margin:6px 0 0;overflow-y:auto}.c64-shell .flip-stage.flipped .flip-back .queue-panel.shelf-panel>.queue-actions{border-top:1px solid #8b9a8d;flex:none;min-height:60px;padding:10px 4px 3px;margin:auto 0 0!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel li .queue-remove-key{color:#283a31;cursor:pointer;background:linear-gradient(#d9ded4,#b7c3b8);border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;flex:none;place-items:center;width:29px;min-width:29px;height:25px;min-height:25px;margin:3px 4px;padding:0;font:800 18px/1 Arial Narrow,Arial,sans-serif;display:grid;box-shadow:inset 1px 1px 1px #fff,1px 2px 2px #26332b66}.c64-shell .flip-stage.flipped .flip-back .queue-panel li .queue-remove-key:active{background:#aeb9af;box-shadow:inset 0 2px 3px #32443799,1px 2px 2px #26332b66}@media (width>=701px){.c64-shell.unfolded .meters-row.advanced-panel{align-items:start}.c64-shell.unfolded .meters-row .spectrum{flex:none;align-self:start;height:134px!important;min-height:0!important;max-height:134px!important}.c64-shell .console>.controls.transport-controls{gap:6px;grid-template-columns:repeat(20,minmax(0,1fr))!important}.c64-shell .console>.controls.transport-controls>button:nth-child(-n+5){height:52px;min-height:52px;grid-area:1/span 4!important;min-width:0!important}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){height:52px;min-height:52px;grid-area:2/span 5!important;min-width:0!important}.c64-shell .console>.controls.transport-controls>button:nth-child(9){font-size:11px!important}.c64-shell .console>.controls.transport-controls>button:nth-child(9) span{white-space:nowrap;font:800 9px/1.1 Arial Narrow,Arial,sans-serif!important}.c64-shell .console>.control-top{background:linear-gradient(115deg,#e1e2d9,#b9beb7 50%,#d9d9cb);border:1px solid #858d82;border-radius:7px;overflow:hidden;box-shadow:inset 1px 1px #fff9,0 2px 2px #26332b55;align-items:stretch!important;gap:0!important;padding:0!important;display:flex!important}.c64-shell .control-top .eq-deck,.c64-shell.folded .control-top .eq-deck,.c64-shell.unfolded .control-top .eq-deck{flex:auto;min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;grid-area:auto!important;padding:12px!important}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{flex:none;justify-content:center;align-self:stretch;align-items:center;display:flex;min-width:160px!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-left:1px solid #a5afa5!important;grid-area:auto!important;padding:10px 14px!important}.c64-shell .control-top .sid-model-pair{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}}.c64-shell .spectrum,.c64-shell.is-playing .spectrum{background:#03100a!important;border-color:#486d50!important;box-shadow:inset 0 0 8px #062514,0 0 5px #5aa97055!important}.c64-shell .wave-segment-icon{flex:none;width:21px;height:28px;overflow:visible}.c64-shell .wave-segment-icon line{stroke-width:2.4px;stroke-linecap:square}.c64-shell .wave-segment-icon .segment-on{stroke:#83d995;filter:drop-shadow(0 0 3px #4fa85f)}.device-stage{isolation:isolate;padding-bottom:42px;position:relative}.device-stage>.c64-shell{z-index:2;margin-bottom:0;position:relative}.device-stage>.manual-position{z-index:1;padding:0;display:block;position:absolute;bottom:14px;right:8%;transform:rotate(2deg)}.device-stage>.manual-position .manual-sticker{box-sizing:border-box;color:#3d3929;text-align:left;cursor:pointer;background:repeating-linear-gradient(0deg,#efe4be 0 20px,#e9dcb3 20px 21px);border:1px solid #9c8b66;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:230px;max-width:none;min-height:90px;padding:31px 13px 8px;font:800 11px Arial Narrow,Arial,sans-serif;display:flex;box-shadow:2px 5px 6px #0005}.device-stage>.manual-position .manual-sticker span{font-size:8px}.device-stage>.manual-position .manual-sticker:hover{transform:translateY(4px)}@media (width<=700px){.device-stage{padding-bottom:40px}.device-stage>.manual-position{bottom:12px;right:8%}.device-stage>.manual-position .manual-sticker{width:165px;min-width:0;min-height:77px;padding:28px 8px 7px;font-size:9px}.device-stage>.manual-position .manual-sticker span{font-size:7px}}.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label small.segment-count{background:#06191e;border:1px solid #355964;border-radius:2px;justify-content:center;align-items:center;min-width:25px;min-height:31px;margin-left:6px;padding:3px 5px;display:inline-flex;box-shadow:inset 0 2px 6px #000b,0 1px #b8c5bf}.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label small.segment-count .segment-text svg{width:9px;height:18px}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .selector-lever .lever-label small.segment-count .segment-text svg{width:7px;height:15px}}.c64-shell .flip-stage.flipped .flip-back .picked-track{white-space:nowrap;gap:10px;overflow-x:auto}.c64-shell .flip-stage.flipped .flip-back .picked-track .segment-text{flex:none;max-width:none;overflow:visible}.c64-shell .flip-stage.flipped .flip-back .picked-caption{color:#76b48c;letter-spacing:.1em;flex:none;font:800 9px/1 Arial Narrow,Arial,sans-serif}.c64-shell .console>.controls.transport-controls>button.play-depth{transition:transform .18s,border-bottom-width .18s,box-shadow .18s,background .18s;position:relative}.c64-shell .console>.controls.transport-controls>button.play-depth.depth-stop{border-bottom:5px solid #52655b!important;transform:translateY(0)!important;box-shadow:inset 1px 1px #f8f9ee,2px 4px 3px #26332b77!important}.c64-shell .console>.controls.transport-controls>button.play-depth.depth-play{background:linear-gradient(#a8b5aa,#bec8be)!important;border-bottom:1px solid #52655b!important;transform:translateY(4px)!important;box-shadow:inset 1px 4px 7px #26332b99,1px 1px 2px #26332b77!important}.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause{background:linear-gradient(#bec8be,#a8b5aa)!important;border-bottom:3px solid #52655b!important;transform:translateY(2px)!important;box-shadow:inset 1px 2px 3px #32443766,1px 2px 2px #26332b77!important}.c64-shell .flip-stage.flipped .flip-back .history-bank{border-top:2px solid #819388;flex:0 auto;min-height:0;max-height:36%;margin-top:8px;padding-top:6px;overflow-y:auto}.c64-shell .flip-stage.flipped .flip-back .history-heading{color:#27392f;letter-spacing:.1em;z-index:1;background:#cad0c6;align-items:center;gap:7px;padding:5px 6px;font:800 10px Arial Narrow,Arial,sans-serif;display:flex;position:sticky;top:0}.c64-shell .flip-stage.flipped .flip-back .history-bank ol{margin:0;padding:0;list-style:none}.c64-shell .flip-stage.flipped .flip-back .history-bank li{border-bottom:1px solid #a2aa9f;min-height:35px;display:flex}.c64-shell .flip-stage.flipped .flip-back .history-bank li button{text-align:left;color:#24362b;cursor:pointer;background:#d8d9ca;border:0;width:100%;padding:4px 7px;font:700 11px Arial Narrow,Arial,sans-serif}.c64-shell .flip-stage.flipped .flip-back .history-bank li button:hover{background:#e8e7d6}.c64-shell .flip-stage.flipped .flip-back .history-bank li button .segment-count{margin-right:9px}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.played{color:#455349;opacity:.8;background:#abb3a7}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.played button:first-child{color:#455349;background:#abb3a7}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.current{opacity:1!important;background:#e7d397!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.current button:first-child{color:#26362b!important;background:#e7d397!important}@media (width>=701px){.c64-shell .control-top .sid-model-pair{transform:translateY(-10px)}}.c64-shell .flip-stage.flipped .flip-back .queue-panel li:not(.played)+li.played{border-top:3px double #788b7a}@media (width>=701px){.c64-shell .control-top .eq-deck .eq-band>label{z-index:3;position:relative;margin:0 0 -29px!important;line-height:1!important}.c64-shell .control-top .sid-model-pair{transform:translateY(12px)}.c64-shell.unfolded .meters-row .spectrum{height:126px!important;min-height:126px!important;max-height:126px!important}}.c64-shell .handle-toggle span:after{content:none!important}@keyframes handle-invite{0%,to{transform:translateY(0)}48%{transform:translateY(-3px)}}.c64-shell .handle-pocket:has(.handle-toggle:hover):before{animation:.6s ease-in-out handle-invite}.c64-shell .handle-pocket:has(.handle-toggle:focus-visible):before{animation:.6s ease-in-out handle-invite}@media (prefers-reduced-motion:reduce){.c64-shell .handle-pocket:has(.handle-toggle:hover):before{animation:none!important}.c64-shell .handle-pocket:has(.handle-toggle:focus-visible):before{animation:none!important}}.c64-shell .console>.controls.transport-controls>button .key-legend{display:none!important}.c64-shell .console>.controls.transport-controls>button{font-size:0!important}.c64-shell .console>.controls.transport-controls>button .deck-icon,.c64-shell .console>.controls.transport-controls>button .dice-icon,.c64-shell .console>.controls.transport-controls>button .repeat-icon{flex:none;width:24px;height:24px}.c64-shell .speaker-bay .speaker-stamp{color:#575648;text-shadow:0 1px #e8d9b7;letter-spacing:.11em;white-space:nowrap;pointer-events:none;font:700 9px/1.1 Arial Narrow,Arial,sans-serif;position:absolute;top:18px}.c64-shell .speaker-bay .stamp-left{left:190px}.c64-shell .speaker-bay .stamp-right{right:190px}@media (width<=700px){.c64-shell .speaker-bay .speaker-stamp{letter-spacing:.03em;font-size:6px;top:13px}.c64-shell .speaker-bay .stamp-left{left:102px}.c64-shell .speaker-bay .stamp-right{right:102px}}@media (width<=390px){.c64-shell .speaker-bay .speaker-stamp{display:none}}.c64-shell.folded .console>.jog-deck{opacity:1!important;pointer-events:auto!important;border-top:1px solid #81897d!important;height:auto!important;min-height:45px!important;max-height:80px!important;margin:0!important;padding:7px 4px 4px!important;display:flex!important;overflow:visible!important;transform:none!important}.c64-shell.folded .console>.jog-deck .progress-station{width:100%;min-width:0;display:flex}.c64-shell .vu-unit .vu-face{filter:brightness(.78);transition:filter .65s ease-out;transition-delay:var(--lamp-out,0s)}.c64-shell.is-playing .vu-unit .vu-face{filter:brightness(1.11);transition-duration:.78s;transition-delay:var(--lamp-delay,0s)}@media (prefers-reduced-motion:reduce){.c64-shell .vu-unit .vu-face{transition:none!important}}.device-stage>.manual-position .manual-sticker{color:#334e4c;text-shadow:none;background:repeating-linear-gradient(0deg,#d6e0dc 0 19px,#b5c7c0 19px 20px);border-color:#728e8b;display:block;position:relative;box-shadow:2px 5px 7px #0005,inset 0 1px #f5faf3}.device-stage>.manual-position .manual-sticker .manual-excerpt{white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;color:#465e58;font:600 8px/1.2 Georgia,serif;display:block;position:absolute;bottom:21px;left:8px;right:8px;overflow:hidden}.device-stage>.manual-position .manual-sticker .manual-page{font:700 7px/1 Arial Narrow,Arial,sans-serif;display:block;position:absolute;bottom:5px;right:8px}.device-stage>.manual-position .manual-sticker .manual-footer{letter-spacing:.09em;font:800 9px/1 Arial Narrow,Arial,sans-serif;display:block;position:absolute;bottom:4px;left:8px}.device-stage>.manual-position .manual-sticker .manual-footer b{margin-left:3px;font-size:8px}@media (width<=700px){.device-stage>.manual-position .manual-sticker .manual-excerpt{font-size:6px;bottom:19px}.device-stage>.manual-position .manual-sticker .manual-footer{font-size:7px}}.c64-shell .display-window .visual-thumbwheel{display:none!important}.c64-shell .display-window .visual-preset-fader{z-index:4;color:#d1dfca;touch-action:none;background:linear-gradient(90deg,#111a1b,#202b29 32%,#111a1b);border-left:2px solid #0e1618;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:74px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:inset 7px 0 12px #000b}.c64-shell .visual-preset-fader input[type=range]{appearance:slider-vertical;writing-mode:vertical-lr;cursor:pointer;touch-action:none;accent-color:#b9d0bb;direction:rtl;width:54px;height:min(65%,350px);min-height:135px;margin:0}.c64-shell .visual-preset-fader .visual-fader-caption{letter-spacing:.08em;font:800 8px Arial Narrow,Arial,sans-serif}.c64-shell .visual-preset-fader .visual-fader-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#e6d6a5;max-width:66px;font:700 7px Arial Narrow,Arial,sans-serif;overflow:hidden}.c64-shell .visual-preset-fader input:focus-visible{outline-offset:2px;outline:2px solid #b5dab9}@media (width<=700px){.c64-shell .display-window .visual-preset-fader{gap:3px;width:62px}.c64-shell .visual-preset-fader input[type=range]{width:52px;height:58%;min-height:115px}.c64-shell .visual-preset-fader .visual-fader-name{max-width:53px;font-size:6px}}.device-stage{padding-bottom:62px}.device-stage>.manual-position .manual-sticker .manual-excerpt{bottom:27px}@media (width<=700px){.device-stage{padding-bottom:58px}.device-stage>.manual-position .manual-sticker .manual-excerpt{bottom:26px}}.c64-shell .display-window .visual-preset-fader{display:none!important}.c64-shell .display-window .visual-preset-rocker{z-index:4;color:#d1dfca;background:linear-gradient(90deg,#111a1b,#202b29 32%,#111a1b);border-left:2px solid #0e1618;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:78px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:inset 7px 0 12px #000b}.c64-shell .visual-preset-rocker button{box-sizing:border-box;color:#20362e;cursor:pointer;touch-action:manipulation;background:linear-gradient(#c8d2c7,#91a99c);border:1px solid #7f9990;border-bottom:4px solid #3e574d;border-radius:3px;place-items:center;width:58px;height:52px;font-size:18px;display:grid;box-shadow:inset 1px 1px #f5fff2,2px 3px 3px #000a}.c64-shell .visual-preset-rocker button:active{border-bottom-width:2px;transform:translateY(2px)}.c64-shell .visual-preset-rocker .visual-rocker-caption{letter-spacing:.08em;font:800 9px Arial Narrow,Arial,sans-serif}.c64-shell .visual-preset-rocker .visual-rocker-name{overflow-wrap:anywhere;text-align:center;color:#e6d6a5;max-width:74px;font:700 9px/1.2 Arial Narrow,Arial,sans-serif}.c64-shell .visual-preset-rocker .visual-rocker-count{color:#a7beb0;font:700 8px Arial Narrow,Arial,sans-serif}@media (width<=700px){.c64-shell .display-window .visual-preset-rocker{gap:5px;width:65px}.c64-shell .visual-preset-rocker button{width:48px;height:44px}.c64-shell .visual-preset-rocker .visual-rocker-name{max-width:61px;font-size:8px}}.c64-shell .display-window .visual-preset-rocker{display:none!important}.c64-shell .display-window .visual-thumbwheel{touch-action:none;cursor:ns-resize;width:92px;display:block!important}.c64-shell .visual-thumbwheel .wheel-grooves{pointer-events:none;inset:18% 22px 18% 21px}.c64-shell .visual-thumbwheel .wheel-caption{clip:auto;white-space:normal;text-align:center;color:#c0d4c3;width:auto;height:auto;margin:0;padding:0;font:700 8px Arial Narrow,Arial,sans-serif;position:absolute;top:10px;left:5px;right:5px;overflow:visible}.c64-shell .visual-thumbwheel .wheel-caption strong{display:none}@media (width<=700px){.c64-shell .display-window .visual-thumbwheel{width:72px}.c64-shell .visual-thumbwheel .wheel-grooves{left:15px;right:15px}.device-stage{box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding:0 0 58px;overflow-x:clip}.device-stage>.c64-shell{box-sizing:border-box;border-bottom:0;border-left:0;border-right:0;border-radius:0;width:100%;max-width:none;margin-left:0;margin-right:0;box-shadow:inset 0 3px 2px #f4ecd7,inset 0 -10px 13px #998c72}.standalone-card{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.standalone-header{display:none!important}.device-stage{padding-top:74px}.device-stage>.c64-shell{margin-top:0}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){height:46px!important;min-height:46px!important}.c64-shell.unfolded .meters-row .spectrum{height:126px!important;min-height:126px!important;max-height:126px!important}.device-stage{min-height:100dvh}.device-stage>.c64-shell{flex-direction:column;min-height:calc(100dvh - 74px);display:flex}.device-stage>.c64-shell>.player-body{flex-direction:column;flex:1;display:flex}.c64-shell.folded .player-body>.speaker-bay{min-height:140px;margin-top:auto}.device-stage>.manual-position{bottom:8px}.c64-shell.folded .player-body>.speaker-bay{align-items:flex-start;min-height:185px;padding-top:29px}.c64-shell.folded .player-body>.speaker-bay .speaker-stamp{top:18px}.c64-shell.folded .player-body>.speaker-bay{background:linear-gradient(#c8ba9b,#b9a984 52%,#d5c6a7);border-top:1px solid #988b70;flex:1;align-items:flex-end;gap:12px;min-height:210px;margin-top:12px;padding:32px 21px 31px;box-shadow:inset 0 3px 5px #fff7,inset 0 -6px 12px #7b715755}.c64-shell.folded .speaker-recess{width:100px;max-width:31vw;height:100px;max-height:31vw}.c64-shell.folded .player-body>.speaker-bay .speaker-stamp{font-size:7px;top:auto;bottom:132px}.c64-shell.folded .player-body>.speaker-bay .stamp-left{left:22px}.c64-shell.folded .player-body>.speaker-bay .stamp-right{right:22px}}.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause:after{content:"";background:#db4238;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite pause-pilot;position:absolute;top:5px;right:6px;box-shadow:0 0 2px #f49e7f,inset 0 1px #ffe2d4}@keyframes pause-pilot{0%,to{opacity:1;box-shadow:0 0 2px 1px #ff6e5af2,0 0 8px 3px #ff403099,0 0 16px 6px #ff322847}50%{opacity:.55;box-shadow:0 0 1px #ff6e5a99,0 0 4px 1px #ff40304d}}@media (prefers-reduced-motion:reduce){.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause:after{animation:none!important}}@media (width<=700px){.c64-shell.folded .player-body>.speaker-bay:after{content:"HIGH FIDELITY  /  SOUND INTERFACE DEVICE";text-align:center;color:#645d4e;letter-spacing:.18em;pointer-events:none;border-top:1px solid #a79878;border-bottom:1px solid #e7d7b8;padding:9px 2px;font:700 9px/1.8 Arial Narrow,Arial,sans-serif;display:block;position:absolute;top:32%;left:15%;right:15%}}@media (width<=700px) and (height<=700px){.c64-shell.folded .player-body>.speaker-bay{min-height:190px;padding-bottom:20px}.c64-shell.folded .player-body>.speaker-bay:after{letter-spacing:.08em;padding:6px 2px;font-size:7px;line-height:1.3;top:13%;left:8%;right:8%}.c64-shell.folded .player-body>.speaker-bay .speaker-stamp{display:none}}.c64-shell .console>.controls.transport-controls>button:nth-child(n+6){grid-column:span 5!important}.c64-shell .console>.controls.transport-controls>button.favorite-key{background:#c8ccc5;border-radius:2px;transition:transform .12s,border-bottom-width .12s,box-shadow .12s;position:relative;border:1px solid #718078!important;border-bottom:2px solid #52655b!important;transform:none!important;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66!important}.c64-shell .console>.controls.transport-controls>button.favorite-key:active:not(:disabled){border-bottom-width:1px!important;transform:translateY(1px)!important;box-shadow:inset 1px 1px 3px #32443799,2px 3px 2px #26332b66!important}.c64-shell .console>.controls.transport-controls>button.favorite-key.favorite-on:after{content:"";background:#71c875;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px;box-shadow:0 0 5px #6dbb6d,inset 0 1px #e0f5d7}.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on{color:#28352d!important;background:linear-gradient(#bec8be,#a8b5aa)!important;border-color:#52655b!important;border-bottom-style:solid!important;border-bottom-width:3px!important;transform:translateY(2px)!important;box-shadow:inset 1px 2px 3px #32443766,1px 2px 2px #26332b77!important}.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:after{content:"";background:#71c875;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px;box-shadow:0 0 5px #6dbb6d,inset 0 1px #e0f5d7}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.generated-tune button:first-child{background:#dbe5e2;border-left:4px solid #64838a!important}.c64-shell .generated-badge{color:#496d76;flex:none;margin-left:auto;padding:0 6px;font:700 20px/1 Arial,sans-serif}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .playlist-infinite-toggle{color:#27352f;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#bec8be,#a8b5aa);border:1px solid #718078;border-bottom:3px solid #52655b;border-radius:2px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:6px 12px;font:700 10px/1 Arial,sans-serif;box-shadow:inset 1px 1px #f8f9ee,2px 3px 2px #26332b66;display:flex!important}.c64-shell .playlist-infinite-toggle:active{transform:translateY(2px)}.c64-shell .playlist-infinite-pilot{background:#617065;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:inset 0 1px 2px #26332b}.c64-shell .playlist-infinite-toggle.is-active .playlist-infinite-pilot{background:#71c875;box-shadow:0 0 5px #6dbb6d,inset 0 1px #e0f5d7}.c64-shell .console>.controls.transport-controls>button.favorite-key:focus:not(:focus-visible){outline:none!important}.c64-shell .console>.controls.transport-controls>button.favorite-key:focus-visible{outline-offset:2px;outline:2px solid #b97a35}.c64-shell .console>.controls.transport-controls>button.favorite-key:not(.favorite-on):after,.c64-shell .console>.controls.transport-controls>button.play-depth:not(.depth-pause):after{content:"";background:#8e9690;border-radius:50%;width:7px;height:7px;animation:none;position:absolute;top:5px;right:6px;box-shadow:inset 0 1px 2px #536057,0 1px #e0e3da}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.selector-lever{flex:1;justify-content:center;align-items:center;min-width:0;background:0 0!important;border:0!important;gap:7px!important;min-height:44px!important;margin:0!important;padding:0 5px!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label{white-space:nowrap;letter-spacing:0!important;font-size:8px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label:first-child{font-size:0!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-switch{width:65px!important;min-width:65px!important;min-height:44px!important;margin:0!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .playlist-infinite-toggle{flex:none;width:49px;min-width:49px;height:44px;padding:6px;position:relative;margin:0!important}.c64-shell .playlist-infinite-toggle .repeat-icon{width:24px;height:24px}.c64-shell .playlist-infinite-toggle .playlist-infinite-pilot{position:absolute;top:5px;right:6px}.c64-shell .hvsc.search-view .selector-button-block>.selector-lever{display:none!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.selector-lever{order:1;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .catalog-mobile-close:after{content:none!important;display:none!important}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view .selector-button-block>.selector-lever{display:flex!important}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view .selector-button-block>.selector-button-spacer{display:none!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-label .segment-count{margin-left:4px;display:inline-flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.selector-lever{box-shadow:none!important;border-radius:0!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label:last-child{font-size:0!important}.c64-shell .flip-front>.deck{transform-origin:50% 100%;transition:max-height .85s cubic-bezier(.2,.75,.25,1),transform .85s cubic-bezier(.2,.75,.25,1),opacity .3s,margin .85s;position:relative}.c64-shell.unfolded .flip-front>.deck{transform:translateY(0);clip-path:inset(0)!important}.c64-shell.folded .flip-front>.deck{transform:translateY(-100%);clip-path:inset(0)!important}@keyframes screen-slide-up{0%{opacity:0;transform:translateY(75%)}to{opacity:1;transform:translateY(0)}}.c64-shell.unfolded .flip-front>.deck:before,.c64-shell.unfolded .flip-front>.deck:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,#4b5148,#cbd0bd,#555a50);width:3px;position:absolute;top:8px;bottom:8px;box-shadow:0 0 2px #0009}.c64-shell.unfolded .flip-front>.deck:before{left:1px}.c64-shell.unfolded .flip-front>.deck:after{right:1px}.manual-position{position:relative}@media (prefers-reduced-motion:reduce){.c64-shell .flip-front>.deck{transition:none!important;animation:none!important}}.c64-shell .flip-front{overflow:hidden}.c64-shell.folded .flip-front>.deck{transform:translateY(100%)}.c64-shell.handle-opening .flip-front>.deck{animation:.85s cubic-bezier(.2,.75,.25,1) both screen-slide-up!important}@media (prefers-reduced-motion:reduce){.c64-shell.handle-opening .flip-front>.deck{animation:none!important}}.c64-shell .flip-stage.flipped .flip-back{background:linear-gradient(115deg,#d6d9cd,#b9c3b7)!important;padding:10px!important;inset:12px max(12px,50vw - 425px)!important}.c64-shell .flip-stage.flipped .flip-back>.catalog-panel.catalog-open{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;padding:0!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view{flex:1!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.selector-header-blocks{margin-bottom:10px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block{box-sizing:border-box;min-height:66px!important;box-shadow:none!important;background:#2b3830!important;border:2px solid #879681!important;border-radius:6px!important;align-items:center!important;gap:10px!important;padding:10px!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.catalog-mobile-close,.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-infinite-toggle{background:linear-gradient(#d9ded4,#b7c3b8)!important;border:1px solid #718078!important;border-bottom:2px solid #52655b!important;border-radius:2px!important;flex:none!important;place-items:center!important;width:46px!important;min-width:46px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:5px!important;display:grid!important;position:relative!important;transform:none!important;box-shadow:inset 1px 1px #fff,2px 3px 2px #26332b66!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.selector-lever{min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:9px!important;padding:0!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label{text-align:center;max-width:48px;color:#c4cec0!important;letter-spacing:.03em!important;white-space:normal!important;font:700 9px/1.3 Arial,sans-serif!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label.selected{color:#eef0de!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-switch{width:58px!important;min-width:58px!important;height:44px!important;min-height:44px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;position:relative!important;transform:none!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-travel{background:linear-gradient(#17201b,#314037)!important;border:0!important;border-radius:16px!important;width:100%!important;height:26px!important;position:absolute!important;inset:9px 0 auto!important;transform:none!important;box-shadow:inset 0 2px 4px #000!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-stalk{transition:left .2s;width:26px!important;height:19px!important;box-shadow:none!important;background:0 0!important;position:absolute!important;inset:4px auto auto 3px!important;transform:none!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-switch.thrown .lever-stalk{left:calc(100% - 29px)!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-paddle{background:linear-gradient(#eef0e4,#9ba998)!important;border:1px solid #738374!important;border-radius:4px!important;width:26px!important;height:19px!important;position:absolute!important;inset:0!important;transform:rotate(8deg)!important;box-shadow:2px 3px 2px #0006!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-total{box-sizing:border-box;background:#06191e;flex:none;order:2;justify-content:center;align-items:center;min-width:24px;height:30px;padding:4px;margin:0!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-infinite-toggle{order:3}.c64-shell .flip-stage.flipped .flip-back .playlist-infinite-pilot{background:#959d93;position:absolute;top:5px;right:5px;box-shadow:inset 0 1px 2px #526057}.c64-shell .flip-stage.flipped .flip-back .playlist-infinite-toggle.is-active .playlist-infinite-pilot{background:#73c876;box-shadow:inset 0 1px #cde6c7}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.queue-panel.shelf-panel{flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel>.playlist-rows{background:#e0e6dd;list-style:none;flex:1!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow-y:auto!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel .playlist-rows>li{box-sizing:border-box;align-items:center;gap:6px;display:flex;opacity:1!important;border:0!important;border-bottom:1px solid #a8b5a7!important;min-height:53px!important;padding:4px 6px!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel .playlist-rows>li.playlist-group-heading{letter-spacing:.12em;color:#3c5547;background:#c4cfc3;font:700 9px Arial,sans-serif;min-height:29px!important;padding:9px 12px!important;display:block!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel li button.queue-track-key{text-align:left;align-items:center;gap:8px;font:700 13px/1.3 Arial,sans-serif;color:#26382e!important;width:auto!important;min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;flex:1!important;min-height:44px!important;padding:0!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.played{background:#cbd2c8!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.played .queue-track-title{color:#627463}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.current{background:#e7d397!important;border-left:4px solid #776034!important;padding-left:2px!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel li.generated-tune button.queue-track-key{background:0 0!important;border-left:0!important}.queue-state-mark{text-align:center;color:#556b5a;flex:none;width:18px;font:700 14px Arial}.current .queue-state-mark{color:#594c25}.queue-track-title{overflow-wrap:anywhere;flex:1;min-width:0}.queue-track-time{color:#69796b;margin-top:3px;font:9px Arial;display:block}.c64-shell .flip-stage.flipped .flip-back .queue-panel li .queue-fave-key,.c64-shell .flip-stage.flipped .flip-back .queue-panel li .queue-remove-key{font:800 22px Arial;position:relative;color:#283a31!important;background:linear-gradient(#d9ded4,#b7c3b8)!important;border:1px solid #718078!important;border-bottom:2px solid #52655b!important;border-radius:2px!important;flex:none!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:5px!important;display:grid!important;box-shadow:inset 1px 1px #fff,2px 3px 2px #26332b66!important}.queue-fave-key .deck-icon{width:21px;height:21px}.queue-fave-key:after{content:"";background:#959d93;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px;box-shadow:inset 0 1px 2px #526057}.queue-fave-key.favorite-active:after{background:#73c876}.queue-fave-key:disabled{opacity:.5;cursor:default}.c64-shell .flip-stage.flipped .flip-back .queue-panel.shelf-panel>.queue-actions{border-top:1px solid #8e9e8c;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex;min-height:0!important;margin:0!important;padding:7px 5px!important}.queue-state-legend{color:#405449;font:9px Arial}.c64-shell .flip-stage.flipped .flip-back .queue-actions>button{display:none!important}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper{flex-wrap:nowrap!important;gap:5px!important;width:auto!important;margin:0!important}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper .fallback-caption{font-size:8px;flex:none!important}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper button{width:32px;min-width:32px;height:32px;min-height:32px}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper output{min-width:52px;height:32px}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back{padding:7px!important;inset:10px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block{gap:7px!important;min-height:62px!important;padding:7px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.catalog-mobile-close,.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-infinite-toggle{width:42px!important;min-width:42px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever{gap:5px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label{font-size:8px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-switch{width:48px!important;min-width:48px!important}.c64-shell .flip-stage.flipped .flip-back .queue-panel li button.queue-track-key{gap:5px;font-size:11px}.c64-shell .flip-stage.flipped .flip-back .queue-panel li .queue-fave-key,.c64-shell .flip-stage.flipped .flip-back .queue-panel li .queue-remove-key{width:40px!important;min-width:40px!important}.queue-state-mark{width:14px}.queue-state-legend{font-size:8px}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper{margin-left:auto!important}}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label:first-child,.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label:last-child{visibility:visible!important;opacity:1!important;font-size:9px!important;display:block!important}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label:first-child,.c64-shell .flip-stage.flipped .flip-back .selector-button-block .selector-lever>.lever-label:last-child{font-size:8px!important}}.c64-shell.unfolded{--rise:1}.c64-shell.folded{--rise:0}.c64-shell{--neck-h:clamp(0px,calc(var(--rise,1) * (var(--screen-height,1100px) + 20px)),calc(var(--screen-height,1100px) + 20px))}.c64-shell .screen-carriage{max-height:clamp(0px,calc(var(--rise,1) * (var(--screen-height,1100px) + 20px)),calc(var(--screen-height,1100px) + 20px));margin-bottom:calc(min(var(--rise,1), 0) * var(--screen-height,1100px) * .12);margin-left:var(--screen-inset,6%);margin-right:var(--screen-inset,6%);background-color:color-mix(in srgb,#10150f calc(min(1, (1 - clamp(0, var(--rise,1), 1)) * 10, clamp(0, var(--rise,1), 1) * 8) * 100%),transparent);box-shadow:inset 0 6px 10px color-mix(in srgb,#000 calc(min(1, (1 - clamp(0, var(--rise,1), 1)) * 10) * 70%),transparent);border-radius:4px;flex:none;order:1;transition:none;position:relative;overflow:hidden}.c64-shell .screen-carriage>.deck,.c64-shell.folded .screen-carriage>.deck{pointer-events:auto;transform:translateY(calc((1 - clamp(0, var(--rise,1), 1)) * (var(--screen-height,1100px) + 20px) * .3));position:relative;opacity:1!important;clip-path:none!important;border:2px solid #686b5e!important;height:auto!important;min-height:0!important;max-height:none!important;margin:10px 0!important;padding:10px!important;transition:none!important;animation:none!important;display:block!important}.c64-shell.folded .screen-carriage>.deck{pointer-events:none}.c64-shell .screen-carriage>.deck:before,.c64-shell .screen-carriage>.deck:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,#4b5148,#cbd0bd,#555a50);width:3px;position:absolute;top:8px;bottom:8px}.c64-shell .screen-carriage>.deck:before{left:1px}.c64-shell .screen-carriage>.deck:after{right:1px}@media (prefers-reduced-motion:reduce){.c64-shell .screen-carriage,.c64-shell .screen-carriage>.deck{transition:none!important}}.c64-shell .screen-carriage>.deck{background:linear-gradient(115deg,#d5d9ca,#adb7a4 50%,#c9cebd);box-shadow:inset 1px 1px #edf1db,inset 0 -3px 7px #51634a66,0 2px 4px #18261666}.c64-shell .flip-stage.flipped .flip-back .hvsc-list,.c64-shell .flip-stage.flipped .flip-back .favorite-result,.c64-shell .flip-stage.flipped .flip-back .hvsc-row{color:#26382e!important;background:#e0e6dd!important;border-color:#a8b5a7!important}.c64-shell .flip-stage.flipped .flip-back .favorite-result:nth-child(2n),.c64-shell .flip-stage.flipped .flip-back .hvsc-row:nth-child(2n){background:#e0e6dd!important}.c64-shell .flip-stage.flipped .flip-back .favorite-star,.c64-shell .flip-stage.flipped .flip-back .queue-add{flex:none;position:relative;color:#283a31!important;background:linear-gradient(#d9ded4,#b7c3b8)!important;border:1px solid #718078!important;border-bottom:2px solid #52655b!important;border-radius:2px!important;min-width:44px!important;min-height:44px!important;margin:4px!important;padding:5px!important;box-shadow:inset 1px 1px #fff,2px 3px 2px #26332b66!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .lever-switch .lever-paddle{width:26px!important;height:19px!important;inset:0 auto auto 0!important}.c64-shell .vu-face:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff12,#0000 34% 76%,#07100b12);border-radius:5px;position:absolute;inset:2px;box-shadow:inset 1px 1px 2px #fff2,inset -1px -2px 3px #0005}.c64-shell .meters-row{margin-top:4px!important}.c64-shell .vu-unit .vu{aspect-ratio:1.62;height:auto!important;min-height:0!important;max-height:none!important}.c64-shell .visual-thumbwheel .wheel-grooves{background:linear-gradient(90deg,#202b28,#84938a 25%,#c6d4ca 43%,#85958b 70%,#26342d);border-radius:50%/9%;box-shadow:inset 4px 0 5px #07100da0,inset -4px 0 5px #07100da0,0 0 0 2px #080e0e,2px 0 6px #0009}.c64-shell .visual-thumbwheel .wheel-grooves:after{display:none}.c64-shell .visual-thumbwheel .wheel-grooves svg{fill:none;width:100%;height:100%;display:block;overflow:hidden}.c64-shell .rotary-knob i{box-shadow:var(--pointer-shadow-x,1.2px) var(--pointer-shadow-y,1.8px) 1.2px #07140e66}.c64-shell .rotary-knob:before{content:"";pointer-events:none;z-index:1;transform:rotate(var(--knob-angle));opacity:.3;mix-blend-mode:soft-light;background:radial-gradient(at 65% 38%,#fffdf92b 0 7%,#0000 28%),radial-gradient(at 30% 68%,#59635410 0 5%,#0000 23%);border-radius:50%;position:absolute;inset:5px}.c64-shell .waveform-readout:not(:has(.output-label)){box-shadow:inset 0 1px 2px #07140ba0,0 1px #adbb9c44;background:#1b2821!important}.c64-shell .waveform-readout.dual-waveforms{justify-content:center;height:27px;padding:0}.c64-shell .wave-apertures{justify-content:space-evenly;align-items:center;gap:4px;width:100%;height:100%;padding:0 8px;display:flex}.c64-shell .wave-apertures .wave-aperture{filter:none;fill:none;stroke-linejoin:miter;stroke-linecap:square;flex:0 26px;width:26px;min-width:16px;height:20px;max-height:20px;overflow:visible}.wave-aperture .aperture-bevel{stroke:#506256;stroke-width:2.4px}.wave-aperture .aperture-dark{stroke:#07140c;stroke-width:2px}.wave-aperture .aperture-light{stroke:#83d995;stroke-width:1.8px;filter:drop-shadow(0 0 1px #83d99555)}.wave-aperture.sid-two .aperture-light{stroke:#7bdde5;filter:drop-shadow(0 0 1px #7bdde555)}.wave-aperture .aperture-second-edge{stroke:#7bdde5;stroke-width:.8px;filter:drop-shadow(0 0 1px #7bdde555)}.c64-shell .eq-deck .eq-band>.tone-scale span:nth-of-type(2){display:none!important}.speaker-recess .speaker-cone>.speaker-diaphragm{background:radial-gradient(circle,#38413d 0 47%,#262f2d 55% 72%,#111a1a 73% 79%,#535f57 82% 86%,#111819 88%)}.speaker-recess .speaker-cone{filter:none!important;transition:none!important;transform:none!important}.speaker-recess .speaker-cone>.speaker-diaphragm{transition:none;transform:scale(calc(.94 + var(--bass)*.12))!important;filter:brightness(calc(.9 + var(--bass)*.22))!important}.speaker-recess .speaker-cone>.speaker-mid{z-index:1;background:radial-gradient(circle,#35413b 0 73%,#202b26 77% 87%,#4a594f 90% 94%,#1b2621 98%);border:1px solid #26382d;transition:none;inset:30%;box-shadow:inset 0 0 2px #0005;transform:scale(calc(.98 + var(--mid)*.045))!important;filter:brightness(calc(.94 + var(--mid)*.12))!important}.speaker-recess .speaker-cone>.speaker-tweeter{z-index:2;width:auto;height:auto;box-shadow:none;background:radial-gradient(circle,#344039 0 65%,#202c24 70% 84%,#536158 88% 92%,#1d2922 98%);border:1px solid #2b3b30;transition:none;inset:42%;transform:scale(calc(.995 + var(--treble)*.015))!important;filter:brightness(calc(.97 + var(--treble)*.07))!important}@media (prefers-reduced-motion:reduce){.speaker-recess .speaker-cone>.speaker-diaphragm,.speaker-recess .speaker-cone>.speaker-mid,.speaker-recess .speaker-cone>.speaker-tweeter{transform:none!important}}@media (width>=701px) and (width<=1024px){.c64-shell.unfolded .meters-row>.spectrum-module{align-self:stretch;min-width:0;min-height:0;position:relative}.c64-shell.unfolded .meters-row>.spectrum-module>.spectrum{width:100%;margin:0;position:absolute;inset:0;height:100%!important;min-height:0!important;max-height:none!important}}@media (width<=700px),(width>=1025px){.spectrum-module{display:contents}}.c64-shell .playlist-infinite-toggle:disabled{opacity:.45;cursor:default}.c64-shell .playlist-infinite-toggle:disabled:active{transform:none}.c64-shell .playlist-infinite-toggle:disabled .playlist-infinite-pilot{background:#617065;box-shadow:inset 0 1px 2px #26332b}.c64-shell .wave-apertures.dual .wave-aperture.sid-one .aperture-light,.c64-shell .wave-apertures.dual .wave-aperture.both .aperture-light{stroke:#ffb347;filter:drop-shadow(0 0 1px #ffb34788)}.c64-shell .wave-apertures.dual .wave-aperture.sid-two .aperture-light{stroke:#4fd6ff;filter:drop-shadow(0 0 1px #4fd6ff88)}.c64-shell .wave-apertures.dual .wave-aperture .aperture-second-edge{stroke:#4fd6ff;stroke-width:1.6px;filter:drop-shadow(0 0 1px #4fd6ff88)}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{box-sizing:border-box;overflow:hidden;flex:0 auto!important;min-width:0!important;max-width:44%!important}.c64-shell .control-top .sid-model-pair{max-width:100%;flex-wrap:wrap!important;justify-content:center!important}.c64-shell .control-top .sid-model-pair .sid-chip{min-width:0!important;max-width:100%!important}.c64-shell .control-top .sid-model-pair{flex-flow:column!important;align-items:center!important;gap:5px!important}.c64-shell .control-top .sid-model-pair .sid-chip{width:auto!important;min-width:0!important}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{flex:none!important;max-width:none!important}.c64-shell .control-top .sid-model-pair .sid-chip{flex-direction:row;align-items:center;gap:8px;display:flex}.c64-shell .control-top .sid-model-pair .sid-chip-label{float:none;text-align:right;white-space:nowrap;min-width:44px;padding:0;width:auto!important;margin:0!important}.c64-shell .control-top .sid-model-pair{max-width:100%;margin:0 auto;align-items:flex-start!important;width:max-content!important}.c64-shell .control-top .sid-model-panel,.c64-shell.folded .control-top .sid-model-panel,.c64-shell.unfolded .control-top .sid-model-panel{overflow:visible;align-content:center!important;align-items:center!important;padding:8px 12px!important}.c64-shell .control-top .sid-model-pair{align-self:center!important;margin:0 auto!important}@media (width>=900px){.c64-shell .control-top .sid-model-pair{align-items:stretch!important;gap:8px!important}.c64-shell .control-top .sid-model-pair .sid-chip-label{float:left;text-align:right;min-width:44px;width:44px!important}.c64-shell .control-top .sid-model-pair .sid-chip{flex-direction:row;align-items:center;gap:8px;display:flex!important}}.manual-anchor{display:contents}.c64-shell .player-body>.base-plate{z-index:1;box-sizing:border-box;background:linear-gradient(#bdae8b,#cdbf9d 55%,#d9cdac);border-top:1px solid #a29676;order:7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,3vw,32px);width:100%;min-height:0;margin:10px 0 0;padding:clamp(14px,3vw,26px) clamp(16px,4vw,44px) clamp(16px,3vw,28px);display:grid;position:relative;box-shadow:inset 0 3px 5px #fff6,inset 0 -3px 6px #7f735c33}.c64-shell .base-plate .speaker-recess{flex:none;position:relative;width:clamp(72px,17vw,132px)!important;max-width:none!important;height:clamp(72px,17vw,132px)!important;max-height:none!important;margin:0!important}.c64-shell .base-center{text-align:center;flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.c64-shell .base-nameplate{color:#30382f;background:linear-gradient(115deg,#d8d9cd,#b9beb5 55%,#d3d3c5);border:1px solid #91866b;border-radius:3px;flex-direction:column;align-items:center;gap:5px;padding:9px 22px;display:flex;box-shadow:inset 0 1px #fffc,0 1px 2px #0003}.c64-shell .base-nameplate b{letter-spacing:.32em;margin-right:-.32em;font:800 15px/1 Arial Narrow,Arial,sans-serif}.c64-shell .base-nameplate span{letter-spacing:.24em;color:#56604f;margin-right:-.24em;font:700 8px/1 Arial Narrow,Arial,sans-serif}.c64-shell .manual-key{color:#24392d;letter-spacing:.2em;cursor:pointer;background:linear-gradient(#f3f2e7,#aeb7ad);border:1px solid #718078;border-bottom-width:3px;border-radius:2px;align-items:center;gap:8px;padding:7px 16px 7px 8px;font:800 9px/1 Arial Narrow,Arial,sans-serif;display:inline-flex;box-shadow:0 2px 1px #35443a55}.c64-shell .manual-key span{color:#e8c378;letter-spacing:0;background:#2c3830;border-radius:50%;place-items:center;width:17px;height:17px;font:800 10px/1 Arial,sans-serif;display:grid}.c64-shell .manual-key:hover{background:linear-gradient(#fbfaf0,#bcc5bb)}.c64-shell .manual-key:active{border-bottom-width:1px;transform:translateY(2px)}.c64-shell .manual-key:focus-visible{outline-offset:2px;outline:2px solid #f5cd80}@media (width<=560px){.c64-shell .player-body>.base-plate{grid-template-columns:1fr 1fr;row-gap:14px}.c64-shell .base-plate .speaker-recess{width:min(38vw,132px)!important;height:min(38vw,132px)!important}.c64-shell .base-plate .speaker-recess.left{justify-self:start}.c64-shell .base-plate .speaker-recess.right{justify-self:end}.c64-shell .base-center{grid-area:2/1/auto/-1}}.c64-shell .player-body>.base-plate{border:1px solid #a29676;border-radius:6px;width:auto;margin:14px 16px 16px}.manual-overlay{animation:.3s ease-out both manual-fade}.manual-overlay .manual-head{transform-origin:50% 0;animation:.28s ease-out both manual-head}.manual-overlay.is-closing .manual-head{animation:.28s ease-in .34s reverse both manual-head-close}.manual-overlay .manual-panels{perspective:1100px}.manual-overlay .manual-panels section{transform-origin:50% 0;backface-visibility:hidden;animation:.42s cubic-bezier(.2,.7,.25,1) both manual-unfold;animation-delay:calc(.16s + var(--n,0)*45ms)}.manual-overlay.is-closing .manual-panels section{animation:.32s cubic-bezier(.5,0,.8,.4) reverse both manual-unfold-close;animation-delay:calc((8 - var(--n,0))*30ms)}.manual-overlay .manual-panels section:first-child{--n:0}.manual-overlay .manual-panels section:nth-child(2){--n:1}.manual-overlay .manual-panels section:nth-child(3){--n:2}.manual-overlay .manual-panels section:nth-child(4){--n:3}.manual-overlay .manual-panels section:nth-child(5){--n:4}.manual-overlay .manual-panels section:nth-child(6){--n:5}.manual-overlay .manual-panels section:nth-child(7){--n:6}.manual-overlay .manual-panels section:nth-child(8){--n:7}.manual-overlay .manual-foot{animation:.3s ease-out .55s both manual-fade}.manual-overlay.is-closing .manual-foot{animation:.2s ease-in reverse both manual-fade-close}@keyframes manual-fade{0%{opacity:0}to{opacity:1}}@keyframes manual-head{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}@keyframes manual-unfold{0%{opacity:0;filter:brightness(.6);transform:rotateX(-92deg)}60%{opacity:1}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.manual-overlay,.manual-overlay *{animation:none!important}}.manual-overlay .manual-plate.manual-sheet{overflow-x:hidden!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.hifi-slide{flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.hifi-slide-legend{letter-spacing:.14em;color:#8fa195;white-space:nowrap;align-items:center;font:700 9px/1 Arial Narrow,Arial,sans-serif;transition:color .16s;display:flex}.hifi-slide-legend.lit{color:#f1efd8}.hifi-slide-switch{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;width:58px;height:30px;padding:0;position:relative}.hifi-slide-slot{background:linear-gradient(#020403,#101512);border:1px solid #98a49a;border-radius:2px;position:absolute;inset:6px 0;box-shadow:inset 0 2px 4px #000,0 1px #ffffff59}.hifi-slide-slot:after{content:"";background:#3b4a40;height:1px;position:absolute;top:50%;left:5px;right:5px}.hifi-slide-knob{box-sizing:border-box;background:linear-gradient(#ffffff5c,#0000 45%,#0006),repeating-linear-gradient(90deg,#4a4f4b 0 1px,#dfe3dd 1px 3px,#8b918c 3px 4px);border:1px solid #1b211d;border-radius:2px;width:26px;height:28px;transition:transform .17s cubic-bezier(.3,.7,.3,1);position:absolute;top:1px;left:1px;box-shadow:1px 2px 3px #000b,inset 0 1px #fff9}.hifi-slide-switch.thrown .hifi-slide-knob{transform:translate(30px)}.hifi-slide-switch:active .hifi-slide-knob{box-shadow:1px 1px 2px #000b,inset 0 1px #fff9}.hifi-slide-switch:focus-visible{outline-offset:3px;outline:2px solid #f5cd80}@media (width<=480px){.hifi-slide-legend{letter-spacing:.08em;font-size:8px}.hifi-slide-switch{width:48px}.hifi-slide-knob{width:22px}.hifi-slide-switch.thrown .hifi-slide-knob{transform:translate(24px)}}.c64-shell .console>.controls.transport-controls>button.radio-button{position:relative}.c64-shell .console>.controls.transport-controls>button.radio-button:after{content:"";background:#8e9690;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px;box-shadow:inset 0 1px 2px #536057,0 1px #e0e3da}.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:not(:disabled):after{background:#71c875;box-shadow:0 0 5px #6dbb6d,inset 0 1px #e0f5d7}.c64-shell .console>.controls.transport-controls>button.radio-button:disabled:after{opacity:.6;background:#8e9690;box-shadow:inset 0 1px 2px #536057,0 1px #e0e3da}.c64-shell .flip-stage.flipped .flip-front>.console{transform-origin:50% var(--axis,50%);backface-visibility:hidden;pointer-events:none;animation:.7s ease-in-out both lid-hinge}.c64-shell .flip-stage.flipped.is-closing .flip-front>.console{animation:.7s ease-in-out reverse both lid-hinge-close}@keyframes lid-hinge{0%,49%{visibility:visible}0%{rotate:x 0deg}51%,to{visibility:hidden}to{rotate:x -180deg}}@keyframes browser-reveal{0%{opacity:0}to{opacity:1}}@keyframes browser-flip{0%,49%{visibility:hidden}0%{rotate:x 180deg}51%,to{visibility:visible}to{rotate:x 0deg}}@keyframes browser-reveal-full{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (width>=701px){.c64-shell .flip-stage.flipped .flip-back{transform-origin:50% var(--axis,50%);backface-visibility:hidden;animation:.7s ease-in-out both browser-flip;inset:auto!important;left:var(--lid-left,0)!important;top:var(--lid-top,0)!important;width:var(--lid-w,100%)!important;height:var(--lid-h,auto)!important;z-index:1!important;border-radius:6px!important;position:absolute!important;transform:none!important;box-shadow:inset 0 3px 8px #0008!important}.c64-shell .flip-stage.flipped.is-closing .flip-back{animation:.7s ease-in-out reverse both browser-flip-close}}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back{animation:.34s ease-out .34s both browser-reveal-full;border-radius:0!important;width:auto!important;height:auto!important;position:fixed!important;inset:0!important}.c64-shell .flip-stage.flipped.is-closing .flip-back{animation:.34s ease-out reverse both browser-reveal-full-close}}@media (prefers-reduced-motion:reduce){.c64-shell .flip-stage.flipped .flip-front>.console,.c64-shell .flip-stage.flipped .flip-back{animation:none!important}.c64-shell .flip-stage.flipped .flip-front>.console{opacity:0}}.c64-shell .flip-stage.flipped .flip-front,.c64-shell .flip-stage.flipped{perspective:1300px;perspective-origin:50% calc(var(--lid-top,0px) + var(--axis,0px))}.c64-shell .flip-stage.flipped .flip-front{z-index:2;position:relative}@media (width>=701px){.c64-shell .flip-stage.flipped:before{content:"";left:var(--lid-left,0);top:var(--lid-top,0);width:var(--lid-w,0);height:var(--lid-h,0);z-index:0;pointer-events:none;background:linear-gradient(#141b17,#222c26);border-radius:6px;position:absolute;box-shadow:inset 0 4px 12px #000,0 1px #fff5}}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .selector-button-block .random-sid,.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .selector-button-block>.saved-key{display:flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-key{color:#27352f;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:2px solid #52655b;border-radius:2px;min-width:49px;min-height:44px;margin-left:0;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-key:disabled{opacity:.45;cursor:default}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.catalog-mobile-close{order:0}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.random-sid{order:1}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-total{order:4}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-infinite-toggle{order:5;margin-left:0!important}.c64-shell .hvsc.search-view .selector-button-block>.playlist-infinite-toggle{display:grid!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-key{justify-content:center;align-items:center;gap:5px;display:inline-flex!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.random-sid{place-items:center;display:grid!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .saved-count{box-sizing:border-box;background:#06191e;border:1px solid #42694b;border-radius:2px;justify-content:center;align-items:center;min-width:16px;min-height:18px;margin:0;padding:1px 3px;display:inline-flex;box-shadow:inset 0 1px 3px #000}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .saved-count svg{width:5px;height:10px}.c64-shell .flip-stage.flipped .flip-back .queue-track-time{margin-top:4px}.c64-shell .flip-stage.flipped .flip-back .queue-track-time .segment-count{background:#06191e;border:1px solid #42694b;border-radius:2px;padding:2px 4px;display:inline-flex;box-shadow:inset 0 1px 3px #000}.c64-shell .flip-stage.flipped .flip-back .queue-track-time .segment-count svg{width:5px;height:9px}.c64-shell .peq-details output,.c64-shell .subtune-key .subtune-readout{background:#06191e;border:1px solid #42694b;border-radius:2px;align-items:center;padding:2px 4px;display:inline-flex;box-shadow:inset 0 1px 3px #000}.c64-shell .peq-details output .segment-text,.c64-shell .subtune-key .segment-text{gap:1px;overflow:visible}.c64-shell .peq-details output svg,.c64-shell .subtune-key .segment-text svg{width:6px;height:11px}@media (width>=701px){.c64-shell .meters-row>.spectrum-module{align-self:stretch;min-width:0;min-height:0;position:relative;display:block!important}.c64-shell .meters-row>.spectrum-module>.spectrum{inset:0;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;position:absolute!important}.c64-shell .meters-row.advanced-panel{align-items:stretch!important}.c64-shell.unfolded .meters-row .spectrum{height:100%!important;min-height:0!important;max-height:none!important}}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .saved-heart{place-items:center;line-height:1;display:inline-grid}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .saved-heart .deck-icon{width:20px;height:20px}@media (width>=701px){.c64-shell .player-body:has(.flip-stage.flipped){perspective:1300px;perspective-origin:50% calc(var(--pb-console-top,0px) + var(--axis,0px))}.c64-shell .flip-stage.flipped~.base-plate{transform-origin:50% calc(var(--axis,0px) - var(--base-dy,0px));backface-visibility:hidden;pointer-events:none;animation:.7s ease-in-out both lid-hinge;z-index:2147482001!important}.c64-shell .flip-stage.flipped.is-closing~.base-plate{animation:.7s ease-in-out reverse both lid-hinge-close}}@media (prefers-reduced-motion:reduce){.c64-shell .flip-stage.flipped~.base-plate{visibility:hidden;animation:none!important}}.c64-shell .eq-deck .eq-bands{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))!important}.c64-shell .eq-deck .eq-band.space-band{border-left:1px solid #a5afa5}.c64-shell .eq-deck .space-readout{background:#06191e;border:1px solid #42694b;border-radius:2px;justify-content:center;align-items:center;min-width:34px;margin-top:3px;padding:2px 5px;display:inline-flex;box-shadow:inset 0 1px 3px #000}.c64-shell .eq-deck .space-readout .segment-text{gap:1px;overflow:visible}.c64-shell .eq-deck .space-readout svg{width:6px;height:11px}.speaker-recess{scale:calc(1 + var(--bass,0) * .1);box-shadow:inset 0 4px 12px #000,0 1px 1px #fff9,0 0 0 2px #91866e,0 0 calc(var(--bass,0) * 26px) calc(var(--bass,0) * 4px) #f5a94270}.speaker-recess .speaker-cone>.speaker-diaphragm{scale:calc(.72 + var(--bass,0) * .42)}.speaker-recess .speaker-cone>.speaker-mid{scale:calc(.8 + var(--mid,0) * .36)}.speaker-recess .speaker-cone>.speaker-tweeter{scale:calc(.7 + var(--treble,0) * .6)}@media (prefers-reduced-motion:reduce){.speaker-recess,.speaker-recess .speaker-cone>*{scale:none}}.c64-shell .player-body>.base-plate{grid-template-columns:minmax(0,1fr) minmax(180px,auto) minmax(0,1fr)}.c64-shell .base-plate .speaker-recess.left,.c64-shell .base-plate .speaker-recess.right{justify-self:center}@media (width>=701px){.c64-shell .player-body>.base-plate:before{content:"";pointer-events:none;background:radial-gradient(circle at 8px,#f0ecdc 0 2px,#8b8168 3px 4px,#4c4434 5px 6px,#0000 6.5px),radial-gradient(circle at calc(100% - 8px),#f0ecdc 0 2px,#8b8168 3px 4px,#4c4434 5px 6px,#0000 6.5px),linear-gradient(#0000 4px,#6d634d 4px 5px,#3b3427 5px 7px,#f2ecd6 7px 8px,#0000 8px);height:12px;position:absolute;top:-19px;left:-16px;right:-16px}}@media (width<=560px){.c64-shell .player-body>.base-plate{grid-template-columns:1fr 1fr}}.speaker-recess .speaker-grille{--buzz:calc(max(0, var(--bass,0) - .42) * 2.4);animation:55ms linear infinite alternate grille-buzz;inset:-3px}@keyframes grille-buzz{0%{translate:calc(var(--buzz) * -1.6px) calc(var(--buzz) * .6px)}to{translate:calc(var(--buzz) * 1.6px) calc(var(--buzz) * -.6px)}}@media (prefers-reduced-motion:reduce){.speaker-recess .speaker-grille{animation:none}}@media (width<=560px){.c64-shell .flip-stage.flipped .flip-back .selector-button-block{gap:6px!important;padding:8px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .hifi-slide-legend,.c64-shell .flip-stage.flipped .flip-back .selector-button-block .saved-count{display:none}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-key{width:46px;min-width:46px;padding:0}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.hifi-slide{flex:auto!important;gap:0!important}.c64-shell .player-body>.base-plate{grid-template-columns:1fr;justify-items:center;row-gap:14px}.c64-shell .base-plate .speaker-recess.right{display:none}.c64-shell .base-plate .speaker-recess.left{border-radius:50%;justify-self:center;width:min(82%,300px)!important;height:min(56vw,208px)!important}.c64-shell .base-center{grid-area:2/1}}.c64-shell .title-subtune .subtune-half{cursor:pointer;background:0 0;border:0;width:50%;padding:0;position:absolute;top:-6px;bottom:-6px}.c64-shell .title-subtune .subtune-half.prev{left:-4px}.c64-shell .title-subtune .subtune-half.next{right:-4px}.c64-shell .title-subtune .subtune-half:hover{background:#78d3ea1f}.c64-shell .title-subtune .subtune-half:active{background:#78d3ea3a}.c64-shell .title-subtune .subtune-half:focus-visible{outline-offset:1px;outline:2px solid #f5cd80}.c64-shell .flip-stage .flip-front,.c64-shell .flip-stage .flip-back{transition:none!important}.c64-shell .flip-stage:not(.flipped) .flip-back{visibility:hidden;opacity:0}.add-all-queue{letter-spacing:.1em;color:#27352f;cursor:pointer;background:#c8ccc5;border:1px solid #718078;border-bottom:3px solid #52655b;border-radius:2px;width:100%;min-height:44px;margin-top:10px;font:800 12px/1.1 Arial Narrow,Arial,sans-serif;display:block;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.add-all-queue:active{border-bottom-width:2px;transform:translateY(1px)}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view .add-all-queue{display:none}.c64-shell .eq-deck .space-band{position:relative}.c64-shell .eq-deck .band-pilot{background:#8e9690;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px;box-shadow:inset 0 1px 2px #536057,0 1px #e0e3da}.c64-shell .eq-deck .band-pilot.lit{background:#71c875;box-shadow:0 0 5px #6dbb6d,inset 0 1px #e0f5d7}.c64-shell .eq-deck .band-pilot{top:3px;left:calc(50% + 30px);right:auto}.c64-shell .rotary-wrap{position:relative}.c64-shell .rotary-ends{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.c64-shell .rotary-ends path{stroke:#5c6a5f;stroke-width:3px;fill:none}.c64-shell .rotary-ends text{fill:#3f4943;font:700 19px Arial Narrow,Arial,sans-serif}.c64-shell .eq-deck .eq-band>.rotary-wrap{margin-top:30px}.c64-shell .eq-deck .band-pilot{top:2px;left:calc(50% + 46px)}@keyframes lid-hinge-close{0%,49%{visibility:visible}0%{rotate:x 0deg}51%,to{visibility:hidden}to{rotate:x -180deg}}@keyframes browser-flip-close{0%,49%{visibility:hidden}0%{rotate:x 180deg}51%,to{visibility:visible}to{rotate:x 0deg}}@keyframes browser-reveal-full-close{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes manual-fade-close{0%{opacity:0}to{opacity:1}}@keyframes manual-head-close{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}@keyframes manual-unfold-close{0%{opacity:0;filter:brightness(.6);transform:rotateX(-92deg)}60%{opacity:1}to{opacity:1;filter:none;transform:none}}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-count{order:2;display:inline-flex}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-key{order:2}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.hifi-slide{order:3}.c64-shell .eq-deck .eq-band>label{margin:0 0 7px}.c64-shell .eq-deck .eq-band>.rotary-wrap{margin:0 auto 12px}.c64-shell .rotary-ends path{stroke-width:2.4px}.c64-shell .control-top .eq-deck .eq-band>label,.c64-shell.folded .eq-deck .eq-band>label,.c64-shell.unfolded .eq-deck .eq-band>label{margin:0 0 7px!important}@media (width<=700px){.c64-shell .control-top .eq-deck .eq-band>label,.c64-shell.folded .eq-deck .eq-band>label,.c64-shell.unfolded .eq-deck .eq-band>label{margin:0 0 5px!important}.c64-shell .eq-deck .eq-band>.rotary-wrap{margin:0 auto 9px}.c64-shell .rotary-ends text{display:none}}.c64-shell .console>.controls.transport-controls>button.favorite-key.favorite-on:after,.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:after,.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause:after,.c64-shell .eq-deck .band-pilot.lit{background:radial-gradient(circle at 38% 32%,#ffe6df 0,#ff6c5a 32%,#e0301f 72%,#a01a12 100%);box-shadow:0 0 2px 1px #ff6e5af2,0 0 8px 3px #ff403099,0 0 16px 6px #ff322847}.c64-shell .console>.controls.transport-controls>button.favorite-key.favorite-on:after,.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:after,.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause:after{width:8px;height:8px;top:4px;right:5px}.c64-shell .eq-deck .band-pilot{width:8px;height:8px}.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:not(:disabled):after,.c64-shell .playlist-infinite-toggle.is-active .playlist-infinite-pilot{background:radial-gradient(circle at 38% 32%,#ffe6df 0,#ff6c5a 32%,#e0301f 72%,#a01a12 100%);box-shadow:0 0 2px 1px #ff6e5af2,0 0 8px 3px #ff403099,0 0 16px 6px #ff322847}.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:not(:disabled):after{width:8px;height:8px;top:4px;right:5px}.c64-shell .eq-deck .space-band{justify-content:center;align-items:center;display:flex}.c64-shell .eq-deck .wide-key{color:#27352f;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#d4d8d0,#c1c6bd);border:1px solid #718078;border-bottom:3px solid #52655b;border-radius:2px;min-width:62px;min-height:38px;padding:6px 12px;font:800 10px/1 Arial Narrow,Arial,sans-serif;position:relative;box-shadow:inset 1px 1px 1px #f8f9ee,2px 3px 2px #26332b66}.c64-shell .eq-deck .wide-key:active{border-bottom-width:2px;transform:translateY(1px)}.c64-shell .eq-deck .wide-key:after{content:"";background:#8e9690;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:5px;box-shadow:inset 0 1px 2px #536057,0 1px #e0e3da}.c64-shell .eq-deck .wide-key.lit:after{background:radial-gradient(circle at 38% 32%,#ffe6df 0,#ff6c5a 32%,#e0301f 72%,#a01a12 100%);box-shadow:0 0 2px 1px #ff6e5af2,0 0 8px 3px #ff403099,0 0 16px 6px #ff322847}.c64-shell .eq-deck .wide-key:focus-visible{outline-offset:2px;outline:2px solid #256b63}@property --led{syntax:"<number>";inherits:false;initial-value:0}.c64-shell{--led-c1:#e8ffea;--led-c2:#64f078;--led-c3:#1fb63a;--led-c4:#0c6a1f;--led-glow:70 255 105}.c64-shell .console>.controls.transport-controls>button.favorite-key:after,.c64-shell .console>.controls.transport-controls>button.radio-button:after,.c64-shell .console>.controls.transport-controls>button.radio-button:not(:disabled):after,.c64-shell .eq-deck .wide-key:after,.c64-shell .scrobble-key:after,.c64-shell .playlist-infinite-toggle .playlist-infinite-pilot{transition:--led .18s ease-out;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--led-c1) calc(var(--led)*100%),#a9b0aa) 0,color-mix(in srgb,var(--led-c2) calc(var(--led)*100%),#8e9690) 32%,color-mix(in srgb,var(--led-c3) calc(var(--led)*100%),#8e9690) 72%,color-mix(in srgb,var(--led-c4) calc(var(--led)*100%),#7d857f) 100%)!important;box-shadow:0 0 2px 1px rgb(var(--led-glow)/calc(.95*var(--led))),0 0 8px 3px rgb(var(--led-glow)/calc(.6*var(--led))),0 0 16px 6px rgb(var(--led-glow)/calc(.28*var(--led))),inset 0 1px 2px rgb(83 96 87/calc(1 - var(--led))),0 1px rgb(224 227 218/calc(1 - var(--led)))!important}.c64-shell .console>.controls.transport-controls>button.favorite-key.favorite-on:after,.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:after,.c64-shell .eq-deck .wide-key.lit:after,.c64-shell .scrobble-key.connected:after,.c64-shell .playlist-infinite-toggle.is-active .playlist-infinite-pilot{--led:1;transition:--led 40ms ease-in}@keyframes led-on{0%{--led:0}to{--led:1}}.c64-shell.leds-boot .eq-deck .wide-key.lit:after{animation:.12s ease-in .55s backwards led-on}.c64-shell.leds-boot .console>.controls.transport-controls>button.favorite-key.favorite-on:after{animation:.12s ease-in .7s backwards led-on}.c64-shell.leds-boot .console>.controls.transport-controls>button.radio-button.radio-on:after{animation:.12s ease-in .85s backwards led-on}@media (prefers-reduced-motion:reduce){.c64-shell .console>.controls.transport-controls>button:after,.c64-shell .eq-deck .wide-key:after,.c64-shell .playlist-infinite-pilot{transition:none!important;animation:none!important}}.c64-shell .eq-deck .space-band{align-self:stretch;min-height:0}.c64-shell .eq-deck .wide-key{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:72px;padding:7px 14px 7px 10px;font-size:9px;line-height:1.1;display:flex}.c64-shell .eq-deck .space-band{position:relative;top:-7px}@media (width<=700px){.c64-shell .eq-deck .space-band{top:3px}.c64-shell .eq-deck .wide-key{letter-spacing:.04em;min-width:0;padding:5px 9px 5px 5px;font-size:7px}.c64-shell .eq-deck .wide-key:after{width:6px;height:6px;top:3px;right:3px}}.c64-shell .base-plate .speaker-recess{cursor:pointer}@media (width>=561px){.c64-shell .player-body>.base-plate.plate-slide{grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center;row-gap:8px;container-type:inline-size}.c64-shell .plate-slide .base-center{display:contents}.c64-shell .plate-slide .speaker-recess{grid-area:1/1;transition:transform .64s cubic-bezier(.55,0,.25,1) .16s,filter .4s .2s;justify-self:center!important;display:block!important}.c64-shell .plate-slide .speaker-recess.left{z-index:2;transform:translate(calc(-25cqw - 45px))}.c64-shell .plate-slide .speaker-recess.right{z-index:1;transform:translate(calc(25cqw + 45px))}.c64-shell .plate-slide.plate-mono .speaker-recess.left,.c64-shell .plate-slide.plate-mono .speaker-recess.right{transform:none}.c64-shell .plate-slide.plate-mono .speaker-recess.right{filter:brightness(.8)}.c64-shell .plate-slide .base-nameplate{opacity:1;grid-area:1/1;place-self:center;transition:opacity .35s .55s}.c64-shell .plate-slide.plate-mono .base-nameplate{opacity:0;pointer-events:none;transition:opacity .15s}.c64-shell .plate-slide .base-keys{grid-area:2/1;justify-self:center}.c64-shell .plate-slide.plate-moving .speaker-recess.left{animation:.82s ease-in-out speaker-lift}@keyframes speaker-lift{0%,to{translate:0}22%,68%{translate:0 -9px}}}@media (prefers-reduced-motion:reduce){.c64-shell .plate-slide .speaker-recess,.c64-shell .plate-slide .base-nameplate{transition:none!important}.c64-shell .plate-slide.plate-moving .speaker-recess.left{animation:none}}.c64-shell .eq-deck .wide-key:after{display:none!important}.c64-shell .eq-deck .wide-key{padding:7px 12px;transition:transform 90ms ease-out,border-bottom-width 90ms ease-out,box-shadow 90ms ease-out,background .12s ease-out}.c64-shell .eq-deck .wide-key[aria-pressed=true]{background:linear-gradient(#b4bcb1,#c4c9c0);border-bottom-width:1px;transform:translateY(2px);box-shadow:inset 0 3px 5px #26332b88,inset 0 0 0 1px #8a968b,0 1px #e0e3da}.c64-shell .eq-deck .wide-key[aria-pressed=true]:active{transform:translateY(2px)}@media (width<=700px){.c64-shell .eq-deck .wide-key{padding:5px 7px}}.display-window .crt-glow{z-index:2;pointer-events:none;border-radius:25px/18px;position:absolute;inset:12px 67px 12px 12px;overflow:hidden}.display-window .crt-glow:before{content:"";opacity:0;background:#eafff0;border-radius:2px;width:100%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 2px #96ffbed9,0 0 28px 8px #6ee6a066}@media (width<=700px){.display-window .crt-glow{border-radius:18px/14px;inset:8px 45px 8px 8px}}.display-window.crt-off .visual{animation:.7s cubic-bezier(.6,0,.9,.5) both crt-off-raster}.display-window.crt-off .veil{opacity:0;transition:opacity .18s ease-out}.display-window.crt-off .crt-glow:before{animation:.7s ease-in both crt-off-glow}.display-window.crt-on .visual{animation:1.1s cubic-bezier(.2,.7,.2,1) both crt-on-raster}.display-window.crt-on .veil{animation:.45s ease-out .7s both crt-veil-in}.display-window.crt-on .crt-glow:before{animation:1.1s ease-out both crt-on-glow}.display-window.crt-wait:before,.c64-shell.is-off .screen-sleep:before{content:none!important}@keyframes crt-off-raster{0%{filter:brightness()saturate();opacity:1;transform:scale(1)}45%{filter:brightness(2.6)saturate(.3);opacity:1;transform:scaleY(.006)}78%{filter:brightness(5);opacity:1;transform:scale(.012,.006)}to{filter:brightness(5);opacity:0;transform:scale(0)}}@keyframes crt-off-glow{0%,38%{opacity:0;width:100%;height:2px}46%{opacity:1;width:96%;height:2px}78%{opacity:1;border-radius:50%;width:5px;height:5px}to{opacity:0;border-radius:50%;width:2px;height:2px}}@keyframes crt-on-raster{0%,8%{filter:brightness(6);opacity:0;transform:scale(.01,.004)}14%{opacity:1}34%{filter:brightness(5);transform:scaleY(.004)}72%{filter:brightness(2.4)saturate(.4);transform:scale(1)}to{filter:brightness()saturate();opacity:1;transform:scale(1)}}@keyframes crt-on-glow{0%{opacity:0;border-radius:50%;width:4px;height:4px}10%{opacity:1;width:6px;height:4px}34%{opacity:1;border-radius:2px;width:100%;height:2px}62%{opacity:.5;width:100%;height:2px}to{opacity:0;width:100%;height:2px}}@keyframes crt-veil-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.display-window .visual,.display-window .veil,.display-window .crt-glow:before{animation:none!important}.c64-shell.folded .screen-carriage,.c64-shell.folded .screen-carriage>.deck{transition-delay:0s!important}}.c64-shell .console>.controls.transport-controls>button.radio-button:after,.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:after,.c64-shell .console>.controls.transport-controls>button.radio-button.radio-on:not(:disabled):after{display:none!important}.manual-panels .manual-functions ul{gap:5px;margin:6px 0 0;padding:0;list-style:none;display:grid}.manual-panels .manual-functions li{color:#33372f;font:12px/1.45 Arial Narrow,Arial,sans-serif}.manual-panels .manual-functions li strong{letter-spacing:.06em;color:#26382e;font-weight:800}.c64-shell{--dip:7px}@media (width<=700px){.c64-shell{--dip:4px}}.c64-shell .handle-pocket:before,.c64-shell .handle-toggle{transition:top .75s cubic-bezier(.5,0,.3,1),height .75s cubic-bezier(.5,0,.3,1)}.c64-shell.folded .handle-pocket:before,.c64-shell.folded .handle-toggle{transition:top .85s cubic-bezier(.2,1.5,.4,1) .7s,height .85s cubic-bezier(.2,1.5,.4,1) .7s}.c64-shell.handle-closing .handle-pocket:before,.c64-shell.handle-closing .handle-toggle{animation:.85s ease-in-out .7s handle-pull}.c64-shell.handle-opening .handle-pocket:before,.c64-shell.handle-opening .handle-toggle{animation:.85s ease-in-out handle-thunk}@keyframes handle-pull{0%{transform:translateY(0)}16%{transform:translateY(var(--dip))}to{transform:translateY(0)}}@keyframes handle-thunk{0%,68%{transform:translateY(0)}80%{transform:translateY(var(--dip))}91%{transform:translateY(calc(var(--dip) * -.3))}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.c64-shell .handle-pocket:before,.c64-shell .handle-toggle{transition:none!important;animation:none!important}}.c64-shell.handle-opening .handle-pocket:before,.c64-shell.handle-opening .handle-toggle,.c64-shell.handle-closing .handle-pocket:before,.c64-shell.handle-closing .handle-toggle{transition:top .75s cubic-bezier(.5,0,.3,1),height .75s cubic-bezier(.5,0,.3,1)}.c64-shell.folded.handle-closing .handle-pocket:before,.c64-shell.folded.handle-closing .handle-toggle{transition:top .85s cubic-bezier(.2,1.5,.4,1) .7s,height .85s cubic-bezier(.2,1.5,.4,1) .7s}@media (prefers-reduced-motion:reduce){.c64-shell .handle-pocket:before,.c64-shell .handle-toggle{transition:none!important}}.manual-panels .manual-functions{grid-column:1/-1}.manual-panels .manual-functions ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.manual-panels .manual-functions li{font-size:11px}@media (width<=700px){.manual-panels .manual-functions ul{grid-template-columns:1fr}}.c64-shell .base-keys{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}@media (width>=701px){.c64-shell .flip-stage.flipped .flip-back{max-height:calc(100dvh - 16px)!important}}.c64-shell .scrobble-key{padding-right:22px;position:relative}.c64-shell .scrobble-key:after{content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:5px}.c64-shell .scrobble-key.connected.flash:after{--led:.2}.c64-shell .scrobble-key span{letter-spacing:0;font-size:8px}.c64-shell .scrobble-key:after,.c64-shell .playlist-infinite-toggle .playlist-infinite-pilot{display:none!important}.c64-shell .playlist-infinite-toggle.is-active,.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-infinite-toggle.is-active{background:linear-gradient(#b4bcb1,#c4c9c0)!important;border-bottom-width:1px!important;transform:translateY(2px)!important;box-shadow:inset 0 3px 5px #26332b88,inset 0 0 0 1px #8a968b!important}.c64-shell .scrobble-key[aria-pressed=true].flash{border-bottom-width:3px;transform:translateY(0)}.c64-shell .click-selector{color:#30382f;background:linear-gradient(115deg,#d8d9cd,#b9beb5 55%,#d3d3c5);border:1px solid #91866b;border-radius:3px;flex-direction:column;align-items:center;gap:3px;padding:5px 9px 4px;display:inline-flex;box-shadow:inset 0 1px #fffc,0 1px 2px #0003}.c64-shell .click-selector-name{letter-spacing:.24em;margin-right:-.24em;font:800 9px/1 Arial Narrow,Arial,sans-serif}.c64-shell .click-selector-track{background:linear-gradient(#17201b,#314037);border-radius:7px;width:96px;height:14px;position:relative;box-shadow:inset 0 2px 4px #000c,0 1px #fff8}.c64-shell .click-selector-lever{top:-3px;left:calc((100% - 28px) * var(--p));box-sizing:border-box;pointer-events:none;background:repeating-linear-gradient(90deg,#0002 0 1px,#0000 1px 4px),linear-gradient(#eef0e4,#9ba998);border:1px solid #738374;border-radius:4px;width:28px;height:20px;transition:left .12s cubic-bezier(.3,1.4,.5,1);position:absolute;box-shadow:1px 2px 3px #0007,inset 0 1px #fff}.c64-shell .click-selector-track button{cursor:pointer;opacity:0;background:0 0;border:0;width:33.34%;padding:0;position:absolute;top:-4px;bottom:-4px}.c64-shell .click-selector-track button:first-of-type{left:0}.c64-shell .click-selector-track button:nth-of-type(2){left:33.33%}.c64-shell .click-selector-track button:nth-of-type(3){left:66.66%}.c64-shell .click-selector-track button:focus-visible{opacity:1;outline-offset:1px;border-radius:5px;outline:2px solid #256b63}.c64-shell .click-selector-legends{letter-spacing:.06em;color:#3f4943;justify-content:space-between;width:100%;font:800 7px/1 Arial Narrow,Arial,sans-serif;display:flex}@media (prefers-reduced-motion:reduce){.c64-shell .click-selector-lever{transition:none}}.c64-shell .base-keys>.manual-key,.c64-shell .base-keys>.click-selector{box-sizing:border-box;flex:0 0 132px;justify-content:center;width:132px;height:54px}.c64-shell .base-keys>.manual-key{padding:0 10px}@media (width<=520px){.c64-shell .base-keys>.manual-key,.c64-shell .base-keys>.click-selector{flex-basis:calc(33.3333vw - 21.3333px);width:calc(33.3333vw - 21.3333px);min-width:96px}.c64-shell .base-keys{flex-wrap:nowrap;gap:6px}}.load-meter{z-index:50;color:#9fe6a0;white-space:pre;pointer-events:none;background:#0b1210e8;border-radius:3px;gap:12px;padding:4px 8px;font:11px/1.2 ui-monospace,Menlo,monospace;display:flex;position:fixed;bottom:8px;left:8px}.c64-shell .base-keys>.core-selector{box-sizing:border-box;flex:0 0 132px;justify-content:center;width:132px;height:54px}@media (width<=520px){.c64-shell .base-keys{flex-wrap:wrap;gap:6px}.c64-shell .base-keys>.manual-key,.c64-shell .base-keys>.click-selector,.c64-shell .base-keys>.core-selector{flex-basis:calc(50vw - 35px);width:calc(50vw - 35px);max-width:150px}}.c64-shell .title-clock{letter-spacing:.08em;border-left:1px solid #31525a;flex-direction:column;flex:none;justify-content:center;align-self:stretch;gap:3px;margin-left:2px;padding:0 6px 0 7px;font:700 8px/1 Arial Narrow,Arial,sans-serif;display:inline-flex}.c64-shell .title-clock i{color:#1f4c50;font-style:normal}.c64-shell .title-clock i.on{color:#5de6f0;text-shadow:0 0 4px #2cc8d4}.c64-shell .player-body>.now-playing-strip.title-console{min-height:36px}.c64-shell .setup-hatch{perspective:700px;background:linear-gradient(#2d332e,#3c443d);border-radius:8px;padding:8px 10px;position:relative;box-shadow:inset 0 3px 8px #000c,inset 0 -1px #fff2,0 1px #fff6}.c64-shell .plate-slide .setup-hatch{grid-area:2/1;justify-self:center}.c64-shell .setup-hatch .base-keys{grid-area:auto;justify-self:auto}.c64-shell .setup-lid{z-index:6;cursor:pointer;letter-spacing:.42em;color:#5a533f;transform-origin:50% 0;touch-action:manipulation;background:linear-gradient(170deg,#dcd0b3,#c3b698 55%,#d3c7a9);border:1px solid #8a7e65;border-top:2px solid #f6ecd0;border-radius:8px;justify-content:center;align-items:center;padding:0;font:800 9px Arial Narrow,Arial,sans-serif;display:flex;position:absolute;inset:0;box-shadow:inset 0 -3px #9b8f74,inset 0 1px #fff7,0 3px 5px #4b412e66}.c64-shell .setup-lid span{margin-right:-.42em}.c64-shell .setup-lid:before{content:"";opacity:.55;pointer-events:none;border:1px solid #a89c80;border-radius:4px;position:absolute;inset:9px 10px}.c64-shell .setup-lid:after{content:"";opacity:.8;background:repeating-linear-gradient(90deg,#8a7e66 0 1px,#0000 1px 4px);width:64px;height:9px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.c64-shell .setup-lid:focus-visible,.c64-shell .setup-tab:focus-visible{outline-offset:2px;outline:2px solid #f5cd80}.c64-shell .setup-tab{cursor:pointer;letter-spacing:.36em;color:#5a533f;background:linear-gradient(#d3c7a9,#b7ab8d);border:1px solid #8a7e65;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:10px;width:100%;height:16px;margin-top:8px;padding:0;font:800 7px/1 Arial Narrow,Arial,sans-serif;display:flex;box-shadow:inset 0 1px #fff7,inset 0 -2px #9b8f74}.c64-shell .setup-tab span{margin-right:-.36em}.c64-shell .setup-tab:before,.c64-shell .setup-tab:after{content:"";opacity:.75;background:repeating-linear-gradient(90deg,#8a7e66 0 1px,#0000 1px 4px);width:34px;height:7px}.c64-shell .setup-hatch.is-closed .setup-tab{visibility:hidden}.c64-shell .setup-hatch.is-open .setup-lid{display:none}@keyframes lid-open{0%{opacity:1;transform:translateY(0)scale(1)rotateX(0)}16%{opacity:1;transform:translateY(2px)scale(.982)rotateX(0);box-shadow:inset 0 -1px #9b8f74,inset 0 1px #fff4,0 1px 2px #4b412e66}30%{opacity:1;transform:translateY(2px)scale(.982)rotateX(0);box-shadow:inset 0 -1px #9b8f74,inset 0 1px #fff4,0 1px 2px #4b412e66}78%{opacity:1;transform:translateY(-2px)scale(1)rotateX(-84deg)}to{opacity:0;transform:translateY(-4px)scale(1)rotateX(-90deg)}}.c64-shell .setup-hatch.is-opening .setup-lid{animation:.9s cubic-bezier(.4,0,.3,1) both lid-open}.c64-shell .setup-hatch.is-closing .setup-lid{animation:.9s cubic-bezier(.4,0,.3,1) reverse both lid-open}.c64-shell .setup-hatch.is-opening .setup-tab{animation:.5s .45s both tab-in}.c64-shell .setup-hatch.is-closing .setup-tab{animation:.4s reverse both tab-in}@keyframes tab-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.c64-shell .setup-hatch .setup-lid,.c64-shell .setup-hatch .setup-tab{animation:none!important}}@media (width<=520px){.c64-shell .setup-hatch .base-keys>.manual-key,.c64-shell .setup-hatch .base-keys>.click-selector,.c64-shell .setup-hatch .base-keys>.core-selector{max-width:none}.c64-shell .setup-hatch{box-sizing:border-box;align-self:stretch;width:100%}.c64-shell .setup-hatch .base-keys{justify-content:center;gap:6px;width:100%}.c64-shell .setup-hatch .base-keys>.manual-key,.c64-shell .setup-hatch .base-keys>.click-selector,.c64-shell .setup-hatch .base-keys>.core-selector{flex:0 0 calc(50% - 3px)!important;width:calc(50% - 3px)!important;max-width:none!important}}@media (width<=700px){.c64-shell .console>.control-top{position:relative}.c64-shell .console>.control-top:has(.peq-details){overflow:visible!important}.c64-shell .control-top .eq-deck .eq-band,.c64-shell .control-top .eq-deck{position:static!important}.c64-shell .control-top .eq-deck .peq-details,.c64-shell .eq-band:nth-child(n) .peq-details{box-sizing:border-box;width:min(275px,100vw - 32px)!important;max-width:none!important;position:absolute!important;top:calc(100% + 6px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.c64-shell .flip-front:has(.peq-details){overflow:visible!important}.c64-shell .eq-deck .peq-details .peq-knobs{grid-template-columns:1fr 1fr;place-items:start center;gap:8px;display:grid!important}.c64-shell .eq-deck .peq-details .peq-knobs label{text-align:center;justify-items:center}}.c64-shell .eq-band,.c64-shell .rotary-wrap,.c64-shell .rotary-knob{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.c64-shell .rotary-knob{touch-action:none}.c64-shell .eq-band-label{cursor:pointer;touch-action:manipulation}.c64-shell .eq-band-label:focus-visible{outline-offset:2px;outline:2px solid #f5cd80}.c64-shell{--shell-pad:22px;--cut-w:calc(var(--shell-pad) + 4px);clip-path:polygon(-200px -400px,calc(100% + 200px) -400px,calc(100% + 200px) var(--neck-top,0px),calc(100% - var(--cut-w)) var(--neck-top,0px),calc(100% - var(--cut-w)) calc(var(--neck-top,0px) + var(--neck-h,0px)),calc(100% + 200px) calc(var(--neck-top,0px) + var(--neck-h,0px)),calc(100% + 200px) calc(100% + 400px),-200px calc(100% + 400px),-200px calc(var(--neck-top,0px) + var(--neck-h,0px)),var(--cut-w) calc(var(--neck-top,0px) + var(--neck-h,0px)),var(--cut-w) var(--neck-top,0px),-200px var(--neck-top,0px))}.device-stage{filter:drop-shadow(0 0 .7px #8d8067)drop-shadow(0 10px 11px #0003)}@media (width<=700px){.c64-shell .screen-carriage{--screen-inset:12px}.c64-shell{--shell-pad:9px;--cut-w:calc(12px + var(--shell-pad) + 4px)}}.c64-shell .screen-carriage:after{content:"";z-index:7;pointer-events:none;box-sizing:border-box;opacity:clamp(0, var(--rise,1) * 4, 1);border-top:2px solid #8d8067;border-bottom:2px solid #8d8067;border-radius:0;position:absolute;inset:0;box-shadow:inset 9px 0 9px -5px #0000007a,inset -9px 0 9px -5px #0000007a,inset 0 12px 10px -6px #00000085,inset 0 -5px 7px -4px #00000040}.c64-shell:before,.c64-shell:after{content:"";z-index:8;pointer-events:none;height:5px;position:absolute;left:-2px;right:-2px}.c64-shell:before{top:calc(var(--neck-top,0px) - 5px);background:linear-gradient(#0000,#0000 40%,#f1e8d0 42%,#c9bc9d 55%,#8d8067 92%,#5f5644 100%);box-shadow:0 -1px #0000}.c64-shell:after{top:calc(var(--neck-top,0px) + var(--neck-h,0px));background:linear-gradient(#5f5644 0,#8d8067 8%,#e6dcc2 55%,#d3c8ae 100%);box-shadow:0 2px 3px #4b412e55}.c64-shell .player-body>.base-plate.plate-slide{row-gap:32px}.c64-shell .title-clock{grid-template-columns:auto auto auto;align-content:center;justify-items:start;gap:3px 6px;font-size:7px;line-height:1;display:grid}.c64-shell .title-clock i{text-shadow:none;display:block}.c64-shell .title-clock i.on{text-shadow:0 0 4px #2cc8d4}.c64-shell .title-clock .eng-gap{grid-area:1/1}.c64-shell .title-clock i.pal{grid-area:1/2}.c64-shell .title-clock i.ntsc{grid-area:1/3}.c64-shell .title-clock i.eng-js{grid-area:2/1}.c64-shell .title-clock i.lite{grid-area:2/2}.c64-shell .title-clock i.resid{grid-area:2/3}.c64-shell .core-key span{letter-spacing:0;font-size:8px}.c64-shell .core-key[aria-pressed=true]{background:linear-gradient(#b4bcb1,#c4c9c0);border-bottom-width:1px;transform:translateY(2px);box-shadow:inset 0 3px 5px #26332b88,inset 0 0 0 1px #8a968b,0 1px #e0e3da}.c64-shell .core-key[aria-pressed=true]:active{transform:translateY(2px)}.c64-shell.folded .display-window{height:clamp(320px,46vw,470px)}@media (width<=600px){.c64-shell.folded .display-window,.c64-shell .display-window{height:390px}}@media (width>=601px) and (width<=700px){.c64-shell.folded .display-window{height:clamp(320px,46vw,470px)}}.c64-shell .meters-row.advanced-panel,.c64-shell.folded .meters-row.advanced-panel,.c64-shell.unfolded .meters-row.advanced-panel{opacity:1!important;max-height:none!important;transition:none!important;transform:none!important}.c64-shell .transport-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.c64-shell .transport-head .sub-keys{letter-spacing:.14em;color:#3f4943;align-items:center;gap:4px;font-size:7px;display:inline-flex}.c64-shell .sub-key{color:#24392d;cursor:pointer;background:linear-gradient(#f3f2e7,#aeb7ad);border:1px solid #718078;border-bottom-width:3px;border-radius:2px;width:30px;height:20px;padding:0;font:800 10px/1 Arial,sans-serif;position:relative;box-shadow:0 2px 1px #35443a55}.c64-shell .sub-key:before{content:"";position:absolute;inset:-9px -4px}.c64-shell .sub-key:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.c64-shell .sub-key:disabled{opacity:.45;cursor:default;box-shadow:none}.c64-shell .sub-key:focus-visible{outline-offset:2px;outline:2px solid #f5cd80}.c64-shell .flip-stage.flipped .flip-back .selector-button-block button:has(.saved-heart)[aria-pressed=true]{transform:translateY(2px);background:linear-gradient(#b4bcb1,#c4c9c0)!important;border-bottom-width:1px!important;box-shadow:inset 0 3px 5px #26332b88,inset 0 0 0 1px #8a968b,0 1px #e0e3da!important}.manual-overlay .manual-head,.manual-overlay .manual-panels section,.manual-overlay .manual-foot,.manual-overlay.is-closing .manual-head,.manual-overlay.is-closing .manual-panels section,.manual-overlay.is-closing .manual-foot{animation:none!important}.manual-overlay .manual-plate.manual-sheet{backface-visibility:hidden;transform-origin:50% 0!important;animation:.62s cubic-bezier(.3,.6,.25,1) both manual-sheet!important}.manual-overlay.is-closing .manual-plate.manual-sheet{animation:.62s cubic-bezier(.3,.6,.25,1) reverse both manual-sheet!important}.manual-overlay .manual-plate.manual-sheet:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000 calc(25% - 6px),#0000002e calc(25% - 1px),#fff5 25%,#0000 calc(25% + 7px) calc(50% - 6px),#0000002e calc(50% - 1px),#fff5 50%,#0000 calc(50% + 7px) calc(75% - 6px),#0000002e calc(75% - 1px),#fff5 75%,#0000 calc(75% + 7px)),linear-gradient(0deg,#0000 calc(50% - 6px),#0000002e calc(50% - 1px),#fff5 50%,#0000 calc(50% + 7px));animation:.62s ease-out both manual-creases;position:absolute;inset:0}.manual-overlay.is-closing .manual-plate.manual-sheet:after{animation:.62s ease-out reverse both manual-creases}@keyframes manual-sheet{0%{opacity:0;filter:brightness(.7);transform:perspective(1600px)rotateX(-88deg)scaleX(.3)}35%{opacity:1;filter:brightness(.88);transform:perspective(1600px)rotateX(-8deg)scaleX(.3)}55%{filter:brightness(.95);transform:perspective(1600px)rotateX(0)scaleX(.3)}to{opacity:1;filter:none;transform:perspective(1600px)rotateX(0)scaleX(1)}}@keyframes manual-creases{0%,55%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.manual-overlay .manual-plate.manual-sheet,.manual-overlay .manual-plate.manual-sheet:after{animation:none!important}}.manual-overlay .manual-plate.manual-sheet{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#f4f2ea!important;border:1px solid #9d9a8e!important;padding:14px 16px!important}.manual-overlay .manual-head{align-items:flex-end;color:#111!important;border-bottom:3px double #1b1b1b!important;padding:4px 2px 10px!important}.manual-overlay .manual-head strong{font-style:italic;letter-spacing:-.01em!important;font:900 30px/1 Helvetica Neue,Helvetica,Arial,sans-serif!important}.manual-overlay .manual-head span{text-align:right;text-transform:uppercase;letter-spacing:.16em!important;font:700 10px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif!important}.manual-overlay .manual-head button{color:#111;letter-spacing:.1em;border-radius:0;font:700 10px Helvetica,Arial,sans-serif;background:#f4f2ea!important;border:1.5px solid #111!important}.manual-overlay .manual-intro{color:#222;max-width:62ch;margin:9px 2px 10px;font:italic 11px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif}.manual-overlay .manual-panels{gap:0;border-top:1.5px solid #1b1b1b!important;border-left:0!important}.manual-overlay .manual-panels section{border:1px solid #c3c0b4!important;border-top:0!important;border-left:0!important;padding:11px 12px 12px!important}.manual-overlay .manual-panels section:nth-child(4n){border-right:0!important}.manual-overlay .manual-panels b{text-transform:uppercase;align-items:center;gap:7px;display:flex;letter-spacing:.06em!important;color:#111!important;font:800 10.5px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif!important}.manual-overlay .manual-panels b i{color:#f4f2ea;background:#111;flex:none;place-items:center;min-width:17px;height:17px;font:900 11px/1 Helvetica,Arial,sans-serif;display:inline-grid}.manual-overlay .manual-panels p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:7px 0 0;color:#1b1b1b!important;font:10.5px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif!important}.manual-overlay .manual-panels p.manual-note{text-align:left;-webkit-hyphens:manual;hyphens:manual;border:1px solid #111;padding:5px 7px;font-size:10px!important}.manual-overlay .manual-panels p.manual-note em{letter-spacing:.1em;font-style:normal;font-weight:900}.manual-overlay .manual-panels .manual-functions li{color:#1b1b1b!important;font:10.5px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif!important}.manual-overlay .manual-panels .manual-functions li strong{letter-spacing:.05em;color:#111!important}.manual-overlay .manual-panels .manual-functions{border-top:1.5px solid #1b1b1b!important;border-bottom:0!important;border-right:0!important}.manual-overlay .manual-foot{border-top:3px double #1b1b1b;margin-top:6px;color:#111!important;text-align:center!important;letter-spacing:.16em!important;font:700 8.5px Helvetica,Arial,sans-serif!important}.manual-overlay .manual-plate.manual-sheet:after{mix-blend-mode:multiply}.manual-overlay .manual-portal{clip-path:none!important}.manual-overlay .manual-portal:before,.manual-overlay .manual-portal:after{display:none!important}.manual-overlay .manual-plate.manual-sheet,.manual-overlay.is-closing .manual-plate.manual-sheet{animation:none!important;transform:none!important}.manual-overlay .manual-plate.manual-sheet:after,.manual-overlay.is-closing .manual-plate.manual-sheet:after{display:none!important}.manual-overlay .manual-fold-stage .manual-plate.manual-sheet{top:var(--ft,0px)!important;left:var(--fl)!important;width:var(--fw)!important;height:var(--fh)!important;max-height:none!important;margin:0!important;animation:none!important;position:absolute!important;overflow:hidden!important;transform:none!important}.manual-overlay.is-closing{animation:.3s ease-in .7s reverse both manual-fade-close}.manual-overlay .manual-portal{position:relative}.c64-shell.folded .meters-row.advanced-panel{border-width:0;min-height:0;padding-top:0;padding-bottom:0;height:auto!important;overflow:visible!important}@media (width<=700px){.c64-shell.folded .display-window,.c64-shell .display-window{height:350px}.c64-shell.folded .meters-row .spectrum{height:126px!important;min-height:126px!important;max-height:126px!important}.c64-shell.folded .boombox-top,.c64-shell.unfolded .boombox-top{min-height:calc(36px + 19px * clamp(0, var(--rise,1), 1));padding:calc(2px * clamp(0, var(--rise,1), 1)) 8px calc(6px * clamp(0, var(--rise,1), 1))}.device-stage{box-sizing:border-box;padding-left:6px;padding-right:6px}.device-stage>.c64-shell{border-radius:26px 26px 16px 16px}}:root{--alu-grain:url(./alu-grain-BsIDuXJS.png);--wood:url(./wood-TudRfqq2.jpg);--screw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cdefs%3E%3CradialGradient id='s' cx='.35' cy='.3' r='.8'%3E%3Cstop offset='0' stop-color='%23f4f2ec'/%3E%3Cstop offset='.6' stop-color='%23b4b1a8'/%3E%3Cstop offset='1' stop-color='%237d7a72'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='6' cy='6' r='5' fill='url(%23s)' stroke='%235e5b54' stroke-width='.8'/%3E%3Cpath d='M3.2 6h5.6M6 3.2v5.6' stroke='%2347453f' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");--alu-hi:#ecebe5;--alu-mid:#d2d0c9;--alu-lo:#b4b2aa;--alu-edge:#8d8b84;--ink:#1c1c1a;--black-1:#3a3a38;--black-2:#1e1e1d;--black-3:#121211}.device-stage>.c64-shell,.c64-shell{background:var(--wood) left top/var(--shell-pad,22px) 420px repeat-y,var(--wood) right top/var(--shell-pad,22px) 420px repeat-y,linear-gradient(100deg,transparent 18%,#fff5 42%,transparent 62%),var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,var(--alu-hi),var(--alu-mid) 38%,var(--alu-lo))!important;border:1px solid #6f6d66!important;border-radius:14px 14px 9px 9px!important;box-shadow:inset 0 1px #fffc,inset 0 -2px 4px #0003!important}.c64-shell:before{background:linear-gradient(#0000,#0000 40%,#f4f2ec 42%,#c9c6be 55%,#8d8b84 92%,#4f4d47 100%)!important}.c64-shell:after{background:linear-gradient(#4f4d47 0,#8d8b84 8%,#e7e5df 55%,#cfcdc5 100%)!important;box-shadow:0 2px 3px #0004!important}.c64-shell .handle-pocket:before{border-color:#1c1c1a!important;box-shadow:inset 0 3px 4px #ffffff38,inset 0 -3px 4px #000a,0 -2px 2px #fff7,0 2px 4px #0006!important}.c64-shell .boombox-brand .c64-rainbow{border:1px solid #6d6a63;border-radius:2px;align-items:center;padding:3px 6px 2px;display:inline-flex;box-shadow:inset 0 1px #fff3;background:linear-gradient(#34342f,#111110)!important;flex:none!important;width:auto!important;height:auto!important}.c64-shell .boombox-brand .c64-rainbow:after{content:"STEREO";letter-spacing:.16em;color:#e2c46d;font:800 7px/1 Helvetica Neue,Helvetica,Arial,sans-serif}.c64-shell .boombox-top{position:relative}.c64-shell .boombox-top:before,.c64-shell .boombox-top:after{content:"";opacity:.75;pointer-events:none;background:repeating-linear-gradient(0deg,#1a1a18 0 2px,#0000 2px 5px);border-radius:2px;width:clamp(36px,13%,140px);height:21px;position:absolute;top:50%;transform:translateY(-50%)}.c64-shell .boombox-top:before{left:3%}.c64-shell .boombox-top:after{right:3%}.c64-shell .now-playing-strip{outline-offset:0;border-radius:3px;outline:3px solid #151514}.c64-shell .screen-carriage>.deck{background:linear-gradient(115deg,#2b2b29,#161615 50%,#242422)!important;border:2px solid #98958d!important;border-radius:8px!important;box-shadow:inset 0 1px #fff2,inset 0 0 0 1px #000,0 1px #fff8!important}.c64-shell .console{background:var(--screw) 9px 9px/12px 12px no-repeat,var(--screw) right 9px top 9px/12px 12px no-repeat,var(--screw) 9px bottom 9px/12px 12px no-repeat,var(--screw) right 9px bottom 9px/12px 12px no-repeat,linear-gradient(100deg,transparent 18%,#fff5 42%,transparent 62%),var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#e8e6e0,#cfcdc5 50%,#c1beb6)!important;border-color:#8d8b84!important;border-radius:6px!important}.c64-shell .control-top{background:linear-gradient(#dad8d1,#c6c3bb)!important;border-color:#98958d!important;border-radius:5px!important}.c64-shell .base-plate{background:linear-gradient(180deg,#ffffff1c,transparent 30%,#00000038),var(--wood) 0 0/160px 420px!important;border:1px solid #28160b!important;border-radius:3px!important;box-shadow:inset 0 2px 5px #000a,0 1px #fff7!important}.c64-shell .setup-lid{color:#d9d6ce!important;background:linear-gradient(#3b3b39,#1d1d1c 55%,#2a2a28)!important;border:1px solid #060606!important}.c64-shell .setup-hatch{background:linear-gradient(#0d0d0c,#1a1a19)!important}.c64-shell .sub-key:disabled{opacity:.5}.c64-shell .speaker-recess{border-color:#b9b7ae!important}.c64-shell .base-nameplate{background:var(--alu-grain) 0 0/300px 300px,linear-gradient(#e6e4de,#c3c0b8)!important;border-color:#7d7b74!important}.c64-shell .setup-lid{box-shadow:inset 0 1px #fff3,0 2px #55524a,0 3px 4px #0008!important}.device-stage>.c64-shell,.c64-shell{background:var(--screw) left var(--screw-x,calc(var(--shell-pad,22px) + 10px)) top 14px/12px 12px no-repeat,var(--screw) right var(--screw-x,calc(var(--shell-pad,22px) + 10px)) top 14px/12px 12px no-repeat,var(--screw) left var(--screw-x,calc(var(--shell-pad,22px) + 10px)) bottom 10px/12px 12px no-repeat,var(--screw) right var(--screw-x,calc(var(--shell-pad,22px) + 10px)) bottom 10px/12px 12px no-repeat,var(--wood) left top/var(--shell-pad,22px) 420px repeat-y,var(--wood) right top/var(--shell-pad,22px) 420px repeat-y,linear-gradient(100deg,transparent 18%,#ffffff40 42%,transparent 62%),var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#e1dfd8,#c9c6be 38%,#adaba3)!important}.c64-shell .control-top .eq-deck{position:relative}.c64-shell .control-top .eq-deck:before{content:"TONE";letter-spacing:.2em;color:#1c1c1a;font:700 8px/1 Helvetica Neue,Helvetica,Arial,sans-serif;position:absolute;top:3px;left:10px}.c64-shell .control-top .eq-deck:after{content:"";border-top:1px solid #8d8b84;position:absolute;top:7px;left:52px;right:190px}@media (width<=700px){.c64-shell .control-top .eq-deck:before,.c64-shell .control-top .eq-deck:after{display:none}}.c64-shell .setup-tab{background:var(--alu-grain) 0 0/300px 300px,linear-gradient(#e0ded7,#b6b3ab)!important;color:#1c1c1a!important;border-color:#6d6a63!important}.c64-shell .flip-back .hvsc .selector-block:not(#k){background:linear-gradient(#2a2a28,#1d1d1c)!important;border-color:#76736c!important}.c64-shell .flip-back .hvsc .loader-pagination button:not(#k):disabled{opacity:.45}.c64-shell .flip-back .hvsc .hvsc-list:not(#k),.c64-shell .flip-back .hvsc .hvsc-row:not(#k),.c64-shell .flip-back .queue-panel .playlist-rows:not(#k){color:#232321!important;background-color:#e6e4dd!important;border-color:#c3c0b7!important}.c64-shell .base-plate{position:relative}.c64-shell .base-plate:after{content:"MODEL CB-64 · STEREO · SID 6581 / 8580 · NO. 0064";white-space:nowrap;letter-spacing:.14em;color:#1c1c1a;background:var(--alu-grain) 0 0/300px 300px,linear-gradient(#dedcd5,#b7b4ac);pointer-events:none;border:1px solid #6d6a63;border-radius:1px;padding:3px 8px 2px;font:700 6.5px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff9,0 1px 2px #0008}@media (width<=700px){.c64-shell .base-plate:after{display:none}.c64-shell{--screw-x:calc(var(--shell-pad,9px) + 4px)}.c64-shell .control-top .sid-model-pair{align-items:flex-start!important}.c64-shell .control-top .sid-model-pair .sid-chip{text-align:left!important;align-items:flex-start!important}.c64-shell .control-top .sid-model-pair .sid-chip-label{float:none!important;text-align:left!important;width:auto!important;min-width:0!important;margin:0 0 2px!important;padding:0!important}}.c64-shell .screen-carriage{box-shadow:none!important;background-color:#0000!important}.c64-shell .screen-carriage:after{box-shadow:none!important;border-top-color:#0000!important}.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed):not(#k){transform:none;background:var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#f5f3ed,#d8d5cd 46%,#c0bdb5)!important;color:#1c1c1a!important;text-shadow:0 1px #fff8!important;border:1px solid #4d4b46!important;border-bottom:3px solid #3a3935!important;border-radius:3px!important;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #fff5,0 2px 3px #0008!important}.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed):not(#k):is([aria-pressed=true],.pressed,.favorite-active,.lit,:active:not(:disabled)){background:var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#97948b,#b1aea5 40%,#c3c0b7)!important;border-bottom-width:1px!important;transform:translateY(2px)!important;box-shadow:inset 0 3px 7px #000a,inset 0 0 0 1px #0003,0 1px #fff9!important}.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed):not(#k):disabled{opacity:.5!important}.c64-shell :is(.console .transport-controls>button,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed):not(#k) svg,.c64-shell .console .transport-controls .deck-icon,.c64-shell .console .transport-controls .tape-button.pressed .deck-icon,.c64-shell .flip-back .hvsc .deck-icon,.c64-shell .eject-fixed .deck-icon{color:#1c1c1a!important;fill:#1c1c1a!important}.c64-shell .key-legend{color:#1c1c1a!important}.c64-shell .eject-fixed{left:calc(var(--shell-pad,22px) + 34px);z-index:6;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;top:11px;width:66px!important;min-width:0!important;height:34px!important;min-height:0!important;padding:0!important;display:flex!important;position:absolute!important}.c64-shell .eject-fixed .deck-icon{width:15px!important;height:15px!important;margin:0!important}.c64-shell .eject-fixed .key-legend{letter-spacing:.14em;margin:0!important;font:700 6.5px/1 Helvetica Neue,Helvetica,Arial,sans-serif!important;display:block!important}.c64-shell .boombox-top:before{display:none}@media (width<=700px){.c64-shell .eject-fixed{left:calc(var(--shell-pad,9px) + 24px);top:13px;width:52px!important;height:30px!important}}.c64-shell .console,.c64-shell .player-body>.base-plate{will-change:transform}.c64-shell .screen-carriage>.deck{transform:none!important}.c64-shell .eject-fixed{left:calc(var(--shell-pad,22px) + 22px);top:33px}@media (width<=700px){.c64-shell .eject-fixed{left:calc(var(--shell-pad,9px) + 24px);top:17px}}.c64-shell .player-body>.now-playing-strip.title-console{align-self:stretch!important;width:auto!important;margin-left:24px!important;margin-right:24px!important}@media (width>=701px){.c64-shell .flip-stage.flipped .flip-back{left:calc(var(--lid-left,0px) + 12px)!important;width:calc(var(--lid-w,100%) - 24px)!important}}@media (width<=700px){.c64-shell .flip-stage.flipped .flip-back{width:auto!important;left:28px!important;right:28px!important}}@media (width>=701px){.c64-shell .flip-stage.flipped:before{left:calc(var(--lid-left,0px) + 12px);width:calc(var(--lid-w,0px) - 24px)}}.c64-shell .flip-stage.flipped .flip-back>.catalog-panel.catalog-open{padding:0!important}.c64-shell .flip-stage.flipped .flip-back{padding-left:9px!important;padding-right:9px!important}.c64-shell .speaker-recess{--heat:clamp(0, calc((var(--bass,0) - .6) * 2.8), 1);box-shadow:inset 0 4px 12px #000,inset 0 0 calc(var(--heat) * 26px) calc(var(--heat) * 7px) #ff6a1cd9,0 1px 1px #fff9,0 0 0 2px #91866e!important;scale:none!important}.c64-shell .speaker-recess .speaker-grille{filter:sepia(var(--heat)) saturate(calc(1 + var(--heat) * 3)) brightness(calc(1 + var(--heat) * .35));animation:none!important;translate:none!important}.c64-shell .speaker-recess .speaker-cone>.speaker-diaphragm{box-shadow:inset 0 0 3px #0008,0 0 calc(var(--heat) * 14px) calc(var(--heat) * 3px) #ff7828e6!important}.c64-shell .speaker-recess .speaker-grille{box-shadow:inset 0 0 calc(var(--heat) * 34px) calc(var(--heat) * 6px) rgba(255,96,24,calc(var(--heat) * .9));background-color:rgba(255,86,20,calc(var(--heat) * .34))}.c64-shell .boombox-brand .hq-lamp{color:#5c564b;letter-spacing:.16em;white-space:nowrap;background:#26231f;border:1px solid #6d6a63;border-radius:2px;flex:none;padding:3px 6px 2px;font:800 7px/1 Helvetica Neue,Helvetica,Arial,sans-serif;transition:color .2s,text-shadow .2s;box-shadow:inset 0 1px 2px #000a,0 1px #fff8}.c64-shell .boombox-brand .hq-lamp.lit{color:#9cf2b2;text-shadow:0 0 5px #5fe08088;background:#10261a}@media (width<=700px){.c64-shell .boombox-brand .hq-lamp{display:none}}@media (width>=701px){.c64-shell .control-top .sid-model-pair{transform:none!important}.c64-shell .eq-deck .space-band{top:-9px!important}.c64-shell .console>.control-top{position:relative}.c64-shell .console>.control-top:has(.peq-details){overflow:visible!important}.c64-shell .flip-front:has(.peq-details){overflow:visible!important}.c64-shell .control-top .eq-deck .eq-band{position:static!important}.c64-shell .control-top .eq-deck,.c64-shell .control-top .eq-deck .eq-band.space-band{position:relative!important}.c64-shell .control-top .eq-deck .peq-details,.c64-shell .eq-band:nth-child(n) .peq-details{box-sizing:border-box;z-index:20;width:300px!important;max-width:none!important;position:absolute!important;top:calc(100% + 6px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.c64-shell .boombox-brand :is(.c64-rainbow,.hq-lamp){border:1px solid #6d6a63;transition:color .2s,text-shadow .2s,background .2s;box-shadow:inset 0 1px 2px #000a,0 1px #fff8;background:#26231f!important}.c64-shell .boombox-brand .c64-rainbow:after{color:#5c564b;transition:color .2s,text-shadow .2s}.c64-shell .boombox-brand .c64-rainbow.lit{background:#10261a!important}.c64-shell .boombox-brand .c64-rainbow.lit:after{color:#9cf2b2;text-shadow:0 0 5px #5fe08088}.c64-shell .display-window .visual{object-fit:fill;image-rendering:pixelated;background:#030405}@media (width>=701px){.c64-shell .control-top .sid-model-pair .sid-chip-label{width:auto!important;min-width:0!important}}@media (width<=700px){.c64-shell .eject-fixed{top:calc(17px + 11.6px * clamp(0, var(--rise,1), 1))}}@media (width<=560px){.c64-shell .console>.control-top.control-top{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;padding:10px 4px 0!important;display:grid!important}.c64-shell .console>.control-top .eq-deck.eq-deck,.c64-shell .console>.control-top .eq-bands.eq-bands{display:contents!important}.c64-shell .console>.control-top .eq-band.eq-band:not(.space-band){align-self:center;padding:6px 0 12px;grid-area:1!important}.c64-shell .console>.control-top .eq-band.space-band{justify-content:center;align-self:stretch;display:flex;border-top:1px solid #a5afa5!important;border-left:0!important;grid-area:2/1!important;margin:0!important;padding:10px 4px!important;top:0!important}.c64-shell .console>.control-top>.sid-model-panel.sid-model-panel{align-self:stretch;border-top:1px solid #a5afa5!important;border-bottom:0!important;border-left:1px solid #a5afa5!important;flex:none!important;grid-area:2/2/auto/4!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:8px 6px!important;overflow:visible!important}.c64-shell .console>.control-top .sid-model-pair.sid-model-pair{align-items:center!important;margin:0 auto!important;transform:none!important}.c64-shell .console>.control-top .eq-band.space-band button[aria-label=Stereo\ enhance],button[aria-label=Level\ match]{letter-spacing:.07em!important;width:calc(100% - 14px)!important;min-width:0!important;height:46px!important;min-height:0!important;padding:4px!important;font-size:9.5px!important;line-height:1.25!important}}.c64-shell .display-window .visual{width:calc(100% - 108px);margin-right:96px}@media (width<=700px){.c64-shell .display-window .visual{width:calc(100% - 84px);margin-right:76px}}.c64-shell .title-console .basic-prompt{letter-spacing:.06em;color:#8be9f4;text-shadow:0 0 6px #38b6c855;flex:auto;align-items:center;gap:0;min-width:0;font:600 15px/1 Courier New,monospace;display:flex}.c64-shell .title-console .basic-prompt input{min-width:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:uppercase;caret-color:#8be9f4;caret-shape:block;flex:1;margin:0;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important}@media (width<=700px){.c64-shell .display-window{box-sizing:border-box;flex-direction:column;gap:8px;height:auto!important;padding:8px!important;display:flex!important}.c64-shell .display-window .visual{aspect-ratio:4/3;flex:none;width:100%!important;height:auto!important;margin:0!important;position:relative!important;inset:auto!important}.c64-shell .display-window .crt-glow,.c64-shell .display-window:not(.screen-sleep):before{aspect-ratio:4/3;height:auto!important;inset:8px 8px auto!important}.c64-shell .display-window .visual-thumbwheel{cursor:ew-resize;touch-action:none;flex:none;overflow:hidden;box-shadow:inset 0 3px 6px #000b,0 1px #fff2;background:linear-gradient(#0b1111,#1a2422 50%,#0b1111)!important;border:0!important;border-radius:20px!important;width:100%!important;height:40px!important;position:relative!important;inset:auto!important}.c64-shell .display-window .visual-thumbwheel:after{background:linear-gradient(90deg,#0b1414db,#0000 14% 86%,#0b1414db)!important}.c64-shell .visual-thumbwheel .wheel-grooves{transform:translate(-50%,-50%)rotate(90deg);background:linear-gradient(90deg,#202b28,#84938a 25%,#c6d4ca 43%,#85958b 70%,#26342d)!important;border-radius:9%/50%!important;width:30px!important;height:300px!important;margin:0!important;position:absolute!important;inset:50% auto auto 50%!important}.c64-shell .meters-row .vu-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.c64-shell .handle-pocket:before{left:27%!important;right:27%!important}.c64-shell .handle-toggle{left:28%!important;right:28%!important}}.c64-shell .visual-thumbwheel .wheel-readout{display:none}@media (width<=700px){.c64-shell .visual-thumbwheel .wheel-readout{box-sizing:border-box;pointer-events:none;z-index:2;background:#06141a;border:2px solid #26282a;border-radius:4px;justify-content:center;align-items:center;width:176px;height:28px;padding:0 6px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 2px 5px #000c}.c64-shell .visual-thumbwheel .wheel-readout .segment-text{flex-wrap:nowrap;gap:1px;width:auto;display:flex;overflow:hidden}.c64-shell .visual-thumbwheel .wheel-readout .segment-text svg{flex:none;width:9px!important;height:16px!important}}.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed):not(#k){transition:transform 50ms linear 70ms,border-bottom-width 50ms linear 70ms,box-shadow 50ms linear 70ms!important}.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed):not(#k):is([aria-pressed=true],.pressed,.favorite-active,.lit,:active:not(:disabled)){transition:transform 50ms linear,border-bottom-width 50ms linear,box-shadow 50ms linear!important}@media (prefers-reduced-motion:reduce){.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.eject-fixed):not(#k){transition:none!important}}@media (width<=560px){.c64-shell .console>.control-top .sid-model-pair.sid-model-pair{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:max-content!important;display:flex!important}.c64-shell .console>.control-top .sid-model-pair .sid-chip{text-align:left!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.c64-shell .console>.control-top .sid-model-pair .sid-chip-label{white-space:nowrap;float:left!important;text-align:right!important;width:36px!important;min-width:36px!important;margin:0!important;padding:0!important}}.c64-shell .visual-thumbwheel .viz-step{display:none}@media (width<=700px){.c64-shell .display-window .visual-thumbwheel{cursor:default;justify-content:space-between;align-items:center;padding:0 10px;border-radius:8px!important;display:flex!important}.c64-shell .visual-thumbwheel .wheel-grooves,.c64-shell .display-window .visual-thumbwheel:after{display:none!important}.c64-shell .visual-thumbwheel .wheel-readout{pointer-events:none;position:static;transform:none}.c64-shell .visual-thumbwheel .viz-step{touch-action:manipulation;flex:none;justify-content:center;align-items:center;width:44px;height:30px;padding:0;font-size:12px;line-height:1;display:flex}.c64-shell:not(.jp) .visual-thumbwheel .viz-step.viz-step:not(#k){color:#3a3326;background:linear-gradient(#e2dcc6,#c4bb9f 70%,#b3aa8d);border:1px solid #6b6048;border-bottom:4px solid #4a4132;border-radius:3px;width:48px;height:32px;box-shadow:inset 0 1px #fffbe8,inset 0 -2px #9b9179,0 1px #0009}.c64-shell:not(.jp) .visual-thumbwheel .viz-step.viz-step:not(#k):active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.c64-shell:not(.jp) .viz-step .pet-glyph{fill:#3a3326;filter:drop-shadow(0 1px #fff8);width:16px;height:16px;display:block}}.c64-shell:not(.jp) :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed,.flip-back .hvsc .add-all-queue):not(#k){--cap:linear-gradient(180deg,#e6dfc9,#d5cdb3 55%,#c5bda1);--sk:5px;--skc:linear-gradient(180deg,#a2977c,#7b7058);background:var(--skc) left bottom/100% var(--sk) no-repeat border-box,var(--cap) padding-box!important;color:#2d2a24!important;border:1px solid #5b5036!important;border-bottom:var(--sk) solid transparent!important;text-shadow:0 1px #fff8!important;border-radius:4px!important;box-shadow:inset 0 1px #fffbe8,0 2px #1b160f,0 3px 4px #0008!important}.c64-shell:not(.jp) :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed,.flip-back .hvsc .add-all-queue):not(#k):is([aria-pressed=true],.pressed,.favorite-active,.lit,:active:not(:disabled)){--cap:linear-gradient(180deg,#bdb598,#c8c0a5 60%,#d0c8ad);--sk:3px;background:var(--skc) left bottom/100% var(--sk) no-repeat border-box,var(--cap) padding-box!important;border-bottom-width:var(--sk)!important;transform:translateY(2px)!important;box-shadow:inset 0 3px 6px #0006,0 1px #1b160f!important}.c64-shell:not(.jp).c64-shell.c64-shell :is(.sid-model-keys button,.flip-back .hvsc .add-all-queue,button[aria-label=Stereo\ enhance],.transport-controls>.favorite-key,.transport-controls>.share-key,.transport-controls>.dice-key,.transport-controls>.radio-button,.sub-key:not(.viz-step)):not(#k){--cap:linear-gradient(180deg,#8d7658,#6b573f);--skc:linear-gradient(180deg,#5b4a35,#43362a);color:#efe4c8!important;text-shadow:0 1px #0008!important}.c64-shell:not(.jp).c64-shell.c64-shell :is(.sid-model-keys button,button[aria-label=Stereo\ enhance],.transport-controls>.favorite-key,.transport-controls>.share-key,.transport-controls>.dice-key,.transport-controls>.radio-button,.sub-key:not(.viz-step)):not(#k):is([aria-pressed=true],.pressed,.favorite-active,.lit,:active:not(:disabled)){--cap:linear-gradient(180deg,#5f4d37,#6f5b42)}.c64-shell:not(.jp) .console>.controls.transport-controls>button:not(#k){--sk:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;background:var(--skc) left bottom/100% var(--sk) no-repeat border-box,var(--cap) padding-box!important;display:flex!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button:not(#k):is([aria-pressed=true],.pressed,.favorite-active,.lit,:active:not(:disabled)){--sk:4px;background:var(--skc) left bottom/100% var(--sk) no-repeat border-box,var(--cap) padding-box!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button:not(#k) .key-legend{display:none!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button .c64-legend{white-space:nowrap;font:800 10px/1 Barlow Condensed,Arial Narrow,Arial,sans-serif;letter-spacing:.14em!important;color:inherit!important;display:block!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button .pet-glyph{fill:#2d2a24;filter:none;width:14px;height:14px}.c64-shell:not(.jp) .console>.controls.transport-controls>button svg:not(.pet-glyph){width:20px;height:20px;color:inherit}.c64-shell:not(.jp) .console>.controls.transport-controls{background:#241e16!important;border-radius:7px!important;gap:8px!important;padding:10px!important;box-shadow:inset 0 3px 8px #000b,0 1px #fff6!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button:not(#k) span.c64-legend{font-size:10px!important;line-height:1!important}@media (width<=560px){.c64-shell:not(.jp) .console>.controls.transport-controls>button:not(#k) span.c64-legend{letter-spacing:.08em!important;font-size:8px!important}.c64-shell:not(.jp) .console>.controls.transport-controls{gap:5px!important;padding:6px!important}}.c64-shell:not(.jp){--alu-hi:#e4dcc2;--alu-mid:#d3c9a9;--alu-lo:#bdb391}.device-stage>.c64-shell:not(.jp).c64-shell{background:var(--screw) left var(--screw-x,calc(var(--shell-pad,22px) + 10px)) top 14px/12px 12px no-repeat,var(--screw) right var(--screw-x,calc(var(--shell-pad,22px) + 10px)) top 14px/12px 12px no-repeat,var(--screw) left var(--screw-x,calc(var(--shell-pad,22px) + 10px)) bottom 10px/12px 12px no-repeat,var(--screw) right var(--screw-x,calc(var(--shell-pad,22px) + 10px)) bottom 10px/12px 12px no-repeat,var(--wood) left top/var(--shell-pad,22px) 420px repeat-y,var(--wood) right top/var(--shell-pad,22px) 420px repeat-y,linear-gradient(100deg,transparent 18%,#ffffff40 42%,transparent 62%),var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#e0d7ba,#cbc1a2 38%,#b0a785)!important;border-color:#7d7358!important}.c64-shell:not(.jp) .console{background:var(--screw) 9px 9px/12px 12px no-repeat,var(--screw) right 9px top 9px/12px 12px no-repeat,var(--screw) 9px bottom 9px/12px 12px no-repeat,var(--screw) right 9px bottom 9px/12px 12px no-repeat,linear-gradient(100deg,transparent 18%,#fff5 42%,transparent 62%),var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#e7dfc4,#d6ccab 50%,#c7bd9b)!important;border-color:#8a7f5f!important}.c64-shell:not(.jp) .boombox-brand .c64-badge:before{content:"";vertical-align:-1px;background:linear-gradient(90deg,#c7523b 0 16.6%,#e08a2d 16.6% 33.3%,#e3c64a 33.3% 50%,#5fa650 50% 66.6%,#3c8fc2 66.6% 83.3%,#6c5eb5 83.3%);width:46px;height:12px;margin-right:10px;display:inline-block;transform:skew(-18deg)}@media (width<=700px){.c64-shell:not(.jp) .boombox-brand .c64-badge:before{width:30px;height:9px;margin-right:6px}}.c64-shell:not(.jp) .control-top{background:linear-gradient(#ddd3b6,#c9bf9f)!important;border-color:#9a8f6e!important}.c64-shell:not(.jp) .base-nameplate,.c64-shell:not(.jp) .setup-tab{background:var(--alu-grain) 0 0/300px 300px,linear-gradient(#e8dfc2,#c5bb98)!important;border-color:#8a7f5f!important}.c64-shell .jp-only,.c64-shell .c64-only{display:contents}.c64-shell:not(.jp) .jp-only,.c64-shell.jp .c64-only{display:none!important}.c64-shell:not(.jp).c64-shell.c64-shell .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k){--cap:radial-gradient(ellipse 72% 50% at 50% 34%,#fff2,transparent 72%),linear-gradient(180deg,#94805f,#6b573f 70%,#5f4d37);--sk:9px;min-height:70px;border-radius:8px 8px 3px 3px!important;gap:5px!important}.c64-shell:not(.jp) .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k) span.c64-legend{order:-1;letter-spacing:.02em!important;font-size:19px!important;line-height:1!important}.c64-shell:not(.jp) .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k) svg:not(.pet-glyph){opacity:.92;width:24px!important;height:24px!important}@media (width<=560px){.c64-shell:not(.jp) .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k) span.c64-legend{font-size:17px!important}.c64-shell:not(.jp).c64-shell.c64-shell .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k){min-height:62px}}.manual-sheet .proto-key{width:auto;height:auto;min-height:0;margin:2px 0 4px;padding:8px 16px;display:inline-block}.c64-shell:not(.jp).c64-shell.c64-shell .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k){overflow:hidden;justify-content:center!important;height:68px!important;min-height:68px!important;padding:6px 0 4px!important}@media (width<=560px){.c64-shell:not(.jp).c64-shell.c64-shell .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k){height:60px!important;min-height:60px!important}}.manual-sheet .manual-credits p{margin:0 0 6px}.manual-sheet .manual-credits a{color:inherit;text-underline-offset:2px;text-decoration:underline}.manual-sheet .manual-credits{grid-column:1/-1}.manual-sheet .manual-credits p{max-width:none}.c64-shell:not(.jp).c64-shell.c64-shell.c64-shell .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k){--cap:radial-gradient(ellipse 72% 50% at 50% 34%,#ffffff1c,transparent 72%),linear-gradient(180deg,#968f7e,#7c7662 70%,#6b6655);--skc:linear-gradient(180deg,#524e42,#3d3a31);color:#ece7d6!important;text-shadow:0 1px #0006!important;justify-content:space-between!important;align-items:flex-start!important;padding:8px 10px 6px!important}.c64-shell:not(.jp) .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k) span.c64-legend{align-self:flex-start;color:#f1ecdc!important}.c64-shell:not(.jp) .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k) svg:not(.pet-glyph){opacity:.85;align-self:flex-end;color:#d9d3c1!important;margin:0 0 4px!important}.c64-shell .base-nameplate{cursor:pointer;animation:60s ease-in-out 20s infinite nameplate-wiggle}@keyframes nameplate-wiggle{0%,3%,to{transform:none}.4%{transform:rotate(-3deg)translate(-3px)}.9%{transform:rotate(2.6deg)translate(3px)}1.4%{transform:rotate(-2deg)translate(-2px)}1.9%{transform:rotate(1.2deg)}2.4%{transform:rotate(-.6deg)}}@media (prefers-reduced-motion:reduce){.c64-shell .base-nameplate{animation:none}}.c64-shell:not(.jp) .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k){position:relative}.c64-shell:not(.jp) .console>.controls.transport-controls>:is(.favorite-key,.share-key,.dice-key,.radio-button):not(#k):before{content:"";pointer-events:none;background:linear-gradient(#fff2,#fff0 72%);border:0;border-radius:6px 6px 9px 9px;position:absolute;inset:4px 5px 11px}.c64-shell:not(.jp) .crsr-stack{flex-direction:column;align-items:center;gap:2px;display:flex}.c64-shell:not(.jp) .console>.controls.transport-controls>button .crsr-stack .pet-glyph{width:11px;height:11px}.c64-shell:not(.jp) .crsr-prev .pet-glyph:last-child,.c64-shell:not(.jp) .crsr-next .pet-glyph:first-child{opacity:.28}.c64-shell:not(.jp) .console>.controls.transport-controls>button:not(#k):not(.favorite-key):not(.share-key):not(.dice-key):not(.radio-button){position:relative}.c64-shell:not(.jp) .console>.controls.transport-controls>button:not(#k):not(.favorite-key):not(.share-key):not(.dice-key):not(.radio-button):before{content:"";pointer-events:none;background:linear-gradient(#ffffff30,#fff0 72%);border:0;border-radius:6px 6px 9px 9px;position:absolute;inset:4px 5px 10px}.c64-shell:not(.jp) .eq-deck .wide-key .c64-key-c{flex-direction:column;align-items:center;gap:3px;display:flex}.c64-shell:not(.jp) .eq-deck .wide-key .c64-key-c .cbm-logo{fill:currentColor;width:auto;height:24px;display:block}.c64-shell:not(.jp) .eq-deck .wide-key .c64-key-c i{letter-spacing:.14em;white-space:nowrap;font:700 7px/1 Barlow Condensed,Arial Narrow,Arial,sans-serif}@media (width<=430px){.c64-shell .flip-stage.flipped .flip-back .selector-button-block{gap:3px!important;padding:5px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>button,.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.catalog-mobile-close{width:40px!important;min-width:40px!important}}.c64-shell .flip-back .favorite-result{align-items:center;gap:6px;padding-right:8px;display:flex!important}.c64-shell .flip-back .favorite-result .hvsc-row{text-align:left;justify-content:center;gap:2px;min-width:0;flex-direction:column!important;flex:auto!important;align-items:flex-start!important;display:flex!important}.c64-shell .flip-back .favorite-result .hvsc-row>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.c64-shell .flip-back .favorite-result .hvsc-row small{text-overflow:ellipsis;white-space:nowrap;opacity:.7;font-size:11px;overflow:hidden;max-width:100%!important}.c64-shell .flip-back .favorite-result .row-keys{flex:none;align-items:center;gap:5px;display:flex}.c64-shell .flip-stage.flipped .flip-back .favorite-result .row-key{cursor:pointer;flex:none;place-items:center;color:#2b2a22!important;background:linear-gradient(#f3ead0,#cfc4a2)!important;border:1px solid #8c836a!important;border-bottom:4px solid #5f5842!important;border-radius:3px!important;width:42px!important;min-width:42px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;display:grid!important;box-shadow:inset 0 1px #fff,1px 2px 2px #0004!important}.c64-shell .flip-stage.flipped .flip-back .favorite-result .row-key .deck-icon{width:20px;height:20px;display:block}.c64-shell .flip-stage.flipped .flip-back .favorite-result .row-key:active,.c64-shell .flip-stage.flipped .flip-back .favorite-result .row-key[aria-pressed=true]{transform:translateY(3px);background:linear-gradient(#cfc4a2,#e0d6b6)!important;border-bottom-width:1px!important;box-shadow:inset 0 2px 4px #0005!important}.c64-shell .flip-stage.flipped .flip-back .favorite-result .row-key:disabled{opacity:.45;cursor:default}@media (width<=560px){.c64-shell .flip-stage.flipped .flip-back .favorite-result .row-key{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.c64-shell .flip-back .favorite-result .row-keys{gap:3px}.c64-shell .flip-back .favorite-result{gap:3px;padding-right:5px}.c64-shell .flip-back .favorite-result .hvsc-row small{font-size:9px}}.c64-shell:not(.jp) .eq-deck .space-band{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.c64-shell:not(.jp) .eq-deck .wide-key{width:46px;min-height:36px;min-width:46px!important;padding:6px 0!important}.c64-shell:not(.jp) .eq-deck .wide-key .c64-key-c .cbm-logo{height:22px}.c64-shell:not(.jp) .eq-deck .key-legend{letter-spacing:.16em;color:#2f3b33;white-space:nowrap;text-align:center;font:700 8px/1 Barlow Condensed,Arial Narrow,Arial,sans-serif;display:block}.c64-shell:not(.jp) .eq-deck .wide-key{flex:none;place-self:center;width:46px!important;max-width:46px!important}.c64-shell:not(.jp) .eq-deck .space-band{align-content:center;justify-items:center}.c64-shell:not(.jp) .flip-back .hvsc .add-all-queue{letter-spacing:.2em;border-radius:5px;width:calc(100% - 16px);min-height:40px;margin:10px auto 4px;font:700 13px/1 Barlow Condensed,Arial Narrow,Arial,sans-serif;display:block}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .favorite-result .row-key{color:#efe4c8!important;background:linear-gradient(#8d7658,#6b573f)!important;border-color:#4a3b2a #4a3b2a #3a2d20!important;box-shadow:inset 0 1px #b39b78,1px 2px 2px #0005!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .favorite-result .row-key:active,.c64-shell:not(.jp) .flip-stage.flipped .flip-back .favorite-result .row-key[aria-pressed=true]{background:linear-gradient(#5f4d38,#7a6548)!important;box-shadow:inset 0 2px 4px #0008!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .favorite-result .row-key .deck-icon{color:#efe4c8!important;fill:#efe4c8!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .favorite-result .row-key .deck-icon path{fill:#efe4c8!important}.c64-shell:not(.jp) .boombox-brand{align-items:center}.c64-shell:not(.jp) .boombox-brand .c64-badge{align-items:center;padding-top:0;padding-bottom:0;line-height:1;display:flex}.c64-shell:not(.jp) .boombox-brand .c64-badge:before{vertical-align:baseline;flex:none;margin-top:0;margin-bottom:0}.c64-shell:not(.jp) .boombox-brand .c64-badge span{align-self:center;line-height:1}.c64-shell:not(.jp) .boombox-brand .c64-badge{padding-top:2px!important}.c64-shell:not(.jp) .boombox-brand .c64-badge:before{margin-top:-3px;transform:skew(-18deg)translateY(.5px)}.c64-shell:not(.jp) .boombox-brand .c64-badge span{margin-top:-1.2px;transform:translateY(.6px)}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .queue-panel li :is(.queue-fave-key,.queue-remove-key){color:#efe4c8!important;background:linear-gradient(#8d7658,#6b573f)!important;border:1px solid #4a3b2a!important;border-bottom:4px solid #3a2d20!important;border-radius:3px!important;width:42px!important;min-width:42px!important;height:38px!important;min-height:38px!important;padding:0!important;font:700 22px/1 Arial,sans-serif!important;box-shadow:inset 0 1px #b39b78,1px 2px 2px #0005!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .queue-panel li :is(.queue-fave-key,.queue-remove-key):after{content:none!important;display:none!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .queue-panel li :is(.queue-fave-key,.queue-remove-key):active,.c64-shell:not(.jp) .flip-stage.flipped .flip-back .queue-panel li .queue-fave-key[aria-pressed=true]{transform:translateY(3px);background:linear-gradient(#5f4d38,#7a6548)!important;border-bottom-width:1px!important;box-shadow:inset 0 2px 4px #0008!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .queue-panel li :is(.queue-fave-key,.queue-remove-key) .deck-icon{width:20px;height:20px;color:#efe4c8!important;fill:#efe4c8!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .queue-panel li :is(.queue-fave-key,.queue-remove-key) .deck-icon path{fill:#efe4c8!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .selector-search-block input{text-transform:uppercase;caret-color:#a0aef2;caret-shape:block;-webkit-font-smoothing:none;letter-spacing:.04em!important;color:#a0aef2!important;background:#1b2250!important;border:2px solid #3d4a8a!important;border-color:#0d1233 #3d4a8a #3d4a8a #0d1233!important;font:400 16px/1 Silkscreen,ui-monospace,monospace!important;box-shadow:inset 0 2px 5px #0008!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .selector-search-block input::placeholder{opacity:1;text-transform:uppercase;color:#6674b8!important}.c64-shell:not(.jp) .eq-deck .space-band{justify-content:flex-start!important;top:0!important}.c64-shell:not(.jp) .eq-deck .space-band .key-cap-label{cursor:default;white-space:nowrap}.c64-shell:not(.jp) .eq-deck .space-band .wide-key{box-sizing:border-box;margin-top:10px;height:38px!important;min-height:38px!important}@media (width<=700px){.c64-shell:not(.jp) .eq-deck .space-band .wide-key{margin-top:0;height:46px!important;min-height:46px!important}}.c64-shell:not(.jp) .eq-deck .space-band .key-cap-label{letter-spacing:.8px;text-align:center;margin:0 0 7px;font-size:10px;line-height:10px;display:block}@media (width<=700px){.c64-shell:not(.jp) .eq-deck .space-band .key-cap-label{letter-spacing:normal;margin-bottom:5px;font-size:7px;line-height:8.4px}.c64-shell:not(.jp) .eq-deck .space-band .wide-key{margin-top:0}}.c64-shell:not(.jp) .eq-deck .space-band{gap:0!important}.c64-shell:not(.jp) .eq-deck .space-band .wide-key{margin-top:8px!important}@media (width<=700px){.c64-shell:not(.jp) .eq-deck .space-band .wide-key{margin-top:-2px!important}}.c64-shell .segment-text svg.segment-colon:not(#k){aspect-ratio:8/30;flex:none;width:auto!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .selector-search-block input{caret-color:#4a3b2a;color:#4a3b2a!important;background:#ddd5b4!important;border:2px solid #a99e76!important;border-color:#8a8060 #a99e76 #a99e76 #8a8060!important;box-shadow:inset 0 2px 3px #0003!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .selector-search-block input::placeholder{color:#8b8264!important}.c64-shell:not(.jp) .flip-stage.flipped .flip-back .selector-search-block input:focus{outline-offset:-3px;outline:1px solid #8a8060!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>small.segment-count{box-sizing:border-box;justify-content:center;align-self:center;align-items:center;padding:0 6px;height:44px!important;min-height:44px!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .dir-list{text-transform:uppercase;border-radius:3px 3px 0 0;font:400 16px/1.3 Silkscreen,ui-monospace,monospace;list-style:none;color:#a0aef2!important;box-shadow:none!important;background:#1b2250!important;border:2px solid #0d1233!important;margin:0!important;padding:0!important}.c64-shell .flip-stage.flipped .flip-back .dir-list>li.dir-li{box-shadow:none!important;background:0 0!important;border:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-row{text-align:left;cursor:pointer;text-transform:uppercase;gap:10px;width:100%;height:auto;min-height:44px;color:#a0aef2!important;font:inherit!important;letter-spacing:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-bottom:1px solid #2c3670!important;border-radius:0!important;flex-direction:row!important;justify-content:flex-start!important;align-items:flex-start!important;margin:0!important;padding:9px 10px!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-row:disabled{opacity:.6}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-no{text-align:right;color:#6674b8;flex:none;min-width:3ch}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-mark{text-align:center;flex:none;width:1.2ch}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-name{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.3}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-name small{opacity:1;margin-top:3px;line-height:1.3;display:block;color:#6674b8!important;max-width:none!important;font-size:8px!important}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-type{color:#6674b8;flex:none}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-row.sel{color:#1b2250!important;background:#a0aef2!important}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-row.sel :is(.dir-no,.dir-type,.dir-name small){color:#1b2250!important}.c64-shell .flip-stage.flipped .flip-back .dir-list .dir-row:focus-visible{outline-offset:-3px;outline:2px solid #fff}.c64-shell .flip-stage.flipped .flip-back .dir-list .playlist-group-heading{display:block;color:#a0aef2!important;letter-spacing:0!important;background:#141a3d!important;border-bottom:1px solid #2c3670!important;margin:0!important;padding:8px 10px!important;font:400 16px/1.3 Silkscreen,monospace!important}.c64-shell .flip-stage.flipped .flip-back .dir-list .empty,.c64-shell .flip-stage.flipped .flip-back .dir-list .queue-empty{color:#6674b8;margin:0;padding:14px 10px;background:0 0!important}.c64-shell .flip-stage.flipped .flip-back .hvsc-list.dir-list{max-height:none!important}.c64-shell .flip-stage.flipped .flip-back .loader-pagination,.c64-shell .flip-stage.flipped .flip-back .queue-actions{text-transform:uppercase;color:#a0aef2!important;box-shadow:none!important;background:#141a3d!important;border:2px solid #0d1233!important;border-top:1px solid #2c3670!important;border-radius:0!important;margin:0!important;padding:8px 10px!important;font:400 8px/1.4 Silkscreen,monospace!important}.c64-shell .flip-stage.flipped .flip-back .queue-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.c64-shell .flip-stage.flipped .flip-back .queue-actions .queue-state-legend{flex:150px;color:#6674b8!important;letter-spacing:0!important;font:400 8px/1.5 Silkscreen,monospace!important}.c64-shell .flip-stage.flipped .flip-back .fallback-stepper{align-items:center;gap:6px;display:flex;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.c64-shell .flip-stage.flipped .flip-back .fallback-caption{color:#a0aef2!important;letter-spacing:.04em!important;font:400 8px/1 Silkscreen,monospace!important}.c64-shell .flip-stage.flipped .flip-back .key-bar{background:#141a3d;border:2px solid #0d1233;border-top:1px solid #2c3670;border-radius:0 0 3px 3px;align-items:center;gap:6px;margin:0 0 4px;padding:9px 10px 10px;display:flex}.c64-shell .flip-stage.flipped .flip-back .bar-key{color:#efe4c8;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:radial-gradient(120% 140% at 50% 0,#9a8262,#6b573f);border:1px solid #2a2016;border-bottom:5px solid #3a2d20;border-radius:4px;flex:none;place-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;font:400 9px/1.1 Silkscreen,ui-monospace,monospace;transition:transform 90ms ease-out,border-bottom-width 90ms ease-out,box-shadow .12s;display:grid;position:relative;box-shadow:inset 0 1px #b9a47f,inset 0 0 0 2px #0002,1px 2px 2px #0006}.c64-shell .flip-stage.flipped .flip-back .bar-key .deck-icon{color:#efe4c8;fill:#efe4c8;width:22px;height:22px;display:block}.c64-shell .flip-stage.flipped .flip-back .bar-key .deck-icon path{fill:#efe4c8}.c64-shell .flip-stage.flipped .flip-back .bar-key.bar-wide{flex:1;width:auto;min-width:0;padding:0 6px}.c64-shell .flip-stage.flipped .flip-back .bar-key.bar-wide:after{content:"";background:#0003;height:1px;position:absolute;bottom:4px;left:14px;right:14px}.c64-shell .flip-stage.flipped .flip-back .bar-key:active,.c64-shell .flip-stage.flipped .flip-back .bar-key[aria-pressed=true]{background:radial-gradient(120% 140% at 50% 100%,#5b4a36,#7d6849);border-bottom-width:2px;transform:translateY(3px);box-shadow:inset 0 2px 5px #000a}.c64-shell .flip-stage.flipped .flip-back .bar-key:focus-visible{outline-offset:2px;outline:2px solid #fff}.c64-shell .flip-stage.flipped .flip-back .bar-key:disabled{opacity:.55;cursor:default}@media (width<=480px){.c64-shell .flip-stage.flipped .flip-back .bar-key.bar-wide{letter-spacing:.08em;font-size:8px}.c64-shell .flip-stage.flipped .flip-back .key-bar{gap:5px;padding:8px}}.c64-shell .flip-back .hvsc .hvsc-list.dir-list:not(#k),.c64-shell .flip-back .queue-panel .playlist-rows.dir-list:not(#k){color:#a0aef2!important;background-color:#1b2250!important;border-color:#0d1233!important}.c64-shell .flip-back .dir-list .dir-row:not(#k){color:#a0aef2!important;background:0 0!important;border-color:#2c3670!important}.c64-shell .flip-back .dir-list .dir-row.sel:not(#k){color:#1b2250!important;background:#a0aef2!important}.c64-shell .flip-back .dir-list .dir-row.sel:not(#k) :is(.dir-no,.dir-type,.dir-mark,.dir-name small){color:#1b2250!important}.c64-shell .flip-back .dir-list .dir-no:not(#k),.c64-shell .flip-back .dir-list .dir-type:not(#k),.c64-shell .flip-back .dir-list .dir-name small:not(#k){color:#6674b8!important}.c64-shell .flip-back .dir-list .dir-row.sel:not(#k) .dir-no,.c64-shell .flip-back .dir-list .dir-row.sel:not(#k) .dir-type,.c64-shell .flip-back .dir-list .dir-row.sel:not(#k) .dir-name small{color:#1b2250!important}.c64-shell .flip-back .dir-list .dir-name:not(#k){white-space:normal!important;text-overflow:clip!important;max-width:none!important;overflow:visible!important}.c64-shell .flip-back .dir-list .dir-name:not(#k)>*{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}.c64-shell .flip-stage.flipped .flip-back .key-bar{z-index:6;position:sticky;bottom:0;box-shadow:0 -6px 8px #0006}.c64-shell .flip-stage.flipped .flip-back .hvsc.playlist-view>.key-bar{display:none!important}.c64-shell .flip-stage.flipped .flip-back .playlist-rows.dir-list .dir-no{min-width:2ch}.c64-shell .flip-stage.flipped .flip-back .playlist-rows.dir-list .dir-row{gap:8px}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view>.key-bar{order:2}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view>.hvsc-list{order:3}.c64-shell .flip-stage.flipped .flip-back .hvsc.search-view>.loader-pagination{order:4}.c64-shell .flip-stage.flipped .flip-back .key-bar{border:2px solid #0d1233;border-bottom:1px solid #2c3670;border-radius:3px 3px 0 0;margin:0;top:0;bottom:auto;box-shadow:0 6px 8px #0006}.c64-shell .flip-stage.flipped .flip-back .dir-list{border-radius:0}.c64-shell .flip-stage.flipped .flip-back .loader-pagination,.c64-shell .flip-stage.flipped .flip-back .queue-actions{border-radius:0 0 3px 3px!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button span.c64-legend:not(#k){font-synthesis:none;letter-spacing:.04em!important;font-family:C64 Keyboard,Arial Narrow,Arial,sans-serif!important;font-weight:400!important}@keyframes lamp-blink{0%,to{opacity:1}50%{opacity:.18}}.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause:not(#k){--led-c1:#ffe6df;--led-c2:#ff6c5a;--led-c3:#e0301f;--led-c4:#a01a12;--led-glow:255 64 48}.c64-shell .console>.controls.transport-controls>button.play-depth:not(#k):after{content:"";--led:1;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--led-c1) calc(var(--led)*100%),#a9b0aa) 0,color-mix(in srgb,var(--led-c2) calc(var(--led)*100%),#8e9690) 32%,color-mix(in srgb,var(--led-c3) calc(var(--led)*100%),#8e9690) 72%,color-mix(in srgb,var(--led-c4) calc(var(--led)*100%),#7d857f) 100%);width:8px;height:8px;box-shadow:0 0 2px 1px rgb(var(--led-glow)/calc(.95*var(--led))),0 0 8px 3px rgb(var(--led-glow)/calc(.6*var(--led))),0 0 16px 6px rgb(var(--led-glow)/calc(.28*var(--led))),inset 0 1px 2px rgb(83 96 87/calc(1 - var(--led))),0 1px rgb(224 227 218/calc(1 - var(--led)));border-radius:50%;transition:--led .18s ease-out;animation:none;position:absolute;top:4px;right:5px}.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause:not(#k):after{animation:2.4s ease-in-out infinite lamp-blink}@media (prefers-reduced-motion:reduce){.c64-shell .console>.controls.transport-controls>button.play-depth.depth-pause:not(#k):after{animation:3.6s ease-in-out infinite lamp-blink!important}}.c64-shell .console>.controls.transport-controls>button.play-depth:is(.depth-stop,.depth-play):not(#k):after,.c64-shell .console>.controls.transport-controls>button.play-depth:disabled:not(#k):after{--led:0;animation:none}.c64-shell:not(.jp) .console>.controls.transport-controls>button.play-depth.depth-stop:not(#k){--sk:6px;--cap:linear-gradient(180deg,#e6dfc9,#d5cdb3 55%,#c5bda1);transform:translateY(0)!important;box-shadow:inset 0 1px #fffbe8,0 2px #1b160f,0 3px 4px #0008!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button.play-depth.depth-play:not(#k){--sk:3.5px;--cap:linear-gradient(180deg,#d3cbaf,#cdc5a9 55%,#c3bb9f);transform:translateY(2.5px)!important;box-shadow:inset 0 2px 4px #0005,0 1px #1b160f!important}.c64-shell:not(.jp) .console>.controls.transport-controls>button.play-depth.depth-pause:not(#k){--sk:1px;--cap:linear-gradient(180deg,#aea68a,#bab295 60%,#c2ba9e);transform:translateY(5px)!important;box-shadow:inset 0 4px 7px #0008,0 0 #1b160f!important}.c64-shell.jp .console>.controls.transport-controls>button.play-depth.depth-stop:not(#k){border-bottom-width:5px!important;transform:translateY(0)!important;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #fff5,0 3px 3px #0008!important}.c64-shell.jp .console>.controls.transport-controls>button.play-depth.depth-play:not(#k){background:var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#bcb9b0,#cfccc3 40%,#d5d2ca)!important;border-bottom-width:3px!important;transform:translateY(2px)!important;box-shadow:inset 0 2px 4px #0006,inset 0 0 0 1px #0003,0 1px #fff9!important}.c64-shell.jp .console>.controls.transport-controls>button.play-depth.depth-pause:not(#k){background:var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#97948b,#b1aea5 40%,#c3c0b7)!important;border-bottom-width:1px!important;transform:translateY(4px)!important;box-shadow:inset 0 3px 7px #000a,inset 0 0 0 1px #0003,0 1px #fff9!important}.c64-shell .datassette-counter{flex:none;align-self:center;display:inline-flex}.c64-shell .progress-station{flex-wrap:nowrap}.c64-shell .progress-station .progress-fader{min-width:0}.c64-shell .datassette-counter{position:relative;transform:translateY(-2.5px)}.c64-shell .dc-bezel{background:linear-gradient(#a39b83,#c6bea3);border:1px solid #5b5036;border-radius:3px;padding:3px;box-shadow:inset 0 2px 3px #0007,0 1px #fffbe8}.c64-shell .dc-wheels{background:#2b261c;border-radius:1px;gap:1px;display:flex;box-shadow:0 0 0 1px #2b261c}.c64-shell .dc-wheel{color:#16130e;background:#ece7d6;width:16px;height:24px;font:400 15px/24px Silkscreen,monospace;position:relative;overflow:hidden}.c64-shell .dc-wheel:after{content:"";pointer-events:none;background:linear-gradient(#0000009a,#0000 26% 74%,#0000009a),linear-gradient(90deg,#00000030,#0000 25% 75%,#00000030);position:absolute;inset:0}.c64-shell .dc-label{text-align:center;letter-spacing:.06em;color:#5b5036;white-space:nowrap;pointer-events:none;margin-top:1px;font:400 6px/1 Silkscreen,monospace;position:absolute;top:100%;left:0;right:0}.c64-shell .dc-strip{text-align:center;display:block;transform:translateY(-24px)}.c64-shell .dc-strip b{height:24px;font-weight:400;display:block}.c64-shell .dc-strip.roll{animation:dc-roll .26s var(--heft-up,cubic-bezier(.2,.9,.3,1.25)) both}@keyframes dc-roll{0%{transform:translateY(0)}to{transform:translateY(-24px)}}@media (prefers-reduced-motion:reduce){.c64-shell .dc-strip.roll{animation:none}}@media (width<=700px){.c64-shell .progress-station{gap:8px}}.c64-shell:not(.jp) .title-console .title-time{display:none!important}@property --sk{syntax:"<length>";inherits:false;initial-value:6px}.c64-shell{--heft-up:cubic-bezier(.2,.9,.3,1.25);--heft-down:cubic-bezier(.55,0,.85,1)}@supports (transition-timing-function:linear(0,1)){.c64-shell{--heft-up:linear(0,.077,.266,.509,.754,.965,1.122,1.216,1.253,1.242,1.199,1.139,1.076,1.02,.977,.949,.937,.937,.947,.961,.977,.992,1.004,1.012,1);--heft-down:linear(0,.005,.024,.057,.108,.176,.264,.37,.496,.643,.811,1,1.067,1.11,1.127,1.12,1.096,1.064,1.031,1.008,1)}}.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed,.flip-back .hvsc .add-all-queue):not(#k):not(#j){transition:transform .34s var(--heft-up) 30ms,border-bottom-width .34s var(--heft-up) 30ms,box-shadow .34s var(--heft-up) 30ms,--sk .34s var(--heft-up) 30ms!important}.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed,.flip-back .hvsc .add-all-queue):not(#k):not(#j):is([aria-pressed=true],.pressed,.favorite-active,.lit,:active:not(:disabled)){transition:transform .13s var(--heft-down),border-bottom-width .13s var(--heft-down),box-shadow .13s var(--heft-down),--sk .13s var(--heft-down)!important}@media (prefers-reduced-motion:reduce){.c64-shell :is(.console .transport-controls>button,.sid-model-keys button,button[aria-label=Stereo\ enhance],button[aria-label=Level\ match],.sub-key,.manual-key,.flip-back .hvsc .selector-button-block button,.flip-back .hvsc .loader-pagination button,.eject-fixed,.flip-back .hvsc .add-all-queue):not(#k):not(#j){transition:none!important}}@media (width<=430px){.c64-shell .flip-stage.flipped .flip-back .selector-button-block{grid-template-columns:repeat(4,1fr);place-items:center;gap:9px 6px!important;padding:8px!important;display:grid!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.catalog-mobile-close{grid-area:1/1}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.random-sid{grid-area:1/2}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-key{grid-area:1/3}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.saved-count{grid-area:1/4}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.hifi-slide{grid-area:2/1/auto/3;justify-self:stretch;width:100%;justify-content:center!important;gap:4px!important}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-total{grid-area:2/3}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-infinite-toggle{grid-area:2/4}.c64-shell .flip-stage.flipped .flip-back .selector-button-block .hifi-slide-legend{letter-spacing:.03em;display:flex}}@media (width<=374px){.c64-shell:not(.jp) .boombox-brand{transform:translate(10px)}.c64-shell:not(.jp) .boombox-brand .c64-badge:before{width:20px}}@media (width<=340px){.c64-shell:not(.jp) .boombox-brand{transform:translate(14px)}.c64-shell:not(.jp) .boombox-brand .c64-badge:before{display:none}}.c64-shell .waveform-readout,.c64-shell .waveform-readout.dual-waveforms{box-sizing:border-box;height:27px;min-height:27px}.c64-shell:not(.jp) .setup-hatch .base-keys>.manual-key[aria-pressed=true]:not(#k):not(#j){--sk:1px;--cap:linear-gradient(180deg,#a39b7e,#b0a88c 55%,#bab297);transform:translateY(5px)!important;box-shadow:inset 0 5px 9px #000a,0 0 #1b160f!important}.c64-shell.jp .setup-hatch .base-keys>.manual-key[aria-pressed=true]:not(#k):not(#j){background:var(--alu-grain) 0 0/300px 300px,linear-gradient(180deg,#85827a,#9a978f 45%,#aaa7a0)!important;border-bottom-width:1px!important;transform:translateY(5px)!important;box-shadow:inset 0 5px 9px #000b,inset 0 0 0 1px #0004,0 1px #fff9!important}.c64-shell .setup-hatch .base-keys>.manual-key[aria-pressed] span{transition:background-color .2s,color .2s,box-shadow .2s}.c64-shell .setup-hatch .base-keys>.manual-key[aria-pressed=false] span{color:#7f7448;background:#2c3830}.c64-shell .setup-hatch .base-keys>.manual-key[aria-pressed=true] span{color:#2c2a1f;background:#e8c378;box-shadow:0 0 7px #e8c378aa,inset 0 1px #fff8}@media (prefers-reduced-motion:reduce){.c64-shell .setup-hatch .base-keys>.manual-key[aria-pressed] span{transition:none}}@media (width<=700px){.c64-shell.folded .boombox-top,.c64-shell.unfolded .boombox-top{min-height:55px;padding:2px 8px 6px}.c64-shell .eject-fixed{top:28.6px}}.c64-shell .segment-ghost{stroke:#5ed4f5;opacity:.2}.c64-shell .segment-ghost line{stroke-width:1.6px}.c64-shell .flip-stage.flipped .flip-back .selector-button-block>.playlist-mode-key{display:none}@media (width<=430px){.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block:not(#k):not(#j){flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:4px!important;padding:8px!important;display:flex!important}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>:is(.hifi-slide,.saved-count,.playlist-total):not(#k):not(#j){display:none!important}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>:is(.catalog-mobile-close,.random-sid,.saved-key,.playlist-mode-key,.playlist-infinite-toggle):not(#k):not(#j){flex:none;grid-area:auto;place-items:center;width:46px!important;min-width:46px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;display:grid!important}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>.catalog-mobile-close:not(#k):not(#j){order:0}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>.random-sid:not(#k):not(#j){order:1}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>.saved-key:not(#k):not(#j){order:2}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>.playlist-mode-key:not(#k):not(#j){order:3;margin-left:auto!important}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>.playlist-infinite-toggle:not(#k):not(#j){order:4}.c64-shell .flip-stage.flipped .flip-back .hvsc .selector-button-block>.playlist-mode-key.is-active:not(#k):not(#j){background:linear-gradient(#b4bcb1,#c4c9c0)!important;border-bottom-width:1px!important;transform:translateY(2px)!important;box-shadow:inset 0 3px 5px #26332b88,inset 0 0 0 1px #8a968b!important}}.c64-shell .title-scroll-window{-webkit-mask-image:none;mask-image:none}.c64-shell .seg-marquee{--cw:10px;--cg:1px;justify-content:center;gap:var(--cg);width:100%;display:flex;overflow:hidden}.c64-shell .seg-marquee svg{width:var(--cw);height:calc(var(--cw)*1.9);flex:none;display:block;overflow:visible}.c64-shell .seg-marquee line{stroke-width:2.05px;stroke-linecap:square}@media (width>=701px){.c64-shell .seg-marquee{--cw:13px;--cg:2px}}.c64-shell .segment-ghost{opacity:.11}.c64-shell .screen-carriage{--screen-inset:var(--tray-inset,15%);--tray-wood:10px;padding-inline:var(--tray-wood);box-sizing:border-box;background-image:var(--wood),var(--wood);background-position:0 0,100% 0;background-repeat:repeat-y,repeat-y;background-size:var(--tray-wood) 420px,var(--tray-wood) 420px}@media (width<=700px){.c64-shell .screen-carriage{--tray-wood:7px}}.c64-shell .vu-unit{border-radius:6px}.c64-shell .vu-unit .vu-strip{align-items:flex-start;gap:4px;min-width:0;margin-top:3px;display:flex}.c64-shell .vu-unit .vu-strip .waveform-readout{flex:auto;min-width:0;margin-top:0}.c64-shell .vu-unit .vu-strip .waveform-readout svg{flex:0 20px;min-width:11px;max-height:20px}.c64-shell .vu-toggle-wrap{flex:none;justify-content:center;align-items:center;width:40px;height:36px;display:flex}.c64-shell .vu-toggle{all:unset;box-sizing:border-box;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 40%,#0d0c0a,#26241f 70%,#3a372f);border-radius:50%;width:30px;height:30px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 3px 5px #000d,0 1px #fff5}.c64-shell .vu-toggle-cap{color:#3a342a;background:radial-gradient(circle at 40% 32%,#d9d1b8,#c4bba0 60%,#b0a78c);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font:800 11px/1 Arial Narrow,Arial,sans-serif;transition:transform 80ms,box-shadow 80ms,background 80ms;display:flex;position:absolute;top:2px;left:4px;box-shadow:0 3px #5f5644,inset 0 1px #fff4}.c64-shell .vu-toggle.is-in .vu-toggle-cap{background:radial-gradient(circle at 40% 32%,#b8b095,#a39b80 60%,#928a70);transform:translateY(4px);box-shadow:inset 0 2px 4px #0006}.c64-shell .vu-toggle:focus-visible{outline-offset:2px;outline:2px solid #f5cd80}.c64-shell .vu-unit .vu-strip{align-items:stretch}.c64-shell .vu-unit .vu-strip .waveform-readout{height:36px}.c64-shell.is-playing .vu-unit:has(.vu-face.is-muted){box-shadow:0 0 4px 1px var(--source-glow),inset 0 0 2px var(--source-glow);transition-duration:.45s}@media (width<=700px){.c64-shell .vu-toggle-wrap{width:34px;height:32px}.c64-shell .vu-unit .vu-strip .waveform-readout{height:32px}.c64-shell .vu-toggle{width:28px;height:28px}.c64-shell .vu-toggle-cap{width:22px;height:22px;top:2px;left:3px}}:root{color:#272927;--ds-page:#f5f1ec;--ds-ink:#272927;--ds-ink-2:#62665f;--ds-hairline:#ddd7cb;background:#f5f1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.standalone-card{background:#fff;border-radius:20px;max-width:1040px;margin:0 auto 48px;padding:20px 24px 40px}.standalone-header{padding:12px 0 28px}.standalone-header h1{margin:0 0 15px;font:400 clamp(30px,4vw,43px)/1.15 Georgia,serif}.standalone-header p{color:#5c605b;font-size:14px}.standalone-masthead{text-align:center;color:#242825;max-width:1040px;margin:18px auto 30px;padding:0 24px;font:400 27px Georgia,serif}@media (width<=700px){.standalone-card{border-radius:20px;margin:0 10px 24px;padding:20px 12px 28px}.standalone-masthead{margin:14px auto 20px}.standalone-header{padding:12px 8px 24px}}