:root{--walnut-hi:#6b4529;--walnut:#4a2f1d;--walnut-lo:#2a1810;--alu-hi:#dcddd8;--alu:#b3b5ae;--alu-lo:#7d7f79;--bezel:#15120f;--vfd:#5ef0cf;--vfd-dim:#1a4a44;--lamp:#ff5a3c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(120% 80% at 50% 0%,#23201d,#100e0d 55%,#070606);min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 14px 40px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom));font-family:Barlow Condensed,Arial Narrow,sans-serif;color:#e8e4dc;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.cabinet,.panel,.rail{user-select:none;-webkit-user-select:none}.cabinet{--chrome:296px;width:100%;max-width:min(498px,max(240px,calc((100dvh - var(--chrome)) * 440 / 700 + 54px)));border-radius:16px 16px 10px 10px;padding:14px 14px 16px;background:repeating-linear-gradient(94deg,#00000029 0 1px,#ffffff08 1px 3px,#0000 3px 9px),repeating-linear-gradient(87deg,#0000001a 0 2px,#ffffff05 2px 5px,#0000 5px 14px),linear-gradient(168deg,var(--walnut-hi) 0%,var(--walnut) 38%,var(--walnut-lo) 100%);box-shadow:inset 0 1px #ffdcb447,inset 0 -2px 6px #0009,0 2px #1a0f09,0 26px 50px -18px #000000e6,0 60px 90px -50px #000;position:relative}.cabinet:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff1a,#fff0 26% 74%,#ffffff0d)}.plate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px 8px}.plate .mark{font-weight:700;letter-spacing:.3em;font-size:15px;text-transform:uppercase;color:#f0dcc0;text-shadow:0 1px 0 #1c1008,0 0 14px rgba(255,190,120,.22)}.plate .mark span{color:var(--vfd);text-shadow:0 0 10px rgba(94,240,207,.5)}.plate .model{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:.16em;color:#b99a74;opacity:.85}.screw{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#d8d3c8,#7e7a70 55%,#45423c);box-shadow:inset 0 -1px 1px #0009,0 1px 2px #00000080}.screw:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--sa,40deg),transparent 44%,rgba(0,0,0,.62) 44% 56%,transparent 56%);border-radius:50%}.s1{top:9px;left:9px;--sa:32deg}.s2{top:9px;right:9px;--sa:-18deg}.s3{bottom:9px;left:9px;--sa:74deg}.s4{bottom:9px;right:9px;--sa:12deg}.bezel{border-radius:14px;padding:13px;background:linear-gradient(163deg,#2b2724 0%,var(--bezel) 46%,#0a0908 100%);box-shadow:inset 0 2px 3px #ffffff17,inset 0 -3px 8px #000000d9,0 3px 10px #0000008c}.tube{position:relative;border-radius:22px/26px;overflow:hidden;background:#05070c;box-shadow:inset 0 0 0 2px #000,inset 0 0 26px 8px #000000f2,0 0 34px -6px #5adcff1a;aspect-ratio:440/700}canvas{display:block;width:100%;height:100%;touch-action:none}#nameEntry{position:absolute;left:10%;right:10%;top:54%;height:44px;opacity:0;pointer-events:none;border:0;background:transparent;color:transparent;font-size:16px}.tube .scan,.tube .glass,.tube .vig{position:absolute;inset:0;pointer-events:none}.tube .scan{background:repeating-linear-gradient(0deg,#00000057 0 1px,#0000 1px 3px);mix-blend-mode:multiply;opacity:.75}.tube .glass{background:linear-gradient(197deg,#ffffff1c,#ffffff05 18%,#fff0 40%),radial-gradient(120% 60% at 22% -8%,#beebff21,#0000 60%)}.tube .vig{box-shadow:inset 0 0 70px 22px #000000d9,inset 0 0 130px 40px #00000080;border-radius:inherit;transition:box-shadow .3s}.tube.danger .vig{box-shadow:inset 0 0 70px 22px #000000d9,inset 0 0 90px 26px #d228286b}.panel{margin-top:14px;border-radius:10px;padding:13px 15px 15px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#00000012 1px 2px,#fff0 2px 4px),linear-gradient(178deg,var(--alu-hi) 0%,var(--alu) 42%,var(--alu-lo) 100%);box-shadow:inset 0 1px #fffc,inset 0 -2px 5px #0000006b,0 3px 7px #00000080}.panel::selection{background:none}.vfd{border-radius:5px;padding:8px 11px 9px;background:linear-gradient(180deg,#04100f,#010807);box-shadow:inset 0 2px 7px #000000f2,0 1px #ffffff8c;display:flex;gap:16px;align-items:flex-end;min-width:0}.readout{display:flex;flex-direction:column;gap:2px;min-width:0}.readout .lbl{font-size:8px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#3c7f76}.readout .val{font-family:Share Tech Mono,monospace;font-size:21px;line-height:1;letter-spacing:.05em;color:var(--vfd);text-shadow:0 0 5px rgba(94,240,207,.85),0 0 16px rgba(94,240,207,.45);position:relative}.readout .val .ghost{position:absolute;left:0;top:0;color:var(--vfd-dim);text-shadow:none;z-index:-1}.readout.small .val{font-size:15px}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}.knob{width:56px;height:56px;border-radius:50%;background:conic-gradient(from 0deg,#55524c 0 2deg,#8c8981 2deg 4deg) content-box,radial-gradient(circle at 36% 28%,#b9b6ad,#6d6a63 58%,#3a3833);padding:5px;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -3px 6px #000000b3,0 4px 8px #0000008c;position:relative;cursor:grab;touch-action:none}.knob:active{cursor:grabbing}.knob:before{content:"";position:absolute;left:50%;top:6px;width:3px;height:19px;margin-left:-1.5px;border-radius:2px;background:linear-gradient(#fff5e0,#c9a86e);box-shadow:0 0 7px #ffdc96bf}.knob-wrap .cap{font-size:8px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#4d4a44;text-shadow:0 1px 0 rgba(255,255,255,.6)}.fire{width:74px;height:74px;border:0;border-radius:50%;padding:0;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#4a0d05;background:radial-gradient(circle at 38% 30%,#ff9b7e 0%,var(--lamp) 44%,#c22d18 78%,#8d1a0c 100%);box-shadow:inset 0 3px 5px #ffffff80,inset 0 -6px 10px #0000006b,0 6px #6d1409,0 9px 16px #0009,0 0 22px -4px #ff5a3c8c;transition:transform .05s,box-shadow .05s;text-shadow:0 1px 0 rgba(255,255,255,.35)}.fire:active,.fire.down{transform:translateY(5px);box-shadow:inset 0 3px 6px #00000073,0 1px #6d1409,0 3px 7px #0009}.fire:focus-visible,.knob:focus-visible,.toggle:focus-visible{outline:2px solid var(--vfd);outline-offset:3px}.rail{margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px}.hint{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#c6a882;opacity:.68}.hint b{color:#f0dcc0;font-weight:600}.hint .touch{display:none}@media (hover:none){.hint .desk{display:none}.hint .touch{display:inline}}.toggle{display:flex;align-items:center;gap:7px;cursor:pointer;background:none;border:0;padding:0;font-family:inherit;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#c6a882}.toggle .sw{width:34px;height:17px;border-radius:9px;position:relative;background:linear-gradient(180deg,#1a140f,#332720);box-shadow:inset 0 2px 4px #000000d9,0 1px #ffdcb42e}.toggle .sw i{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#e6e2d8,#8b877e 60%,#4c4943);box-shadow:0 1px 2px #000000b3;transition:transform .16s cubic-bezier(.3,1.4,.5,1)}.toggle[aria-pressed=true] .sw i{transform:translate(17px)}.toggle[aria-pressed=true] .sw{box-shadow:inset 0 2px 4px #000000d9,0 0 9px #5ef0cf73}.fire,.toggle{touch-action:manipulation}@media (max-width:430px){.cabinet{--chrome:278px}.panel{grid-template-columns:1fr auto;gap:11px;padding:11px}.knob-wrap{display:none}.fire{width:64px;height:64px;font-size:13px}.readout .val{font-size:18px}.plate .mark{font-size:13px;letter-spacing:.22em}.hint{font-size:10px}body{padding-top:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-height:520px) and (orientation:landscape){.cabinet{--chrome:210px}.rail{display:none}.plate{padding:2px 12px 4px}.fire{width:56px;height:56px;font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}