/* A new receiver layout, not overrides of the rejected card/button design. */
:root{--paper:#f2eee4;--gold:#d0ad63;--muted:#999b96;--rule:#343532;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#080a0b;color:var(--paper);font:14px/1.45 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #f6d382;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:absolute;top:-100px;left:12px;padding:10px;background:#e0be77;color:#111;z-index:30}.skip-link:focus{top:8px}.staging-notice{text-align:center;padding:4px 10px;font:8px/1.4 Arial,sans-serif;letter-spacing:2px;background:#221d12;color:#c1ab7b}.console-masthead,main,footer{width:min(1260px,calc(100% - 64px));margin:auto}.console-masthead{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #302e26;gap:20px}.console-brand{font:900 36px/.9 Arial,sans-serif;letter-spacing:-2px}.console-brand>span{color:#dcaa4c}.console-brand small{display:block;color:#c2aa7a;font:700 7px/1 Arial,sans-serif;letter-spacing:3px;margin-top:8px}.console-masthead nav{display:flex;align-items:center;gap:24px;font:700 9px/1.2 Arial,sans-serif;letter-spacing:1px}.premium-pill{border:1px solid #725e39;border-radius:2px;padding:9px 13px;color:#e2bf78}.premium-pill span{display:block;color:#b8b19f;font-size:8px;letter-spacing:1.2px;margin-top:3px}.console-intro{height:109px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 5px;color:#b69c66;font:700 8px/1.4 Arial,sans-serif;letter-spacing:2px}.console-intro h1{margin:0;font:normal 60px/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.5px}.console-intro h1 em{font-style:normal;color:#d4b46f}.console-intro>p{margin:0;text-align:right;color:#ddd9cd;font-size:13px;line-height:1.65}.console-intro>p>span{color:#898d85;font-size:11px}.receiver-rack{border:1px solid #635d4d;border-top-color:#aaa08b;border-radius:8px;background:#171919;padding:7px;box-shadow:0 12px 30px #0006,inset 0 1px 0 #e2d4ac33}.rack-heading{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#b9b8ac;border-bottom:1px solid #3b3c35}.rack-heading h2{font:700 9px/1 Arial,sans-serif;letter-spacing:1.6px;margin:0}.rack-heading>span{font:8px/1 Arial,sans-serif;letter-spacing:1px;color:#858980}#station-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0b0e0e}.station-console{--station-light:#ed583f;min-width:0;padding:13px 18px 11px;border-right:1px solid #41413b;position:relative}.station-console:last-child{border-right:0}.station-console[data-station=backroom]{--station-light:#edb64c}.station-console[data-station=nightshift]{--station-light:#d79751}.console-channel{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font:700 8px/1 Arial,sans-serif;letter-spacing:1.4px;color:#8e968c}.channel-number{color:#c5b891}.channel-state{display:flex;align-items:center;gap:6px;min-height:11px}.channel-state i{width:4px;height:4px;border-radius:50%;background:#6c7067}.station-art-link{display:block;height:127px;overflow:hidden;background:#030505;border:1px solid #2a302d;box-shadow:inset 0 0 10px #000}.station-art{width:100%;height:100%;object-fit:contain;display:block}.station-console[data-station=backroom] .station-art{padding:10px}.station-copy{padding:11px 0 9px}.station-copy h3{font:normal clamp(21px,2vw,27px)/1.05 Impact,'Arial Narrow',sans-serif;margin:0 0 5px;letter-spacing:.25px}.station-copy p{font:11px/1.4 Arial,sans-serif;color:#a8aaa1;margin:0;min-height:30px;max-width:310px}.console-controls{display:flex;align-items:center;gap:18px;margin:0 0 8px}.dial-mount{flex:0 0 80px;width:80px;height:80px;border:1px solid #565951;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#121513 15%,#8b8e81 16%,#44473f 18%,#20241f 40%,#b2b4a6 75%,#2f322d 78%);box-shadow:0 3px 5px #0009}.dial-play{display:flex;align-items:center;justify-content:center;flex-direction:column;width:67px;height:67px;padding:0;border-radius:50%;border:2px solid #c48f67;background:#351b15;color:#fbb17a;box-shadow:inset 0 1px 3px #ffd2a05c,inset 0 -5px 9px #000a,0 0 7px #f8642924;transition:box-shadow .15s,background .15s;}.dial-play .dial-glyph{font:22px/1 Arial,sans-serif;margin-left:3px}.dial-play .dial-word{font:700 7px/1.2 Arial,sans-serif;letter-spacing:.8px;margin-top:5px}.dial-play:hover{background:#6c291c;color:#ffe1b0;box-shadow:inset 0 1px 3px #ffd2a05c,0 0 13px #f8642944}.dial-play:active{transform:translateY(1px)}.station-console[data-station=backroom] .dial-play{color:#f8d080;background:#372d16;border-color:#bba375}.station-console[data-station=nightshift] .dial-play{color:#f4c795;background:#36251e}.console-control-copy{min-width:0}.direct-label{font:700 10px/1.2 Arial,sans-serif;letter-spacing:1.2px;color:#d5b983;margin:0 0 5px}.station-details{display:inline-block;font:10px/1.4 Arial,sans-serif;color:#c5c4b9;border-bottom:1px solid #777566;padding-bottom:2px}.console-control-copy small{display:block;font:8px/1.4 Arial,sans-serif;color:#848b81;margin-top:6px}.is-playing .dial-play{background:#a72b1b;color:#fff0cb;border-color:#ffd09e;box-shadow:inset 0 1px 5px #fff0c06b,inset 0 -4px 8px #4c0d09,0 0 16px #f34e325c}.station-console[data-station=backroom].is-playing .dial-play{background:#a36316;color:#fff8d2;border-color:#f7d795;box-shadow:inset 0 1px 5px #fff0c066,0 0 16px #ebb14b55}.station-console[data-station=nightshift].is-playing .dial-play{background:#94421e;color:#ffedce;border-color:#eabe8a}.is-playing .channel-state{color:#ffd0a6}.is-playing .channel-state i{background:#f47945;box-shadow:0 0 5px #fa743c}.console-presets{border-top:1px solid #33382f;padding-top:9px}.preset-caption{display:flex;justify-content:space-between;color:#81887c;font:7px/1.3 Arial,sans-serif;letter-spacing:1px;margin-bottom:6px}.preset-caption span:last-child{color:#bba36c;letter-spacing:.3px}.preset-bank{display:flex;gap:6px;justify-content:space-between}.provider-preset{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:64px;color:#c1bcae;font:700 9px/1.2 Arial,sans-serif;position:relative}.preset-key{display:grid;place-items:center;position:relative;width:36px;height:30px;border-radius:50% / 40%;border:1px solid #9a9b8e;background:linear-gradient(#7f8178 0%,#252b27 20%,#141915 70%,#555d4f 100%);box-shadow:inset 0 1px 0 #ddd9be55,0 3px 0 #080b09,0 4px 3px #0007;color:#eadfc0;font:700 10px/1 Arial,sans-serif;}.preset-key::before{content:"";position:absolute;top:5px;left:calc(50% - 5px);width:10px;height:1px;background:#e0bc6b;box-shadow:0 0 4px #e0bc6b77}.provider-preset small{color:#8f958a;font:7px/1.2 Arial,sans-serif;min-height:9px}.provider-preset.recommended{color:#e6c98a}.provider-preset:hover .preset-key{border-color:#eddba9;color:#fff3ca;box-shadow:inset 0 1px 0 #ddd9be55,0 3px 0 #080b09,0 0 9px #e0bc6b33}.provider-preset.unavailable{color:#757d74}.unavailable .preset-key{border-color:#3c453a;background:#151b16;color:#596254;box-shadow:inset 0 1px 0 #646d5233,0 2px 0 #080b09}.unavailable .preset-key::before{background:#444c40;box-shadow:none}.station-feedback{font-size:9px;line-height:1.4;margin:5px 0 0;color:#c1bc9e;min-height:0}.station-feedback:empty{display:none}.receiver-output{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px 6px;border-top:1px solid #474b41;min-height:65px}.output-readout{display:flex;align-items:center;gap:12px;min-width:0}.output-lamp{flex:0 0 5px;height:5px;border-radius:50%;background:#8f793f}.output-readout>div{display:flex;flex-direction:column;min-width:0}#player-label{font:700 7px/1.2 Arial,sans-serif;letter-spacing:1.4px;color:#b4a47f}#player-station{font:500 12px/1.5 Arial,sans-serif;color:#dfdbcd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player-status{font:9px/1.5 Arial,sans-serif;color:#8f9888}.transport{display:flex;align-items:center;gap:8px;flex-shrink:0}.transport button{height:32px;min-width:36px;padding:4px 9px;background:#171d18;border:1px solid #686954;border-radius:4px;color:#d3c49c;font:9px/1 Arial,sans-serif}.transport button span{margin-left:5px;font-size:8px}.transport button:disabled{opacity:.35}.volume-label{font:7px Arial,sans-serif;color:#969d8c;display:flex;align-items:center;gap:8px;margin-left:5px}.volume-label input{width:80px;accent-color:#cab077}.voice-strip{display:grid;grid-template-columns:1.2fr 1.3fr 1.4fr .9fr;gap:22px;align-items:start;margin:19px 0 0;padding:18px 0;border-top:1px solid #45402f;border-bottom:1px solid #33362e}.voice-heading{display:flex;align-items:center;gap:12px}.voice-heading svg{width:24px;height:36px;color:#d9b779;flex-shrink:0}.voice-heading h2{font:normal 20px/1 Impact,'Arial Narrow',sans-serif;margin:0 0 6px;letter-spacing:.5px}.voice-heading p{font:10px/1.5 Arial,sans-serif;color:#aeb1a4;margin:0}.voice-heading p span{color:#c7ad71}.voice-command>span{font:700 7px/1.3 Arial,sans-serif;letter-spacing:1.1px;color:#c3ac78}.voice-command p{font:13px/1.5 Arial,sans-serif;color:#e2dfd1;margin:6px 0 0}.voice-pending p{color:#929d96}.voice-pending small{font-size:9px;color:#818c83;display:block;margin-top:3px}.premium-feature{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;max-width:800px;margin:36px auto;padding:22px 0}.premium-art-link img{display:block;width:170px;height:170px;object-fit:contain}.premium-feature h2{font:normal 27px/1.1 Impact,'Arial Narrow',sans-serif;margin:0 0 10px}.premium-feature p:not(.eyebrow){font-size:12px;color:#9ea497;margin:0 0 13px;max-width:480px}.premium-text-link{font:700 9px/1.5 Arial,sans-serif;letter-spacing:.6px;color:#dbbb75;border-bottom:1px solid #77633d;padding-bottom:4px}footer{border-top:1px solid #373a30;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#8d9888}footer>span{letter-spacing:1px;font-size:8px}footer nav{display:flex;gap:20px}#provider-dialog{width:min(600px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;padding:22px;border:1px solid #9b8355;border-radius:8px;background:#111613;color:#e6e1d1;box-shadow:0 20px 80px #000c}#provider-dialog::backdrop{background:#000b}#provider-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}#provider-dialog header p{font-size:8px;letter-spacing:1.5px;color:#bb9f65;margin:0 0 7px}#provider-dialog h2{font:normal 27px/1 Impact,'Arial Narrow',sans-serif;margin:0}#provider-close{width:44px;height:44px;border-radius:50%;border:1px solid #9b956f;background:#242b24;color:#ede3c8;font-size:18px}#provider-note{font-size:12px;color:#b4baa9;line-height:1.5}#provider-frame:empty{display:none}#provider-frame iframe{width:100%;height:160px;border:0;background:#191f1b;margin:5px 0 12px}#provider-listing{display:inline-block;color:#e7c783;font-size:12px;padding:12px 0;border-bottom:1px solid #806b40}.provider-footnote{font-size:10px;line-height:1.5;color:#919d8a}
@media(max-width:1100px){.station-console{padding:12px}.station-art-link{height:113px}.console-controls{gap:12px}.dial-mount{width:74px;height:74px;flex-basis:74px}.dial-play{width:61px;height:61px}.console-intro h1{font-size:54px}.voice-strip{gap:16px}.voice-heading h2{font-size:18px}.voice-heading p{font-size:9px}.volume-label{display:none}}
@media(min-width:900px) and (max-height:800px){.console-masthead{height:68px}.console-intro{height:90px}.station-art-link{height:112px}.station-copy{padding:9px 0 6px}.station-copy h3{font-size:24px}.station-copy p{font-size:10px;min-height:28px}.console-controls{margin-bottom:6px}.dial-mount{width:72px;height:72px;flex-basis:72px}.dial-play{width:60px;height:60px}.receiver-output{padding-top:8px;min-height:57px}.voice-strip{margin-top:14px;padding:14px 0}.station-console{padding-top:10px}.provider-preset{min-height:59px}}
@media(max-width:850px){.console-masthead,main,footer{width:calc(100% - 32px)}.console-masthead nav>a:not(.premium-pill){display:none}.console-masthead{height:72px}.console-intro{height:100px}.console-intro h1{font-size:48px}.console-intro>p{font-size:11px}.console-intro>p>span{font-size:10px}.station-console{padding:11px 9px}.station-art-link{height:95px}.station-copy h3{font-size:22px;min-height:46px}.station-copy p{font-size:10px;min-height:42px}.console-controls{gap:9px}.dial-mount{flex-basis:65px;width:65px;height:65px}.dial-play{width:54px;height:54px}.dial-play .dial-glyph{font-size:19px}.dial-play .dial-word{font-size:6px}.direct-label{font-size:9px}.station-details{font-size:9px}.console-control-copy small{font-size:7px}.voice-strip{grid-template-columns:1fr 1fr;gap:20px}.voice-heading h2{font-size:22px}.voice-heading p{font-size:10px}.voice-command p{font-size:13px}.voice-pending{padding-left:36px}.rack-heading>span{display:none}.rack-heading h2{font-size:8px}.receiver-output{padding-inline:7px}.transport{gap:5px}.transport button{padding:4px 7px}.transport button span{display:none}.output-readout{gap:7px}.premium-feature{margin:22px auto}footer{flex-wrap:wrap}footer>span:last-child{display:none}}
@media(max-width:600px){.console-intro{height:105px}.console-intro h1{font-size:44px}.console-intro>p{display:none}.console-brand{font-size:32px}.premium-pill{padding:8px 10px;font-size:8px}.premium-pill span{font-size:7px}.console-masthead nav{gap:0}.receiver-rack{padding:5px}#station-list{grid-template-columns:1fr}.station-console{display:grid;grid-template-columns:104px minmax(0,1fr) 72px;gap:8px 10px;padding:13px 10px;border-right:0;border-bottom:1px solid #494c41}.station-console:last-child{border-bottom:0}.console-channel{grid-column:1/-1;margin-bottom:0}.station-art-link{grid-column:1;grid-row:2;height:86px;align-self:center}.station-copy{grid-column:2;grid-row:2;align-self:center;padding:0}.station-copy h3{font-size:22px;min-height:0}.station-copy p{font-size:10px;min-height:0}.console-controls{grid-column:3;grid-row:2;display:flex;flex-direction:column;margin:0;gap:6px;justify-content:center}.dial-mount{width:67px;height:67px;flex-basis:67px}.dial-play{width:55px;height:55px}.console-control-copy{display:none}.console-presets{grid-column:2/-1;padding-top:0;border-top:0}.preset-caption{display:none}.preset-bank{gap:3px}.provider-preset{flex-direction:row;gap:5px;flex-wrap:wrap;align-content:center;justify-content:center;min-height:48px;font-size:8px}.preset-key{width:25px;height:24px;flex:0 0 25px;font-size:8px}.preset-key::before{top:3px;width:7px;left:calc(50% - 3.5px)}.provider-preset small{width:100%;text-align:center;font-size:6px}.console-presets::before{content:"LISTEN YOUR WAY";display:block;font-size:6px;letter-spacing:1px;color:#848d7d;margin:0 0 4px}.station-feedback{grid-column:1/-1}.receiver-output{align-items:flex-start;flex-direction:column;gap:9px;padding:12px 9px 8px}.output-readout{width:100%}#player-station{font-size:11px}.transport{width:100%;gap:7px}.transport button{min-height:40px;min-width:40px}.transport button span{display:inline}.transport #player-mute{margin-left:auto}.voice-strip{grid-template-columns:1fr;padding:18px 5px;gap:15px}.voice-heading{margin-bottom:1px}.voice-command,.voice-pending{padding:0 0 0 36px}.voice-command p{font-size:13px;margin-top:4px}.voice-pending small{font-size:9px}.premium-feature{grid-template-columns:110px 1fr;gap:18px}.premium-art-link img{width:110px;height:110px}.premium-feature h2{font-size:23px}.premium-feature .eyebrow{font-size:7px}.premium-feature p:not(.eyebrow){font-size:11px}.premium-text-link{font-size:8px}footer nav{flex-wrap:wrap;gap:13px}footer{padding-bottom:24px}#provider-dialog{padding:17px}}
@media(max-width:360px){.station-console{grid-template-columns:80px minmax(0,1fr) 58px;gap:8px;padding:12px 7px}.station-art-link{height:77px}.station-copy h3{font-size:19px}.station-copy p{font-size:9px}.dial-mount{width:56px;height:56px;flex-basis:56px}.dial-play{width:46px;height:46px}.dial-play .dial-glyph{font-size:16px}.dial-play .dial-word{font-size:5px}.console-presets{grid-column:1/-1}.preset-caption{display:none}.provider-preset{min-height:47px}.premium-feature{grid-template-columns:90px 1fr;gap:13px}.premium-art-link img{width:90px;height:90px}}
#provider-dialog[data-provider=tunein] #provider-frame iframe{height:110px}
#provider-dialog[data-provider=mytuner] #provider-frame iframe{height:var(--mytuner-height,110px);max-height:min(360px,45dvh);min-height:90px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}