/* ── Thema "Vintage Rig Pro" ──────────────────────────────────────────────
   Doorontwikkeling van de oorspronkelijke look: geborsteld metaal, amber
   schaalverlichting en een groen LCD, zoals de faceplate van een 27MHz-set. */
:root{
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --bg:#131417;
  --fg:#efeade; --fg-2:#cdc7b6; --muted:#aaa392;
  --panel:linear-gradient(180deg,#2a2c24 0%,#1e2019 58%,#1a1c16 100%); --panel-2:#22241d; --panel-solid:#22241d;
  --tile:#242720; --tile-2:#1c1e18;
  --line:#3b3e33; --line-2:#4c503f; --line-soft:#2c2f26;
  --hover:rgba(240,168,57,.12); --chip:#2b2e24; --input:#14160f;
  --track:#31342a; --thead:#262920;
  --accent:#f0a839; --accent-2:#8fe89a; --accent-text:#ffc866; --on-accent:#1c1204;
  --link:#ffc866; --focus:#8fe89a;
  --ok:#8fe89a; --ok-text:#b6ffc0; --warn:#f0a839; --warn-text:#ffc866; --bad:#e2645a; --bad-text:#ff9b92;
  --num:#b6ffc0; --num-2:#ffc866;
  --radius:14px;
  --shadow:0 0 0 1px #3f4237 inset,0 2px 0 #4c503f inset,0 30px 62px -26px rgba(0,0,0,.9),0 0 80px -34px rgba(143,232,154,.2);
  --shadow-sm:0 0 0 1px #35382e inset,0 14px 34px -24px rgba(0,0,0,.9);
  --blur:none;
  --screen:#0c100c; --screen-fg:#8fe89a; --screen-shadow:inset 0 0 46px -12px rgba(143,232,154,.35),inset 0 0 0 1px #000;
  --map-bg:#0c100c; --map-land:#1e2a1e; --map-stroke:#3c5240;
  --title-grad:linear-gradient(100deg,#ffc866 0%,#efeade 45%,#b6ffc0 100%);
  --title-glow:0 0 22px rgba(240,168,57,.28);
  --caret:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23aaa392' stroke-width='1.8' stroke-linecap='round'/></svg>");
}
/* sterrenhemel + ionosfeer-gloed, zoals de oorspronkelijke site */
.fx::before{content:"";position:absolute;inset:-40% -10% auto -10%;height:74%;
  background:radial-gradient(ellipse 60% 45% at 50% 55%,rgba(143,232,154,.09),transparent 70%),
             radial-gradient(ellipse 50% 40% at 30% 60%,rgba(240,168,57,.07),transparent 70%);
  animation:drift 26s ease-in-out infinite alternate}
.fx .o1,.fx .o2{inset:0;width:100%;height:100%;background-repeat:repeat;opacity:.7}
.fx .o1{background-image:radial-gradient(1px 1px at 22px 34px,#cfd8c9 60%,transparent),
  radial-gradient(1px 1px at 120px 90px,#9aa79a 60%,transparent),
  radial-gradient(1.5px 1.5px at 200px 40px,#e9e6d8 60%,transparent),
  radial-gradient(1px 1px at 300px 140px,#8fa08c 60%,transparent);
  background-size:340px 220px;animation:pulse 7s ease-in-out infinite}
.fx .o2{background-image:radial-gradient(1px 1px at 60px 20px,#b9c4b4 60%,transparent),
  radial-gradient(1.2px 1.2px at 260px 80px,#aab5a5 60%,transparent);
  background-size:290px 200px;animation:pulse 9s 2s ease-in-out infinite}
.fx .o3,.fx .scan{display:none}
/* geborsteld metaal en de glans over de bovenrand van de faceplate */
.panel{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px)}
.panel::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#6a6f58,transparent);opacity:.85;pointer-events:none}
.stat,.hilite{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px)}
.spectrum::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px);opacity:.6}