:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#eff7ff;background:#030818;--gold:#f5d48a;--cyan:#77eaff;--muted:#adc0d9}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:8px;background:linear-gradient(#03081844,#030818bb),url('/assets/galaxy-jukebox-space.webp') center/cover fixed}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.jukebox{width:min(100%,420px);position:relative;overflow:hidden;border:1px solid #7397c266;border-top:2px solid #e6c887;border-radius:22px;padding:13px 16px 10px;background:linear-gradient(130deg,#18314ccb,#07122be8 40%,#071125df);box-shadow:inset 0 1px 0 #e9f7ff33,inset 0 -3px 0 #050918,0 14px 45px #000b,0 0 35px #1556a555}.brand{display:flex;align-items:center;gap:9px;min-height:52px}.brand img{object-fit:contain;filter:drop-shadow(0 3px 8px #dfa53844)}.brand>div{flex:1}.station{color:var(--gold);font-size:23px;font-weight:900;letter-spacing:2px}.station span{font-size:12px;color:#d5e1f2;letter-spacing:1px;white-space:nowrap}h1{font-size:14px;letter-spacing:2px;margin:4px 0;color:#fff}.signal{align-self:flex-start;margin-top:6px;border:1px solid #64d7e766;border-radius:4px;font-size:12px;padding:4px;color:var(--cyan);white-space:nowrap}.telemetry{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0 7px;border-bottom:1px solid #7ac5ef30}.weather{display:flex;flex-direction:column;gap:3px;min-width:0}.weather select{padding:0;border:0;max-width:145px;font:700 14px Arial;background:#101f38;color:var(--gold);cursor:pointer}.weather>span{font-size:12px;line-height:1.3;color:#c4d3e7}.clock{text-align:right;white-space:nowrap}.clock time{font:700 18px ui-monospace,Consolas,monospace;color:#e2faff;font-variant-numeric:tabular-nums}.clock span{display:block;font-size:12px;letter-spacing:1px;color:#b8c6dd;margin-top:3px}.now{min-height:152px;display:grid;grid-template-columns:138px minmax(0,1fr);gap:9px;align-items:center}.art-deck{position:relative;display:grid;place-items:center;height:144px;perspective:450px}.cover{position:relative;width:104px;height:104px;object-fit:cover;border-radius:15px;box-shadow:0 10px 24px #000b,0 0 22px #4ccaf344;transform:rotateY(12deg) rotateX(4deg);border:1px solid #9dbbd577}.orbit{position:absolute;width:133px;height:133px;border:1px solid #e8c87288;border-left:3px solid #ffdea5;border-right:3px solid #67d6ff;box-shadow:0 0 10px #56acff33;border-radius:50%;transform:rotateX(60deg) rotate(-24deg);pointer-events:none}.orbit-b{transform:rotateY(65deg) rotate(25deg);border-color:#70d9ff55;box-shadow:none}.deck-label{position:absolute;bottom:2px;font:12px ui-monospace,monospace;letter-spacing:2px;color:#b4cfe5}.track{min-width:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--cyan);margin:0 0 8px}.track h2{font-size:clamp(21px,6vw,27px);line-height:1.05;margin:0 0 7px;overflow-wrap:anywhere;color:#ffe9b9;text-shadow:0 2px 12px #e8a53533}.track #title{font-size:15px;line-height:1.3;margin:0;overflow-wrap:anywhere}.equalizer{height:20px;display:flex;align-items:center;gap:4px;margin-top:9px}.equalizer i{display:block;width:4px;height:4px;background:linear-gradient(var(--gold),var(--cyan));border-radius:2px}.playing .equalizer i{animation:levels .7s ease-in-out infinite alternate}.equalizer i:nth-child(3n){animation-delay:-.3s}.equalizer i:nth-child(2n){animation-delay:-.5s}.equalizer i:nth-child(5n){animation-delay:-.15s}@keyframes levels{to{height:19px}}.transport{display:flex;align-items:center;gap:15px;border:1px solid #b4d4ff2e;border-radius:16px;padding:9px 12px;background:linear-gradient(#24395690,#061122d9);box-shadow:inset 0 1px #c3e5ff22,0 4px 12px #0004}#play{flex-shrink:0;display:grid;place-items:center;width:51px;height:51px;border:2px solid #ffedc1;border-radius:50%;background:linear-gradient(145deg,#fff0b4,#d3a344);color:#0b162b;box-shadow:0 0 0 4px #dfb45522,0 4px 0 #6c5026,0 0 19px #e6b64b33;cursor:pointer}#play:active{transform:translateY(2px)}#play svg{width:28px;height:28px;fill:currentColor}.transport-info{flex:1;min-width:0}#status{font-size:14px;margin:0 0 8px;color:#eef5ff}.volume{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.6px}.volume input{min-width:0;width:100%;height:18px;margin:0;accent-color:var(--gold)}.history{margin-top:13px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.section-head h2{font-size:13px;letter-spacing:1px;color:var(--gold);margin:0}.section-head span{font-size:12px;color:#96aecb;letter-spacing:.6px}ol{list-style:none;padding:0;margin:6px 0 0}li{display:grid;grid-template-columns:18px 34px minmax(0,1fr);gap:8px;align-items:center;min-height:43px;border-bottom:1px solid #bed7ff16;padding:4px 0}li .number{font:12px ui-monospace,monospace;color:#89a7c6}li img{width:32px;height:32px;object-fit:cover;border-radius:5px;background:#0a1b34}li b{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}li .song{display:block;color:#b7c7dc;font-size:12px;line-height:1.3;overflow-wrap:anywhere}li.empty{display:block;font-size:14px;min-height:100px;padding-top:15px;color:var(--muted)}#feed-status{font-size:12px;margin:6px 0;color:#a4b6ce;line-height:1.3}footer{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding-top:6px;border-top:1px solid #8ba3bf22;font-size:12px}footer a{color:#c9d9ed;text-decoration:none;padding:3px 0}footer a:hover{color:var(--gold)}footer span{margin-left:auto;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:360px){.jukebox{padding:10px}.brand{gap:5px}.brand img{width:42px;height:42px}.station{font-size:20px}.station span{font-size:12px;letter-spacing:0}h1{letter-spacing:1px;font-size:13px}.now{grid-template-columns:116px minmax(0,1fr)}.orbit{width:112px;height:112px}.cover{width:88px;height:88px}.section-head span{letter-spacing:0;font-size:12px}}

