@font-face{font-family:"Emma Bookman";src:url("fonts/bookman-demi-italic.otf") format("opentype");font-display:swap}
:root{--green:#a3e94f;--muted:#d7c9e7;--line:#ffffff26;background:#16111e!important;background-image:radial-gradient(#75469b33 1px,transparent 1px)!important;background-size:15px 15px!important;color:#fff}
*{box-sizing:border-box}body{background:transparent!important;display:block!important;padding:28px 14px 45px!important;min-height:100vh}.station-wrap{width:min(810px,100%)!important;max-width:810px!important;margin:auto;filter:drop-shadow(0 18px 30px #0008)!important}.station{width:100%!important;padding:0!important;border:2px solid #9e7ab7!important;border-radius:18px!important;clip-path:none!important;overflow:hidden;background:#24172e!important;box-shadow:0 0 0 5px #160e1e!important}
.header{height:355px!important;display:flex!important;position:relative!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:24px!important;clip-path:none!important;border:0!important;background-color:#382445!important;background-image:linear-gradient(180deg,#17101ca6 0%,#17101c05 42%,#17101ca8 100%),url("radio-room-cartoon.png")!important;background-size:cover!important;background-position:center center!important}
.header:after{content:"";position:absolute;inset:auto 0 0;height:10px;background:repeating-linear-gradient(90deg,#a3e94f 0 36px,#ea9bde 36px 68px,#724ca1 68px 98px);opacity:.9}.header .logo{position:relative;z-index:1;grid-area:auto!important;width:210px!important;max-width:48%!important;height:80px!important;object-fit:contain;background:#2b1849df;border:2px solid #e2c9ff;border-radius:12px;padding:5px 13px;box-shadow:5px 6px 0 #130b1bd9;transform:rotate(-3deg)}.header .identity{z-index:1;position:relative;justify-self:auto!important;width:auto!important;margin:0!important;max-width:45%!important}.header .tagline{display:block!important;transform:rotate(3deg)!important;background:#a3e94f;color:#251339;padding:8px 13px;border-radius:7px 13px 5px 12px;box-shadow:4px 5px 0 #180d22;font:italic 20px/1.05 "Emma Bookman",Georgia,serif!important;text-transform:none!important;text-shadow:none!important;text-align:center}.header .tagline .tagline-lead{display:inline!important;color:inherit!important}.header .tagline strong{display:inline!important;color:#512c84!important;background:none!important;box-shadow:none!important;padding:0!important;font:inherit!important;transform:none!important}.room-caption{position:absolute;z-index:1;left:23px;bottom:25px;margin:0;padding:9px 13px;background:#21152bda;border-left:4px solid var(--green);font:italic 17px/1.1 "Emma Bookman",Georgia,serif;color:white;transform:rotate(-2deg)}
.site-nav{display:flex!important;gap:8px!important;justify-content:center!important;padding:12px 16px!important;background:#2b193b!important;border-bottom:2px solid #674389!important}.site-nav a,.site-nav .request-link{flex:1!important;max-width:190px!important;min-height:43px!important;padding:10px!important;border:1px solid #261537!important;border-radius:9px 4px 10px 5px!important;background:#a3e94f!important;color:#23122f!important;box-shadow:3px 3px 0 #130b1c!important;font:17px/1.1 Impact,"Arial Narrow",sans-serif!important;text-align:center;text-transform:uppercase;text-decoration:none;transform:none!important}.site-nav a:nth-child(2){transform:rotate(-2deg)!important}.site-nav a:nth-child(3){transform:rotate(2deg)!important}.site-nav a:hover{background:#d0ff8e!important}.site-nav a:focus-visible,.play-button:focus-visible{outline:3px solid white;outline-offset:3px}
.body-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;background:#301c40}.now-panel{display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:8px 17px!important;padding:20px!important;border:0!important;border-right:1px solid #ffffff2b!important;background:#4a2870!important}.section-label{grid-column:1/-1;display:flex!important;align-items:center;gap:8px!important;margin:0 0 4px!important;background:none!important;box-shadow:none!important;transform:none!important;padding:0!important;color:#cbff8b!important;font:19px/1 Impact,"Arial Narrow",sans-serif!important;letter-spacing:.06em;text-transform:uppercase}.track-layout{display:contents!important}.now-art{grid-column:1!important;grid-row:2!important;width:94px!important;height:94px!important;margin:0!important;border:3px solid white!important;border-radius:6px!important;box-shadow:4px 4px 0 #1a0d29!important}.song-copy{grid-column:2!important;grid-row:2!important;text-align:left!important;align-self:center;min-width:0}.song-copy h1{font:800 24px/1.12 system-ui,sans-serif!important;text-transform:none!important;letter-spacing:-.025em!important}#artistName{margin:6px 0 11px!important;color:#f1e5fc!important;font-size:14px!important}.player-controls{grid-column:1/-1!important;grid-row:3!important;margin:12px 0 0!important;justify-content:space-between!important;gap:8px!important}.play-button{min-height:44px!important;font:19px/1 Impact,"Arial Narrow",sans-serif!important;background:var(--green)!important;border-radius:9px 3px 10px 4px!important;box-shadow:3px 4px 0 #20102d!important}.play-button:hover{background:#ceff8a!important}.volume{width:46px!important}#streamStatus{grid-column:1/-1!important;grid-row:4!important;margin:0!important;font-size:11px!important;color:#e0d4ef!important}.recent-panel{padding:18px 16px 12px!important;background:#2b193b!important;color:#fff!important;min-width:0}.recent-heading{display:block!important;margin:0 0 9px!important;padding:0!important;background:none!important;clip-path:none!important}.recent-heading h2{font:22px/1 Impact,"Arial Narrow",sans-serif!important;color:#cbff8b!important}.recent-heading span{display:block;margin-top:4px!important;color:#e0d4ef!important;font-size:11px!important}.history{height:205px!important;padding:0!important}.history-card,.history-card:first-child{height:58px!important;min-height:58px!important;padding:7px 3px!important;border-bottom:1px solid #ffffff20!important;background:transparent!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:0 9px!important}.history-card img,.history-fallback{width:40px!important;height:40px!important;border:0!important;border-radius:4px!important}.history-title{color:#fff!important;font-size:13px!important}.history-artist,.history-time{color:#c5b5d7!important;font-size:11px!important}.updated{color:#b5a5c8!important;margin-top:8px!important}.empty-history{border-color:#9678ad!important;color:#dfd1ea!important;font-size:12px!important}.empty-history a{color:#bfff7b}.footer{background:#211329!important;padding:10px 18px!important;border:0!important;color:#c9b6d6!important}.footer summary{color:#d2fa9a!important}.demo-notice{background:#1c1225!important}.demo-notice a{color:#caff8a}
.request-content,.contact-content{background:#302041!important}.request-content a,.contact-content a{color:#c9ff85}.contact-footer{background:#211329}
@media(max-width:650px){body{padding:14px 10px 30px!important}.station-wrap{max-width:470px!important}.header{height:260px!important;padding:15px!important;background-position:53% center!important}.header .logo{width:155px!important;height:59px!important;padding:3px 7px}.header .identity{max-width:49%!important}.header .tagline{font-size:14px!important;padding:7px!important}.room-caption{left:13px;bottom:21px;font-size:13px;padding:7px 9px}.site-nav{padding:10px!important;gap:5px!important}.site-nav a,.site-nav .request-link{font-size:14px!important;padding:10px 3px!important}.body-grid{grid-template-columns:1fr!important}.now-panel{border-right:0!important;border-bottom:1px solid #ffffff2b!important}.recent-panel{padding:16px!important}.history{height:179px!important}.footer{padding:11px 16px!important}.song-copy h1{font-size:23px!important}}
@media(max-width:360px){.header .logo{width:130px!important}.header .tagline{font-size:12px!important}.now-panel{grid-template-columns:76px minmax(0,1fr)!important;gap:8px 12px!important;padding:15px!important}.now-art{width:76px!important;height:76px!important}.song-copy h1{font-size:20px!important}.volume{width:40px!important}}

/* Keep the whole room visible so its hidden details survive every screen size. */
.header{height:auto!important;aspect-ratio:1672/940;background-image:linear-gradient(180deg,#17101c25,#17101c00),url("radio-room-cartoon.png")!important;background-size:100% 100%!important;padding:15px!important}.header .logo{width:154px!important;height:59px!important;max-width:22%!important}.header .identity{max-width:21%!important}.header .tagline{font-size:14px!important}.room-caption{font-size:13px;bottom:16px;left:16px}.tv-hotspot{position:absolute;left:77.5%;top:54%;width:11%;height:16%;border:0;border-radius:7px;background:#150c29a6;color:white;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.tv-hotspot span{font-size:25px;color:#cbff8b}.tv-hotspot b{font:10px system-ui}.tv-hotspot:hover{background:#573171b3}.tv-hotspot:focus-visible{outline:3px solid #caff85;outline-offset:4px}.music-tv-dialog{width:min(680px,calc(100% - 24px));padding:16px;color:white;border:3px solid #8462a1;border-radius:15px;background:#281635;box-shadow:0 20px 90px #000b}.music-tv-dialog::backdrop{background:#100918dc}.music-tv-dialog header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.music-tv-dialog h2{margin:0;font:24px Impact,sans-serif;color:#caff85}.music-tv-dialog button,.music-tv-dialog select{font:14px system-ui;padding:9px;border:1px solid #a885c3;border-radius:6px;background:#49305c;color:white}.music-tv-dialog iframe{display:block;width:100%;height:360px;min-height:220px;border:0;background:#000}.music-tv-dialog p{font:12px/1.5 system-ui;color:#d9cbe4;margin-bottom:0}.music-tv-dialog a{color:#caff85}.tv-choice{margin-bottom:10px;width:100%}@media(max-width:650px){.header{height:auto!important;padding:8px!important}.header .logo{height:42px!important;max-width:25%!important}.header .identity{max-width:26%!important}.header .tagline{font-size:10px!important;padding:5px!important}.room-caption{font-size:10px;bottom:13px;left:9px;padding:5px}.tv-hotspot{width:13%;height:20%;left:76%;top:52%}.tv-hotspot span{font-size:19px}.tv-hotspot b{font-size:8px}.music-tv-dialog iframe{height:240px}.music-tv-dialog{padding:12px}}

/* Silent music videos play directly within the room's CRT screen. */
.tv-screen{position:absolute;left:77.6%;top:54.2%;width:10.7%;height:15.5%;overflow:hidden;border-radius:8% 10% 9% 8%;background:#090810;box-shadow:inset 0 0 5px #000;pointer-events:none;transform:rotate(.3deg)}.tv-screen iframe{position:absolute;left:0;top:0;width:480px;height:360px;max-width:none;border:0;transform-origin:top left;pointer-events:none}.tv-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#ffffff12,transparent 40%),repeating-linear-gradient(0deg,#00000012 0 1px,transparent 1px 3px);box-shadow:inset 0 0 6px 2px #0008}

/* Animated wax, fitted to the glass of the existing lava lamp. */
.lava-motion{position:absolute;left:82.775%;top:38.298%;width:2.452%;height:9.255%;overflow:hidden;pointer-events:none;clip-path:polygon(27% 0,73% 0,100% 85%,93% 100%,7% 100%,0 85%);background:linear-gradient(90deg,#428913,#67b920 48%,#408812);box-shadow:inset 0 0 3px #d9ff79}.lava-motion i{position:absolute;left:18%;bottom:-25%;width:68%;height:31%;background:#c8ff69;border-radius:48% 52% 40% 60%;box-shadow:0 0 5px #adff50;filter:blur(.35px);animation:lava-rise 12s ease-in-out infinite}.lava-motion i:nth-child(2){width:55%;height:24%;left:30%;animation-delay:-5s;animation-duration:15s}.lava-motion i:nth-child(3){width:76%;height:29%;left:10%;animation-delay:-9s;animation-duration:18s}.lava-motion i:nth-child(4){bottom:-8%;left:4%;width:92%;height:25%;animation:lava-pool 7s ease-in-out infinite alternate}@keyframes lava-rise{0%,100%{bottom:-28%;transform:scale(1.1,.8) rotate(0)}35%{bottom:37%;transform:scale(.65,1.45) rotate(20deg)}55%{bottom:79%;transform:scale(.8,.9) rotate(-15deg)}75%{bottom:32%;transform:scale(.9,1.2) rotate(-30deg)}}@keyframes lava-pool{to{transform:scale(1.1,1.4);border-radius:60% 40% 45% 55%}}@media(prefers-reduced-motion:reduce){.lava-motion i{animation:none}.lava-motion i:first-child{bottom:40%}.lava-motion i:nth-child(2){bottom:74%}}

/* A compact window into the room; overlays share the image's coordinates. */
.header{height:340px!important;aspect-ratio:auto!important;background-image:none!important;overflow:hidden!important}.header:after{display:none!important}.room-scene{position:absolute;left:0;top:0;width:100%;aspect-ratio:1672/940;background:url("radio-room-cartoon.png") top center/100% 100% no-repeat;pointer-events:none}.header>.logo,.header>.identity,.room-caption{z-index:2}.site-nav{border-top:1px solid #ffffff20!important}.room-caption{bottom:13px!important}@media(max-width:650px){.header{height:220px!important}}@media(max-width:430px){.header{height:190px!important}}@media(max-width:360px){.header{height:170px!important}}

:root{background:#16111e!important;background-image:none!important}

.radio-control{position:absolute;left:11.5%;top:47%;width:14.2%;height:14.8%;pointer-events:auto;display:flex;align-items:center;justify-content:center}.radio-control .play-button{width:100%;min-width:44px!important;min-height:44px!important;height:100%;padding:5px!important;font:700 clamp(9px,1.5vw,14px)/1.1 system-ui!important;background:#24180888!important;border:1px solid #edc477aa!important;color:#ffe2a1!important;box-shadow:0 0 9px #e2a43d33!important;border-radius:6px!important;transform:none!important;text-shadow:0 1px 2px #000;display:flex;flex-direction:column;gap:4px;cursor:pointer}.radio-control .play-button svg{width:18px;height:18px}.radio-control .play-button:hover{background:#2f210bcc!important;color:white!important}.radio-control .play-button:focus-visible{outline:3px solid #caff85!important;outline-offset:3px}.radio-control .play-button[aria-pressed=true]{border-color:#caff85!important;color:#caff85!important}.tv-screen iframe{opacity:0;transition:opacity .25s ease}.tv-screen.tv-playing iframe{opacity:1}

/* Compact brass pushbutton on the grille, leaving the wooden radio visible. */
.page-view[hidden]{display:none!important}
.room-scene{container-type:inline-size}
.radio-control{left:12.2%;top:48.4%;width:13.25%;height:9.7%;min-height:44px;z-index:2}
.radio-control .play-button{position:relative;isolation:isolate;flex-direction:row!important;gap:5px!important;padding:0 5px!important;min-height:44px!important;background:transparent!important;border:0!important;border-radius:5px!important;box-shadow:none!important;text-shadow:0 1px 1px #1e1008;font:800 clamp(7px,1.25cqw,10px)/1 system-ui,sans-serif!important;letter-spacing:.025em;white-space:nowrap;transform:none!important;color:#f9e5b2!important}
.radio-control .play-button:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:50%;height:27px;transform:translateY(-50%);border:1px solid #bd8b40;border-radius:4px;background:linear-gradient(180deg,#583a1d,#2a1a0d 55%,#362210);box-shadow:0 2px 3px #120c0999,inset 0 1px #f4d08a55,inset 0 -2px #140c06}
.radio-control .play-button svg{width:clamp(8px,1.5cqw,13px)!important;height:clamp(8px,1.5cqw,13px)!important;flex:none;fill:#f4c96f;filter:drop-shadow(0 0 2px #f4b44266)}
.radio-control .play-button:hover{background:transparent!important;color:#fff3d7!important}
.radio-control .play-button:hover:before{border-color:#ffe3a0;background:linear-gradient(#75522c,#34200e)}
.radio-control .play-button:active{transform:none!important;box-shadow:none!important}
.radio-control .play-button:active:before{box-shadow:inset 0 2px 4px #100802}
.radio-control .play-button[aria-pressed=true]{color:#dcffa2!important}
.radio-control .play-button[aria-pressed=true]:before{border-color:#adcb72;box-shadow:0 0 6px #b9ec692a,inset 0 1px #f4d08a55}
.radio-control .play-button[aria-pressed=true] svg{fill:#c7f389}
.radio-control .play-button:focus-visible{outline:2px solid #f8df9f!important;outline-offset:2px!important}
@media(max-width:430px){.radio-control .play-button{gap:3px!important;padding:0 2px!important}.radio-control .play-button:before{height:21px}}

/* Complete cartoon composition: keep the shirt logo visible at every width. */
.header{height:auto!important;aspect-ratio:1932/814!important;padding:0!important;background:#382148!important}
.room-scene{aspect-ratio:1932/814;background-image:url("radio-room-cartoon.png")}
.tv-screen{left:79.814%;top:48.526%;width:13.716%;height:21.99%;border-radius:6% 5% 6% 7%;transform:none;box-shadow:inset 0 0 4px #000}
.lava-motion{left:81.47%;top:22.236%;width:3.416%;height:15.111%;clip-path:polygon(22% 0,78% 0,100% 83%,91% 100%,9% 100%,0 83%);background:linear-gradient(90deg,#438a18,#69bc26 50%,#3c8619);box-shadow:inset 0 0 3px #ddff9e}
.radio-control{left:8.05%;top:47.5%;width:11.65%;height:9.3%}
.radio-control .play-button:before{border:2px solid #241308;box-shadow:0 2px 0 #1b0d08,inset 0 1px #f9d895;background:linear-gradient(#855125,#39200e)}
.radio-control .play-button{color:#ffe4a5!important}
@media(max-width:430px){.radio-control{top:45.2%}.radio-control .play-button:before{height:22px;border-width:1px}}

.apple-link{color:#d9ffac;font-size:11px;text-decoration:none;white-space:nowrap}.apple-link:hover{text-decoration:underline}#appleNow{display:inline-block;margin:0 0 8px}.history-card{position:relative}.history-apple{grid-column:3;grid-row:2;font-size:9px}.history-card .history-time{grid-row:1!important}

/* Listen control belongs with the other full-size controls. */
.site-nav .play-button{flex:1!important;max-width:190px!important;min-height:43px!important;padding:10px!important;border:1px solid #261537!important;border-radius:9px 4px 10px 5px!important;background:#a3e94f!important;color:#23122f!important;box-shadow:3px 3px 0 #130b1c!important;font:17px/1.1 Impact,"Arial Narrow",sans-serif!important;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;transform:none!important;cursor:pointer;white-space:nowrap}
.site-nav .play-button svg{width:18px;height:18px;fill:currentColor}
.site-nav .play-button:hover{background:#d0ff8e!important}
@media(max-width:650px){.site-nav{display:grid!important;grid-template-columns:1fr 1fr}.site-nav a,.site-nav .play-button{max-width:none!important;font-size:15px!important}}

.history-fallback{background:#39214d!important;display:flex!important;align-items:center;justify-content:center;padding:4px!important;overflow:hidden}.history-fallback img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
