/* RX–90: moulded graphite, brushed aluminium, twin woofers and a cassette deck. */
:root{--acid:#daff59;--amber:#ffd475;--panel:#24292c}body{background:radial-gradient(ellipse at 50% 35%,#293d4244,transparent 65%),#10171c}header{padding:20px 5%;background:#0c1821}main{padding-top:36px;max-width:1250px}.eyebrow{color:var(--acid);letter-spacing:.23em}h1,.retroMode h1{font-size:clamp(34px,5vw,60px);margin:12px 0}h1 span{color:var(--acid)}.intro{font-size:16px;line-height:1.6;margin-top:0}.viewTabs{margin:22px 0 8px}.viewTabs button{border-radius:6px;background:#202a30;color:#c6d1d5}.viewTabs button[aria-pressed=true]{background:var(--acid);color:#182215;border-color:var(--acid)}.retroMode{background:radial-gradient(ellipse at 50% 35%,#293d4244,transparent 65%),#10171c}.roomCaption{padding:16px 5px 65px;color:#a4b0b5;font:10px monospace}.retroRadio{max-width:1080px;margin:10px auto 30px;filter:drop-shadow(0 28px 25px #0009)}.carryHandle{position:absolute;left:25%;right:25%;height:65px;top:-57px;border:15px solid #343a3d;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:inset 0 2px 2px #acb3b8,0 -2px 1px #899095;z-index:-1}.antenna{height:6px;width:42%;position:absolute;right:6%;top:-20px;background:linear-gradient(#e1e7eb,#5b646a);transform:rotate(-12deg);transform-origin:right;box-shadow:0 1px 1px #000;border-radius:4px}.radioBody{padding:25px 22px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.38fr) minmax(0,1fr);gap:20px;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(130deg,#4b5154,#252b2e 38%,#181d20 80%,#42474b);border-radius:16px;box-shadow:inset 0 3px 2px #abb0b3,inset 0 -8px 3px #11171b,0 0 0 2px #070d12,0 8px 0 #0c1013}.radioBody:before{inset:11px;border-color:#111b21;border-radius:10px;box-shadow:0 1px #858c9033}.speaker,.speakerRight{position:relative;min-height:0;order:0;border:4px solid #12181c;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:14px 8px 22px;background:radial-gradient(circle,#070c0f 1px,transparent 1.5px) 0 0/4px 4px,#2e3539;box-shadow:inset 0 0 20px #000a,0 1px 1px #92999f66}.speaker:before{display:none}.speaker span{position:static;margin-top:12px;font:8px monospace;color:#b1b9bf;letter-spacing:.08em;text-align:center}.woofer{width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#4f5659 0 13%,#0d1113 14% 20%,#4b5357 21%,#222a2e 37%,#151b1e 42%,#41494e 44%,#12171b 48%,#424b50 50%,#101719 55%,#2b3439 57%,#0b1013 60%);box-shadow:0 5px 12px #000b,inset 0 1px 3px #959ca3;border:3px solid #101619;display:block}.tweeter{display:block;width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#424a50 15%,#11181b 25%,#485258 34%,#151b20 40%,#77858c 43%,#141b1e 47%);box-shadow:0 3px 5px #0008;margin-bottom:12px}.radioFace{background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;color:#d6dfe2;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.radioBadge{font-size:16px;letter-spacing:.12em;gap:8px;margin:0;color:#eff5f7}.radioBadge b{font-size:7px;font-weight:400}.powerLed{flex:none}.isPlaying .powerLed{background:var(--acid);box-shadow:0 0 8px var(--acid)}.tunerGlass{border:5px solid #10171b;border-radius:3px;padding:15px;background:linear-gradient(145deg,#ffffff10,transparent 35%),#192918;color:#ceeb86;box-shadow:inset 0 4px 12px #000a,0 1px #a3adb533}.tunerScale{height:23px;margin:10px 0;background-size:100% 9px;color:#a3bd77}.tunerScale i{background:#edaa47;box-shadow:0 0 6px #edaa47}.retroDisplay{min-height:110px;gap:10px;align-items:center;padding-top:10px}.stationAvatar{width:42px;height:42px;flex-basis:42px;border-radius:3px}.retroText #retroChannel{font:700 clamp(15px,2.4vw,29px)/1.2 monospace;color:#e3f2ac}.retroText #retroTrack{font:11px/1.5 monospace;color:#adbc8f;min-height:33px}.retroText .displayEyebrow{color:#b7c998}.tunerLabels{font-size:8px}.cassette{background:linear-gradient(145deg,#575e61,#30383d 18%,#121a20);border:4px solid #10171c;border-radius:5px;padding:12px 12px 8px;box-shadow:inset 0 1px #a3acb077,0 1px #a3acb033;text-align:center;color:#c8d3d8}.tapeLabel{font:700 12px monospace;letter-spacing:.04em;text-align:left;border-bottom:3px solid #c1db51;padding-bottom:7px}.tapeLabel b{font:7px monospace;float:right;margin-top:4px}.tapeWindow{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#0c1217;box-shadow:inset 0 2px 5px #000;border:1px solid #77808655;border-radius:4px;margin:10px 0 5px;padding:8px}.tapeWindow i{display:block;width:32px;aspect-ratio:1;border-radius:50%;border:4px dashed #aeb7bb;background:#222a30;box-shadow:0 0 0 4px #0d1216;animation:reel 4s linear infinite paused}.isPlaying .tapeWindow i{animation-play-state:running}.tapeWindow span{font:6px monospace;color:#9aa5a9}.cassette small{font:7px monospace;letter-spacing:.2em;color:#8d9a9f}.boombox-console{grid-column:1/-1;border-top:2px solid #141b20;box-shadow:0 -1px #6b747833;padding-top:14px}.radioControls{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;gap:22px;margin:0}.knob{width:60px;height:60px;border:4px solid #0c1317;background:repeating-conic-gradient(#88969e 0 3deg,#333e44 3deg 6deg);box-shadow:0 3px 5px #0008}.knob i{width:41px;height:41px;background:linear-gradient(145deg,#68757d,#152127);color:#eff7fb;font-size:22px;box-shadow:inset 0 1px #b6c0c5}.knobWrap small{color:#aab8c0;font:8px monospace}.retroCenter{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:end}.retroCenter label{grid-column:1/-1;color:#b1bdc4;font:8px monospace}.retroCenter select{background:#151f25;border:1px solid #5b6871;color:#e2e8ec;border-radius:3px;font:14px monospace;min-height:46px}.tuneButtons{grid-column:auto;gap:7px}.tuneButtons button{background:linear-gradient(#89959b,#48545c);color:#080f13;border:1px solid #11191f;border-top-color:#b5c0c6;border-radius:3px;min-height:46px;font-size:11px;box-shadow:0 3px #10171c;padding:9px 17px}.tuneButtons #retroInfo{background:linear-gradient(#d9f66b,#a9bf3e);white-space:nowrap}.retroVolume{color:#a6b4bc;max-width:600px;margin:12px auto;font:9px monospace;gap:14px}.retroVolume input{accent-color:var(--acid)}.presetsHeading{color:#b9c6cb;margin-top:7px}.presetsHeading button{background:#2a343c;color:#cfdee6;border:1px solid #59636a}.presetKeys{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-bottom:8px}.presetKeys button{background:linear-gradient(#536069,#2b363e);color:#e1e9ee;border:1px solid #10181f;border-top-color:#85939c;box-shadow:0 4px #0c1318;min-height:48px;border-radius:3px;font-size:11px}.presetKeys button small{color:var(--acid);opacity:1}.presetKeys button.selected{background:linear-gradient(#daff59,#aac13d);color:#18210b;border-color:#daff59;box-shadow:0 1px #0c1318}.presetKeys button.selected small{color:#233008}.presetEditor{color:#dce7ed;background:#0e171c;border-color:#52606b}.presetStatus{color:var(--acid)}.radioFeet{bottom:-15px}.listeningTools{padding:14px 0;margin:0}.listeningTools button,.listeningTools select{background:#1b2932;border-color:#495e6a}.carSupport{font-size:12px;color:#9eaeb9;text-align:center;line-height:1.6;max-width:740px;margin:15px auto}.retroHint{color:#b4c4cf}.retroHint:first-of-type{color:var(--acid)}#retroRoom:fullscreen{background:#10171c}#catalogPanel{margin-top:25px}.retroMode .player{background:#0c1820}.station{background:#182831}.radioFocus .roomCaption{display:block;height:65px;visibility:hidden}.radioFocus main{padding-top:65px}#retroRoom:fullscreen .roomCaption{display:block;height:65px;visibility:hidden}
@keyframes reel{to{transform:rotate(360deg)}}
@media(max-width:750px){header{padding:16px}header nav{width:100%;flex-wrap:nowrap;overflow:auto}header nav a{white-space:nowrap;padding:10px;font-size:12px}main,.retroMode main{padding:25px 12px}.radioBody{padding:16px 12px 13px;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr)}.speaker{padding:10px 4px;order:0;min-height:0}.speaker span{font-size:5px;margin:6px 0}.speaker .tweeter{margin:0 0 8px}.radioFace{padding:0;gap:7px}.radioBadge{font-size:11px;gap:4px}.radioBadge b{font-size:5px}.powerLed{width:5px;height:5px}.tunerGlass{padding:9px 6px;border-width:3px}.tunerLabels{font-size:5px;letter-spacing:0}.tunerScale{height:20px;font-size:7px;margin:6px 0}.retroDisplay{min-height:80px;padding-top:6px;gap:6px}.stationAvatar{display:none}.retroText .displayEyebrow{font-size:5px;letter-spacing:1px}.retroText #retroChannel{font-size:16px}.retroText #retroTrack{font-size:8px;min-height:26px}.cassette{padding:7px 6px 5px;border-width:3px}.tapeLabel{font-size:7px;border-bottom-width:2px;padding-bottom:4px}.tapeLabel b{display:none}.tapeWindow{padding:6px;margin:7px 0 3px}.tapeWindow i{width:20px;border-width:3px}.tapeWindow span{font-size:4px}.cassette small{font-size:5px;letter-spacing:0}.boombox-console{padding-top:12px}.radioControls{grid-template-columns:48px minmax(0,1fr) 48px;gap:10px}.knob{width:46px;height:46px}.knob i{width:31px;height:31px;font-size:19px}.knobWrap{align-content:center;gap:5px}.knobWrap small{font-size:6px}.retroCenter{display:grid;grid-template-columns:1fr;gap:6px}.retroCenter label{font-size:7px}.retroCenter select{font-size:12px;padding:7px;min-height:44px}.tuneButtons{grid-column:1/-1}.tuneButtons button{font-size:10px;min-height:44px;padding:6px}.presetKeys{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.presetKeys button{min-height:48px;font-size:10px;padding:8px 5px}.presetsHeading>span{font-size:8px}.carryHandle{border-width:11px;height:50px;top:-43px}.antenna{top:-12px}.roomCaption{padding-bottom:48px;font-size:8px}.roomCaption span:last-child{display:block;font-size:6px}.retroVolume{margin:8px auto}.viewTabs #retroFullscreen{margin-left:auto}.listeningTools{display:flex}.retroMode .player>div{display:none}.radioFocus .roomCaption{display:block}.radioFocus main{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.tapeWindow i{animation:none}}

/* Integrated control deck */
.retroMode main{padding-top:18px}.retroMode h1{font-size:30px}.retroMode .intro{font-size:13px}.retroMode .eyebrow{font-size:10px}.retroMode .viewTabs{margin:14px 0}.roomCaption{padding-bottom:54px}.radioBody{gap:14px;padding:18px}.channelBrowser{margin:0 0 16px!important;padding:14px!important;background:#121b20!important;border-color:#526067!important;border-radius:5px!important}.browserHeading strong{font:12px monospace!important;letter-spacing:.12em}.browserHeading p,.favoriteNote{font:10px monospace!important}.channelBrowser #search{padding:0;border:0;background:none;margin:10px 0;gap:10px}.channelBrowser #search label{font-size:10px}.channelBrowser input,.channelBrowser select,.channelBrowser button{min-height:42px;padding:8px;font-size:12px}.channelBrowser #browseSummary{font:11px monospace;margin:6px 0}.favoriteNote{margin-bottom:0}.eqDeck{margin:16px 0;padding:14px;background:linear-gradient(#171e22,#0d1418);border:1px solid #5a656b;border-radius:5px;box-shadow:inset 0 2px 7px #0008}.eqTitle{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.eqTitle strong{font:11px monospace;letter-spacing:.12em;color:#d9e5e9;margin-right:auto}.eqTitle button,.eqTitle select{font:11px monospace;min-height:38px;padding:7px;background:#2c383f;color:#deedc7;border:1px solid #67747a}.eqTitle button[aria-pressed=true]{background:#d9ff59;color:#17200c}.eqSliders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:16px}.eqSliders label{display:grid;text-align:center;gap:10px;font:10px monospace;color:#bdd0da}.eqSliders input{width:100%;accent-color:#d9ff59;min-height:30px;margin:0}.eqSliders output{color:#daff59}.eqDeck p{font:10px/1.5 monospace;color:#aabac3;margin:10px 0 0}.boombox-console .listeningTools{padding:8px 0;justify-content:center;gap:8px}.boombox-console .listeningTools button,.boombox-console .listeningTools select{min-height:40px;font-size:11px;padding:7px}#worldCount{font-size:10px!important}.boombox-console .listeningTools label{font-size:11px}.radioBody>.speaker{align-self:stretch}.retroDisplay{min-height:80px}.tunerGlass{padding:12px}.cassette{padding:8px}.channelBrowser .extraFilters label{display:inline-grid!important;gap:4px}.channelBrowser .extraFilters summary{font-size:11px}.channelBrowser #search>button{white-space:nowrap}@media(max-width:700px){.eqSliders{gap:8px}.eqSliders label{font-size:8px}.eqTitle{gap:6px}.eqTitle strong{width:100%}.boombox-console .browserHeading{flex-direction:row;align-items:center}.browserHeading p{display:none}.channelBrowser #search{grid-template-columns:1fr 1fr}.channelBrowser #search>button{grid-column:1/-1}.channelBrowser #search>label{min-width:0}.radioBody{padding:12px;gap:9px}}