:root{--bg:#0d0d0d;--card:#171717;--line:rgba(255,255,255,.13);--text:#f5f5f5;--muted:#cfcfcf;--red:#e30613;--red-bright:#ff2a2a}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#2a0a0a 0,#0d0d0d 40%);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{border:0;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red-bright));color:white;font-weight:800;cursor:pointer}.shell{min-height:100vh}.topbar{justify-content:space-between;padding:20px 28px;background:rgba(227,6,19,.94);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:16px}.brand-icon{width:72px;height:72px;border-radius:18px;object-fit:cover}.brand-wordmark{height:46px;width:auto;border-radius:8px}.brand p{margin:6px 0 0;font-size:13px}nav{display:flex;gap:14px;flex-wrap:wrap}.nav-link{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}.page{padding:32px}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:28px;gap:28px;align-items:center;min-height:calc(100vh - 160px)}.eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#ff9b9b;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.hero h1{font-size:58px;line-height:1.02;margin:16px 0;max-width:760px}.hero p,.muted{color:var(--muted)}.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.3);padding:24px}.grid{display:grid;grid-gap:20px;gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.list{display:grid;grid-gap:14px;gap:14px}.list-item{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.shell:has(.login-page) .page{padding:0}.login-page{min-height:calc(100vh - 112px);display:grid;place-items:start center;padding:42px 16px 64px}.login-shell{width:min(100%,340px);display:grid;justify-items:center}.login-mark{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 14px 36px rgba(227,6,19,.24)}.login-shell h1{margin:18px 0 8px;font-size:24px;line-height:1.2;text-align:center}.login-subtitle{margin:0 0 20px;color:var(--muted);text-align:center;font-size:14px;line-height:1.45}.auth-panel{width:100%;display:grid;grid-gap:12px;gap:12px}.auth-field{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:700;color:#ededed}.auth-field input{width:100%;min-height:40px;padding:10px 12px;border-radius:8px;border:1px solid #3d444d;background:#0b0f15;color:var(--text);font:inherit;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.auth-field input:focus{border-color:var(--red-bright);box-shadow:0 0 0 3px rgba(227,6,19,.22)}.auth-primary,.provider-button{width:100%;min-height:40px;border-radius:8px;font-size:14px}.auth-primary{margin-top:2px;background:linear-gradient(135deg,var(--red),var(--red-bright));box-shadow:0 10px 28px rgba(227,6,19,.2)}.auth-primary:disabled,.auth-text-button:disabled,.provider-button:disabled{cursor:wait;opacity:.68}.auth-divider{display:flex;align-items:center;gap:12px;margin:7px 0 4px;color:#9da6b2;font-size:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.provider-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #3d444d;background:#21262d;color:var(--text);font-weight:700}.provider-button:hover{background:#2a3038;border-color:#59616d}.provider-icon{width:18px;height:18px;flex:0 0 18px}.provider-icon--apple{color:#f5f5f5}.auth-footer{margin-top:8px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px}.auth-text-button{padding:0;border-radius:0;background:transparent;color:#ff8f8f;font:inherit;font-weight:800}.auth-text-button:hover{color:#ffb3b3;text-decoration:underline}.auth-message{margin:2px 0 0;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--muted);font-size:13px;line-height:1.45}.sqobl-badge{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:12px}.sqobl-live-stage{display:grid;grid-gap:16px;gap:16px}.sqobl-live-stage__meta{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sqobl-live-stage__badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sqobl-live-stage__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);grid-gap:16px;gap:16px}.sqobl-live-stage__main,.sqobl-live-stage__side-tile{overflow:hidden;min-height:180px}.sqobl-live-stage__main [data-lk-participant-tile],.sqobl-live-stage__side-tile [data-lk-participant-tile]{height:100%;min-height:180px;border-radius:18px;overflow:hidden}.sqobl-live-stage__side{display:grid;grid-gap:12px;gap:12px;align-content:start}.sqobl-live-stage__empty,.sqobl-live-stage__side-empty{display:grid;place-items:center;min-height:180px;color:var(--muted)}.sqobl-live-stage__roster-list{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.sqobl-live-stage__roster-item{display:flex;justify-content:space-between;gap:12px}@media (max-width:900px){.grid.two,.hero,.sqobl-live-stage__layout{grid-template-columns:1fr}.hero h1{font-size:40px}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.page{padding:20px}.sqobl-live-stage__meta{flex-direction:column}.sqobl-live-stage__badges{justify-content:flex-start}}