/* Overlay the original face so the channel selector and PTT never move. */
#radio[data-meter="vintage-amber"] .horizontal-meter-face { visibility:hidden; }
#radio .vintage-amber-meter[hidden] { display:none; }
#radio .vintage-amber-meter {
  position:absolute; inset:2px 2px 30px; min-width:0; min-height:0;
  display:flex; align-items:center; justify-content:center; overflow:hidden; overflow:clip;
  border:5px solid; border-color:#605849 #191714 #8b7b62 #3b352c;
  border-radius:4px;
  background:radial-gradient(ellipse at 50% 120%,#322112 0%,#110e0b 45%,#050605 85%);
  box-shadow:inset 0 0 0 1px #b48c4b55,inset 0 4px 18px #000;
  isolation:isolate; pointer-events:none;
}
#radio .vintage-amber-meter::after {
  content:""; position:absolute; inset:1px; pointer-events:none;
  border:1px solid #d6c1a127; border-radius:2px;
  background:linear-gradient(160deg,#ffffff09,transparent 30%,transparent 80%,#ffe4ab04);
}
#radio .vintage-amber-meter > svg { display:block; width:100%; height:100%; min-height:0; overflow:hidden; }
#radio .vintage-amber-needle { filter:drop-shadow(0 0 2px #e5282666); }
#radio .vintage-amber-mini-needle { filter:drop-shadow(1px 1px 1px #0008); }
#radio[data-meter="vintage-amber"] .network-readout { position:relative; }
#radio[data-meter="vintage-amber"] .has-radio-ticker > .vintage-amber-meter { bottom:calc(var(--ticker-space) + var(--ticker-inset) + 28px); }
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse) {
  #radio .vintage-amber-meter { bottom:26px; border-width:3px; }
  #radio[data-meter="vintage-amber"] .has-radio-ticker > .vintage-amber-meter { bottom:calc(var(--ticker-space) + var(--ticker-inset) + 22px); }
}
body.compact-radio:not(.compact-meter-open) #radio .vintage-amber-meter { bottom:2px; border-width:2px; }
body.compact-radio:not(.compact-meter-open) #radio[data-meter="vintage-amber"] .has-radio-ticker > .vintage-amber-meter { bottom:calc(var(--ticker-space) + var(--ticker-inset)); }