*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#000;overflow:hidden}body{font-family:Segoe UI,Roboto,Arial,sans-serif;color:#fff}.app-root{position:relative;width:100vw;height:100vh}.pairing-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle at center,#1a1a2e,#05050a)}.pairing-card{text-align:center;padding:3rem 4rem;border-radius:1rem;background:#ffffff0a}.pairing-card h1{font-size:2rem;margin-bottom:1rem}.pairing-card p{font-size:1.1rem;opacity:.8;margin-bottom:1.5rem}.pairing-code{font-size:5rem;font-weight:700;letter-spacing:.5rem;padding:1rem 2rem;border-radius:.75rem;background:#ffffff14;margin-bottom:1.5rem}.pairing-hint{font-size:.95rem;opacity:.6;margin-bottom:0}.checking-screen,.player-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5rem;opacity:.6}.stage{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.slide-layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity}.slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-media{width:100%;height:100%;object-fit:cover}.slide-title-only{font-size:3rem;font-weight:600}@keyframes anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes anim-fade-out{0%{opacity:1}to{opacity:0}}@keyframes anim-zoom-in-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes anim-zoom-in-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes anim-zoom-out-enter{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes anim-zoom-out-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes anim-rotate-enter{0%{opacity:0;transform:rotate(-8deg) scale(.92)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes anim-rotate-exit{0%{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(8deg) scale(.92)}}.offline-badge{position:absolute;top:.75rem;right:.75rem;z-index:10;background:#c82828d9;padding:.4rem .9rem;border-radius:.5rem;font-size:.85rem}