@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Allura&display=swap";:root{color:#f1f5f9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080d16;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow-x:hidden}.dashboard{background:radial-gradient(at 50% 0,#2869a54d 0%,#0000 60%),radial-gradient(at 90% 80%,#1441732e 0%,#0000 50%),linear-gradient(145deg,#102943 0%,#0a1d33 45%,#071426 100%);width:100%;min-height:100vh;position:relative;overflow:hidden}.background-glow{filter:blur(120px);pointer-events:none;background:#4f7da014;width:900px;height:500px;position:absolute;top:-250px;left:50%;transform:translate(-50%)}.dashboard-content{z-index:1;flex-direction:column;width:100%;max-width:1920px;min-height:100vh;margin:0 auto;padding:24px 40px;display:flex;position:relative}.header{min-height:90px}.main-content{flex:1;min-height:0}.player-section{min-height:100px}@media (width<=900px){.dashboard-content{padding:20px 24px}}@media (width<=600px){.dashboard-content{padding:16px}}.header{border-bottom:1px solid #a0c3e11f;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:110px;padding:10px 0 24px;display:grid}.header-date{flex-direction:column;gap:7px;display:flex}.header-label{letter-spacing:2px;color:#789bbd;font-size:10px;font-weight:600}.date-text{color:#d4e3f1;font-size:15px;font-weight:500}.header-title{text-align:center}.header-title h1{color:#e4f0fc;text-shadow:0 0 25px #69aae140;margin:0;font-family:Allura,cursive;font-size:clamp(42px,4vw,64px);font-weight:400}.header-clock{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.clock-time{letter-spacing:1px;font-variant-numeric:tabular-nums;color:#e4f0fc;font-size:27px;font-weight:500}@media (width<=600px){.header{grid-template-columns:1fr 1fr;row-gap:20px}.header-title{grid-area:1/1/auto/-1}.header-date{grid-area:2/1}.header-clock{grid-area:2/2}.date-text{font-size:12px}.clock-time{font-size:21px}}.webcam-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.webcam-heading h2{letter-spacing:.5px;color:#e4f0fc;margin:0;font-size:clamp(20px,2vw,28px);font-weight:500}.webcam-live{letter-spacing:1.5px;color:#91b4d5;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.live-dot{background:#43cf91;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #43cf91b3}.webcam-image-link{aspect-ratio:16/9;background:#081728;border:1px solid #8cbee640;border-radius:14px;width:100%;display:block;overflow:hidden;box-shadow:0 15px 50px #0000004d}.webcam-image{object-fit:contain;width:100%;height:100%;animation:.8s webcamFade;display:block}@keyframes webcamFade{0%{opacity:.4}to{opacity:1}}.webcam-footer{color:#789bbd;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;display:flex}.webcam-footer a{color:#91b4d5;text-decoration:none}.webcam-footer a:hover{color:#dcecff;text-decoration:underline}@media (width<=600px){.webcam-section{margin:22px auto}.webcam-heading{margin-bottom:10px}.webcam-heading h2{font-size:19px}.webcam-image-link{border-radius:9px}.webcam-footer{font-size:10px}}.dashboard{height:100vh;min-height:0;overflow:hidden}.dashboard-content{gap:0;height:100vh;min-height:0;padding:12px 32px}.header{flex:0 0 76px;min-height:76px;padding:4px 0 12px}.main-content{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.webcam-section{width:100%;max-width:1200px;margin:10px auto}.webcam-image-link{aspect-ratio:16/9;width:100%}.player-section{flex:0 0 75px;min-height:75px}@media (width<=900px){.dashboard-content{padding:12px 20px}.webcam-section{max-width:100%}}@media (width<=600px){.dashboard{height:auto;min-height:100vh;overflow:visible}.dashboard-content{height:auto;min-height:100vh;padding:12px 14px}.header{flex:none;min-height:100px}.main-content{flex:none;overflow:visible}.webcam-section{margin:20px auto}.player-section{flex:none;min-height:75px}}.webcam-section{margin:6px auto}.webcam-heading{margin-bottom:6px}.webcam-image-link{aspect-ratio:16/9;width:min(100%,1280px,110vh);margin:0 auto}.webcam-footer{box-sizing:border-box;justify-content:space-between;align-items:center;min-height:32px;padding:8px 4px 4px;display:flex}.main-content{padding-bottom:4px;overflow:visible}.player-section{box-sizing:border-box;background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;flex:0 0 75px;justify-content:space-between;align-items:center;gap:24px;min-height:75px;padding:10px 20px;display:flex}.player-info{align-items:center;gap:12px;min-width:190px;display:flex}.player-info div{flex-direction:column;gap:3px;display:flex}.player-info strong{color:#fff;letter-spacing:.5px;font-size:14px}.player-info span:not(.player-live-dot){color:#9eafc5;font-size:12px}.player-live-dot{background:#35d07f;border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 10px #35d07f99}.radio-player{width:min(420px,45%);height:40px}.player-link{color:#9eafc5;font-size:12px;text-decoration:none}.player-link:hover{color:#fff}@media (width<=600px){.player-section{flex-wrap:wrap;gap:12px;height:auto;padding:14px}.radio-player{order:3;width:100%}}