:root{font-family:Georgia,serif;color:#f2e5cd;background:#151e28;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#3c5154,transparent 65%),#151e28}main{max-width:1250px;margin:auto;padding:28px 28px 70px}header,.tools,.row,.status,.tuning{display:flex;align-items:center;gap:10px;justify-content:space-between}small{font:10px system-ui;letter-spacing:2px;color:#d4b989}h1{font-size:clamp(32px,4vw,46px);font-weight:normal;margin:8px 0 22px;color:#ffdda2}h2{font-size:27px;font-weight:normal;margin:12px 0}h3{font-size:19px;font-weight:normal;color:#e7cf9e}button,a{font:14px system-ui;min-height:45px;border:1px solid #8c8f83;border-radius:9px;background:#344546;color:#f9e9cd;padding:11px 14px;cursor:pointer}button:hover{background:#50625c}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffdea1;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.primary{background:#d9b47d;color:#253137;border-color:#ffdfaa}.status{font:13px system-ui;color:#c4d4bd;margin:5px 0 20px}.desk{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.radio{border:3px solid #a28766;border-radius:22px;padding:25px;background:linear-gradient(135deg,#816447,#493e36);box-shadow:inset 0 0 0 5px #3d3837,0 20px 80px #0004}.plaque{text-align:center;color:#ffe3af;letter-spacing:3px;font:12px system-ui;margin-bottom:22px}.screen{border:8px solid #242f30;border-radius:14px;background:#112c2c;padding:18px;box-shadow:inset 0 0 40px #0009}#frequency{font:40px ui-monospace,monospace;color:#bbe7c0;text-shadow:0 0 15px #9adaad55}#scope{width:100%;height:90px;display:block}.meter{height:9px;background:#46504a;border-radius:5px;overflow:hidden}.meter span{height:100%;width:0;display:block;background:#c8df94}#signalStatus{font:12px system-ui;color:#bfe3be;margin:9px 0 0}.radio label{display:block;font:11px system-ui;letter-spacing:2px;color:#ebd8b8;margin:24px 0 12px}#tune{width:100%;height:36px;accent-color:#e4c18c;cursor:pointer;touch-action:pan-y}.tuning{justify-content:center;margin-top:10px}.note{font:12px/1.7 system-ui;color:#ded0bc}.speaker{height:105px;border:7px solid #665343;border-radius:16px;background:repeating-linear-gradient(0deg,#262d2e 0 3px,#695b4e 3px 7px);margin:22px 0}.row{justify-content:flex-start;flex-wrap:wrap}.row button{font-size:12px;padding:10px}.case{background:#27383c;border:1px solid #708584;border-radius:16px;padding:25px}.case p{font:16px/1.8 system-ui}#task{color:#d9d0bf;min-height:52px}#signs{display:grid;grid-template-columns:1fr 1fr;gap:9px}#signs button{text-align:left}#pattern{font:20px ui-monospace,monospace;color:#d6e5b4;border:1px dashed #82977d;border-radius:9px;padding:12px}#answers{display:grid;gap:9px}#answers button{text-align:left}.landscape{font-size:40px;letter-spacing:9px;text-align:center;border:1px solid #687e74;border-radius:12px;padding:23px 5px;background:linear-gradient(#304b55,#517369);color:#efd7a6}#message{color:#ffe0a2;font-size:15px;min-height:28px}footer{font:12px/1.8 system-ui;color:#c9c5bc;margin-top:22px}footer button{font-size:12px;padding:5px 9px;margin:6px}a{color:#ffe1a5}dialog{background:#293d43;color:#f2e5cd;border:1px solid #d9b47d;border-radius:15px;padding:25px;max-width:min(620px,94vw);max-height:90dvh;overflow:auto}dialog p{font:15px/1.8 system-ui}dialog::backdrop{background:#111c2bd9}[hidden]{display:none!important}@media(max-width:700px){main{padding:18px 12px 65px}header{display:block}.tools{justify-content:flex-start;margin-bottom:16px}.tools button{font-size:12px;padding:9px}.desk{grid-template-columns:1fr;gap:16px}.radio,.case{padding:20px}#frequency{font-size:35px}.speaker{height:60px;margin:16px 0}.radio label{margin-top:17px}#scope{height:65px}.status{font-size:11px;gap:10px}.status span:last-child{text-align:right}.case p{font-size:15px}.landscape{font-size:30px;letter-spacing:6px}}
