:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f9fa;background:#000;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#000;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}.player-stage{cursor:none;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.player-stage__video{object-fit:contain;background:#000;width:100vw;height:100vh;display:block}.player-stage__video::-webkit-media-controls{opacity:0!important;pointer-events:none!important;display:none!important}.player-stage__video::-webkit-media-controls-panel{opacity:0!important;pointer-events:none!important;display:none!important}.player-stage__video::-webkit-media-controls-play-button{opacity:0!important;pointer-events:none!important;display:none!important}.player-stage__video::-webkit-media-controls-start-playback-button{opacity:0!important;pointer-events:none!important;display:none!important}.player-stage__video::-webkit-media-controls-overlay-play-button{opacity:0!important;pointer-events:none!important;display:none!important}.loading-screen{z-index:2;background:#050607;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.loading-screen__box{background:#090b0deb;border:1px solid #ffffff2e;border-radius:8px;gap:12px;width:min(520px,100vw - 48px);padding:22px;display:grid}.loading-screen__box strong{font-size:1.1rem}.loading-screen__box span{color:#f7f9fab8;font-size:.86rem}.loading-screen__bar{background:#ffffff24;border-radius:999px;width:100%;height:10px;overflow:hidden}.loading-screen__bar div{border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#f8fafc);width:42%;height:100%;animation:1.2s ease-in-out infinite alternate loading-pulse}.loading-screen__bar.is-determinate div{transition:width .18s;animation:none;transform:none}.loading-screen__box small{color:#f7f9fa9e;font-size:.78rem}.status-overlay{z-index:3;background:#050607b8;border:1px solid #ffffff2e;border-radius:8px;gap:5px;max-width:min(680px,100vw - 36px);padding:12px 14px;display:grid;position:absolute;bottom:18px;left:18px}.status-overlay strong{font-size:.92rem}.status-overlay span,.status-overlay small{color:#f7f9fabd;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.status-overlay__error{color:#ffb4a8!important}.player-paused-overlay{z-index:2;text-align:center;background:#000000d1;align-content:center;place-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.player-paused-overlay strong{font-size:clamp(1.6rem,5vw,3.4rem)}.player-paused-overlay span{color:#f7f9fab8;font-size:clamp(.9rem,2vw,1.3rem)}.player-connection-overlay{z-index:4;color:#f7f9fa;background:#050607c2;border:1px solid #ffb4a847;border-radius:8px;gap:4px;max-width:min(360px,100vw - 36px);padding:10px 12px;display:grid;position:absolute;top:18px;right:18px}.player-connection-overlay strong{font-size:.82rem}.player-connection-overlay span{color:#f7f9faa8;font-size:.72rem}.player-stage__mute-button{z-index:4;color:#031012;cursor:pointer;background:#7c7c7c99;border:none;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:120px;right:18px}.device-screen{background:radial-gradient(circle at 18% 18%,#2dd4bf29,#0000 28%),#050607;grid-template-rows:minmax(0,1fr) auto;gap:20px;width:100vw;min-height:100vh;padding:clamp(18px,4vw,42px);display:grid;overflow:hidden}.device-screen__hero{text-align:center;align-content:center;place-items:center;gap:14px;min-height:0;display:grid}.device-screen__brand{color:#f7f9fa;letter-spacing:0;font-size:.9rem}.device-screen__badge{color:#f7f9fab8;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:6px 11px;font-size:.76rem;font-weight:800}.device-screen__badge.is-allowed{color:#7dded4;border-color:#2dd4bf73}.device-screen__badge.is-blocked,.device-screen__badge.is-offline{color:#ffb4a8;border-color:#ffb4a86b}.device-screen h1{max-width:860px;margin:0;font-size:clamp(2rem,7vw,5rem);line-height:1}.device-screen p{color:#f7f9fab8;max-width:720px;margin:0;font-size:clamp(.96rem,2.2vw,1.3rem);line-height:1.45}.device-screen__progress{gap:8px;width:min(520px,100vw - 48px);margin-top:6px;display:grid}.device-screen__progress-track{background:#ffffff24;border-radius:999px;height:10px;overflow:hidden}.device-screen__progress-track>div{border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#f8fafc);height:100%;transition:width .18s}.device-screen__progress small{color:#f7f9faa8;font-size:.78rem}.primary-action{color:#031012;cursor:pointer;background:#2dd4bf;border:1px solid #2dd4bf99;border-radius:8px;min-height:38px;padding:0 16px;font-weight:850}.device-screen__summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.device-screen__summary div{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.device-screen__summary span,.device-screen__summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-screen__summary span{color:#f7f9fa8a;text-transform:uppercase;font-size:.72rem;font-weight:850}.device-screen__summary strong{font-size:.88rem}@keyframes loading-pulse{0%{transform:translate(-18%)}to{transform:translate(158%)}}@media (width<=720px){.status-overlay{max-width:none;bottom:10px;left:10px;right:10px}.device-screen__summary{grid-template-columns:minmax(0,1fr)}}