:root{--wood-1: #4a2f1c;--wood-2: #5d3d24;--wood-3: #3a2415;--face: #d8c9a3;--face-2: #cbbb92;--bake: #211712;--brass: #b98f4a;--amber: #ffb545;--cream: #efe6cd;--ink: #2a2018}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;font-size:13px;color:var(--ink);background:radial-gradient(120% 90% at 50% 20%,#23272b,#14161a 55%,#0a0b0d);overflow:hidden}.room{height:100%;display:grid;place-items:center;padding:18px;position:relative}.tv{position:relative;width:min(1180px,96vw);border-radius:26px;padding:26px 26px 18px;background:repeating-linear-gradient(93deg,transparent 0 7px,rgba(0,0,0,.06) 7px 9px,transparent 9px 23px),repeating-linear-gradient(88deg,transparent 0 13px,rgba(255,240,200,.045) 13px 14px,transparent 14px 41px),linear-gradient(178deg,var(--wood-2) 0%,var(--wood-1) 42%,var(--wood-3) 100%);box-shadow:inset 0 2px #ffe2b240,inset 0 -3px 8px #00000080,0 34px 70px #000000a6,0 8px 22px #00000080}.tv-top{display:grid;grid-template-columns:1fr 292px;gap:22px;align-items:stretch}.bezel{position:relative;background:linear-gradient(180deg,#2c211a,#17100c 70%);border-radius:22px;padding:20px;box-shadow:inset 0 2px 10px #000000e6,inset 0 0 0 2px #b98f4a40,0 1px #ffe2b224}.screen-holder{position:relative;aspect-ratio:4 / 3;border-radius:8%/10%;overflow:hidden;background:#050605;box-shadow:inset 0 0 60px #000000f2,inset 0 0 4px #000000e6}.crt-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.glass{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(85% 60% at 30% 18%,rgba(255,255,255,.09),transparent 55%),radial-gradient(140% 110% at 50% 50%,transparent 62%,rgba(0,0,0,.5) 100%)}.warming{position:absolute;right:4%;bottom:5%;font-size:10px;letter-spacing:.22em;color:#ffd68cbf;text-shadow:0 0 6px rgba(255,181,69,.6);animation:blink 1.4s steps(2) infinite;pointer-events:none}@keyframes blink{50%{opacity:.25}}.side-panel{display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:16px;padding:16px 14px 14px;background:linear-gradient(180deg,#fffaeb29,#00000014),linear-gradient(180deg,var(--face),var(--face-2));box-shadow:inset 0 1px #ffffff80,inset 0 -2px 6px #5a3e2359,0 2px 6px #00000059}.meter{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.meter svg{width:78%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.meter-lamps{display:flex;gap:10px}.lamp{font-size:9px;letter-spacing:.18em;color:#7d7261;padding:2px 8px;border-radius:999px;border:1px solid rgba(90,62,35,.35);background:#00000012;transition:all .25s}.lamp.on{color:#fff;background:#b3302a;border-color:#7c1f1b;box-shadow:0 0 10px #dc3c32cc}.lamp.amber.on{background:#c07f16;border-color:#8a5a0d;box-shadow:0 0 10px #ffb545d9}.lamp.green.on{background:#2f8f3e;border-color:#1d5f28;box-shadow:0 0 12px #5adc6ee6}.readout{width:100%;border-radius:8px;background:#171008;border:2px solid #35281a;box-shadow:inset 0 2px 8px #000000d9;padding:7px 12px 6px;text-align:center;min-height:52px}.readout-main{font-family:Cascadia Code,ui-monospace,monospace;font-size:17px;letter-spacing:.14em;color:#4d3a20;white-space:nowrap;overflow:hidden}.readout-sub{font-size:9.5px;letter-spacing:.2em;color:#4d3a20;text-transform:uppercase;margin-top:2px}.readout.lit .readout-main{color:var(--amber);text-shadow:0 0 9px rgba(255,181,69,.75)}.readout.lit .readout-sub{color:#ffb54599}.dial-wrap{position:relative;width:148px;height:148px;display:grid;place-items:center;cursor:grab;touch-action:none;outline-offset:4px}.dial-wrap:active{cursor:grabbing}.dial-ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(60,42,25,.85) 0deg 1.2deg,transparent 1.2deg 6deg);-webkit-mask:radial-gradient(circle,transparent 0 62%,#000 63% 70%,transparent 71%);mask:radial-gradient(circle,transparent 0 62%,#000 63% 70%,transparent 71%)}.dial{width:112px;height:112px;border-radius:50%;position:relative;background:repeating-conic-gradient(from 0deg,rgba(0,0,0,.16) 0deg 3deg,transparent 3deg 9deg),radial-gradient(circle at 34% 30%,#fdf6e2,var(--cream) 45%,#c9b98e 100%);box-shadow:inset 0 -4px 8px #5a3e2380,inset 0 3px 5px #ffffffbf,0 6px 14px #00000073}.dial-grip{position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle at 36% 30%,#f6ecd2,#d3c397 70%);box-shadow:inset 0 -2px 5px #5a3e2366,inset 0 2px 3px #fffc}.dial-pointer{position:absolute;top:5px;left:calc(50% - 2.5px);width:5px;height:26px;border-radius:3px;background:#a3271f;box-shadow:0 0 3px #0006}.dial-label{position:absolute;bottom:-4px;font-size:9px;letter-spacing:.34em;color:#6b573a}.side-buttons{width:100%;display:flex;justify-content:center;gap:8px}.scan-btn{font:inherit;font-size:11px;letter-spacing:.22em;padding:8px 22px;border-radius:999px;border:1px solid #8a6a3b;color:#4d3a20;background:linear-gradient(180deg,#f3e8cb,#d8c69a);box-shadow:0 3px #a08653,0 5px 9px #00000059;cursor:pointer;transition:transform .05s,box-shadow .05s}.scan-btn:active,.scan-btn.active{transform:translateY(2px);box-shadow:0 1px #a08653,inset 0 2px 5px #5a3e2366}.scan-btn.active{color:#a3271f}.scan-btn:disabled{opacity:.5;cursor:default}.scan-btn.hold{padding:8px 16px}.scan-btn.hold.active{color:#1f5e8a}.step-buttons{display:flex;align-items:center;gap:8px;margin-top:-4px}.step-btn{font:inherit;font-size:11px;width:34px;padding:4px 0;border-radius:6px;border:1px solid #8a6a3b;background:linear-gradient(180deg,#eee1c2,#d5c398);color:#4d3a20;box-shadow:0 2px #a08653;cursor:pointer}.step-btn:active{transform:translateY(1px);box-shadow:0 1px #a08653}.step-caption{font-size:8.5px;letter-spacing:.28em;color:#6b573a}.axis-selector{width:100%;display:flex;flex-direction:column;gap:5px}.axis-caption,.switch-caption{font-size:8.5px;letter-spacing:.3em;color:#6b573a}.axis-row{display:flex;gap:4px;flex-wrap:wrap}.axis-btn,.sw-btn{font:inherit;font-size:10px;letter-spacing:.08em;padding:5px 0;flex:1 1 0;min-width:42px;border-radius:5px;border:1px solid #8a6a3b;background:linear-gradient(180deg,#eee1c2,#d5c398);color:#4d3a20;box-shadow:0 2px #a08653;cursor:pointer}.axis-btn.active,.sw-btn.active{background:linear-gradient(180deg,#5a4426,#453317);color:var(--amber);box-shadow:inset 0 2px 4px #0000008c;transform:translateY(1px)}.fine-toggle{display:flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.26em;color:#6b573a;cursor:pointer;margin-top:2px}.fine-toggle input{position:absolute;opacity:0}.fine-slide{width:34px;height:16px;border-radius:999px;background:#b7a67e;box-shadow:inset 0 2px 4px #5a3e238c;position:relative}.fine-slide:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6df,#cdbd92);box-shadow:0 1px 2px #00000073;transition:transform .15s}.fine-toggle input:checked+.fine-slide:after{transform:translate(18px)}.fine-toggle input:checked~span:last-child{color:#a3271f}.system-switches{width:100%;display:flex;flex-direction:column;gap:5px}.switch-group{display:flex;align-items:center;gap:7px}.switch-buttons{display:flex;gap:3px;flex:1}.tv-bottom{margin-top:20px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:20px;border-radius:14px;padding:12px 16px;background:linear-gradient(180deg,#fffaeb24,#0000001a),linear-gradient(180deg,var(--face),var(--face-2));box-shadow:inset 0 1px #ffffff80,inset 0 -2px 6px #5a3e2359,0 2px 6px #00000059}.speaker{display:flex;gap:5px;padding:4px 2px}.speaker span{width:7px;height:58px;border-radius:4px;background:linear-gradient(180deg,#6d5636,#3f2f1a);box-shadow:inset 0 2px 5px #000000bf,0 1px #fff6dc66}.band-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:100%}.band-btn{font:inherit;width:52px;padding:6px 0 5px;border-radius:6px;border:1px solid #8a6a3b;background:linear-gradient(180deg,#eee1c2,#d5c398);color:#4d3a20;box-shadow:0 3px #a08653;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px}.band-btn .band-roman{font-size:8.5px;letter-spacing:.2em;opacity:.7}.band-btn .band-name{font-family:Georgia,serif;font-size:14px}.band-btn.active{background:linear-gradient(180deg,#5a4426,#453317);color:var(--amber);transform:translateY(2px);box-shadow:inset 0 2px 5px #0000008c}.band-divider{width:1px;align-self:stretch;margin:2px 4px;background:#5a3e2366}.band-btn.test{border-color:#7a4a3b;background:linear-gradient(180deg,#e6cdb8,#cfa98d)}.band-btn.test .band-roman{color:#8a3a28;opacity:1}.band-btn.test.active{background:linear-gradient(180deg,#55251a,#3d1a12);color:#ffb08a}.puzzle-card{width:100%;border-radius:10px;border:1px solid #a67c4a;background:linear-gradient(180deg,#efe2c4,#ddc9a0);padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 1px #ffffff80}.puzzle-card.locked{border-color:#2f8f3e;box-shadow:inset 0 1px #ffffff80,0 0 14px #5adc6e59}.puzzle-head{display:flex;align-items:baseline;gap:8px}.puzzle-band{font-size:10px;letter-spacing:.2em;color:#8a3a28;border:1px solid #a6684d;border-radius:4px;padding:1px 6px}.puzzle-title{font-family:Georgia,serif;font-size:14px;color:#3c2c17}.puzzle-blurb{margin:0;font-size:10.5px;font-style:italic;color:#6b573a;line-height:1.4}.puzzle-unknowns{display:flex;flex-wrap:wrap;gap:4px}.puzzle-chip{font:inherit;font-size:8.5px;letter-spacing:.12em;padding:2px 7px;border-radius:999px;border:1px solid #8a6a3b;color:#4d3a20;background:#fffaeb66;cursor:pointer}button.puzzle-chip:hover{background:#fffaebd9}.puzzle-chip.selected{background:linear-gradient(180deg,#5a4426,#453317);color:var(--amber);border-color:#453317}.puzzle-chip.noise{border-color:#8a3a28;color:#8a3a28;cursor:default}.puzzle-guide{margin:0;font-size:10px;color:#4d3a20;line-height:1.4}.puzzle-status-line{font-family:Cascadia Code,ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;color:#6b573a}.puzzle-locked-line{font-size:11px;letter-spacing:.14em;color:#1d6f2c;font-weight:600}.puzzle-live-match{font-weight:400;color:#6b573a;font-size:10px}.hint-btn{font:inherit;font-size:9.5px;letter-spacing:.2em;align-self:flex-start;padding:5px 14px;border-radius:999px;border:1px solid #8a6a3b;background:linear-gradient(180deg,#eee1c2,#d5c398);color:#4d3a20;box-shadow:0 2px #a08653;cursor:pointer}.hint-btn:active{transform:translateY(1px);box-shadow:0 1px #a08653}.hint-btn:disabled{opacity:.5;cursor:default}.knob-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:ns-resize;touch-action:none;outline-offset:3px}.knob{width:40px;height:40px;border-radius:50%;position:relative;background:repeating-conic-gradient(from 0deg,rgba(0,0,0,.28) 0deg 4deg,transparent 4deg 12deg),radial-gradient(circle at 35% 30%,#4d3d31,var(--bake) 70%);box-shadow:inset 0 2px 3px #ffffff40,inset 0 -3px 5px #000000b3,0 3px 7px #00000073}.knob-mark{position:absolute;top:3px;left:calc(50% - 1.5px);width:3px;height:12px;border-radius:2px;background:var(--cream)}.knob-label{font-size:8px;letter-spacing:.18em;color:#6b573a}.power-cluster{display:flex;flex-direction:column;gap:8px;align-items:stretch}.power-btn{font:inherit;font-size:11px;letter-spacing:.24em;display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;border:1px solid #6e2a24;background:linear-gradient(180deg,#c0392f,#8e2620);color:#ffe9d2;box-shadow:0 4px #5e1c17,0 6px 10px #0006;cursor:pointer;transition:transform .05s,box-shadow .05s}.power-btn.on{transform:translateY(3px);box-shadow:0 1px #5e1c17,inset 0 2px 6px #00000080}.power-lamp{width:9px;height:9px;border-radius:50%;background:#46120e;box-shadow:inset 0 1px 2px #000000b3}.power-btn.on .power-lamp{background:#ffd23e;box-shadow:0 0 9px #ffd23ef2}.service-btn{font:inherit;font-size:9px;letter-spacing:.3em;padding:5px 0;border-radius:6px;border:1px solid #8a6a3b;background:transparent;color:#6b573a;cursor:pointer}.service-btn:hover{background:#5a3e231f}.brand-plate{margin-top:12px;text-align:center;font-family:Georgia,serif;font-size:12px;letter-spacing:.42em;color:#ffe4b480;text-shadow:0 1px 0 rgba(0,0,0,.6)}.brand-plate em{letter-spacing:.2em;color:#ffe4b4b8}.chassis-notice{position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);padding:6px 16px;border-radius:999px;background:#100e0ae0;border:1px solid rgba(185,143,74,.5);color:#ffd89a;font-size:12px;letter-spacing:.06em;white-space:nowrap;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}}.service-panel{position:fixed;right:18px;top:18px;bottom:18px;width:min(360px,92vw);overflow-y:auto;border-radius:12px;background:linear-gradient(180deg,#2b2e31,#1d1f22);border:1px solid #45494e;box-shadow:0 20px 60px #000000b3;color:#c8cdd2;padding:16px;z-index:20}.service-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.service-head h2{margin:0;font-size:10.5px;letter-spacing:.22em;color:#9aa2aa}.service-close{font:inherit;font-size:9px;letter-spacing:.2em;background:transparent;border:1px solid #565b61;border-radius:5px;color:#c8cdd2;padding:4px 10px;cursor:pointer}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.service-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.14em;color:#9aa2aa}.service-field input,.service-field select{width:104px;font:inherit;font-size:11.5px;background:#141619;color:#e4e9ee;border:1px solid #45494e;border-radius:5px;padding:4px 6px}.service-stations{margin-top:14px;border-top:1px solid #3a3e43;padding-top:12px}.service-save{display:flex;gap:6px}.service-save input{flex:1;font:inherit;font-size:12px;background:#141619;color:#e4e9ee;border:1px solid #45494e;border-radius:5px;padding:6px 8px}.service-save button{font:inherit;font-size:9.5px;letter-spacing:.16em;background:#33383d;border:1px solid #565b61;border-radius:5px;color:#e4e9ee;padding:0 12px;cursor:pointer}.service-save button:hover{background:#3d434a}.station-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.station-list li{display:flex;gap:5px}.station-load{flex:1;font:inherit;font-size:12px;text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:baseline;background:#24272b;border:1px solid #3a3e43;border-radius:6px;color:#e4e9ee;padding:7px 10px;cursor:pointer}.station-load:hover{border-color:#6b7178}.station-meta{font-size:10px;color:#858d95}.station-del{font:inherit;width:28px;background:transparent;border:1px solid #3a3e43;border-radius:6px;color:#858d95;cursor:pointer}.station-del:hover{color:#e2695f;border-color:#e2695f}.service-footnote{margin:14px 2px 2px;font-size:10.5px;line-height:1.55;color:#7d858d;font-style:italic}.manual-leaflet{position:absolute;left:7%;bottom:9%;transform:rotate(-4deg);display:flex;flex-direction:column;align-items:center;gap:1px;padding:14px 18px 10px;background:linear-gradient(184deg,rgba(120,90,50,.08),transparent 40%),linear-gradient(180deg,#efe4c8,#e2d2ac);border:1px solid #b9a678;border-radius:3px;box-shadow:0 8px 18px #0000008c,0 1px #fff6 inset;color:#4d3a20;cursor:pointer;font:inherit;z-index:4;transition:transform .15s}.manual-leaflet:hover{transform:rotate(-2deg) translateY(-3px)}.leaflet-title{font-family:Georgia,serif;font-size:13px;letter-spacing:.28em}.leaflet-sub{margin-top:5px;font-size:9px;font-style:italic;letter-spacing:.12em;color:#8a6f45}.manual-backdrop{position:fixed;inset:0;background:#060709b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:40;animation:fadein .18s ease}.manual{position:relative;width:min(660px,94vw);max-height:88vh;overflow-y:auto;padding:42px 52px 30px;background:radial-gradient(120% 60% at 50% 0%,rgba(120,90,50,.07),transparent 60%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(120,90,50,.02) 3px 4px),linear-gradient(180deg,#f2e8cd,#e7d8b4);border-radius:4px;box-shadow:0 30px 80px #000000b3,inset 0 0 60px #785a321f;color:#3a2c18;font-family:Georgia,Times New Roman,serif;font-size:13.5px;line-height:1.62}.manual-close{position:sticky;top:0;float:right;margin:-30px -34px 0 0;width:30px;height:30px;border-radius:50%;border:1px solid #b9a678;background:#efe4c8;color:#6b573a;font-size:13px;cursor:pointer}.manual-close:hover{color:#8a3a28}.manual-cover{text-align:center;margin-bottom:26px}.manual-brand{font-size:26px;letter-spacing:.5em;margin-left:.5em;color:#2f2312}.manual-model{font-size:10px;letter-spacing:.34em;margin-top:4px;color:#6b573a}.manual-title{font-style:italic;font-size:14px;margin-top:10px}.manual-rule{margin:16px auto 0;width:60%;border-top:1px solid #b9a678;border-bottom:1px solid #b9a678;height:3px}.manual h3{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#6b573a;border-bottom:1px solid rgba(185,166,120,.6);padding-bottom:3px;margin:22px 0 8px}.manual p,.manual ol{margin:0 0 10px}.manual ol{padding-left:22px}.manual li{margin-bottom:4px}.manual b{letter-spacing:.06em}.manual-fineprint p{font-size:12.5px;font-style:italic;color:#52402a}.manual-foot{margin-top:26px;padding-top:10px;border-top:1px solid rgba(185,166,120,.6);text-align:center;font-size:9px;letter-spacing:.3em;color:#8a6f45}@media(max-width:940px){body{overflow-y:auto;overflow-x:hidden}.tv{padding:16px 12px 12px}.tv-top{grid-template-columns:1fr;gap:14px}.tv-bottom{grid-template-columns:1fr;justify-items:center;row-gap:12px;padding:12px 10px}.tv-bottom>*{max-width:100%}.speaker{display:none}.knob-row{gap:10px}.power-cluster{flex-direction:row;align-items:center;gap:10px}}@media(max-width:480px){.band-btn{width:44px}.band-btn .band-name{font-size:12px}.dial-wrap{width:126px;height:126px}.dial{width:94px;height:94px}.manual{padding:28px 22px 20px}.manual-close{margin:-16px -10px 0 0}}