*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:transparent;color:white;padding:12px}.radio-card{width:min(100%,520px);margin:auto;padding:16px;background:linear-gradient(145deg,#08220a 0%,#020b03 35%,#041a06 100%);border:5px solid #d8a5ff;border-radius:28px;box-shadow:0 0 8px #fff,0 0 23px #d8a5ff,inset 0 0 18px #d8a5ff;overflow:hidden}.radio-brand{height:116px;border:2px solid #a855f7;border-radius:20px;background:linear-gradient(#180b25,#010801);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 18px #d8a5ff,0 3px 12px #000}.brand-name{font-weight:1000;font-size:clamp(28px,8vw,55px);font-style:italic;letter-spacing:-2px;line-height:1.1;white-space:nowrap;color:#d8a5ff;-webkit-text-stroke:1px #fff;text-shadow:0 3px #642895,0 6px #180b25,0 0 12px #d8a5ff,0 0 25px #d8a5ff}.brand-sub{font-size:clamp(12px,3vw,20px);letter-spacing:.48em;font-weight:800;margin-top:8px}.dj-stage{height:390px;margin-top:12px;position:relative;overflow:hidden;border:1px solid #642895;border-radius:17px;background:radial-gradient(ellipse at 50% 60%,#642895,#030d05 65%),repeating-linear-gradient(60deg,transparent 0 15px,#642895 16px 18px);}.dj-stage:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 28px,#d8a5ff0a 29px 31px);pointer-events:none}.equalizer{position:absolute;inset:80px 0 110px;display:flex;align-items:center;justify-content:space-around;opacity:.7}.equalizer i{width:2.7%;height:calc(25px + (var(--i) * 17px) % 100px);height:40%;border-radius:20px;background:linear-gradient(#d8a5ff,#d8a5ff);box-shadow:0 0 13px #a855f7;animation:pulse 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-90ms)}@keyframes pulse{to{transform:scaleY(.3)}}.dj-status-switcher{position:absolute;inset:0}.dj-status-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .35s}.dj-status-slide.is-active{opacity:1;visibility:visible}.dj-photo{position:absolute;inset:0;width:100%;height:85%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 15px #d8a5ff)}.dj-placeholder{position:absolute;top:40px;left:20%;width:60%;height:235px;display:grid;place-items:center;font-size:120px;text-shadow:0 0 35px #d8a5ff}.dj-name{z-index:2;width:94%;min-height:66px;margin-bottom:10px;padding:12px 8px;display:grid;place-items:center;text-align:center;font-size:clamp(27px,7vw,43px);font-weight:1000;line-height:1.1;text-transform:uppercase;background:linear-gradient(90deg,#642895,#020e03 14%,#061609 85%,#642895);border:3px solid #d8a5ff;border-radius:28px 8px;box-shadow:0 0 16px #a855f7;text-shadow:0 2px 4px #000}.dj-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.dj-tab{padding:15px 6px;background:linear-gradient(#112317,#07120a);color:#d8a5ff;border:1px solid #a855f7;border-radius:16px 16px 0 0;font-size:clamp(17px,4vw,26px);font-weight:900;cursor:pointer}.dj-tab.active{color:#fff;background:linear-gradient(#d8a5ff,#d8a5ff);box-shadow:inset 0 0 10px #d8a5ff,0 0 12px #d8a5ff}.music-panel{position:relative;display:flex;align-items:center;gap:14px;min-height:158px;padding:14px 12px 35px;background:#020b03;border:1px solid #a855f7;border-top:0;border-radius:0 0 17px 17px}.music-note{font-size:75px;line-height:1;color:#d8a5ff;text-shadow:0 0 15px #d8a5ff}.music-content{min-width:0;flex:1}.music-label{color:#d8a5ff;font-size:clamp(19px,4vw,27px);font-weight:800}#BullDogNowPlaying{font-size:clamp(21px,5vw,32px);font-weight:1000;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-shadow:0 0 10px #d8a5ff}.nowplaying-ticker-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track{position:absolute;bottom:14px;left:14px;right:14px;height:17px;border:1px solid #a855f7;border-radius:99px;background:#030e05;overflow:hidden}.progress-track span{display:block;width:55%;height:100%;background:linear-gradient(#d8a5ff,#d8a5ff);border-radius:99px;box-shadow:0 0 12px #d8a5ff}.listeners-panel{margin-top:10px;min-height:76px;border:1px solid #a855f7;border-radius:17px;background:#020b03;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:10px}.listeners-icon{color:#d8a5ff;font-size:24px;text-shadow:0 0 12px #9c45ef;letter-spacing:-9px;padding-right:12px}.listeners-label{font-size:clamp(15px,3.5vw,23px);font-weight:900}.listeners-own-value{font-size:clamp(32px,8vw,53px);color:#fff;text-shadow:0 0 12px #9c45ef;font-weight:1000}.centova-listeners-source{position:absolute!important;left:-10000px!important;top:-10000px!important;visibility:hidden!important;pointer-events:none!important}@media(max-width:420px){body{padding:6px}.radio-card{padding:9px;border-width:3px;border-radius:19px}.radio-brand{height:88px}.dj-stage{height:310px}.music-panel{min-height:135px}.music-note{font-size:55px}.listeners-panel{padding:8px}}

/* Groen-neon beeldstijl: diepte, honingraat en heldere lichtaccenten */
.radio-card{background:linear-gradient(135deg,#180b25,#010801 36%,#061b08);border-color:#c68aff;box-shadow:0 0 9px #d8a5ff,0 0 32px #a855f7,inset 0 0 20px #d8a5ff}
.radio-brand{background:linear-gradient(180deg,#180b25,#010701 78%);border-color:#d8a5ff;box-shadow:inset 0 0 18px #a855f7,0 0 14px #d8a5ff}
.brand-name{color:#d8a5ff;-webkit-text-stroke:1px #d8a5ff;text-shadow:0 3px #642895,0 6px #180b25,0 0 15px #d8a5ff,0 0 30px #d8a5ff;font-size:clamp(25px,7vw,48px)}
.brand-sub{letter-spacing:.37em}
.dj-stage{background-color:#0d0715;background-image:radial-gradient(ellipse at 50% 48%,#622b9366,transparent 70%),repeating-linear-gradient(0deg,transparent 0 27px,#54217d99 28px 30px),repeating-linear-gradient(60deg,transparent 0 27px,#54217d99 28px 30px),repeating-linear-gradient(120deg,transparent 0 27px,#54217d99 28px 30px);border-color:#8544bd;box-shadow:inset 0 0 30px #37164f}
.dj-stage:after{background:linear-gradient(90deg,#1c0b2b80,transparent 30%,transparent 70%,#1c0b2b80)}
.dj-photo{height:89%;filter:drop-shadow(0 0 16px #a855f744)}
.dj-name{background:linear-gradient(90deg,#642895,#100719 17%,#100719 83%,#642895);border:3px solid #c27aff;border-radius:28px 8px;box-shadow:0 0 18px #9c45ef,inset 0 0 9px #a855f7}
.dj-tab.active{background:linear-gradient(#d2a0ff,#a855f7);color:#fff;box-shadow:inset 0 0 10px #e6c5ff,0 0 13px #a855f7}
.music-panel{background:linear-gradient(#100719,#09040e);border-color:#7e40b8}
.music-note{color:#c993ff;text-shadow:0 0 18px #a951ff}
.music-label{color:#c993ff}
#BullDogNowPlaying{text-shadow:0 0 12px #a855f7}
.progress-track span{background:linear-gradient(#d8a5ff,#9d4edd);box-shadow:0 0 13px #a855f7}
.listeners-panel{border-color:#9f5fe5;box-shadow:inset 0 0 13px #4d226c}
.listeners-own-value{text-shadow:0 0 14px #a855f7}

/* Doorlopende, vloeiende Now Playing-marquee; pauze bij hover */
#BullDogNowPlaying{overflow:hidden;white-space:nowrap;position:relative;text-overflow:clip}
#BullDogNowPlaying .nowplaying-ticker-text{display:inline-block;width:max-content;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;will-change:transform;animation:bulldog-marquee var(--ticker-duration, 25s) linear infinite;animation-delay:1s;padding-left:100%}
#BullDogNowPlaying:hover .nowplaying-ticker-text{animation-play-state:paused}
@keyframes bulldog-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){#BullDogNowPlaying .nowplaying-ticker-text{animation:none;padding-left:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}}

/* Vast mini-widgetformaat: exact 185 x 253 pixels, inclusief buitenrand. */
html,body{width:185px!important;min-width:185px!important;height:253px!important;min-height:253px!important;overflow:hidden!important}
body{padding:0!important;margin:0!important}
.radio-card{width:185px!important;min-width:185px!important;max-width:185px!important;height:253px!important;min-height:253px!important;max-height:253px!important;margin:0!important;padding:5px!important;border:2px solid #c68aff!important;border-radius:10px!important;display:flex;flex-direction:column;gap:0;box-shadow:inset 0 0 8px #d8a5ff,0 0 6px #a855f7!important}
.radio-brand{height:35px!important;min-height:35px!important;border-radius:7px!important;border-width:1px!important;box-shadow:inset 0 0 6px #a855f7!important}
.brand-name{font-size:16px!important;letter-spacing:-.7px!important;line-height:1!important;-webkit-text-stroke:.3px #f0d9ff!important;white-space:nowrap}
.brand-sub{font-size:6px!important;letter-spacing:.25em!important;margin-top:3px!important}
.dj-stage{height:125px!important;min-height:125px!important;margin-top:4px!important;border-radius:7px!important}
.equalizer{inset:25px 0 33px!important}.equalizer i{box-shadow:0 0 4px #a855f7!important}
.dj-photo{height:91%!important;object-fit:contain!important}
.dj-placeholder{top:12px!important;left:25%!important;width:50%!important;height:80px!important;font-size:48px!important}
.dj-name{min-height:22px!important;height:auto!important;max-height:32px!important;width:95%!important;margin-bottom:3px!important;padding:3px 2px!important;font-size:13px!important;border-width:1px!important;border-radius:10px 3px!important;box-shadow:0 0 6px #a855f7!important;overflow:hidden;overflow-wrap:anywhere}
.dj-tabs{gap:3px!important;margin-top:3px!important}
.dj-tab{font-size:10px!important;padding:4px 1px!important;border-radius:6px 6px 0 0!important;line-height:1.1!important}
.music-panel{height:39px!important;min-height:39px!important;flex:0 0 39px!important;padding:3px 4px 9px!important;gap:4px!important;border-radius:0 0 6px 6px!important}
.music-note{font-size:21px!important}.music-label{font-size:9px!important;line-height:1!important;display:block}
#BullDogNowPlaying{font-size:12px!important;line-height:1.2!important;max-width:143px!important}
.progress-track{height:4px!important;bottom:3px!important;left:4px!important;right:4px!important}
.listeners-panel{height:25px!important;min-height:25px!important;flex:0 0 25px!important;margin-top:4px!important;border-radius:6px!important;padding:2px 5px!important;gap:3px!important}
.listeners-icon{font-size:10px!important;letter-spacing:-4px!important;padding-right:4px!important}
.listeners-label{font-size:9px!important;white-space:nowrap}.listeners-own-value{font-size:16px!important;line-height:1!important}

/* Compacte 185 x 253 layout: alle secties binnen het kader. */
.radio-card{padding:4px!important;gap:0!important}
.radio-brand{height:31px!important;min-height:31px!important;flex:0 0 31px!important}
.brand-name{font-size:15px!important}.brand-sub{font-size:5px!important;margin-top:2px!important}
.dj-stage{height:106px!important;min-height:106px!important;flex:0 0 106px!important;margin-top:3px!important}
.dj-photo{height:90%!important}.dj-placeholder{top:7px!important;height:65px!important;font-size:40px!important}
.dj-name{min-height:19px!important;max-height:26px!important;font-size:11px!important;margin-bottom:2px!important;padding:2px!important}
.dj-tabs{margin-top:3px!important;gap:3px!important;flex:0 0 22px!important;height:22px!important}
.dj-tab{height:22px!important;padding:3px 1px!important;font-size:10px!important}
.music-panel{height:42px!important;min-height:42px!important;flex:0 0 42px!important;padding:3px 4px 9px!important}
.music-note{font-size:20px!important}.music-label{font-size:9px!important}
#BullDogNowPlaying{font-size:11px!important;max-width:142px!important}
.listeners-panel{height:26px!important;min-height:26px!important;flex:0 0 26px!important;margin-top:4px!important;padding:2px 4px!important}
.listeners-label{font-size:8px!important}.listeners-own-value{font-size:15px!important}
/* 4+31+3+106+3+22+42+4+26+4 padding =245px, past binnen 253px */