*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;overflow:hidden}.pair{display:flex;align-items:center;justify-content:center;min-height:100vh}.pair .card{background:#171a21;border:1px solid #2a313d;border-radius:12px;padding:28px;width:360px;text-align:center}.pair h1{margin:0 0 6px;font-size:20px}.pair .muted{color:#8b93a4;font-size:13px;margin:0 0 16px}.code-input{font-family:ui-monospace,monospace;font-size:30px;letter-spacing:8px;text-align:center;width:100%;background:#0f1115;border:1px solid #2a313d;border-radius:8px;padding:12px;color:#fff;outline:none}.code-input:focus{border-color:#4f8cff}.pair button{margin-top:14px;width:100%;background:#4f8cff;color:#fff;border:none;border-radius:8px;padding:11px;font-weight:600;cursor:pointer}.pair button:disabled{opacity:.5}.error{color:#ff5c5c;font-size:13px;margin-top:10px}.screen-wrap{position:fixed;inset:0;background:#000}.screen{position:absolute;inset:0}.hud{position:fixed;top:8px;right:8px;display:flex;gap:8px;align-items:center;opacity:.25;transition:opacity .2s;z-index:10}.hud:hover{opacity:1}.hud .badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:#ffffff1f}.hud .badge.playing{background:#3ecf8e40;color:#3ecf8e}.hud .badge.offline{background:#f5a52440;color:#f5a524}.hud .badge.error{background:#ff5c5c40;color:#ff5c5c}.hud .badge.idle{background:#8b93a440;color:#8b93a4}.hud .unpair{font-size:11px;background:#ffffff1a;border:none;color:#fff;border-radius:6px;padding:4px 10px;cursor:pointer}