*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{color:#fff;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.registration-screen{background:#111;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex}.registration-screen h1{color:#fff;font-size:2rem;font-weight:600}.registration-screen p{color:#999;font-size:1rem}.registration-screen .player-id{color:#6b7280;word-break:break-all;text-align:center;background:#1f2937;border-radius:6px;max-width:90vw;padding:8px 16px;font-family:monospace;font-size:.875rem}#player-root{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.player-placeholder{color:#4b5563;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.player-placeholder h2{font-size:1.25rem;font-weight:500}.player-placeholder p{font-size:.875rem}