/* Radio Freedom 2.9.8: compact instrument panel. Load after existing styles. */
.receiver{max-width:510px;border:1px solid #405666;border-top:2px solid #68becf;border-radius:7px;background:linear-gradient(115deg,#23323e,#14222d 48%,#101b24);box-shadow:0 12px 30px #0006,inset 0 1px #b5d4e51c}
.brand{padding:12px 14px;gap:14px;background:linear-gradient(180deg,#ffffff04,transparent);border-bottom-color:#415664}
.station-logo{width:150px}.brand h1{font-size:21px}.brand .eyebrow{font-size:10px;letter-spacing:2px;color:#92c4d1;margin-bottom:4px}
.audio-panel{min-width:0;padding:12px 14px 0}
.station-line{padding:8px 10px;border-color:#3e5463;border-radius:4px}
.station-copy{grid-template-columns:44px minmax(0,1fr);gap:3px 10px}
.show-art{width:44px;height:44px}.badge{font-size:11px;letter-spacing:1.4px}
.station-copy p{font-size:15px;line-height:1.3;margin:0;max-width:none}
.meters{width:100%;max-width:344px;gap:10px;margin:10px auto 0}
.meter-bezel{padding:4px;border-radius:5px;border-color:#637580;background:linear-gradient(135deg,#657782,#283944 28%,#101b23 60%,#405463)}
.meter{width:100%;height:auto;aspect-ratio:320/190;border-radius:3px}
.meter-caption{margin-top:4px;font-size:10px;letter-spacing:.7px}.meter-caption output{font-size:11px}
.transport{grid-template-columns:126px minmax(0,1fr);gap:12px;margin-top:10px;padding:8px;border-color:#405767;border-radius:4px}
button.primary{min-width:0;min-height:42px;font-size:15px;padding:8px;gap:8px;border-radius:3px}.play-symbol{font-size:19px}
.volume-heading{margin-bottom:5px}.volume-heading label{font-size:10px;letter-spacing:1px}.volume-heading #volumeValue{font-size:12px}
.volume-controls{gap:8px}.volume-controls #mute{width:32px;height:32px;min-height:32px}
.stream-buttons{gap:8px;margin-top:8px}.stream-buttons button{min-height:34px;padding:6px 8px;font-size:13px}
.stream-buttons button[aria-pressed=true]{color:#b7f0ef;border-color:#5e9ea8;background:#25596340}
.stream-buttons button[aria-pressed=true]:before{background:#98e4dc;box-shadow:0 0 5px #98e4dc55}
.audio-panel .metadata-panel{width:100%;margin:8px 0 0;padding:7px;grid-column:auto;grid-row:auto;border:1px solid #506977;border-radius:4px;background:linear-gradient(135deg,#384e5b,#182a35 48%,#2e424e);box-shadow:inset 0 1px #d0ebf020,0 2px 5px #0005}
.metadata-heading{display:block;padding:0 2px 6px}.metadata-heading h2{font-size:10px;letter-spacing:1.7px;color:#c3dce4}
.metadata-heading span{display:block;margin-top:4px;font:11px/1.3 Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere;color:#aec3ce}
.metadata-screen{padding:8px 10px;border-radius:2px;font-size:15px;line-height:1.6;background:#020606;box-shadow:inset 0 2px 8px #000,0 1px #d8f5ff17}
.metadata-controls{padding-top:6px;gap:5px}.metadata-controls button{min-height:30px;font-size:11px;padding:4px 7px;border-radius:3px}.metadata-controls output{font-size:11px}
/* The base player hides closed settings details. Keep this separate disclosure visible. */
.metadata-panel details,.metadata-panel details:not([open]){display:block;margin:5px 0 0;width:100%}
.metadata-panel summary{padding:3px 1px;font-size:11px;line-height:1.4}.metadata-panel pre{font-size:13px;margin:8px 0}.metadata-panel p{font-size:12px}
.status{font-size:12px;line-height:1.4;margin:7px 2px;min-height:17px}.audio-panel .alternate-player{font-size:13px;margin-bottom:7px}
.picture-panel{align-self:start;display:flex;flex-direction:column;justify-content:flex-start;margin:10px 14px 0;padding:10px;min-height:0;height:auto;border-color:#506674;border-radius:5px;background:linear-gradient(150deg,#1c2b36,#101a22);box-shadow:inset 0 1px #c6e7f012,0 3px 8px #0004}
.picture-panel .section-head{margin-bottom:8px}.section-head h2{font:600 12px/1.3 ui-monospace,Consolas,monospace;letter-spacing:1.3px;color:#c0dbe6}.switch{font-size:12px}
.picture-panel .screen{width:100%;height:auto;max-height:none;flex:none;aspect-ratio:4/3;border:1px solid #526b7a;border-radius:2px;box-shadow:0 0 0 3px #080f16,inset 0 0 12px #0009}
.screen-tag{font:10px/1.3 ui-monospace,Consolas,monospace;color:#9cb9c7;left:7px;top:7px}
.placeholder strong{font-size:15px}.placeholder span{font-size:13px}.placeholder svg{margin-bottom:6px}
.receive-line{font-size:12px;margin-top:9px;gap:4px}#progressText{font-size:11px}
.picture-panel progress{height:3px;margin:6px 0 7px}.picture-panel .picture-actions{margin-top:0;gap:6px}
.picture-actions span{font-size:11px;flex:1 1 100px}.picture-actions button{font-size:12px;min-height:32px;padding:5px 8px;border-radius:3px}
footer{gap:10px;padding:8px 14px 10px}.footer-brand,.text-button{font-size:12px}.text-button{min-height:30px}footer .icon-button{min-height:30px}
.settings-body input[type=text]{width:100%;min-width:0;background:#0f151b;border:1px solid #485560;color:#dee7ed;padding:9px;border-radius:4px;font:14px Arial,sans-serif}
@media(min-width:720px){
  .receiver{max-width:980px;padding:14px;grid-template-columns:minmax(0,1.12fr) minmax(280px,1fr);gap:0 14px;align-items:start}
  .brand{grid-column:1;grid-row:1;padding:2px 0 10px;gap:12px}.station-logo{width:144px}.live-identity{margin-left:auto}.brand h1{font-size:21px}
  .audio-panel{grid-column:1;grid-row:2;padding:10px 0 0}
  .picture-panel{grid-column:2;grid-row:1/4;margin:0;align-self:start;justify-content:flex-start}
  footer{grid-column:1;grid-row:3;align-self:start;padding:2px 0 0}
  .receiver>#settings{grid-column:1/-1;grid-row:4;margin:10px 0 0}
}
@media(min-width:720px) and (max-width:850px){
  .receiver{padding:12px;gap:0 12px;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr)}
  .brand{gap:8px}.station-logo{width:115px}.brand h1{font-size:18px}.brand .eyebrow{font-size:9px}
  .transport{grid-template-columns:112px minmax(0,1fr);gap:8px}.volume-heading label{font-size:9px;letter-spacing:.4px}
}
@media(max-width:400px){
  body{padding:6px}.brand{padding:10px;gap:10px}.station-logo{width:126px}.brand h1{font-size:18px}.live-identity{margin-left:auto}
  .audio-panel{padding:10px 10px 0}.station-copy{grid-template-columns:40px minmax(0,1fr)}.show-art{width:40px;height:40px}
  .station-copy p{font-size:14px}.meters{gap:8px}.meter-caption{font-size:9px;letter-spacing:.2px}.meter-caption output{font-size:10px}
  .transport{grid-template-columns:112px minmax(0,1fr);gap:8px;padding:7px}.listening-controls{padding:0}.volume-heading label{font-size:9px;letter-spacing:.3px}.volume-controls{gap:5px}
  .picture-panel{margin:8px 10px 0;padding:9px}.picture-actions span{flex-basis:100%;max-width:none}.picture-actions button{flex:1}
  .metadata-screen{font-size:14px;padding:8px}.metadata-controls button{min-height:32px}
  footer{padding:8px 10px}
}
@media(max-width:319px){.transport{grid-template-columns:1fr}.brand .live-identity{margin-left:0}.metadata-controls{gap:4px}}

/* Archive player's warm gold faces, red scale end and dark needles.
   Same scale geometry and calibration, rendered as SVG for the live meter driver. */
.meter.archive-meter{aspect-ratio:2/1;background:#07090c}
.archive-meter .archive-scale{font:21px Arial,sans-serif;text-anchor:middle;dominant-baseline:middle;letter-spacing:0}
.archive-meter .archive-vu{font:26px Arial,sans-serif;fill:#332b21;text-anchor:middle;dominant-baseline:middle;letter-spacing:0}
.archive-meter .needle,.archive-meter .needle-shadow{transform-origin:240px 232.8px;transform-box:view-box;stroke-linecap:butt;fill:none}
.archive-meter .needle{stroke:#171d20;stroke-width:4;filter:drop-shadow(4px 0 2px #0008)}
.archive-meter .needle-shadow{stroke:#000;stroke-width:4;opacity:.15}
.archive-meter .archive-hub{fill:#11161b}.archive-meter .archive-screw{fill:#6d7376}