/* The original planetary artwork now orbits behind the stationary radio deck. */
body{position:relative;isolation:isolate;background:#030818;overflow-x:hidden}.universe{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#030818 url('/assets/galaxy-jukebox-space.webp') center/cover}.solar-swirl{position:absolute;left:50%;top:50%;width:105vmax;height:105vmax;background:url('/assets/galaxy-jukebox-space.webp') center/100% 100%;opacity:.8;transform:translate(-50%,-50%);animation:universe-swirl 150s linear infinite;will-change:transform}.starfield{position:absolute;inset:-25%;background-repeat:repeat;will-change:opacity,transform}.stars-near{background-image:radial-gradient(circle at 18px 29px,#fff 0 1px,#96d9ff99 1.5px,transparent 3px),radial-gradient(circle at 111px 92px,#d5f3ff 0 1px,transparent 2px);background-size:169px 151px;animation:twinkle-near 5s ease-in-out infinite alternate,star-drift 72s linear infinite}.stars-far{background-image:radial-gradient(circle at 37px 13px,#a3cfff 0 1px,transparent 2px),radial-gradient(circle at 137px 127px,#fff 0 .7px,transparent 2px);background-size:193px 181px;animation:twinkle-far 7s ease-in-out infinite alternate,star-drift 110s linear infinite reverse}.stars-gold{background-image:radial-gradient(circle at 68px 119px,#ffe9a9 0 1px,#ffd56d55 2px,transparent 5px);background-size:229px 211px;animation:twinkle-gold 6s ease-in-out infinite alternate;opacity:.6}.jukebox{background:linear-gradient(130deg,#18314ca6,#07122bc7 40%,#071125ab);box-shadow:inset 0 1px 0 #e9f7ff44,inset 0 -3px 0 #050918,0 14px 45px #0009,0 0 35px #1556a555}.orbit-a{animation:deck-orbit-a 16s linear infinite}.orbit-b{animation:deck-orbit-b 23s linear infinite reverse}#motion{color:#c9d9ed;font:inherit;padding:3px 0;border:0;background:transparent;cursor:pointer}#motion:hover{color:var(--gold)}footer{gap:12px}@keyframes universe-swirl{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes star-drift{to{transform:translate(45px,65px)}}@keyframes twinkle-near{0%,100%{opacity:.2}45%{opacity:1}70%{opacity:.5}}@keyframes twinkle-far{0%,100%{opacity:.85}50%{opacity:.15}75%{opacity:.6}}@keyframes twinkle-gold{0%,100%{opacity:.2}60%{opacity:.95}}@keyframes deck-orbit-a{from{transform:rotateX(60deg) rotate(-24deg)}to{transform:rotateX(60deg) rotate(336deg)}}@keyframes deck-orbit-b{from{transform:rotateY(65deg) rotate(25deg)}to{transform:rotateY(65deg) rotate(385deg)}}.motion-off .solar-swirl,.motion-off .starfield,.motion-off .orbit,.tab-hidden .solar-swirl,.tab-hidden .starfield,.tab-hidden .orbit{animation-play-state:paused}.motion-off .equalizer i,.tab-hidden .equalizer i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .solar-swirl,body:not(.motion-enabled) .starfield,body:not(.motion-enabled) .orbit,body:not(.motion-enabled) .equalizer i{animation:none}}
/* Translucent Doc and horse follow a continuous diagonal behind the deck. */
.rider-flight{position:absolute;left:0;top:0;width:clamp(210px,38vw,500px);opacity:0;pointer-events:none;animation:rider-flight 24s linear infinite;will-change:transform,opacity;filter:drop-shadow(0 0 18px #8ddfff44)}.rider-flight img{display:block;width:100%;height:auto;object-fit:contain}.jukebox{z-index:1}@keyframes rider-flight{0%{transform:translate(-105%,100vh) rotate(5deg);opacity:0}8%{opacity:.43}46%{transform:translate(calc(50vw - 50%),calc(50vh - 50%)) rotate(2deg);opacity:.36}88%{opacity:.43}100%{transform:translate(100vw,-110%) rotate(5deg);opacity:0}}.motion-off .rider-flight,.tab-hidden .rider-flight{animation-play-state:paused}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .rider-flight{animation:none;display:none}}
/* One vertically stacked offer in a compact sky-blue card. */
.affiliate-banner{display:flex;justify-content:center;align-items:center;gap:15px;margin:10px 0;padding:0;min-height:112px;border:0;background:transparent}.affiliate-pulse-stage{width:104px;height:112px;flex:0 0 104px;border:1px solid #87c7ed;border-radius:10px;background:#bce5ff;color:#102842;overflow:hidden;perspective:300px}.affiliate-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:112px;padding:7px;text-align:center;text-decoration:none;color:#102842;animation:affiliate-pulse 7s ease-in-out both}.affiliate-item[hidden]{display:none!important}.affiliate-item img{object-fit:contain;width:88px;height:57px;flex-shrink:0}.affiliate-item span{font-size:12px;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.affiliate-info{max-width:190px;min-width:0}.affiliate-kicker{display:block;font-size:12px;letter-spacing:1px;color:#bcd7ea}.affiliate-info button{border:0;padding:5px 0;background:none;color:#d3e9ff;font:12px Arial;text-decoration:underline;cursor:pointer}.affiliate-info p{font-size:12px;line-height:1.35;margin:3px 0;color:#adc0d9}.affiliate-pulse-stage :focus-visible{outline:2px solid #123e75;outline-offset:-3px}@keyframes affiliate-pulse{0%{opacity:0;transform:translateZ(-28px) scale(.86)}12%{opacity:1;transform:translateZ(0) scale(1)}50%{opacity:1;transform:scale(1.025)}82%{opacity:1;transform:scale(1)}100%{opacity:.55;transform:translateZ(12px) scale(1.05)}}.affiliate-pulse-stage:hover .affiliate-item,.affiliate-pulse-stage:focus-within .affiliate-item,.ads-paused .affiliate-item,.tab-hidden .affiliate-item{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.affiliate-item{animation:none}}

/* Face the direction of flight, with a soft cantering rhythm within the route. */
.rider-flight img{transform-origin:52% 63%;transform:scaleX(-1);animation:rider-canter 1.35s ease-in-out infinite;will-change:transform}@keyframes rider-canter{0%,100%{transform:translateY(2px) rotate(-1deg) scaleX(-1)}22%{transform:translateY(-7px) rotate(1.8deg) scaleX(-1)}48%{transform:translateY(3px) rotate(-1.5deg) scaleX(-1)}72%{transform:translateY(-4px) rotate(.8deg) scaleX(-1)}}.motion-off .rider-flight img,.tab-hidden .rider-flight img{animation-play-state:paused}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .rider-flight img{animation:none}}
.artist-planets{position:absolute;inset:0;pointer-events:none}.artist-planet{position:absolute;left:0;top:0;display:flex;align-items:center;flex-direction:column;width:clamp(76px,10vw,140px);opacity:.65;animation:artist-planet-drift var(--planet-duration) ease-in-out infinite;will-change:transform,opacity;transform:translate(var(--from-x),var(--from-y))}.artist-planet img{width:100%;height:auto;filter:hue-rotate(var(--planet-hue)) drop-shadow(0 0 12px #86d2ff66)}.artist-planet span{display:block;margin-top:-10px;padding:4px 6px;border-radius:6px;max-width:150px;text-align:center;font-size:12px;line-height:1.2;font-weight:700;color:#ffedbd;background:#04102699;text-shadow:0 1px 5px #000;overflow-wrap:anywhere}@keyframes artist-planet-drift{0%,100%{transform:translate(var(--from-x),var(--from-y)) scale(.82);opacity:0}12%,85%{opacity:.7}50%{transform:translate(var(--to-x),var(--to-y)) scale(1.06);opacity:.8}}.motion-off .artist-planet,.tab-hidden .artist-planet{animation-play-state:paused}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .artist-planet{animation:none;opacity:.55}}
/* Articulated raster limbs: independent foreleg and hind-leg strides. */
.rider-figure{display:block;width:100%;height:auto;overflow:visible;transform-origin:52% 63%;transform:scaleX(-1);animation:rider-canter 1.35s ease-in-out infinite}.horse-leg{transform-box:view-box;will-change:transform}.leg-front{transform-origin:455px 670px;animation:horse-front-stride 1.35s ease-in-out infinite}.leg-far{transform-origin:550px 695px;animation:horse-far-stride 1.35s ease-in-out infinite}.leg-rear{transform-origin:930px 705px;animation:horse-rear-stride 1.35s ease-in-out infinite}@keyframes horse-front-stride{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}@keyframes horse-far-stride{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-7deg)}}@keyframes horse-rear-stride{0%,100%{transform:rotate(6deg)}50%{transform:rotate(-7deg)}}.motion-off .rider-figure,.motion-off .horse-leg,.tab-hidden .rider-figure,.tab-hidden .horse-leg{animation-play-state:paused}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .rider-figure,body:not(.motion-enabled) .horse-leg{animation:none}}.artist-planet{width:clamp(65px,8vw,118px)}
/* Additional named worlds from the supplied artwork, each on its own schedule. */
.named-worlds{position:absolute;inset:0;pointer-events:none}.named-world{position:absolute;left:0;top:0;width:clamp(104px,12vw,168px);aspect-ratio:1;opacity:0;animation:named-world-transit var(--travel-time) linear var(--travel-delay) infinite;will-change:transform,opacity}.named-world svg{display:block;width:100%;height:auto;filter:drop-shadow(0 0 12px #79bfff77);animation:named-world-pulse var(--pulse-time) ease-in-out infinite alternate;transform-origin:center}@keyframes named-world-transit{0%{transform:translate(var(--enter-x),var(--enter-y));opacity:0}9%{opacity:.74}50%{opacity:.74}62%,100%{transform:translate(var(--exit-x),var(--exit-y));opacity:0}}@keyframes named-world-pulse{from{transform:scale(.92);filter:drop-shadow(0 0 7px #79bfff44)}to{transform:scale(1.065);filter:drop-shadow(0 0 18px #b6dbff99)}}.motion-off .named-world,.motion-off .named-world svg,.tab-hidden .named-world,.tab-hidden .named-world svg{animation-play-state:paused}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .named-world{animation:none;display:none}body:not(.motion-enabled) .named-world svg{animation:none}}

/* Keep artist names on their worlds and give the original planets a gentle pulse. */
.artist-planet span{position:absolute;left:8%;top:50%;width:84%;max-width:none;transform:translateY(-50%);margin:0;padding:3px 0;background:transparent;border-radius:0;font-size:clamp(12px,1.1vw,14px);line-height:1.15;text-shadow:0 2px 3px #000,0 0 7px #000,0 0 12px #000}
.artist-planet img{animation:artist-world-breathe 4.8s ease-in-out infinite alternate}
.artist-planet:nth-child(3n) img{animation-delay:-1.6s}
.artist-planet:nth-child(3n + 1) img{animation-delay:-3.2s}
@keyframes artist-world-breathe{from{transform:scale(.94)}to{transform:scale(1.06)}}
.motion-off .artist-planet img,.tab-hidden .artist-planet img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .artist-planet img{animation:none}}

/* Side-profile convertible cruises along the screen edge. */
body{padding-top:8px;padding-bottom:16px}
.jukebox-scene{position:relative;width:min(100%,420px)}
.droptop-cruise{position:absolute;left:0;top:auto;bottom:0;width:clamp(240px,38vw,540px);z-index:2;pointer-events:none;animation:droptop-crossing 23s linear infinite;will-change:transform;filter:drop-shadow(0 8px 16px #050c2188)}
.droptop-cruise img{display:block;width:100%;height:auto;transform-origin:50% 70%}
@keyframes droptop-crossing{from{transform:translateX(105vw)}to{transform:translateX(-115%)}}
.motion-off .droptop-cruise,.motion-off .droptop-cruise img,.tab-hidden .droptop-cruise,.tab-hidden .droptop-cruise img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .droptop-cruise img{animation:none}body:not(.motion-enabled) .droptop-cruise{animation:none;transform:translateX(3vw)}}

/* Affiliate meteors travel at different depths throughout the sky. */
.affiliate-meteors{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.affiliate-meteor{position:absolute;left:0;top:0;width:var(--meteor-size);min-height:54px;display:grid;place-items:center;pointer-events:auto;text-decoration:none;opacity:var(--meteor-opacity);animation:meteor-universe-flight var(--meteor-time) linear var(--meteor-delay) infinite alternate;will-change:transform}
.affiliate-meteor img{display:block;width:100%;height:auto;grid-area:1/1;pointer-events:none}
.affiliate-meteor span{grid-area:1/1;position:relative;color:#fff4cb;font-size:14px;font-weight:800;text-align:center;max-width:92%;padding:5px;text-shadow:0 2px 3px #000,0 0 8px #000,0 0 12px #000}
.meteor-0{--meteor-size:clamp(155px,18vw,250px);--meteor-opacity:.96;--meteor-time:47s;--x1:78vw;--y1:4vh;--x2:38vw;--y2:32vh;--x3:-12vw;--y3:56vh}
.meteor-1{--meteor-size:clamp(120px,12vw,168px);--meteor-opacity:.62;--meteor-time:71s;--x1:55vw;--y1:10vh;--x2:22vw;--y2:17vh;--x3:-10vw;--y3:28vh}
.meteor-2{--meteor-size:clamp(160px,19vw,260px);--meteor-opacity:.93;--meteor-time:59s;--x1:91vw;--y1:39vh;--x2:57vw;--y2:57vh;--x3:8vw;--y3:72vh}
.meteor-3{--meteor-size:clamp(115px,11vw,155px);--meteor-opacity:.58;--meteor-time:83s;--x1:30vw;--y1:49vh;--x2:53vw;--y2:26vh;--x3:89vw;--y3:7vh}
.meteor-4{--meteor-size:clamp(140px,15vw,215px);--meteor-opacity:.82;--meteor-time:67s;--x1:-8vw;--y1:77vh;--x2:29vw;--y2:61vh;--x3:84vw;--y3:30vh}
@keyframes meteor-universe-flight{0%{transform:translate(var(--x1),var(--y1))}50%{transform:translate(var(--x2),var(--y2))}100%{transform:translate(var(--x3),var(--y3))}}
.affiliate-meteor:hover,.affiliate-meteor:focus-visible,.affiliate-meteors:focus-within .affiliate-meteor{animation-play-state:paused}
.affiliate-meteor:hover,.affiliate-meteor:focus-visible{opacity:1}
.affiliate-meteor:focus-visible{outline:2px solid #ffe080;outline-offset:3px;border-radius:12px}
.motion-off .affiliate-meteor,.tab-hidden .affiliate-meteor{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .affiliate-meteor{animation:none;transform:translate(var(--x2),var(--y2))}}
/* Affiliate stores are meteors; Amazon products are larger golden stars. */
.amazon-star{position:absolute;left:0;top:0;width:var(--meteor-size);height:calc(var(--meteor-size) + 26px);pointer-events:auto;text-decoration:none;opacity:var(--meteor-opacity);animation:meteor-universe-flight var(--meteor-time) linear var(--meteor-delay) infinite alternate;will-change:transform;display:block}
.product-star-shape{display:block;width:100%;height:var(--meteor-size);filter:drop-shadow(0 0 12px #ffe7a877);pointer-events:none}
.amazon-star .star-product-photo{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:30%;height:30%;object-fit:contain;background:#fffef7;padding:4px;border:2px solid #f3cc72;border-radius:50%;box-shadow:0 2px 10px #60400966;pointer-events:none}
.amazon-star>span{position:absolute;top:78%;left:5%;width:90%;text-align:center;color:#fff4d0;font:700 14px/1.25 Arial;text-shadow:0 2px 5px #000;background:#091321dc;border:1px solid #e2bc6955;border-radius:12px;padding:5px 7px;box-sizing:border-box}
.amazon-star>small{position:absolute;top:94%;left:0;width:100%;text-align:center;font:700 12px Arial;letter-spacing:1px;color:#ffe3a2;text-shadow:0 1px 5px #000}
.amazon-star:hover,.amazon-star:focus-visible,.affiliate-meteors:focus-within .amazon-star{animation-play-state:paused}.amazon-star:hover,.amazon-star:focus-visible{opacity:1;z-index:2}.amazon-star:focus-visible{outline:2px solid #ffe080;outline-offset:3px;border-radius:15px}
.motion-off .amazon-star,.tab-hidden .amazon-star{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .amazon-star{animation:none;transform:translate(var(--x2),var(--y2))}}
/* Quiet, distant product stars in their own background layer. */
.amazon-stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.affiliate-meteors{z-index:1}.jukebox-scene{z-index:2}
.amazon-star{height:var(--meteor-size)}
.product-star-shape{filter:drop-shadow(0 0 5px #ffffff66)}
.amazon-star .star-product-photo{top:49%;width:29%;height:29%;padding:1px;border:1px solid #ffffff70;background:#ffffff40;box-shadow:none;filter:grayscale(1)}
.amazon-star>span{top:90%;left:-20%;width:140%;background:#08111dcc;border-color:#ffffff55;color:#fff;font-size:12px;opacity:0;transition:opacity .15s;pointer-events:none}
.amazon-star>small{display:none}
.amazon-star:hover,.amazon-star:focus-visible{opacity:.85}
.amazon-star:hover>span,.amazon-star:focus-visible>span{opacity:1}
.amazon-stars:focus-within .amazon-star{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.amazon-star>span{transition:none}}
/* Distant starlight: tiny white cores and soft halos, with no badge outline. */
.amazon-star{width:44px;height:44px}
.product-star-light{position:absolute;inset:8px;display:block;border-radius:50%;background:radial-gradient(circle,#fff 0 1px,#edf6ffd9 1.5px,#dbeeff66 3px,#c3ddff1c 6px,transparent 13px);animation:product-star-twinkle var(--twinkle-time) ease-in-out infinite alternate;pointer-events:none}
.product-star-light::before,.product-star-light::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#ffffff99,transparent);width:1px;height:16px;opacity:.4}
.product-star-light::after{transform:translate(-50%,-50%) rotate(90deg);height:12px}
.amazon-star:nth-child(even) .product-star-light{inset:11px}.amazon-star:nth-child(3n) .product-star-light::before,.amazon-star:nth-child(3n) .product-star-light::after{display:none}
.amazon-star .star-product-photo{opacity:0;left:50%;top:auto;bottom:46px;transform:translateX(-50%);width:60px;height:60px;background:#fffffff0;border:1px solid #ffffff70;border-radius:8px;filter:none;transition:opacity .15s}
.amazon-star>span{top:46px;left:50%;transform:translateX(-50%);width:150px;max-width:150px;font-size:12px}
.amazon-star:hover .star-product-photo,.amazon-star:focus .star-product-photo{opacity:1}.amazon-star:focus>span{opacity:1}
.amazon-star:hover,.amazon-star:focus{opacity:.95;animation-play-state:paused}
@keyframes product-star-twinkle{from{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1.08)}}
.motion-off .product-star-light,.tab-hidden .product-star-light{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .product-star-light{animation:none}}
/* Broad, soft white glow with a single visible invitation. */
.amazon-star{width:64px;height:64px}
.amazon-star .product-star-light,.amazon-star:nth-child(even) .product-star-light{inset:-10px;background:radial-gradient(circle,#fff 0 2px,#f4f9ffcc 3px,#e7f2ff77 8px,#e2eeff38 17px,#dceaff12 28px,transparent 42px);filter:drop-shadow(0 0 7px #eef6ff33)}
.amazon-star .product-star-light::before{height:24px}.amazon-star .product-star-light::after{height:18px}
.amazon-star>span{top:47px;left:50%;transform:translateX(-50%);width:auto;max-width:none;padding:0;background:transparent;border:0;border-radius:0;opacity:1;color:#fff;font:600 14px/1.2 Arial;text-shadow:0 1px 5px #000,0 0 8px #ffffff55;pointer-events:none}

/* Artist worlds are real links; foreground radio and game controls retain priority. */
.universe{z-index:0}.artist-planet,.named-world{pointer-events:auto;color:#fff;text-decoration:none;border-radius:50%}.artist-planet:hover,.artist-planet:focus-visible,.named-world:hover,.named-world:focus-visible{animation-play-state:paused;outline:3px solid #8ce4ff;outline-offset:4px}.artist-planet:focus-visible,.named-world:focus-visible{opacity:1}.artist-planet img,.named-world svg{pointer-events:none}