.player-card{overflow:visible!important;padding:0 24px 18px!important;background:linear-gradient(120deg,#100b0d,#070708)!important;border-color:#5a1020!important;box-shadow:inset 0 0 45px #e6002408,0 0 30px #e9002108}.arc-player{min-height:620px;display:grid;grid-template-columns:minmax(155px,1fr) minmax(70px,.55fr) minmax(330px,1.35fr) minmax(70px,.55fr) minmax(155px,1fr);grid-template-rows:112px 1fr 112px auto auto;align-items:center;position:relative}.arc-progress,.arc-volume{grid-column:3;position:relative;width:100%;max-width:430px;justify-self:center}.arc-progress{grid-row:1;align-self:end}.arc-volume{grid-row:3;align-self:start}.arc-progress svg,.arc-volume>svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none}.arc-track,.arc-value{fill:none;stroke:#3b3b3e;stroke-width:11;stroke-linecap:round}.arc-value{stroke:#ff062e;filter:drop-shadow(0 0 7px #ff002f99);stroke-dasharray:0 100}.arc-thumb{fill:#ff2448;stroke:#ff8194;stroke-width:2;filter:drop-shadow(0 0 8px #ff002f)}.arc-progress>span{position:absolute;bottom:4px;color:#a0a1a7;font-size:13px;font-variant-numeric:tabular-nums}.arc-progress #arc-elapsed{left:4px}.arc-progress #arc-duration{right:4px}.arc-current{grid-column:3;grid-row:2;text-align:center;align-self:center;min-width:0}.current-heading>p{font-size:8px;letter-spacing:2px;color:#ff4767;margin:9px 0 5px}.current-heading h2{font-size:clamp(20px,2vw,31px);line-height:1.15;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-heading>span:not(.badge){display:block;color:#c2c3ca;font-size:13px;margin-top:5px}.current-heading>small{display:block;color:#737781;font-size:9px;min-height:13px;margin-top:4px}.hero-transport{margin-top:8px}.play-orbit{width:260px!important;height:260px!important}.play-orbit .play-button{width:150px!important;height:150px!important;overflow:hidden;padding:0}.play-orbit .track-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.play-orbit .play-shade{position:absolute;inset:0;background:#08080a3d}.play-orbit .play-button>svg{position:relative;z-index:2;filter:drop-shadow(0 2px 6px #000)}.orbit-side{width:44px!important;height:44px!important}.play-status{margin:-13px 0 0}.play-status p{margin-top:3px}.side-track{grid-row:2;text-align:center;min-width:0;align-self:center}.side-next{grid-column:1}.side-previous{grid-column:5}.side-track img{width:clamp(90px,9vw,145px);aspect-ratio:1;object-fit:cover;border:1px solid #e70b31;border-radius:12px;background:#21050c;box-shadow:0 0 20px #e6002418}.side-track p{font-size:8px;letter-spacing:2px;color:#abb0b8;margin:10px 0 5px}.side-track strong,.side-track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-track strong{font-size:14px}.side-track span{font-size:11px;color:#acadb5;margin-top:4px}.dot-bridge{grid-row:2;display:flex;align-items:center;justify-content:center;gap:13px;color:#ff0a31}.dot-left{grid-column:2}.dot-right{grid-column:4}.dot-bridge i{width:8px;height:8px;border-radius:50%;background:#4b4b50}.dot-bridge i:nth-of-type(3),.dot-bridge i:nth-of-type(4){background:#ff2347;box-shadow:0 0 8px #ff173b}.dot-bridge b{font-size:36px;font-weight:250}.arc-volume #volume-arc{cursor:pointer}.arc-volume #mute{position:absolute;left:-3px;top:20px;color:#ff2549}.arc-volume output{position:absolute;right:2px;top:25px;color:#babcc3;font-size:13px}.arc-native-volume{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.arc-player>.player-tools{grid-column:1/-1;grid-row:4;margin-top:4px}.arc-player>.station-tagline{grid-column:1/-1;grid-row:5;text-align:center;font-size:7px;letter-spacing:2px;color:#868993}.arc-player>audio{display:none}.arc-player+.spectrum-wrap{margin-top:16px}.arc-player+.spectrum-wrap #spectrum{height:120px}
@media(max-width:1100px){.arc-player{grid-template-columns:minmax(125px,1fr) 55px minmax(290px,1.45fr) 55px minmax(125px,1fr)}.dot-bridge{gap:6px}.dot-bridge i:nth-of-type(n+5){display:none}.play-orbit{width:220px!important;height:220px!important}.play-orbit .play-button{width:128px!important;height:128px!important}}
@media(max-width:760px){.player-card{padding:12px 14px 18px!important}.arc-player{grid-template-columns:1fr 1fr;grid-template-rows:90px auto auto 94px auto auto;gap:8px 15px;min-height:0}.arc-progress{grid-column:1/-1;grid-row:1;width:min(430px,100%)}.arc-current{grid-column:1/-1;grid-row:2}.play-orbit{width:210px!important;height:210px!important}.play-orbit .play-button{width:120px!important;height:120px!important}.dot-bridge{display:none}.side-track{grid-row:3;padding-top:8px}.side-next{grid-column:1}.side-previous{grid-column:2}.side-track img{width:82px}.side-track strong{font-size:12px}.arc-volume{grid-column:1/-1;grid-row:4;width:min(430px,100%)}.arc-player>.player-tools{grid-row:5}.arc-player>.station-tagline{grid-row:6}.arc-player+.spectrum-wrap #spectrum{height:100px}}
@media(max-width:430px){.current-heading h2{font-size:21px}.play-orbit{width:190px!important;height:190px!important}.play-orbit .play-button{width:108px!important;height:108px!important}.hero-transport{gap:5px}.orbit-side{width:38px!important;height:38px!important}.arc-progress>span{font-size:11px}.player-tools .tool-button{font-size:9px;padding:8px}.side-track img{width:70px}}
.player-card{isolation:isolate;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.player-card:before{display:none!important}.player-frame{position:absolute;z-index:-1;inset:0 -25px;width:calc(100% + 50px);height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 16px #ff00251f)}.player-frame path{fill:url(#player-frame-fill);stroke:#f40b33;stroke-width:1.25;vector-effect:non-scaling-stroke}.arc-player>*:not(.player-frame){position:relative;z-index:1}.spectrum-wrap{position:absolute!important;width:2px!important;height:2px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;clip-path:inset(50%)}.spectrum-wrap #spectrum{width:2px!important;height:2px!important}.spectrum-wrap .frequency-scale,.spectrum-wrap .spectrum-label{display:none!important}
@media(max-width:760px){.player-frame{inset:0 -15px;width:calc(100% + 30px)}.player-frame path{stroke-width:1}}
.player-frame .frame-mobile{display:none}
@media(max-width:760px){.player-frame .frame-desktop{display:none}.player-frame .frame-mobile{display:block}}

/* The controls follow the inside edge of the shared player silhouette. */
.arc-progress{transform:translateY(74px)}
.arc-progress>span{bottom:-6px}
.current-heading{transform:translateY(32px)}
.current-heading h2{font-size:clamp(16px,1.6vw,25px)}
.play-orbit .play-button{width:180px!important;height:180px!important}
.arc-volume{transform:translateY(-20px)}
.arc-volume #mute{left:22px;top:-15px}
.arc-volume output[hidden]{display:none!important}
@media(max-width:1100px){.play-orbit .play-button{width:154px!important;height:154px!important}}
@media(max-width:760px){.arc-progress{width:min(260px,100%);transform:translateY(44px)}.arc-progress>span{bottom:-7px}.current-heading{transform:translateY(10px)}.current-heading h2{font-size:17px}.play-orbit .play-button{width:144px!important;height:144px!important}.arc-volume{width:min(260px,100%);transform:translateY(-28px)}.arc-volume #mute{left:20px;top:-14px}}
@media(max-width:430px){.play-orbit .play-button{width:130px!important;height:130px!important}}
@media(max-width:760px){.arc-progress{transform:translateY(60px)}}
@media(max-width:760px){.current-heading{transform:translateY(18px)}}

/* Public page header without the former left navigation column. */
.sidebar{display:none!important}
.shell{display:block!important;max-width:1920px!important;padding:12px 28px!important}
main{max-width:none!important;padding:15px 4px 0!important}
.page-intro{justify-content:flex-start!important}
.intro-time{margin-left:auto}
.top-admin{display:inline-flex;align-items:center;gap:9px;margin-left:22px;padding:9px 14px;border:1px solid #34363d;border-radius:8px;color:#c7cbd2;font-size:11px;letter-spacing:.3px;background:#111216;transition:border-color .2s,color .2s,background .2s}
.top-admin:hover{color:#fff;border-color:#3bcf71;background:#102018}.top-admin svg{width:16px;height:16px}

/* Live state and the horizontal three-track axis. */
.current-heading .badge{transform:translateY(-7px) scale(1.05)}
.current-heading .badge.online{color:#8dffae!important;background:#0c5d2a3b!important;border-color:#32d26b99!important;box-shadow:0 0 16px #22d46324}
.current-heading .badge.online:before{color:#53ef85;text-shadow:0 0 10px #37ec78}
.arc-progress{transform:translateY(82px)}
.side-track{transform:translateY(82px)}
.dot-bridge{transform:translateY(50px)}

/* Light travels from left to right through every bridge and its arrow. */
.dot-bridge i{background:#4b4b50!important;box-shadow:none!important;opacity:.38;animation:bridge-dot-flow 1.65s ease-in-out infinite;animation-delay:calc(var(--flow-step,0) * .13s)}
.dot-bridge i:nth-of-type(1){--flow-step:0}.dot-bridge i:nth-of-type(2){--flow-step:1}.dot-bridge i:nth-of-type(3){--flow-step:2}.dot-bridge i:nth-of-type(4){--flow-step:3}.dot-bridge i:nth-of-type(5){--flow-step:4}.dot-bridge i:nth-of-type(6){--flow-step:5}
.dot-bridge b{opacity:.3;animation:bridge-arrow-flow 1.65s ease-in-out infinite .78s}
@keyframes bridge-dot-flow{0%,48%,100%{opacity:.3;background:#4b4b50;box-shadow:none}16%,31%{opacity:1;background:#ff2347;box-shadow:0 0 10px #ff173b,0 0 20px #ff173b66}}
@keyframes bridge-arrow-flow{0%,45%,100%{opacity:.28;color:#6c6c72;text-shadow:none}12%,30%{opacity:1;color:#ff183e;text-shadow:0 0 12px #ff173b}}
@media(prefers-reduced-motion:reduce){.dot-bridge i,.dot-bridge b{animation:none}.dot-bridge i:nth-of-type(3),.dot-bridge i:nth-of-type(4){opacity:1;background:#ff2347!important}}
@media(max-width:760px){.shell{padding:10px 12px!important}.page-intro{gap:10px}.intro-time{display:none}.top-admin{margin-left:auto;padding:8px 10px}.side-track{transform:none}.arc-progress{transform:translateY(68px)}.dot-bridge{transform:none}}

/* Sliders share the frame viewBox, so their inset remains constant while resizing. */
.arc-player>.arc-progress,.arc-player>.arc-volume{position:absolute;grid-column:1/-1;grid-row:1/-1;inset:0 -25px;width:calc(100% + 50px);height:100%;max-width:none;transform:none;pointer-events:none}
.arc-player>.arc-progress>svg,.arc-player>.arc-volume>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.arc-set .arc-track,.arc-set .arc-value{vector-effect:non-scaling-stroke}
.arc-set .arc-thumb{transform-box:fill-box;transform-origin:center}.arc-guide{fill:none;stroke:none;pointer-events:none}.slider-mobile{display:none}
.arc-set .arc-hit{fill:none;stroke:transparent;stroke-width:34;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}
.arc-player>.arc-volume #volume-arc{pointer-events:none}
.arc-player>.arc-volume #volume-arc .arc-hit{pointer-events:stroke}
.arc-progress>span{top:27.7%;bottom:auto;transform:translateY(7px)}
.arc-progress #arc-elapsed{left:34%;margin-left:-2px}.arc-progress #arc-duration{right:34%;margin-right:-2px}
.arc-volume #mute{left:34%;top:68.5%;transform:translate(-50%,-100%)}

/* One continuous light flow: next track -> centre -> previous track. */
.dot-bridge i{animation-duration:2.5s;animation-delay:0s}
.dot-bridge b{animation-duration:2.5s;animation-delay:0s}
.dot-left i:nth-of-type(1){animation-delay:0s}.dot-left i:nth-of-type(2){animation-delay:.13s}.dot-left i:nth-of-type(3){animation-delay:.26s}.dot-left i:nth-of-type(4){animation-delay:.39s}.dot-left i:nth-of-type(5){animation-delay:.52s}.dot-left i:nth-of-type(6){animation-delay:.65s}.dot-left b{animation-delay:.78s}
.dot-right i:nth-of-type(1){animation-delay:.91s}.dot-right i:nth-of-type(2){animation-delay:1.04s}.dot-right i:nth-of-type(3){animation-delay:1.17s}.dot-right i:nth-of-type(4){animation-delay:1.3s}.dot-right i:nth-of-type(5){animation-delay:1.43s}.dot-right i:nth-of-type(6){animation-delay:1.56s}.dot-right b{animation-delay:1.69s}

@media(max-width:760px){
  .slider-desktop{display:none}.slider-mobile{display:block}
  .arc-player{min-height:620px;grid-template-columns:minmax(62px,1fr) 22px minmax(128px,1.45fr) 22px minmax(62px,1fr);grid-template-rows:112px 1fr 112px auto auto;gap:0}
  .arc-player>.arc-progress,.arc-player>.arc-volume{inset:0 -15px;width:calc(100% + 30px);height:100%;transform:none}
  .arc-progress>span{top:27.7%;transform:translateY(6px)}
  .arc-progress #arc-elapsed{left:20%}.arc-progress #arc-duration{right:20%}
  .arc-volume #mute{left:20%;top:68.5%}
  .arc-current{grid-column:3;grid-row:2}
  .side-track{grid-row:2;transform:translateY(52px);padding:0}
  .side-next{grid-column:1}.side-previous{grid-column:5}
  .side-track img{width:58px;border-radius:8px}.side-track p{font-size:6px;letter-spacing:1px;margin:6px 0 3px}.side-track strong{font-size:8px}.side-track span{font-size:7px;margin-top:2px}
  .dot-bridge{display:flex;grid-row:2;transform:translateY(30px);gap:0;flex-wrap:nowrap;white-space:nowrap}.dot-left{grid-column:2}.dot-right{grid-column:4}.dot-bridge i{display:none!important}.dot-bridge b{display:block;font-size:25px}
  .play-orbit{width:150px!important;height:150px!important}.play-orbit .play-button{width:110px!important;height:110px!important}
  .current-heading{transform:translateY(8px)}.current-heading h2{font-size:13px}.current-heading>span:not(.badge){font-size:10px}.current-heading>small{font-size:7px}.current-heading>p{font-size:6px;margin:6px 0 3px}
  .play-status{margin:-5px 0 0}.play-status strong{font-size:10px}.play-status p{font-size:8px}
  .arc-player>.player-tools{grid-row:4}.arc-player>.station-tagline{grid-row:5}
}
@media(max-width:370px){.arc-player{grid-template-columns:58px 18px minmax(120px,1fr) 18px 58px}.side-track img{width:52px}.play-orbit{width:138px!important;height:138px!important}.play-orbit .play-button{width:102px!important;height:102px!important}}