*{box-sizing:border-box}html,body{height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden}html{background:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#fff}body{position:relative;width:100vw;height:100vh;height:100dvh}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#000;overflow:hidden}.video-background #bg-player{width:100%;height:100%}.video-background iframe{border:none;width:100%;height:100%;transform:scale(1.2);pointer-events:none}.overlay{background:linear-gradient(var(--overlay-angle, -45deg),var(--c1, #800080c4),var(--c2, #ffff00c4),var(--c3, #808080c4));background-size:400% 400%;animation:gradientAnimation var(--overlay-duration, 30s) ease infinite;position:absolute;inset:0;z-index:0;pointer-events:none}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.chillhop-player{position:absolute;bottom:20px;left:20px;z-index:1;width:320px;height:180px;border:2px solid #fff;box-shadow:0 0 10px #00000080;background:#000;overflow:hidden}.chillhop-player #music-player{width:100%;height:100%}.chillhop-player #music-player iframe{width:100%;height:100%;border:none;display:block}.police-scanner{position:absolute;bottom:20px;right:20px;z-index:1;display:flex;flex-direction:column;align-items:flex-end;padding:10px;background-color:#00000080;border-radius:5px;color:#fff;max-width:min(320px,60vw)}.police-scanner #scanner-audio,.police-scanner audio{display:none}.scanner-label{font-size:.8em;letter-spacing:.02em;color:#ffffffe6;text-align:right;margin-bottom:2px}.scanner-controls{display:flex;align-items:center;margin-top:5px;gap:10px}.scanner-controls button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;min-width:70px;min-height:44px;padding:8px 12px;text-align:center;transition:background-color .2s ease}.scanner-controls button:hover{background-color:#45a049}.scanner-controls .volume-slider{cursor:pointer;width:120px}.police-scanner iframe{width:min(320px,50vw);height:90px;border:none;border-radius:4px}.top-right-logo{position:absolute;top:20px;right:20px;z-index:2;width:clamp(120px,28vw,300px);height:auto}.play-button-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;background:#000}.play-button{background-color:#000000b3;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:2em;min-width:48px;min-height:48px;padding:20px 40px;transition:background-color .3s ease,transform .3s ease}.play-button:hover{background-color:#fff3;transform:scale(1.05)}.gate-hidden{opacity:0;transition:opacity .6s ease;pointer-events:none}.feed-status{position:absolute;top:20px;left:20px;z-index:2;display:flex;gap:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.04em}[data-feed-status]{color:#ffffff80;background:#00000080;border-radius:3px;padding:3px 6px;transition:color .3s ease}[data-feed-status][data-state=idle],[data-feed-status][data-state=connecting]{color:#ffffff80}[data-feed-status][data-state=live]{color:#4caf50}[data-feed-status][data-state=reconnecting]{color:#ffa726}[data-feed-status][data-state=offline]{color:#ef5350}.chillhop-player,.police-scanner,.top-right-logo,.feed-status{opacity:0;transform:translateY(6px);transition:opacity .8s ease,transform .8s ease}body.started .chillhop-player{opacity:1;transform:translateY(0)}body.started .police-scanner{opacity:1;transform:translateY(0);transition-delay:.15s}body.started .top-right-logo{opacity:1;transform:translateY(0);transition-delay:.3s}body.started .feed-status{opacity:1;transform:translateY(0);transition-delay:.45s}.play-button:focus-visible,.scanner-controls button:focus-visible,.volume-slider:focus-visible,#music-player iframe:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.overlay{animation:none;background-position:50% 50%}.gate-hidden,.chillhop-player,.police-scanner,.top-right-logo,.feed-status,.play-button{transition:none!important}body.started .chillhop-player,body.started .police-scanner,body.started .top-right-logo,body.started .feed-status{opacity:1;transform:none;transition-delay:0ms}}@media(max-width:700px){.chillhop-player{width:min(320px,calc(50vw - 30px));height:auto;aspect-ratio:16 / 9}.police-scanner{max-width:min(280px,55vw);padding:8px}.scanner-controls .volume-slider{width:90px}.top-right-logo{width:clamp(100px,34vw,220px)}}@media(max-width:480px){.chillhop-player,.police-scanner,.top-right-logo,.feed-status{top:auto}.chillhop-player{left:12px;bottom:12px;width:min(280px,calc(60vw - 12px))}.police-scanner{right:12px;bottom:12px;max-width:min(220px,42vw);font-size:12px}.top-right-logo{top:12px;right:12px;width:clamp(90px,38vw,180px)}.feed-status{top:12px;left:12px;flex-wrap:wrap}.play-button{font-size:1.5em;padding:16px 28px}}