:root{--amber-deep:#3a1608;--amber:#c45c12;--amber-hot:#f08a28;--gold:#f4c45c;--honey:#ffd080;--cream:#f4e4c4;--paper:#e8d4a8;--slate:#2c3038;--slate-hi:#4a5060;--teal-wood:#3a2414;--teak:#6a3a18;--teak-hi:#8a5428;--mahogany:#4a2210;--brick:#8a3a22;--brick-mortar:#5a2a18;--forest:#1e5a28;--leaf:#2e8a38;--leaf-hi:#c8e06a;--crt-beige:#c8b48c;--crt-beige-dk:#8a7860;--phosphor:#1a2018;--play:#3cb43c;--spec-g:#3ce03c;--spec-y:#e8d02a;--spec-o:#e07018;--font:"Press Start 2P", monospace;--stage-w:480px;--stage-h:270px;--pixel-disc:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--amber-deep);width:100%;height:100%;margin:0;overflow:hidden}html:fullscreen{background:#1a0c06;width:100%;height:100%}html:fullscreen body{background:#1a0c06;width:100%;height:100%}html:fullscreen #root{background:#1a0c06;width:100%;height:100%}body{font-family:var(--font);color:var(--cream);-webkit-user-select:none;user-select:none;cursor:default}button{image-rendering:pixelated;cursor:pointer;font-family:inherit}img{image-rendering:pixelated}.letterbox{background:radial-gradient(#0000 42%,#0a0402 100%),repeating-linear-gradient(0deg,#140804 0 2px,#1c0c06 2px 4px);place-items:center;width:100vw;height:100vh;display:grid}.stage{width:var(--stage-w);height:var(--stage-h);transform-origin:50%;image-rendering:pixelated;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2a1408,0 12px 40px #0a04028c}.stage:after{content:"";pointer-events:none;z-index:20;background:radial-gradient(at 35% 25%,#0000 35%,#14080447 100%);position:absolute;inset:0}.wall{background:repeating-linear-gradient(90deg,#5a240e38 0 1px,#0000 1px 5px),repeating-linear-gradient(0deg,#0000000f 0 2px,#0000 2px 8px),linear-gradient(#6a3418 0%,#4a2010 40%,#32140a 72%,#241008 100%);position:absolute;inset:0 0 72px}.wall:after{content:"";background:linear-gradient(#7a4a24 0 2px,#3a180c 2px,#2a1008 100%);height:8px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #a06838}.brick{opacity:.38;background:repeating-linear-gradient(0deg, transparent 0 10px, var(--brick-mortar) 10px 12px), repeating-linear-gradient(90deg, var(--brick) 0 22px, var(--brick-mortar) 22px 24px);position:absolute;inset:0 0 90px;-webkit-mask-image:linear-gradient(#000 28%,#0000 78%);mask-image:linear-gradient(#000 28%,#0000 78%)}.window{z-index:2;width:108px;height:78px;position:absolute;top:10px;left:28px;box-shadow:0 0 0 3px #1a0c06,0 0 0 5px #5a3014,0 0 0 7px #8a5428,0 0 18px #ffa04059,4px 5px #140804}.window:before{content:"";z-index:3;background:linear-gradient(#6a3a18,#3a1c0c);width:3px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:1px 0 #1a0c06}.window:after{content:"";z-index:3;background:linear-gradient(90deg,#6a3a18,#3a1c0c);height:3px;margin-top:-1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 1px #1a0c06}.window__sky{background:radial-gradient(circle at 72% 28%,#fff4b0 0 5px,#ffe08a 5px 8px,#0000 9px),radial-gradient(at 40% 70%,#ff782873,#0000 55%),linear-gradient(#ffb050 0%,#f07828 45%,#c84818 100%);position:absolute;inset:0}.window__blinds{z-index:2;background:repeating-linear-gradient(#2a1206e0 0 3px,#0000 3px 9px);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1a0c0680}.posters{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;width:248px;height:86px;padding:0;display:flex;position:absolute;top:10px;left:184px}.poster{flex-direction:column;flex-shrink:0;width:72px;animation:9s ease-in-out infinite paperFlutter;display:flex;position:relative}.poster--1{margin-top:6px;animation-delay:0s;transform:rotate(-2deg)}.poster--2{margin-top:0;animation-delay:-3s;transform:rotate(1.4deg)}.poster--3{margin-top:8px;animation-delay:-6s;transform:rotate(-1.1deg)}.poster__frame{background:linear-gradient(135deg,#a06838 0%,#6a3a18 40%,#4a2410 100%);width:100%;height:62px;padding:3px;box-shadow:inset 1px 1px #c88850,inset -1px -1px #2a1408,2px 3px #140804,0 0 8px #ffa04033}.poster__art,.poster__blank{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block;box-shadow:inset 0 0 0 1px #14080459}.poster__blank{background:repeating-linear-gradient(45deg,#3a2418 0 2px,#2a1810 2px 4px)}.poster__name{width:100%;color:var(--cream);text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #1a0c06;background:#2a1008c7;flex-shrink:0;margin:2px 0 0;padding:1px;font-size:4px;line-height:1.25;overflow:hidden}.poster__name--empty{background:#2a100859;height:6px}.poster__tape{opacity:.9;z-index:2;background:linear-gradient(#e8d4a8,#c8a878);width:10px;height:6px;position:absolute;box-shadow:1px 1px #14080466}.poster__tape--tl{top:-2px;left:4px;transform:rotate(-8deg)}.poster__tape--tr{top:-2px;right:4px;transform:rotate(10deg)}.poster.is-empty .poster__frame{opacity:.72}@keyframes paperFlutter{0%,to{translate:0}50%{translate:0 -1px}}.beams{pointer-events:none;z-index:6;mix-blend-mode:screen;width:300px;height:190px;position:absolute;top:10px;left:40px;overflow:hidden;-webkit-mask-image:linear-gradient(108deg,#000 0%,#0000 82%);mask-image:linear-gradient(108deg,#000 0%,#0000 82%)}.beams__layer{animation:14s ease-in-out infinite beamDrift;position:absolute;inset:-10% -5%}.beams__layer--a{background:repeating-linear-gradient(108deg,#0000 0 10px,#ffb0401a 10px 18px,#0000 18px 22px,#ffc85026 22px 28px)}.beams__layer--b{opacity:.85;background:repeating-linear-gradient(112deg,#0000 0 14px,#ffd27814 14px 20px,#0000 20px 30px);animation-duration:18s;animation-direction:reverse}@keyframes beamDrift{0%,to{transform:translate(0)}50%{transform:translate(4px,2px)}}.dust{pointer-events:none;z-index:7;position:absolute;inset:0}.mote{background:var(--honey);opacity:.65;width:2px;height:2px;left:calc(12% + (var(--i) * 4.2%));animation:7s linear infinite float;animation-delay:calc(var(--i) * -.38s);position:absolute;top:80%;box-shadow:0 0 2px #ffd0808c}.dust--quiet .mote{opacity:.28;animation-duration:14s}@keyframes float{0%{opacity:0;transform:translate(0)}12%{opacity:.85}to{opacity:0;transform:translate(18px,-150px)}}.desk{z-index:3;background:repeating-linear-gradient(90deg, #00000029 0 2px, transparent 2px 5px, #ffaa5a14 5px 7px), linear-gradient(180deg, #a85c2c 0 3px, #8a4a22 3px 10px, var(--mahogany) 10px, #221008 100%);height:96px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 4px #d48848,inset 0 6px #6a3018}.desk:before{content:"";opacity:.9;background:linear-gradient(90deg,#e09850,#ffc878 40%,#e09850);height:2px;position:absolute;top:0;left:0;right:0}.plant{z-index:4;width:52px;height:72px;position:absolute;bottom:78px;right:18px}.plant__foliage{transform-origin:50% 85%;animation:5.5s ease-in-out infinite plantSway;position:absolute;inset:0}.plant__pot{background:linear-gradient(90deg,#5a2212 0 3px,#8a3a22 3px 18px,#b85a32 18px 21px,#d87848 21px);width:24px;height:16px;position:absolute;bottom:0;left:14px;box-shadow:inset 0 -3px #4a1a0e,2px 2px #1a0c06}.plant__rim{background:linear-gradient(#d87848,#8a3a22);width:28px;height:4px;position:absolute;top:-3px;left:-2px;box-shadow:inset 0 1px #f0a070}.plant__glaze{background:#ffc8a059;width:3px;height:8px;position:absolute;top:2px;left:4px}.plant__soil{z-index:1;background:repeating-linear-gradient(90deg,#2a1810 0 3px,#3a2418 3px 5px);width:20px;height:4px;position:absolute;bottom:14px;left:16px}.plant__stem{z-index:1;background:#1a4a22;position:absolute;box-shadow:1px 0 #2e6a34}.plant__stem--main{border-radius:1px;width:3px;height:28px;bottom:16px;left:24px}.plant__stem--l{transform-origin:100%;background:#247030;width:12px;height:2px;bottom:28px;left:14px;transform:rotate(-28deg)}.plant__stem--r{transform-origin:0;background:#247030;width:12px;height:2px;bottom:34px;left:26px;transform:rotate(32deg)}.plant__stem--top{background:#2e6a34;width:2px;height:14px;bottom:42px;left:24px}.plant__leaf{background:var(--leaf);box-shadow:2px 0 0 var(--leaf-hi);z-index:2;position:absolute}.plant__leaf--a{clip-path:polygon(10% 50%,50% 0,100% 40%,70% 100%,0 80%);width:20px;height:13px;top:22px;left:2px}.plant__leaf--b{background:var(--forest);clip-path:polygon(0 40%,40% 0,100% 30%,80% 100%,10% 90%);width:18px;height:14px;top:14px;left:26px}.plant__leaf--c{clip-path:polygon(40% 0,100% 40%,70% 100%,0 70%);width:16px;height:12px;top:2px;left:14px}.plant__leaf--d{clip-path:polygon(0 20%,80% 0,100% 70%,20% 100%);background:#247030;width:14px;height:11px;top:32px;left:30px}.plant__leaf--e{clip-path:polygon(20% 0,100% 30%,80% 100%,0 70%);background:#1e6a2c;width:12px;height:10px;top:36px;left:8px}.plant__leaf--f{clip-path:polygon(30% 0,100% 45%,60% 100%,0 55%);background:#36a044;width:11px;height:9px;top:8px;left:22px;box-shadow:1px 0 #c8e06a}@keyframes plantSway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.6deg)}}.speaker{z-index:5;position:absolute;bottom:78px}.speaker--left{left:10px}.speaker--right{left:378px}.speaker__wood{background:repeating-linear-gradient(90deg,#4a2810 0 2px,#6a3a18 2px 3px,#8a5028 3px 5px,#7a4420 5px 7px);width:36px;height:52px;position:relative;box-shadow:inset 0 2px #a06838,inset 0 -3px #2a1408,inset 2px 0 #8a5428,3px 4px #1a0c06}.speaker__wood:after{content:"";background:#2a1408;height:3px;position:absolute;bottom:2px;left:4px;right:4px;box-shadow:inset 0 1px #5a3018}.speaker__woofer{background:#1a1410;border-radius:50%;width:22px;height:22px;transition:transform 70ms linear;position:absolute;top:16px;left:7px}.speaker__woofer.is-pulse{transform:scale(1.12)}.speaker__cone{background:radial-gradient(circle,#3a2a22 30%,#0a0808 70%);border-radius:50%;position:absolute;inset:3px}.speaker__dustcap{background:#6a4a38;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:8px}.speaker__tweeter{background:#2a2018;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:14px;box-shadow:inset 0 0 0 2px #5a4030}.speaker__grille{pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 2px,#c8a0641f 2px 3px);position:absolute;inset:4px}.mug{z-index:6;width:22px;height:28px;position:absolute;bottom:80px;left:168px}.mug__body{background:linear-gradient(90deg,#ece6dc 0 3px,#d8d0c4 3px 11px,#9a9288 11px);width:14px;height:12px;position:absolute;bottom:0;left:2px;box-shadow:inset -2px 0 #9a9288,inset 2px 0 #f4f0e8,inset 0 4px #6a3a18}.mug__lip{background:#ece6dc;width:14px;height:3px;position:absolute;bottom:10px;left:2px}.mug__handle{border:2px solid #c8c0b4;border-left:0;width:5px;height:7px;position:absolute;bottom:3px;left:15px}.mug__steam{background:#fff8e8;width:2px;height:2px;animation:1.8s ease-in infinite steam;position:absolute;bottom:14px;left:7px}.mug__steam--b{animation-delay:-.9s;left:11px}@keyframes steam{0%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(2px,-10px)}}.turntable{z-index:5;width:168px;height:108px;position:absolute;bottom:58px;left:196px}.turntable__cabinet{background:repeating-linear-gradient(90deg, #4a2810 0 2px, var(--teak) 2px 4px, var(--teak-hi) 4px 6px, #7a4420 6px 8px);position:absolute;inset:28px 0 0;box-shadow:inset 0 2px #a06838,inset 0 -3px #2a1408,inset 2px 0 #8a5428,3px 4px #1a0c06}.turntable__plinth{background:linear-gradient(180deg, var(--slate-hi) 0 2px, var(--slate) 2px);height:6px;position:absolute;bottom:4px;left:6px;right:6px;box-shadow:inset 0 1px #6a7078}.turntable__controls{z-index:2;width:42px;height:14px;position:absolute;bottom:8px;right:8px}.turntable__switch{background:var(--spec-g);width:8px;height:5px;animation:4s steps(2,end) infinite switchBlink;position:absolute;top:4px;left:0;box-shadow:inset 1px 1px #8aff8a,1px 1px #1a1810}@keyframes switchBlink{0%,to{background:var(--spec-g)}50%{background:var(--play)}}.turntable__knob{width:7px;height:7px;clip-path:var(--pixel-disc);background:linear-gradient(180deg, var(--cream) 0 2px, #8a8880 2px 5px, var(--slate) 5px);filter:drop-shadow(1px 1px #1a1810);position:absolute;top:3px;left:12px}.turntable__badge{background:linear-gradient(90deg, var(--gold) 0 8px, var(--amber) 8px);width:16px;height:4px;box-shadow:inset 0 1px 0 var(--honey);position:absolute;top:4px;left:24px}.turntable__plate{background:linear-gradient(#e0dcd4 0 3px,#c8c4bc 3px 6px,#7a7870 6px 10px,#5a5854 10px 14px,#4a4844 14px);width:148px;height:92px;position:absolute;top:8px;left:10px;box-shadow:inset 0 2px #f4f0e8,inset 0 -2px #2a2824,inset 2px 0 #c8c4bc,inset -2px 0 #3a3834,2px 3px #1a0c06}.turntable__mat{width:76px;height:76px;clip-path:var(--pixel-disc);background-blend-mode:multiply;background:repeating-linear-gradient(90deg,#2a1810 0 3px,#1a100c 3px 6px),repeating-linear-gradient(0deg,#2a1810 0 3px,#1a100c 3px 6px);position:absolute;top:8px;left:10px;box-shadow:inset 0 0 0 2px #3a2418}.turntable__ring{width:80px;height:80px;clip-path:var(--pixel-disc);pointer-events:none;z-index:0;background:#5a5048;position:absolute;top:6px;left:8px;box-shadow:inset 0 0 0 2px #3a3834}.turntable__cue{background:linear-gradient(180deg, var(--cream) 0 4px, #8a8880 4px 10px, var(--slate) 10px);width:3px;height:16px;position:absolute;top:28px;right:22px;box-shadow:1px 0 #2a2824}.vinyl{width:72px;height:72px;clip-path:var(--pixel-disc);z-index:1;background:#080808;position:absolute;top:8px;left:12px}.vinyl__grooves{clip-path:var(--pixel-disc);background:#0c0c0c;position:absolute;inset:0;overflow:hidden}.vinyl__ring{clip-path:var(--pixel-disc);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #181818}.vinyl__ring--a{background:#0a0a0a;width:64px;height:64px;box-shadow:inset 0 0 0 2px #1e1e1e}.vinyl__ring--b{background:#080808;width:52px;height:52px;box-shadow:inset 0 0 0 2px #161616}.vinyl__ring--c{background:#0a0a0a;width:40px;height:40px;box-shadow:inset 0 0 0 2px #1c1c1c}.vinyl__ring--d{background:#060606;width:32px;height:32px;box-shadow:inset 0 0 0 2px #141414}.vinyl__glint{z-index:2;pointer-events:none;background:#ffc88c59;width:4px;height:10px;position:absolute;top:8px;left:10px;box-shadow:0 12px #ffb4642e}.vinyl__label-rim{width:32px;height:32px;clip-path:var(--pixel-disc);z-index:3;background:#8a1818;position:absolute;top:20px;left:20px;box-shadow:inset 0 0 0 1px #2a1010}.vinyl__label{width:28px;height:28px;clip-path:var(--pixel-disc);background:#c42c2c;position:absolute;top:2px;left:2px;overflow:hidden}.vinyl__art,.vinyl__blank{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.vinyl__blank{color:var(--cream);background:#c42c2c;place-items:center;font-size:4px;display:grid}.vinyl__spindle{background:var(--cream);z-index:4;width:4px;height:4px;position:absolute;top:12px;left:12px;box-shadow:1px 1px #2a2018}.vinyl.is-spinning{animation:2.8s linear infinite spin}.vinyl.is-coasting{animation:11s linear infinite spin}.vinyl.is-stopped{animation:none}@keyframes spin{to{transform:rotate(360deg)}}.tonearm{z-index:3;pointer-events:none;width:62px;height:82px;position:absolute;top:2px;right:4px}.tonearm__rest{background:var(--slate-hi);width:10px;height:4px;position:absolute;top:38px;right:8px;box-shadow:inset 0 1px #8a8880,1px 1px #1a1810}.tonearm__pivot{width:14px;height:14px;clip-path:var(--pixel-disc);background:linear-gradient(180deg, var(--cream) 0 3px, #c8c4bc 3px 8px, var(--slate-hi) 8px);filter:drop-shadow(1px 1px #1a1810);z-index:4;position:absolute;top:10px;right:6px}.tonearm__boom{transform-origin:2px 0;z-index:3;width:5px;height:54px;transition:transform .55s steps(4,end);position:absolute;top:17px;right:11px;transform:rotate(-18deg)}.tonearm__boom.is-down{transform:rotate(58deg)}.tonearm__collar{width:9px;height:9px;clip-path:var(--pixel-disc);background:linear-gradient(180deg, var(--cream) 0 3px, #8a8884 3px);filter:drop-shadow(1px 1px #2a2824);z-index:2;position:absolute;top:-4px;left:-2px}.tonearm__arm{background:linear-gradient(90deg, var(--cream) 0 2px, #d0ccc4 2px 3px, #7a7874 3px);width:5px;height:48px;position:absolute;top:2px;left:0;box-shadow:1px 0 #2a2824}.tonearm__counterweight{background:var(--slate-hi);width:11px;height:6px;position:absolute;top:-1px;left:-3px;box-shadow:inset 1px 1px #8a8880,1px 1px #1a1810}.tonearm__head{background:linear-gradient(#8a8884 0 3px,#5a5854 3px 7px,#3a3834 7px);width:16px;height:11px;position:absolute;bottom:-4px;left:-6px;box-shadow:inset 1px 1px #c8c4bc,1px 1px #1a1810}.tonearm__cartridge{background:#2a2824;width:8px;height:5px;position:absolute;top:2px;left:2px;box-shadow:inset 0 1px #5a5854}.tonearm__stylus{background:var(--honey);width:2px;height:4px;box-shadow:1px 0 0 var(--gold);position:absolute;bottom:-3px;left:5px}.crt{z-index:6;width:148px;position:absolute;bottom:52px;left:46px}.crt__bezel{background:var(--crt-beige);width:148px;height:118px;box-shadow:inset 0 3px 0 #ece4d0, inset 0 -4px 0 var(--crt-beige-dk), 4px 6px 0 #1a0c06;padding:10px 10px 14px}.crt__screen{background:var(--phosphor);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0c100c,0 0 8px #78c8501f}.crt__phosphor{pointer-events:none;z-index:3;background:radial-gradient(#b4ff7812,#0000 70%);position:absolute;inset:0}.crt__scanlines{pointer-events:none;z-index:4;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 2px),repeating-linear-gradient(90deg,#00140014 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt__neck{background:#8a7860;width:40px;height:8px;margin:0 auto}.crt__base{background:var(--crt-beige-dk);width:88px;height:8px;margin:0 auto;box-shadow:3px 3px #1a0c06}.pixel-window{z-index:2;background:var(--paper);color:#2a2418;flex-direction:column;height:100%;display:flex;position:relative;box-shadow:inset 2px 2px #fff8e8,inset -2px -2px #6a6458}.pixel-window__title{background:var(--slate);color:var(--cream);letter-spacing:.4px;justify-content:space-between;align-items:center;padding:3px 4px;font-size:5px;line-height:1;display:flex}.pixel-window__dots{color:var(--gold);font-size:4px}.pixel-window__body{flex-direction:column;flex:1;gap:3px;min-height:0;padding:4px;display:flex}.crt-msg{color:#3a3428;text-align:center;margin:8px 2px;font-size:5px;line-height:1.6}.crt-msg--err{color:#a02818}.connect{flex-direction:column;align-items:center;gap:6px;padding-top:8px;display:flex}.crt-tabs{gap:2px;display:flex}.crt-tabs button{color:#2a2418;background:#c8b890;border:0;padding:2px 5px;font-size:5px;box-shadow:inset 1px 1px #fff8e0,inset -1px -1px #6a6048}.crt-tabs button.is-on{background:var(--slate);color:var(--cream)}.now{grid-template-rows:auto auto;grid-template-columns:28px 1fr;gap:3px 4px;display:grid}.now__art{background:#2a2418;width:28px;height:28px;box-shadow:inset 0 0 0 1px #6a6048}.now__art img{width:100%;height:100%;image-rendering:pixelated}.now__art-empty{background:repeating-linear-gradient(45deg,#3a3428 0 2px,#2a2418 2px 4px);width:100%;height:100%}.now__meta{min-width:0}.now__title,.now__artist,.now__time{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.now__title{font-size:5px;line-height:1.4}.now__artist,.now__time{color:#5a5448;margin-top:2px;font-size:4px}.seek{background:#2a2418;border:0;grid-column:1/-1;height:6px;padding:0;position:relative;box-shadow:inset 1px 1px #1a1810}.seek__fill{background:var(--amber-hot);height:100%;display:block}.transport{align-items:center;gap:3px;display:flex}.px-btn{background:var(--slate);color:var(--cream);box-shadow:inset 1px 1px 0 var(--slate-hi), inset -1px -1px 0 #101218, 1px 1px 0 #1a0c06;border:0;padding:4px 5px;font-size:6px;line-height:1}.px-btn:active{transform:translate(1px,1px);box-shadow:inset 1px 1px #101218}.px-btn--go{color:#d8ffd0;background:#1e6a22;box-shadow:inset 1px 1px #4cb450,inset -1px -1px #0c3010,1px 1px #1a0c06}.vol{align-items:flex-end;gap:1px;height:12px;margin-left:auto;display:flex}.vol__bar{background:#3a3428;border:0;width:4px;height:100%;padding:0;box-shadow:inset 0 -1px #1a1810}.vol__bar.is-lit{background:linear-gradient(180deg, var(--spec-y), var(--spec-o))}.spectrum{background:#1a1810;align-items:flex-end;gap:1px;height:14px;margin-top:auto;padding:1px;display:flex}.spectrum__col{height:calc(var(--h) * 100%);background:linear-gradient(180deg, var(--spec-g) 0%, var(--spec-y) 55%, var(--spec-o) 100%);image-rendering:pixelated;flex:1}.queue{color:#3a3428;max-height:42px;margin:0;padding:0;font-size:4px;line-height:1.7;list-style:none;overflow:hidden}.queue li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-btns{z-index:10;flex-direction:column;align-items:stretch;gap:4px;display:flex;position:absolute;top:8px;right:8px}.fs-btn{background:var(--slate);color:var(--cream);box-shadow:inset 1px 1px 0 var(--slate-hi), 2px 2px 0 #1a0c06;border:0;padding:4px 5px;font-size:6px}