*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.player-state{color:#fff;background:radial-gradient(circle at 50% 43%,#263f62,#132842 48%,#081625 88%);font-family:DM Sans,sans-serif;position:fixed;inset:0;overflow:hidden}.kiosk-player{color:#fff;background:radial-gradient(circle at 72% 38%,#2e6594,#152f50 48%,#071526 90%);font-family:Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.kiosk-player.event{background:radial-gradient(circle at 72% 38%,#745c99,#35264f 48%,#111329 90%)}.kiosk-player.announcement{background:radial-gradient(circle at 72% 38%,#b36536,#63342b 48%,#201827 90%)}.kiosk-player.emergency{background:radial-gradient(circle at 75% 40%,#d73544,#8d1220 42%,#3c0710)}.player-live-media{object-fit:cover;opacity:.42;border:0;width:100%;height:100%;position:absolute;inset:0}.player-grid{z-index:1;background:linear-gradient(90deg,#060f22e6,#060f224d);position:absolute;inset:0}.player-brand,.player-copy,.player-orbit,.player-program,.player-ticker{z-index:2;position:absolute}.player-brand{align-items:center;gap:1vw;display:flex;top:5vh;left:5vw}.player-logo{aspect-ratio:1;color:#15365c;background:#fff;border-radius:.7vw;place-items:center;width:4.4vw;font-size:1.3vw;font-weight:900;display:grid}.player-logo-image{object-fit:contain;padding:.35vw}.player-brand b,.player-brand span{display:block}.player-brand b{font-size:1.35vw}.player-brand span{color:#b6c6d8;margin-top:.25vw;font-size:.65vw}.player-copy{width:58vw;top:29vh;left:7vw}.player-copy>span{letter-spacing:.18em;color:#8eb0ff;font-size:.7vw}.player-copy h1{letter-spacing:-.035em;margin:1.2vw 0;font-size:4.3vw;line-height:1.03}.player-copy p{color:#c4d0df;max-width:52vw;font-size:1.2vw;line-height:1.5}.player-progress{gap:.45vw;margin-top:2vw;display:flex}.player-progress i{background:#ffffff35;border-radius:1vw;width:2vw;height:.25vw}.player-progress i.active{background:#79a2ff}.player-orbit{aspect-ratio:1;border:1px solid #ffffff2b;border-radius:50%;place-items:center;width:22vw;display:grid;top:25vh;right:7vw}.player-orbit>div{aspect-ratio:1;border:1px solid #fff5;border-radius:50%;place-items:center;width:55%;display:grid}.player-orbit span{font-size:4vw}.player-program{align-items:center;gap:1vw;font-size:.8vw;display:flex;bottom:14vh;left:7vw;right:7vw}.player-program>span{color:#82a7ff;font-weight:800}.player-program i{background:#fff;border-radius:50%;width:.35vw;height:.35vw}.player-program small{color:#aebdce}.player-ticker{background:#06111edb;align-items:center;gap:2vw;height:9vh;padding:0 4vw;display:flex;bottom:0;left:0;right:0}.player-ticker>div{min-width:15vw}.player-ticker b,.player-ticker span{display:block}.player-ticker b{font-size:1vw}.player-ticker span{color:#aebdce;margin-top:.25vw;font-size:.55vw}.player-ticker p{white-space:nowrap;flex:1;font-size:.72vw;overflow:hidden}.player-ticker time{font-size:1.1vw;font-weight:800}.player-state.sync{background:radial-gradient(circle at 50% 43%,#214d61,#142f46 48%,#091825 88%)}.player-state.empty{background:radial-gradient(circle at 68% 38%,#335e91,#172e4d 48%,#091725 88%)}.state-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:4vw 4vw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.player-state>header{align-items:center;gap:.8vw;display:flex;position:absolute;top:5%;left:5%}.state-logo{align-items:flex-end;gap:.25vw;width:2.5vw;height:2.5vw;display:flex}.state-logo span{background:#6a91f3;border-radius:.3vw;width:.55vw;height:55%;transform:skew(-10deg)}.state-logo span:nth-child(2){background:#fff;height:95%}.state-logo span:nth-child(3){background:#70dfbb;height:72%}.player-state header b{font:800 1.15vw Manrope}.player-state header em{letter-spacing:.15vw;color:#88a7cc;margin-left:.4vw;font-size:.5vw;font-style:normal}.player-state>section{text-align:center;width:min(720px,70vw);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.state-symbol{aspect-ratio:1;color:#76a0ff;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:5vw;min-width:55px;margin:0 auto 1.7vw;display:grid;box-shadow:0 0 0 1.2vw #ffffff05}.sync .state-symbol{color:#69e0ba}.empty .state-symbol{color:#a9bfdc}.player-state>section>span{letter-spacing:.2vw;color:#7ea2d1;font-size:.6vw}.player-state h1{letter-spacing:-.1vw;margin:1vw 0 .6vw;font:800 clamp(27px,3.2vw,55px) Manrope}.player-state section>p{color:#a8b8cc;max-width:46vw;margin:auto;font-size:.9vw;line-height:1.5}.player-state>footer{color:#8295ad;justify-content:space-between;font-size:.55vw;display:flex;position:absolute;bottom:4%;left:5%;right:5%}.player-state>footer i{background:#39bc8a;border-radius:50%;width:.45vw;height:.45vw;margin-right:.35vw;display:inline-block}.pair-code{background:#07142280;border:1px solid #ffffff24;border-radius:.7vw;width:max-content;margin:2vw auto 1.4vw;padding:1.1vw 2.2vw}.pair-code b,.pair-code span{display:block}.pair-code b{letter-spacing:.6vw;font:800 clamp(30px,4vw,60px) Manrope}.pair-code span{color:#899db5;margin-top:.3vw;font-size:.55vw}.state-help{color:#91a5bd;justify-content:center;align-items:center;gap:.7vw;display:flex}.state-help i{border:1px solid #ffffff30;border-radius:50%;place-items:center;width:1.5vw;height:1.5vw;font:700 .55vw Manrope;display:grid}.state-help span{margin-right:1vw;font-size:.6vw}.sync-progress{text-align:left;width:min(580px,55vw);margin:2.4vw auto 1.2vw}.sync-progress>div{justify-content:space-between;font-size:.7vw;display:flex}.sync-progress>i{background:#ffffff12;border-radius:1vw;height:.45vw;margin:.6vw 0;display:block}.sync-progress>i b{background:linear-gradient(90deg,#43b98e,#72e0bb);border-radius:1vw;height:100%;transition:all .35s;display:block}.sync-progress>small{text-align:right;color:#7f94ab;font-size:.55vw;display:block}.sync-steps{justify-content:center;gap:2.5vw;display:flex}.sync-steps span{letter-spacing:0!important;color:#5f748c!important;font-size:.58vw!important}.sync-steps span.done{color:#68d9b5!important}.empty-channel{background:#ffffff08;border:1px solid #ffffff1c;border-radius:.8vw;align-items:center;gap:1vw;width:max-content;margin:2vw auto;padding:1vw 1.5vw;display:flex}.empty-channel .identity-logo{width:3.6vw;height:3.6vw;font-size:1vw}.empty-channel>span{text-align:left!important}.empty-channel b,.empty-channel small{display:block}.empty-channel b{font:800 1.4vw Manrope}.empty-channel b em{color:#7ea4ff;font-style:normal}.empty-channel small{color:#95a8bf;font-size:.55vw}.empty-clock{font:700 1.2vw Manrope}.empty-clock span{letter-spacing:.1vw;color:#879ab2;margin-left:.5vw;font-size:.5vw}.app-loading{color:#fff;background:#0c1d31;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.app-loading .brandmark{width:35px;height:35px}.app-loading>b{color:#aebed1;font:600 10px Manrope}.app-loading>i{background:linear-gradient(90deg,#5d85ff 45%,#ffffff16 45%);border-radius:4px;width:90px;height:2px;animation:1.2s ease-in-out infinite loading-bar}@keyframes loading-bar{50%{background:linear-gradient(90deg,#5d85ff 75%,#ffffff16 75%)}}@media (max-width:700px){.player-state>section{width:85vw}.player-state section>p{max-width:80vw;font-size:9px}.player-state>section>span,.state-help span,.sync-progress>div,.sync-progress>small,.sync-steps span{font-size:6px!important}.pair-code b{font-size:32px}.pair-code span{font-size:6px}.sync-progress{width:75vw}.player-state>footer,.player-state header em{font-size:5px}.player-state header b{font-size:10px}.state-logo{width:25px;height:25px}.state-logo span{width:5px}.empty-channel b{font-size:14px}.empty-channel small,.empty-clock span{font-size:5px}.empty-clock{font-size:12px}}