/* Three fixed display rows: clock, station and track, weather. */
body.compactRadio #receiver .referenceSurface .refStation{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:1.4cqw minmax(0,1fr) 1.4cqw!important;gap:.2cqw!important;
 padding:.4cqw .85cqw!important;
 background:radial-gradient(ellipse at 50% 0,#235b2826,transparent 80%),linear-gradient(120deg,#092510,#031108 82%)!important;
 box-shadow:inset 0 1px 1px #b8ec9d26,inset 0 0 .6cqw #0009!important;
 color:#d9efb5!important;
}
body.compactRadio #receiver .refStation::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(115deg,#efffd70b,transparent 36%,transparent 80%,#efffd704);}
body.compactRadio #receiver .refStation .tunerLabels{
 grid-row:1!important;position:static!important;height:100%!important;min-height:0!important;
 display:flex!important;align-items:center!important;padding:0 8cqw .12cqw 0!important;
 border-bottom:1px solid #b2df8d22;letter-spacing:.03em!important;
}
body.compactRadio #receiver .refStation .displayDateTime{display:flex;flex-direction:row;gap:.8cqw;align-items:baseline;color:#cde5aa;}
body.compactRadio #receiver #displayClock{font:700 1.22cqw/1 monospace!important;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 0 .3cqw #b0f77930;}
body.compactRadio #receiver #displayDate{font:600 .76cqw/1.1 system-ui!important;color:#bad599;}
body.compactRadio #receiver .refStation #retroFavorite{top:.35cqw!important;right:.7cqw!important;height:1.45cqw!important;font:650 .67cqw/1.1 system-ui!important;padding:.17cqw .35cqw!important;background:#18351b!important;color:#d4e8b3!important;border-color:#729559!important;box-shadow:none!important;}
body.compactRadio #receiver .refStation .retroDisplay{grid-row:2!important;height:100%!important;min-height:0!important;display:flex!important;align-items:center!important;gap:.7cqw!important;overflow:hidden;}
body.compactRadio #receiver .refStation .stationAvatar{flex:0 0 3.15cqw!important;width:3.15cqw!important;height:3.15cqw!important;background:#18321a!important;border:1px solid #74965588!important;border-radius:.2cqw!important;color:#cce8a6!important;}
body.compactRadio #receiver .refStation .stationAvatar img{background:#f0f3e5;}
body.compactRadio #receiver .refStation .retroText{position:relative!important;flex:1;min-width:0!important;gap:.12cqw!important;padding:0!important;}
body.compactRadio #receiver .refStation .retroText #retroChannel{font:750 1.95cqw/1.05 system-ui!important;letter-spacing:.005em;color:#deefb8!important;text-shadow:0 0 .3cqw #b6e87e24;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.compactRadio #receiver .refStation .retroText #retroTrack{font:500 .9cqw/1.2 system-ui!important;color:#b6d792!important;max-height:none!important;min-height:1.08cqw;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.compactRadio #receiver .refStation #displayWeather{grid-row:3!important;position:static!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;padding:.12cqw 0 0!important;border:0!important;border-top:1px solid #b2df8d22!important;background:none!important;border-radius:0!important;color:#c5dfa4!important;font:600 .76cqw/1.1 system-ui!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left;}
body.compactRadio #receiver .refStation .tunerScale{display:none!important;}
/* The native album selector sits over the song line, leaving the weather row free. */
body.compactRadio #receiver #julTrackPicker{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:1.25cqw!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer;z-index:2;font-size:16px;}
body.compactRadio #receiver #julTrackPicker[hidden]{display:none!important;}
body.compactRadio #receiver .retroText:has(#julTrackPicker:not([hidden])) #retroTrack{padding-right:1.1cqw!important;}
body.compactRadio #receiver .retroText:has(#julTrackPicker:not([hidden]))::after{content:'⌄';position:absolute;right:0;bottom:0;color:#cce9a8;font:.9cqw/1.2 system-ui;pointer-events:none;}
body.compactRadio #receiver .retroText:has(#julTrackPicker:focus-visible){outline:1px solid #d6eeb6;outline-offset:3px;}
body.compactRadio #receiver .referenceSurface .refEQScreen{background:linear-gradient(#010706,#020c0b)!important;box-shadow:inset 0 0 .6cqw #000b!important;}
body.compactRadio #receiver .refEQScreen .eqSpectrum{background:repeating-linear-gradient(to top,#78ad8a0c 0 1px,transparent 1px .7cqw)!important;}
.cabinetReadout{background:linear-gradient(120deg,#092510,#031108)!important;color:#d9efb5!important;}
body.compactRadio #receiver[data-playback=blocked] #retroTrack{color:#dff6b7!important;}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){
 body.compactRadio.retroMode #receiver .referenceSurface .refStation{min-height:184px!important;padding:14px!important;grid-template-rows:auto minmax(62px,1fr) 44px!important;gap:9px!important;}
 body.compactRadio.retroMode #receiver .refStation .tunerLabels{height:39px!important;min-height:39px!important;padding:0 105px 5px 0!important;align-items:flex-start!important;}
 body.compactRadio.retroMode #receiver .refStation .displayDateTime{flex-direction:column;align-items:flex-start;gap:3px;}
 body.compactRadio.retroMode #receiver #displayClock{font-size:23px!important;}
 body.compactRadio.retroMode #receiver #displayDate{font-size:12px!important;}
 body.compactRadio.retroMode #receiver .refStation #retroFavorite{top:12px!important;right:12px!important;height:36px!important;min-height:36px!important;padding:6px 8px!important;font-size:11px!important;}
 body.compactRadio.retroMode #receiver .refStation .retroDisplay{min-height:62px!important;gap:12px!important;}
 body.compactRadio.retroMode #receiver .refStation .stationAvatar{flex-basis:50px!important;width:50px!important;height:50px!important;}
 body.compactRadio.retroMode #receiver .refStation .retroText{gap:5px!important;}
 body.compactRadio.retroMode #receiver .refStation .retroText #retroChannel{font-size:25px!important;line-height:1.15!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
 body.compactRadio.retroMode #receiver .refStation .retroText #retroTrack{font-size:14px!important;line-height:1.3!important;min-height:18px;}
 body.compactRadio.retroMode #receiver .refStation #displayWeather{min-height:44px!important;height:44px!important;padding:10px 0!important;font-size:12px!important;line-height:1.5!important;}
 body.compactRadio.retroMode #receiver #julTrackPicker{height:28px!important;}
 body.compactRadio.retroMode #receiver .retroText:has(#julTrackPicker:not([hidden])) #retroTrack{padding-right:18px!important;}
 body.compactRadio.retroMode #receiver .retroText:has(#julTrackPicker:not([hidden]))::after{font-size:16px;line-height:1.3;}
}
body.compactRadio #receiver .stationAvatar #retroLogoFallback{width:100%;text-align:center;font:650 1.1cqw/1 monospace!important;letter-spacing:.05em;color:#cce8a6;}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){body.compactRadio.retroMode #receiver .stationAvatar #retroLogoFallback{font-size:17px!important;}}