/* All styling is opt-in; the original chrome knobs remain in the artwork. */
#oldtimerMeter[hidden] { display:none!important; }
#radio[data-meter="oldtimer-meter"] .meter-bezel { position:relative;height:360px;min-height:0;background:#100c08;border-color:#88745a; }
#radio[data-meter="oldtimer-meter"] .meter-bezel > :is(.horizontal-meter-face,.network-readout) { visibility:hidden; }
#oldtimerMeter { position:absolute;inset:3px 3px calc(var(--ticker-space) + var(--ticker-inset) + 3px);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#100b08;color:#edd0a4; }
#oldtimerMeter * { box-sizing:border-box; }
#oldtimerMeter .ot-stage { flex:1;min-height:0;min-width:0;overflow:hidden; }
#oldtimerMeter svg { display:block;width:100%;height:100%;overflow:hidden; }
/* The SVG backplate uses a native sRGB filter for Chrome and Safari alike;
   live needles and readouts stay bright and readable. */
#oldtimerMeter .ot-needle { transition:transform 45ms linear;filter:drop-shadow(2px 3px 2px #0009); }
#oldtimerMeter .ot-temperature { font:bold 53px Georgia,serif;fill:#1f140a; }
#oldtimerMeter .ot-weather { font:italic 28px Georgia,serif;fill:#ffe2a2; }
#oldtimerMeter .ot-channel-value { font:bold 27px Georgia,serif;fill:#211307; }
#oldtimerMeter .ot-private { font:bold 37px Georgia,serif;fill:#fff0bf;paint-order:stroke;stroke:#241209;stroke-width:10px; }
#oldtimerMeter .ot-digits { font:53px 'Courier New',monospace;letter-spacing:4px;fill:#f2d3a2;text-shadow:0 2px 4px #000; }
#oldtimerMeter .ot-knob { cursor:pointer;touch-action:manipulation;outline:none; }
#oldtimerMeter .ot-knob circle { fill:transparent;stroke:transparent;stroke-width:5px; }
#oldtimerMeter .ot-knob:focus-visible circle { stroke:#fff2c7; }
#oldtimerMeter .ot-knob:active circle { fill:#fff3cf22; }
#oldtimerMeter .ot-knob[aria-disabled="true"] { cursor:default; }
#oldtimerMeter .ot-footer { flex:none;display:flex;align-items:center;gap:8px;height:22px;padding:0 4px;font:10px/1.2 Arial,sans-serif; }
#oldtimerMeter #otDetails { flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:right; }
#oldtimerMeter #otState { white-space:nowrap; }
#oldtimerMeter #otExpand { flex:none;width:25px;height:22px;padding:0;border:1px solid #a68c66;border-radius:4px;background:#342719;color:#f9dfb0;font:18px/1 Arial,sans-serif;cursor:pointer; }
#radio[data-meter="oldtimer-meter"] .channel-selection { display:none; }
#radio[data-meter="oldtimer-meter"] .display-section { grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;padding-block:5px; }
#radio[data-meter="oldtimer-meter"] .channel-shortcuts { width:100%;grid-template-columns:minmax(0,4fr) minmax(36px,1fr); }
#radio[data-meter="oldtimer-meter"] .channel-presets { width:100%;grid-template-columns:repeat(4,minmax(0,1fr)); }
#radio[data-meter="oldtimer-meter"] .preset-button { min-width:0;width:100%; }
#radio[data-meter="oldtimer-meter"] .radio-ticker { border-color:#9c7750;background:#1d140c;color:#f1c481; }
@media (min-width:1101px),(min-width:761px) and (pointer:fine) {
 #radio[data-meter="oldtimer-meter"] .radio-main { grid-template-columns:minmax(0,1.6fr) minmax(190px,1fr);grid-template-areas:"meter ptt" "display ptt";gap:12px 24px; }
 #radio[data-meter="oldtimer-meter"] .meter-section { grid-area:meter; }
 #radio[data-meter="oldtimer-meter"] .display-section { grid-area:display; }
 #radio[data-meter="oldtimer-meter"] .ptt-section { grid-area:ptt; }
}
:is(.android-tablet,.ipad-pro,.desktop-radio) #radio[data-meter="oldtimer-meter"] { grid-template-rows:54px minmax(250px,1.7fr) 64px 104px 22px; }
:is(.android-tablet,.ipad-pro,.desktop-radio) #radio[data-meter="oldtimer-meter"] .radio-main { display:contents; }
:is(.android-tablet,.ipad-pro,.desktop-radio) #radio[data-meter="oldtimer-meter"] .meter-bezel { height:100%; }
:is(.android-tablet,.ipad-pro,.desktop-radio) #radio[data-meter="oldtimer-meter"] .display-section { grid-area:channel;width:auto; }
:is(.ipad-pro,.desktop-radio) #radio[data-meter="oldtimer-meter"] { grid-template-rows:64px minmax(260px,1.7fr) 78px 146px 28px; }
@media (max-height:850px) {
 :is(.ipad-pro,.desktop-radio) #radio[data-meter="oldtimer-meter"] { grid-template-rows:54px minmax(240px,1.7fr) 64px 112px 24px; }
}
@media (max-width:760px) and (orientation:portrait) {
 #radio[data-meter="oldtimer-meter"] .meter-bezel { height:auto;aspect-ratio:1.45; }
 #oldtimerMeter .ot-footer { font-size:8px;gap:4px;height:22px; }
}
@media (orientation:landscape) and (max-width:1100px) and (max-height:600px) and (pointer:coarse) {
 #radio[data-meter="oldtimer-meter"] .meter-bezel { height:100%; }
 #radio[data-meter="oldtimer-meter"] .display-section { display:flex;flex-direction:column;justify-content:center;padding:2px;gap:0; }
 #radio[data-meter="oldtimer-meter"] .channel-shortcuts { height:100%;grid-template-columns:1fr;grid-template-rows:1fr 28px;gap:3px; }
 #radio[data-meter="oldtimer-meter"] .channel-presets { height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px; }
 #radio[data-meter="oldtimer-meter"] .preset-button { height:100%;gap:2px; }
 #radio[data-meter="oldtimer-meter"] .preset-button span { font-size:6px; }
 #radio[data-meter="oldtimer-meter"] .scan-button { height:28px; }
 body:not(.compact-radio) #radio[data-meter="oldtimer-meter"] { grid-template-columns:minmax(0,1fr) 72px minmax(154px,var(--landscape-right)); }
 #oldtimerMeter .ot-footer { font-size:7px;height:20px;gap:3px; }
 #oldtimerMeter #otExpand { height:20px; }
}
body.compact-radio #radio[data-meter="oldtimer-meter"] { grid-template-columns:minmax(0,1fr) var(--compact-right);grid-template-rows:40px minmax(0,1fr) 44px 42px; }
body.compact-radio #radio[data-meter="oldtimer-meter"] .display-section { display:flex;flex-direction:row;padding:0;gap:4px; }
body.compact-radio #radio[data-meter="oldtimer-meter"] .channel-shortcuts { display:contents; }
body.compact-radio #radio[data-meter="oldtimer-meter"] .channel-presets { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.compact-radio #radio[data-meter="oldtimer-meter"] #compactMeterButton { display:none; }
#oldtimerDialog { width:min(1200px,96vw);height:min(760px,94dvh);max-width:none;max-height:none;margin:auto;padding:5px;border:1px solid #b39b78;border-radius:12px;background:#100b08;overflow:hidden; }
#oldtimerDialog::backdrop { background:#0d0906dc; }
#oldtimerDialog #oldtimerMeter { position:relative;inset:auto;width:100%;height:100%; }
#oldtimerDialog #oldtimerMeter .ot-footer { font-size:12px;height:32px; }
#oldtimerDialog #oldtimerMeter #otExpand { width:32px;height:30px; }
@media (prefers-reduced-motion:reduce) { #oldtimerMeter .ot-needle { transition:none; } }