/* Palnetto hero: animated HF transceiver under a dotted, rotating Earth with skip arcs */
.rig{container-type:inline-size;position:relative;width:100%;max-width:540px;margin:auto;border-radius:28px;overflow:hidden;background:#050b15;
  box-shadow:0 50px 90px -34px rgba(8,18,34,.7),0 0 0 1px rgba(143,184,232,.14),inset 0 0 0 1px rgba(255,255,255,.04);isolation:isolate;animation:rigFloat 9s ease-in-out infinite}
@keyframes rigFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-.9cqw)}}
.rig *{box-sizing:border-box}
/* ---- sky + globe ---- */
.rig-sky{position:relative;aspect-ratio:520/232;background:radial-gradient(90% 120% at 50% 100%,#10315a 0%,#08162b 55%,#040a14 100%)}
.rig-sky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.rig-badge{position:absolute;top:4.2cqw;left:4.2cqw;display:flex;align-items:center;gap:1.6cqw;padding:1.5cqw 3cqw;border-radius:99px;font:700 2.6cqw/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#e9f2ff;
  background:rgba(14,28,48,.72);border:1px solid rgba(143,184,232,.28);backdrop-filter:blur(6px);box-shadow:0 8px 24px -10px rgba(0,0,0,.7)}
.rig-badge i{width:2.1cqw;height:2.1cqw;border-radius:50%;background:#ff4d52;box-shadow:0 0 0 0 rgba(255,77,82,.7);animation:rigLive 1.8s infinite}
.rig-badge.b2{left:auto;right:4.2cqw;color:#9fd0ff;letter-spacing:.12em}
@keyframes rigLive{0%{box-shadow:0 0 0 0 rgba(255,77,82,.65)}70%{box-shadow:0 0 0 2.4cqw rgba(255,77,82,0)}100%{box-shadow:0 0 0 0 rgba(255,77,82,0)}}
/* ---- radio body ---- */
.rig-panel{position:relative;margin:-5cqw 2.4cqw 2.4cqw;padding:2.8cqw 3cqw 3.2cqw;border-radius:3.6cqw;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px),linear-gradient(180deg,#2b3646 0%,#1b2330 38%,#121923 100%);
  border:1px solid #3a475c;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 6px rgba(0,0,0,.5),0 -14px 40px -8px rgba(40,110,200,.28),0 24px 40px -18px rgba(0,0,0,.9)}
.screw{position:absolute;width:2.2cqw;height:2.2cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fa0b8,#2a3444 70%);box-shadow:inset 0 0 0 .3cqw rgba(0,0,0,.4)}
.screw:after{content:"";position:absolute;left:12%;right:12%;top:46%;height:8%;background:#0b1018;transform:rotate(35deg)}
.s1{top:1.4cqw;left:1.4cqw}.s2{top:1.4cqw;right:1.4cqw}.s3{bottom:1.4cqw;left:1.4cqw}.s4{bottom:1.4cqw;right:1.4cqw}
.rig-brand{display:flex;align-items:baseline;gap:2.2cqw;padding:0 2.2cqw 1.8cqw;font:600 2.3cqw/1 Inter,system-ui,sans-serif;color:#8da2bd;letter-spacing:.16em}
.rig-brand b{font:700 3.8cqw/1 Outfit,Inter,sans-serif;letter-spacing:.02em;color:#e8f0fb;text-shadow:0 1px 0 #000}
.rig-brand em{font-style:normal;color:#ffc94a;font-size:2.3cqw}
.rig-brand span{margin-left:auto;font-size:2cqw;opacity:.7}
.rig-brand .pwr{width:2cqw;height:2cqw;border-radius:50%;background:#3fe08a;box-shadow:0 0 2cqw #3fe08a;align-self:center;animation:rigPwr 3.2s ease-in-out infinite}
@keyframes rigPwr{50%{opacity:.55}}
/* ---- LCD ---- */
.rig-lcd{position:relative;border-radius:2.6cqw;padding:2.2cqw 2.6cqw 2cqw;overflow:hidden;
  background:radial-gradient(120% 100% at 50% 0%,#0d2a3d 0%,#07151f 55%,#050d14 100%);border:.7cqw solid #0b1118;
  box-shadow:inset 0 0 0 .25cqw #263447,inset 0 0 8cqw rgba(60,150,220,.2),0 1px 0 rgba(255,255,255,.08)}
.rig-lcd:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.03) 28%,transparent 29%),repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px)}
.lcd-row{display:flex;align-items:center;gap:1.6cqw;margin-bottom:1cqw;font:700 2.35cqw/1 'JetBrains Mono',monospace;color:#8fe3ff}
.lamp{display:inline-flex;align-items:center;gap:1cqw;letter-spacing:.08em;opacity:.5}
.lamp i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#14303c;box-shadow:inset 0 0 0 .2cqw #0a1a22}
.lamp.rx.on{opacity:1;color:#7dffb4}.lamp.rx.on i{background:#3dff96;box-shadow:0 0 1.8cqw #3dff96}
.lamp.tx.on{opacity:1;color:#ff8b8b}.lamp.tx.on i{background:#ff4d52;box-shadow:0 0 2cqw #ff4d52}
.lcd-chip{flex:none;white-space:nowrap;padding:.7cqw 1.6cqw;border-radius:1cqw;background:rgba(143,227,255,.12);border:1px solid rgba(143,227,255,.35);color:#bdf0ff;letter-spacing:.06em}
.lcd-chip.dim{opacity:.5}.lcd-chip.rt{margin-left:auto}
.lcd-main{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:1cqw}
.lcd-freq{display:flex;align-items:baseline;justify-content:flex-end;gap:1.2cqw;white-space:pre;min-width:0;padding-right:1cqw}
.lcd-freq b{font:700 7.7cqw/1 'JetBrains Mono',monospace;color:#ffd37a;letter-spacing:-.03em;text-shadow:0 0 1.4cqw rgba(255,190,70,.75),0 0 5cqw rgba(255,160,40,.35);font-variant-numeric:tabular-nums}
.lcd-freq small{font:700 3cqw/1 'JetBrains Mono',monospace;color:#8fe3ff;letter-spacing:.06em}
.rig-sm{width:100%;height:auto;display:block;font:600 7px 'JetBrains Mono',monospace;overflow:visible}
.rig-sm #rigNeedle{filter:drop-shadow(0 0 2px rgba(255,200,90,.9))}
.rig-wf{position:relative;margin-top:1.2cqw;border-radius:1.2cqw;overflow:hidden;background:#030a12;box-shadow:inset 0 0 0 1px rgba(143,227,255,.18)}
.rig-wf canvas{display:block;width:100%;aspect-ratio:460/120}
.wf-mark{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.7);box-shadow:0 0 6px rgba(143,227,255,.9)}
.wf-mark:before{content:"";position:absolute;top:0;left:-.9cqw;border:.95cqw solid transparent;border-top:1.3cqw solid #ffc94a;border-bottom:0}
.wf-pass{position:absolute;top:0;bottom:0;left:43%;width:14%;background:linear-gradient(90deg,rgba(255,201,74,.0),rgba(255,201,74,.12) 30%,rgba(255,201,74,.12) 70%,rgba(255,201,74,0));border-left:1px solid rgba(255,201,74,.35);border-right:1px solid rgba(255,201,74,.35)}
.lcd-cw{display:flex;align-items:center;gap:1.8cqw;margin-top:1.4cqw;font:700 2.7cqw/1 'JetBrains Mono',monospace;color:#ffd37a;min-height:3.4cqw}
.cwk{width:2cqw;height:2cqw;border-radius:50%;background:#3a2a10;box-shadow:inset 0 0 0 .2cqw #1a1206;flex:none}
.cwk.on{background:#ffc94a;box-shadow:0 0 2.4cqw #ffc94a}
.cwl{color:#8fe3ff;letter-spacing:.1em;flex:none}
.lcd-cw code{font:inherit;letter-spacing:.08em;white-space:pre;overflow:hidden;text-overflow:clip;text-shadow:0 0 1.2cqw rgba(255,190,70,.6)}
.caret{width:1.3cqw;height:2.7cqw;background:#ffd37a;animation:rigCaret 1s steps(1) infinite;margin-left:-1.2cqw;flex:none}
@keyframes rigCaret{50%{opacity:0}}
/* ---- controls ---- */
.rig-ctl{display:grid;grid-template-columns:14.5cqw 21cqw 14.5cqw 1fr;align-items:center;gap:2.4cqw;margin-top:3cqw;padding:0 1.6cqw}
.kn{position:relative;aspect-ratio:1;filter:drop-shadow(0 .8cqw 1cqw rgba(0,0,0,.65))}
.kn svg{display:block;width:100%;height:100%;will-change:transform}
.kn label{position:absolute;left:0;right:0;bottom:-3.6cqw;text-align:center;font:700 2cqw/1 Inter,sans-serif;letter-spacing:.14em;color:#8da2bd}
.kn.big{margin:0 auto;width:100%}
.rig-keys{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;margin-left:2cqw}
.rig-keys span{display:grid;place-items:center;height:6.6cqw;border-radius:1.4cqw;font:700 2.6cqw/1 'JetBrains Mono',monospace;letter-spacing:.08em;color:#c9a24a;
  background:linear-gradient(180deg,#1d2634,#121921);border:1px solid #33425a;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 .6cqw 0 #0a0f16;animation:rigKey 8s infinite}
.rig-keys span:nth-child(2){animation-delay:2s}.rig-keys span:nth-child(3){animation-delay:4s}.rig-keys span:nth-child(4){animation-delay:6s}
@keyframes rigKey{0%,18%{color:#ffe08a;background:linear-gradient(180deg,#3b3418,#201b0b);border-color:#a8842a;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 3cqw rgba(255,190,70,.5),0 .6cqw 0 #0a0f16;transform:translateY(.4cqw)}22%,100%{color:#c9a24a}}
@media (prefers-reduced-motion:reduce){.rig,.rig *{animation:none!important}}
@media (max-width:900px){.rig{max-width:460px}}