/* A self-contained tuning cabinet; the bakkie's layout stays unchanged. */
#bronzeNewsRds { display:block; flex:1; min-width:0; overflow:hidden; text-overflow:clip; white-space:nowrap; }
#bronzeNewsRds .local-radio-rds-track { display:flex; gap:32px; width:max-content; max-width:none; overflow:visible; text-overflow:clip; }
#bronzeNewsRds .local-radio-rds-text { display:block; flex:none; overflow:visible; text-overflow:clip; white-space:nowrap; }
#bronzeNewsRds .local-radio-rds-copy { display:none; }
#bronzeNewsRds.rds-scrolling .local-radio-rds-copy { display:block; }
#bronzeNewsRds.rds-scrolling .local-radio-rds-track { animation:localRadioRdsScroll var(--rds-duration,16s) linear infinite; will-change:transform; }
#bronzeNewsRds.rds-paused .local-radio-rds-track { animation-play-state:paused; }
@keyframes localRadioRdsScroll { to { transform:translateX(calc(-1 * var(--rds-distance))); } }
@media (prefers-reduced-motion:reduce) {
  #bronzeNewsRds.rds-scrolling .local-radio-rds-track { animation:none; will-change:auto; }
  #bronzeNewsRds.rds-scrolling .local-radio-rds-copy { display:none; }
}
#bronzeNewsRadio { touch-action:pan-y; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
#bronzeNewsRadio[data-holding="true"] { outline:2px solid #ffd17c; outline-offset:2px; }
.radio-dial-dialog { width:min(760px,calc(100% - 24px)); max-width:none; max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); margin:auto; padding:0; border:2px solid #a17a48; border-radius:18px; background:#261c15; color:#f4e4c6; overflow:auto; overscroll-behavior:contain; box-shadow:0 24px 90px #000c,0 0 0 4px #130d08,0 0 0 5px #695035; }
.radio-dial-dialog::backdrop { background:#030604d6; backdrop-filter:blur(5px); }
.radio-dial-dialog [hidden] { display:none!important; }
.radio-dial-cabinet { padding:20px 24px 14px; background:repeating-linear-gradient(1deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(95deg,#39251b,#201b17 25%,#2e2119 70%,#483022); box-shadow:inset 0 0 0 5px #150e0870,inset 0 0 24px #0009; }
.radio-dial-header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.radio-dial-header small { display:block; color:#c5aa7a; letter-spacing:.18em; font:700 9px/1.4 Arial,sans-serif; }
.radio-dial-header h2 { margin:4px 0 0; color:#efd7a4; font:italic 700 32px/1.1 Georgia,serif; text-shadow:0 2px #000; }
.radio-dial-header h2 em { font-weight:400; }
.radio-dial-header > button { flex:none; width:40px; height:40px; padding:0; border:1px solid #887047; border-radius:50%; background:linear-gradient(#493e2e,#211b15); color:#f0d7a7; font:28px/1 Arial,sans-serif; cursor:pointer; }
.radio-dial-face { display:grid; grid-template-columns:72px minmax(0,1fr) 72px; gap:14px; align-items:stretch; }
.radio-dial-speaker { border:4px solid #211b14; border-radius:8px; min-height:130px; background:radial-gradient(ellipse,#b3966530,transparent),repeating-linear-gradient(90deg,#0c0e0c 0 3px,#786345 3px 4px,#241d16 4px 6px); box-shadow:inset 0 0 10px #000,0 1px 1px #bd98605c; }
.radio-dial-glass { min-width:0; padding:12px 16px; border:3px solid #1b1913; border-radius:5px; color:#443117; background:radial-gradient(ellipse at 50% 100%,#fff3ba,#d9bd83 70%,#b49458); box-shadow:0 0 0 1px #9c7b43,inset 0 0 17px #7f5a29b0,0 0 20px #ffb75013; }
.radio-dial-band { display:flex; justify-content:space-between; gap:8px; font:700 8px/1.4 Arial,sans-serif; letter-spacing:.12em; opacity:.8; }
.radio-dial-now { min-height:66px; display:flex; align-items:center; gap:12px; }
.radio-dial-now img { flex:none; width:44px; height:44px; object-fit:contain; border-radius:4px; background:#fff; box-shadow:0 1px 4px #33200650; }
.radio-dial-now strong { min-width:0; overflow-wrap:anywhere; font:700 19px/1.2 Georgia,serif; }
.radio-dial-scale { position:relative; display:flex; justify-content:space-between; padding-top:16px; border-top:1px solid #61481d80; font:700 7px/1 Arial,sans-serif; letter-spacing:.07em; background:repeating-linear-gradient(90deg,#6f512e80 0 1px,transparent 1px 6px) top/100% 10px no-repeat; }
.radio-dial-scale i { position:absolute; top:-4px; bottom:-2px; left:var(--tuned-position,4%); width:2px; background:#ac3829; box-shadow:1px 0 2px #6f1d1d60; transition:left .18s ease-out; }
.radio-dial-hint { margin:16px 0 10px; color:#dbc6a0; font:12px/1.5 Arial,sans-serif; }
.radio-dial-presets { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px; padding-bottom:8px; }
.radio-dial-presets button { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; min-width:0; padding:12px 3px 10px; min-height:100px; border:1px solid #a28b5b; border-bottom:5px solid #796744; border-radius:5px 5px 8px 8px; color:#403325; background:linear-gradient(#f8edce,#d8c39b); box-shadow:0 3px 5px #0009,inset 0 1px #fff8; font:700 10px/1.25 Arial,sans-serif; cursor:pointer; }
.radio-dial-presets button > img,.radio-dial-symbol { width:36px; height:36px; object-fit:contain; flex:none; border-radius:4px; }
.radio-dial-symbol { display:grid; place-items:center; background:#5f492718; }
.radio-dial-symbol svg { width:27px; height:27px; }
.radio-dial-presets button[aria-pressed="true"] { border-color:#dea84c; border-bottom-color:#88551d; color:#fff0c8; background:linear-gradient(#674b29,#33261a); box-shadow:0 0 0 1px #f8c876,0 0 14px #f6a83c20,inset 0 2px 8px #0009; }
.radio-dial-presets button[aria-pressed="true"] .radio-dial-symbol { color:#ffd18a; }
.radio-dial-stations { margin-top:10px; padding:12px; border:1px solid #8a704840; border-radius:6px; background:#100f0da8; }
.radio-dial-stations-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.radio-dial-stations h3 { margin:0; font:700 13px/1.3 Arial,sans-serif; color:#e9d4a9; }
.radio-dial-stations input { width:48%; min-width:0; padding:8px 10px; border:1px solid #786544; border-radius:4px; background:#24231d; color:#f2e8cc; font:12px/1.3 Arial,sans-serif; }
.radio-dial-stations input::placeholder { color:#b9ad97; opacity:1; }
.radio-dial-station-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; max-height:165px; overflow:auto; overscroll-behavior:contain; padding:2px 4px 3px 2px; scrollbar-color:#9d7c48 #211c15; }
.radio-dial-station-list button { display:flex; align-items:center; gap:7px; min-width:0; min-height:42px; padding:8px; border:1px solid #5e5139; border-radius:4px; text-align:left; color:#e4d7b6; background:linear-gradient(#322e24,#22201b); font:12px/1.3 Arial,sans-serif; cursor:pointer; overflow-wrap:anywhere; }
.radio-dial-station-list button span:first-child { flex:none; color:#b9985a; font-size:14px; }
.radio-dial-station-list button[aria-pressed="true"] { border-color:#e4ad54; color:#ffe9b4; background:#564126; }
.radio-dial-station-list button:disabled { opacity:.42; cursor:not-allowed; }
.radio-dial-stations > p { margin:10px 0 0; color:#cdb990; font:12px/1.4 Arial,sans-serif; }
.radio-dial-controls { display:flex; align-items:center; gap:24px; padding-top:18px; }
.radio-dial-power { display:flex; align-items:center; gap:10px; flex:none; border:0; padding:0; background:transparent; color:#f2dfb6; cursor:pointer; font:700 13px/1 Arial,sans-serif; }
.radio-dial-power > span { display:grid; place-items:center; width:54px; height:54px; border:3px solid #b19461; border-radius:50%; background:radial-gradient(ellipse at 40% 30%,#514c40,#201f19 65%); color:#ffce75; box-shadow:0 0 0 2px #16130e,0 0 0 3px #796242,inset 0 1px 5px #efdfb12b,0 5px 7px #0007; font:18px/1 Arial,sans-serif; }
.radio-dial-power[aria-pressed="true"] > span { color:#b8f5a8; border-color:#9cbe77; }
.radio-dial-power:disabled { opacity:.5; cursor:wait; }
.radio-dial-volume { flex:1; min-width:0; }
.radio-dial-volume label { display:flex; justify-content:space-between; gap:12px; color:#d2bc92; font:700 10px/1.4 Arial,sans-serif; letter-spacing:.07em; }
.radio-dial-volume output { color:#ffd186; }
.radio-dial-volume input { display:block; width:100%; min-height:32px; margin:4px 0 0; accent-color:#dba758; cursor:pointer; }
.radio-dial-status { min-height:17px; margin:12px 0 10px; color:#efc887; font:12px/1.4 Arial,sans-serif; }
.radio-dial-footer { border-top:1px solid #ae875a35; padding-top:10px; }
.radio-dial-footer p { margin:0; color:#c6b59a; font:11px/1.5 Arial,sans-serif; }
.radio-dial-footer > span { display:block; margin-top:9px; color:#a68b64; font:700 8px/1.5 Arial,sans-serif; letter-spacing:.07em; }
.radio-dial-dialog :is(button,input):focus-visible { outline:2px solid #ffe2a0; outline-offset:3px; }
@media (max-width:600px) {
  .radio-dial-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 16px); border-radius:12px; }
  .radio-dial-cabinet { padding:16px 14px 12px; }
  .radio-dial-header { margin-bottom:12px; }
  .radio-dial-header h2 { font-size:28px; }
  .radio-dial-face { grid-template-columns:24px minmax(0,1fr) 24px; gap:8px; }
  .radio-dial-speaker { min-height:118px; border-width:2px; }
  .radio-dial-glass { padding:10px; }
  .radio-dial-now { min-height:62px; gap:8px; }
  .radio-dial-now strong { font-size:17px; }
  .radio-dial-now img { width:36px; height:36px; }
  .radio-dial-presets { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  .radio-dial-presets button { min-height:84px; padding:8px 3px; gap:5px; }
  .radio-dial-presets button > img,.radio-dial-symbol { width:30px; height:30px; }
  .radio-dial-station-list { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:150px; }
  .radio-dial-stations-heading { flex-wrap:wrap; gap:7px; }
  .radio-dial-stations input { flex:1; min-width:120px; }
  .radio-dial-controls { gap:16px; }
  .radio-dial-power { gap:8px; }
  .radio-dial-power > span { width:46px; height:46px; }
}
@media (max-height:500px) and (min-width:440px) {
  .radio-dial-cabinet { padding:12px 16px; }
  .radio-dial-header h2 { font-size:24px; }
  .radio-dial-header { margin-bottom:10px; }
  .radio-dial-face { grid-template-columns:30px minmax(0,1fr) 30px; gap:10px; }
  .radio-dial-speaker { min-height:100px; }
  .radio-dial-now { min-height:48px; }
  .radio-dial-presets { grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
  .radio-dial-presets button { min-height:82px; padding:8px 2px; font-size:9px; }
  .radio-dial-presets button > img,.radio-dial-symbol { width:28px; height:28px; }
}
@media (prefers-reduced-motion:reduce) { .radio-dial-scale i { transition:none; } }