html,body,#root{width:100%;height:100%;margin:0}.display-stage,.display-fallback{color:#fff;background:#0f172a;place-items:center;width:100vw;height:100vh;font-family:Inter,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.display-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.display-overlay{text-shadow:0 3px 15px #000;background:linear-gradient(#0000,#000000c7);padding:7vh 8vw;position:absolute;inset:auto 0 0}.display-overlay h1{max-width:1200px;margin:0;font-size:clamp(42px,7vw,110px);line-height:1}.display-overlay p{max-width:1100px;margin:22px 0 0;font-size:clamp(22px,3vw,48px)}.display-menu-frame{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.connection-dot{z-index:10;border-radius:50%;width:10px;height:10px;position:fixed;top:18px;right:18px;box-shadow:0 0 0 4px #0004}.connection-dot.online{background:#22c55e}.connection-dot.offline{background:#ef4444}.fullscreen-button{color:#fff;opacity:.25;z-index:10;background:#0007;border:0;border-radius:50%;width:44px;height:44px;font-size:22px;position:fixed;bottom:18px;right:18px}.fullscreen-button:hover{opacity:1}.display-progress{z-index:10;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.display-progress span{background:#fff5;border-radius:10px;width:26px;height:4px}.display-progress span.active{background:#fff}.display-fallback{text-align:center;align-content:center;gap:18px}.display-fallback img{max-width:35vw;max-height:30vh}.display-fallback h1{margin:0;font-size:5vw}.display-loader{border:6px solid #ffffff35;border-top-color:#fff;border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin}.transition-fade .display-media,.transition-fade .display-overlay{animation:.7s fade}.transition-slide .display-media,.transition-slide .display-overlay{animation:.7s slide}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:0;transform:translate(4%)}to{opacity:1;transform:none}}