@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}:root{font-family:IBM Plex Mono,monospace;color:#b9b8a8;background:#080908;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%;height:100%}body{background:radial-gradient(ellipse at 50% 42%,#22241f,#080908 78%)}#app{display:grid;place-items:center;padding:24px 16px}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,.rotary:focus-visible{outline:1px solid #d6dfcf;outline-offset:5px}.device{position:relative;width:min(1140px,calc((100svh - 48px)*1.5),96vw);aspect-ratio:3/2;background:url(/hardware/faceplate.webp) center/100% 100%;border-radius:12px;box-shadow:0 20px 70px #000c,0 3px 8px #000b;isolation:isolate}.crt-section{position:absolute;inset:0 33.333% 0 0}.scope-window{position:absolute;inset:13.3% 11.6% 26% 14.4%;overflow:hidden;contain:paint;isolation:isolate;border-radius:6% 6% 5% 5%;background:#010403;box-shadow:inset 0 0 40px #000}.static{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:screen}.scope-glass{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 45%,#000b),linear-gradient(145deg,#a9d2bd06,transparent 25%,transparent 78%,#68938404),repeating-linear-gradient(0deg,transparent 0 3px,#00000014 4px);box-shadow:inset 0 0 25px #000a,inset 0 1px 2px #ccfbe60a}.scope-glass:before{content:"";position:absolute;inset:-12% -8% 12% -22%;border-radius:44%;background:linear-gradient(118deg,transparent 19%,#e8fff006 28%,#c8e8df14 33%,#ffffff05 36%,transparent 44%),radial-gradient(ellipse at 28% 5%,#e8fff00c,transparent 43%);transform:rotate(-3deg);opacity:.8}.scope-glass:after{content:"";position:absolute;inset:3%;border-radius:40%;background:radial-gradient(ellipse at 90% 8%,#e9fff00a,transparent 27%),linear-gradient(170deg,transparent 70%,#a0c7b907 84%,transparent 93%)}.panel{position:absolute;inset:0 0 0 66.667%}.meters{position:absolute;left:6%;top:11%;width:36%;height:61%;display:flex;justify-content:space-between;gap:0;padding-right:0;background:linear-gradient(90deg,#04060455,#05070577);border-radius:3px}.meter-channel{height:100%;flex:0 0 7px;position:relative;min-width:0}.meter-channel>span{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:10px;color:#a7a58b;letter-spacing:.06em}.meter-track{height:100%;width:100%;background:repeating-linear-gradient(to top,#585a131c 0 2px,transparent 2px 5px);position:relative;overflow:hidden}.meter-track i{position:absolute;inset:0;clip-path:inset(calc((1 - var(--level,0))*100%) 0 0);background:repeating-linear-gradient(to top,#ecf36a 0 2px,transparent 2px 5px);filter:drop-shadow(0 0 3px #dde93788);will-change:clip-path}.meter-scale{position:absolute;top:0;right:-27%;bottom:0;width:20%;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#999985;letter-spacing:-.06em}.rotary-bank{position:absolute;right:5%;width:47%;top:11%;height:65%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dial-group{position:relative;width:116px;height:150px;max-width:95%;display:flex;align-items:center;justify-content:center}.dial-label{position:absolute;top:0;font-size:8px;letter-spacing:.1em;color:#a7a18a;white-space:nowrap;text-shadow:0 1px 1px #000}.dial-ticks{position:absolute;width:112px;height:112px;max-width:100%;max-height:100%;border-radius:50%;background:repeating-conic-gradient(from -135deg,#b8b4a16b 0deg 1deg,transparent 1deg 15deg);-webkit-mask:radial-gradient(circle,transparent 63%,#000 64% 67%,transparent 68%),conic-gradient(from 135deg,transparent 0 90deg,#000 90deg 360deg);mask:radial-gradient(circle,transparent 63%,#000 64% 67%,transparent 68%),conic-gradient(from 135deg,transparent 0 90deg,#000 90deg 360deg);-webkit-mask-composite:source-in;mask-composite:intersect}.rotary{position:relative;width:77px;height:77px;min-width:44px;min-height:44px;border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#2a2b23;border:1px solid #28281f;box-shadow:8px 10px 10px #0009,1px 3px 3px #000c,inset -3px -2px 5px #10130ac9,inset 1px 2px 3px #d7cfaa77;--rotation:0deg}.rotary:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -3px -2px 5px #10130ac9,inset 1px 2px 3px #d7cfaa77;pointer-events:none}.knob-rotor{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#30302a 0deg 4deg,#827e69 4deg 9deg,#3d3c32 9deg 13deg);transform:rotate(var(--rotation))}.rotary.turning{cursor:grabbing}.knob-face{position:absolute;inset:11px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#8d8976,#666450 65%,#414134);border:2px solid #3a3c30;box-shadow:0 0 0 2px #92907855,inset 0 1px 1px #d5c9a366,inset 0 -2px 3px #282c2099}.knob-face:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid #c2c1a519;background:repeating-radial-gradient(circle,#ffffff04 0 .5px,transparent .5px 2px)}.knob-face i{position:absolute;width:2px;height:10px;top:3px;left:calc(50% - 1px);background:#e1dcc2;box-shadow:0 0 1px #f6f1dd77}.readout{position:absolute;left:7%;right:7%;bottom:15%;padding:9px 4px 8px;text-align:center;background:#070905b8;border:1px solid #77745a28;box-shadow:inset 0 2px 4px #0008;border-radius:3px}.reception{display:flex;gap:5px;justify-content:center;margin-bottom:7px}.reception i{width:9px;height:2px;background:#545a2a}.acquired .reception i{background:#e5eb78;box-shadow:0 0 5px #e5eb7866}.frequency{font-size:clamp(12px,1.7vw,22px);letter-spacing:.05em;color:#c8d59a;font-variant-numeric:tabular-nums;text-shadow:0 0 5px #9aaf4b3b;white-space:nowrap}.frequency small{font-size:8px;color:#8d9475}.controls{position:absolute;left:5%;right:5%;bottom:5%;display:flex;justify-content:space-around;align-items:center;gap:5px}.audio,.power{min-width:44px;border:1px solid #a49f7730;background:linear-gradient(#34352a,#24271e);box-shadow:0 2px 3px #0008,inset 0 1px 1px #b1ac7c24;border-radius:2px;min-height:44px;padding:8px 7px;font-size:7px;letter-spacing:.06em;color:#b4b29c}.audio:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#555729;box-shadow:inset 0 1px 2px #0008}.audio[aria-pressed=true]:before{background:#d8dc55;box-shadow:0 0 5px #d8dc5566}.film-grain{position:fixed;inset:0;pointer-events:none;z-index:5;background:url(/grain.svg) repeat;background-size:150px 150px;opacity:.045}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:clip;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){#app{padding:14px 10px;height:auto;min-height:100svh}.device{width:min(94vw,480px);aspect-ratio:auto;background:none;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.crt-section{position:relative;inset:auto;aspect-ratio:1/1;width:100%;background:url(/hardware/faceplate.webp) left top/150% 100%}.panel{position:relative;inset:auto;height:248px;width:100%;background:url(/hardware/faceplate.webp) right center/300% 100%;border-top:1px solid #aaa58c27}.meters{left:8%;top:14%;width:27%;height:65%;gap:0;padding-right:0}.rotary-bank{top:4%;right:5%;width:55%;height:57%;flex-direction:row;gap:3px}.dial-group{width:95px;height:118px}.dial-ticks{width:90px;height:90px}.rotary{width:62px;height:62px}.knob-face{inset:8px}.dial-label{font-size:7px;top:5px}.readout{left:43%;right:7%;bottom:23%;padding:6px 4px}.frequency{font-size:18px}.reception{margin-bottom:4px}.controls{left:43%;right:7%;bottom:5%;gap:8px}.audio,.power{min-height:44px;font-size:6px;padding:6px}.meter-channel>span{font-size:8px;top:-17px}.scope-window{border-radius:8%}.meter-scale{font-size:7px}}@media(min-width:961px)and (max-height:650px){.rotary{width:60px;height:60px}.knob-face{inset:8px}.dial-group{height:120px;width:95px}.dial-ticks{width:88px;height:88px}.dial-label{font-size:7px}.meters{height:59%}.meter-channel>span{font-size:8px;top:-17px}.readout{padding:5px}.audio,.power{font-size:6px;min-height:44px;padding:6px}.controls{bottom:4%}}.hardware-switch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:80px;height:66px;min-width:64px;min-height:60px;padding:5px;border:1px solid #5b5c4a;background:linear-gradient(165deg,#3a3a31,#20221d 46%,#10130f);border-radius:4px;color:#aaa891;box-shadow:0 4px 7px #000b,inset 0 1px 1px #cdc6a840,inset 0 -2px 3px #050605aa;touch-action:manipulation}.hardware-switch:before{content:none}.hardware-switch:after{content:"";position:absolute;right:7px;top:6px;width:3px;height:3px;border-radius:50%;background:#4d4e31;box-shadow:inset 0 1px 2px #0009}.hardware-switch[aria-pressed=true]:after{background:#e0e66d;box-shadow:0 0 5px #dce765aa}.switch-well{position:relative;width:48px;height:28px;overflow:hidden;border:1px solid #0b0c08;border-radius:2px;background:linear-gradient(#050705,#171a14);box-shadow:inset 0 3px 5px #000d,0 1px #b1aa8229;perspective:60px}.switch-paddle{position:absolute;left:2px;right:2px;top:3px;height:18px;border:1px solid #48483c;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 3px,#b0a99010 3px 4px),linear-gradient(165deg,#6c6a58,#47483d 45%,#22261e);box-shadow:0 3px 4px #000b,inset 0 1px 1px #d0c6a064;transform:translateY(5px) rotateX(-16deg);transition:transform .14s ease,background .14s ease}.hardware-switch[aria-pressed=true] .switch-paddle{transform:translateY(-2px) rotateX(14deg);background:repeating-linear-gradient(90deg,transparent 0 3px,#b0a99010 3px 4px),linear-gradient(165deg,#85806c,#59594b 50%,#303328)}.switch-caption{font-size:7px;letter-spacing:.09em;line-height:1;white-space:nowrap;text-shadow:0 1px 1px #000}.hardware-switch:active .switch-paddle{filter:brightness(1.18)}@media(max-width:960px){.readout{bottom:34%}.controls{bottom:4%}.hardware-switch{width:70px;height:60px;min-width:64px;min-height:60px;padding:4px}.switch-well{width:43px;height:25px}.switch-paddle{height:16px}.switch-caption{font-size:6px}}@media(prefers-reduced-motion:reduce){.switch-paddle{transition:none}}.meters{left:5%;top:8%;width:42%;height:66%;padding:27px 24px 14px 11px;background:repeating-linear-gradient(100deg,#ffffff05 0 1px,transparent 1px 5px),linear-gradient(105deg,#34362d,#191d18 14%,#111612 50%,#25271f);border:1px solid #5d5e4e;border-radius:3px;box-shadow:0 3px 6px #000c,inset 1px 1px 1px #bdb49a58,inset -3px -3px 5px #030503bd}.meters:before{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid #8685701c;border-radius:2px;background:linear-gradient(110deg,#c9ccab0a,transparent 25%,transparent 70%,#0005)}.meters:after{content:"";position:absolute;left:4px;right:4px;top:4px;height:5px;pointer-events:none;background:radial-gradient(circle at 2px 2px,#7b7c69 0 1.5px,#171b16 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 2px) 2px,#7b7c69 0 1.5px,#171b16 2px,transparent 2.5px)}.meter-channel{flex:0 0 10px}.meter-channel>span{top:-19px;color:#b6b4a0;text-shadow:0 1px 1px #000b}.meter-track{border:1px solid #050805;border-radius:2px;background:repeating-linear-gradient(to top,#82894b25 0 2px,#020503 2px 5px);box-shadow:inset 2px 0 3px #000e,inset -1px 0 2px #000b,0 1px #aba58635}.meter-track i{inset:1px;background:repeating-linear-gradient(to top,#edf078 0 2px,transparent 2px 5px);filter:drop-shadow(0 0 2px #e0e85ba8)}.meter-scale{top:27px;right:4px;bottom:14px;width:18px;color:#999b83;text-shadow:0 1px 1px #000;font-size:7px}.readout{left:47%;right:6%;bottom:15%;height:62px;padding:11px 4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(170deg,#3f4033,#262a21 9%,#090d09 20%,#030604 82%,#34382d);border:1px solid #656754;border-radius:3px;box-shadow:0 4px 6px #000c,inset 1px 2px 2px #c5bf9b54,inset -2px -3px 5px #000c}.readout:before{content:"";position:absolute;inset:4px 5px;pointer-events:none;border:1px solid #4e55402b;border-radius:1px;background:linear-gradient(158deg,#d9e9c00e,transparent 33%,#0003 71%,#bdd69d07)}.readout:after{content:"";position:absolute;left:4px;right:4px;top:4px;height:5px;pointer-events:none;background:radial-gradient(circle at 2px 2px,#7a7b67 0 1.5px,#151914 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 2px) 2px,#7a7b67 0 1.5px,#151914 2px,transparent 2.5px)}.reception{margin-bottom:5px}.reception i{height:2px;box-shadow:0 0 2px #727a3a33}.frequency{position:relative;font-size:clamp(13px,1.65vw,21px);color:#d1dda0;text-shadow:0 0 4px #b9d56366,0 1px 1px #000;line-height:1.2}@media(max-width:960px){.meters{left:4%;top:11%;width:38%;height:65%;padding:20px 19px 12px 8px}.meter-channel{flex-basis:6px}.meter-channel>span{top:-15px}.meter-scale{top:20px;right:2px;bottom:12px;width:16px;font-size:6px}.readout{left:43%;right:5%;bottom:34%;height:52px;padding:8px 3px 4px}.frequency{font-size:17px}.frequency small{font-size:7px}}@media(max-width:960px){.rotary-bank{top:-1.5%}}.reception i{background:#d7dd77;opacity:var(--quality,0);box-shadow:0 0 4px #d7dd7766}.static{transition:opacity .2s ease,transform .22s ease;transform-origin:center}.frequency,.reception,.meter-track i{transition:opacity .13s ease}.powered-off .static{opacity:0;transform:none}.powering-down .static{animation:crt-collapse .72s cubic-bezier(.16,.55,.28,1) forwards}.powering-down .scope-window:after{content:"";position:absolute;z-index:3;left:7%;right:7%;top:50%;height:2px;background:#d9fff4;box-shadow:0 0 6px 2px #9dffe577,0 0 18px #a9ffe966;pointer-events:none;transform-origin:center;animation:crt-afterglow .72s ease-out forwards}.powering-up .static{animation:crt-warmup .48s ease-out both}.powering-down .knob-rotor{transition:transform .52s cubic-bezier(.2,.75,.25,1)}.powering-down .frequency,.powering-down .reception,.powering-down .meter-track i,.powered-off .frequency,.powered-off .reception,.powered-off .meter-track i{opacity:0}.powering-down .audio[aria-pressed=true]:after,.powered-off .audio[aria-pressed=true]:after{background:#4d4e31;box-shadow:inset 0 1px 2px #0009}@keyframes crt-collapse{0%{opacity:1;transform:scale(1)}28%{opacity:.86;transform:scaleY(.27)}55%{opacity:.24;transform:scaleY(.015)}76%{opacity:.08;transform:scale(.12,.008)}to{opacity:0;transform:scale(0)}}@keyframes crt-afterglow{0%,27%{opacity:0;transform:scaleX(1)}49%{opacity:.8;transform:scaleX(1)}75%{opacity:.7;transform:scaleX(.12)}to{opacity:0;transform:scaleX(0)}}@keyframes crt-warmup{0%{opacity:0;transform:scale(.07,.01)}42%{opacity:.75;transform:scaleY(.04)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.static,.frequency,.reception,.meter-track i,.knob-rotor{transition:none}.powering-down .static,.powered-off .static{animation:none;opacity:0;transform:none;filter:none}.powering-up .static{animation:none}.powering-down .scope-window:after{display:none}}.control-bay{position:absolute;inset:7% 4% 4% 47%;overflow:hidden;border:1px solid #4d4d41;border-radius:5px;background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(116deg,#23251f,#171914 42%,#20211b 75%,#171914);box-shadow:0 1px 2px #000b,inset 3px 3px 5px #050704d0,inset -2px -2px 4px #77746338,inset 0 0 0 3px #090a08a8}.meters{top:7%;height:88%}.control-bay:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid #817e6b18;border-radius:2px}.control-bay:after{content:"";position:absolute;inset:8px;pointer-events:none;background:radial-gradient(circle at 2px 2px,#78786a 0 2px,#090a08 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 2px) 2px,#78786a 0 2px,#090a08 2.5px,transparent 3px),radial-gradient(circle at 2px calc(100% - 2px),#78786a 0 2px,#090a08 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 2px) calc(100% - 2px),#78786a 0 2px,#090a08 2.5px,transparent 3px)}.control-bay .rotary-bank{top:5%;left:0;right:0;width:100%;height:69%;justify-content:space-around}.control-bay .dial-group{width:100%;height:49%;max-width:none}.control-bay .dial-label{top:5%;z-index:1}.control-bay .dial-ticks{opacity:.78}.control-bay .readout{left:7%;right:7%;bottom:17%;height:62px}.control-bay .controls{left:5%;right:5%;bottom:2%;gap:6px;justify-content:space-between}.control-bay .hardware-switch{flex:1 1 0;width:auto;min-width:0;height:64px;padding:4px 2px}.control-bay .switch-well{max-width:90%}@media(min-width:961px){.device{width:min(1000px,calc((100svh - 64px)*1.5),92vw);margin-right:0}}@media(max-width:960px){.device{width:min(94vw,480px);margin-right:0;overflow:hidden}.panel{height:270px}.panel:before{content:"";position:absolute;inset:2% 3%;background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(115deg,#272822,#1a1c18 55%,#27271f);border:1px solid #77726364;border-radius:3px;box-shadow:inset 0 0 0 3px #090a08aa,inset 0 1px 2px #b6b09a30}.meters{z-index:1;left:5%;top:6%;width:36%;height:86%;padding:20px 17px 12px 8px}.control-bay{z-index:2;inset:5% 4% 5% 43%}.control-bay .rotary-bank{top:1%;height:50%;flex-direction:row;gap:0}.control-bay .dial-group{width:50%;height:100%}.control-bay .dial-label{font-size:6px;top:8%}.control-bay .dial-ticks{width:min(90px,97%);height:auto;aspect-ratio:1}.control-bay .rotary{width:clamp(44px,8vw,62px);height:clamp(44px,8vw,62px)}.control-bay .knob-face{inset:7px}.control-bay .readout{inset:53% 5% auto;height:46px;padding:4px}.control-bay .frequency{font-size:clamp(12px,4vw,18px)}.control-bay .controls{left:4%;right:4%;bottom:2%;gap:5px}.control-bay .hardware-switch{height:56px;min-height:56px;min-width:44px;padding:3px 1px}.control-bay .switch-well{width:43px;max-width:88%;height:24px}.control-bay .switch-caption{font-size:5.5px}}.speaker-grille{position:absolute;left:19%;width:45%;bottom:8%;height:3.2%;min-height:11px;border:1px solid #55554e;border-radius:2px;background:linear-gradient(180deg,#060807,#1d201d 42%,#0a0c0b);box-shadow:0 1px 1px #b3b3a126,inset 0 2px 4px #000d,inset 0 -1px 1px #9f9d8961;pointer-events:none}.speaker-grille:before{content:"";position:absolute;inset:2px 4px;background:radial-gradient(circle,#010301 0 1.3px,#74786b 1.45px,transparent 2.1px) 0 0/7px 6px;opacity:.88}.speaker-grille:after{content:"";position:absolute;inset:1px;background:linear-gradient(180deg,#d9dec10b,transparent 45%,#0004);pointer-events:none}.signal-led{position:absolute;left:66%;bottom:8.6%;width:13px;height:13px;border-radius:50%;border:1px solid #4d4f42;background:radial-gradient(circle at 50% 55%,#090c08 0 40%,#36382e 62%,#121510 88%);box-shadow:0 1px 1px #afa99136,inset 0 1px 3px #000e;display:grid;place-items:center;pointer-events:none}.signal-led i{display:block;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffd8,#e7ed70 52%,#a4ad35);box-shadow:0 0 4px 1px #dce770,0 0 10px 2px #d3e54a87;opacity:var(--led-strength,0);transition:opacity .08s linear}.powered-off .signal-led i,.powering-down .signal-led i{opacity:0}@media(max-width:960px){.speaker-grille{min-height:9px}.signal-led{width:11px;height:11px}.signal-led i{width:4px;height:4px}}@media(prefers-reduced-motion:reduce){.signal-led i{transition:none}}