.sync-pill{font-size:11px;font-weight:650;color:#287753;background:#e8f4eb;border-radius:5px;padding:6px 9px;border:0}.sync-pill.pending{color:#976d25;background:#fff0d5}.top-actions{gap:10px}.date-label{display:none}.sidebar .nav-label{margin-top:30px}.sidebar .nav a{padding-top:11px;padding-bottom:11px}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:9px;padding:16px;font-size:14px;cursor:pointer}.choice input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent);margin-top:2px}.choice b{font-size:14px}.choice small{display:block;margin-top:6px;font-size:12px;line-height:1.5}.access-page{min-height:100vh;padding:35px 6vw;background:#f5f6f8}.access-card{max-width:550px;margin:65px auto;background:white;border:1px solid var(--line);border-radius:18px;padding:38px}.access-card h1{margin:20px 0 15px;font-size:35px}.access-card>p{font-size:15px;color:var(--muted);margin-bottom:25px}.access-card .modal-foot{flex-wrap:wrap}.spectator{max-width:1400px;margin:0 auto;padding:25px 45px 35px}.spectator-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.spectator-header .brand{padding:0}.spectator-header .brand small{display:inline;font-size:11px;color:var(--accent);letter-spacing:2px;margin-left:8px}.spectator-hero{background:var(--dark);color:white;border-radius:17px;padding:35px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.spectator-hero .eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:#afbac8;margin:24px 0 12px}.spectator-hero h1{font-size:39px;margin-bottom:12px}.spectator-hero p{color:#bfc7d2;font-size:14px}.hero-number{font-family:Manrope,system-ui,sans-serif;font-size:90px;font-weight:800;letter-spacing:-5px;color:#ef795e;text-align:center;padding:0 20px}.hero-number span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;font-weight:600;color:#a1aab8}.spectator-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.spectator-grid aside{padding-top:37px}.me-row{background:#fff5ee}.scoring-trio{display:flex;justify-content:space-between;margin:25px 0}.scoring-trio strong{font-size:30px;display:block}.scoring-trio small{font-size:12px}.request-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.spectator .matches{margin-bottom:28px}.spectator .modal-foot{flex-wrap:wrap;justify-content:flex-start}.spectator .modal-foot [data-action=close]{display:none}.spectator .btn{white-space:normal}.public .btn{white-space:normal}.sync-note{font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:1050px){.spectator-grid{grid-template-columns:minmax(0,1fr) 290px}.spectator{padding:25px}.spectator-hero h1{font-size:32px}.topbar .crumb{display:none}.top-actions{width:100%;justify-content:flex-end}}
@media(max-width:760px){.spectator-grid{display:flex;flex-direction:column}.spectator-grid aside{order:-1;padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.spectator-hero{padding:28px}.hero-number{font-size:60px;padding:0}.spectator-hero h1{font-size:27px}.access-card{margin-top:30px;padding:25px}.spectator-header{gap:12px}.spectator-header .btn{padding:8px;font-size:12px}.spectator-header .actions{gap:5px}.spectator-header .brand{font-size:22px}.spectator-header .brand small{display:none}}
@media(max-width:690px){.nav{overflow-x:auto;justify-content:flex-start;gap:3px}.nav a{flex-shrink:0}.nav a:last-child{display:flex}.topbar{height:auto;min-height:58px;padding:12px 16px}.top-actions{flex-wrap:wrap;justify-content:space-between}.top-actions>.badge svg{display:none}.top-actions>.badge{font-size:11px}.sync-pill{font-size:10px}.spectator{padding:18px}.spectator-grid aside{display:block}.spectator-hero{padding:23px;align-items:flex-start}.hero-number{font-size:45px;min-width:60px;letter-spacing:-2px}.hero-number span{max-width:80px;font-size:8px;letter-spacing:1px}.spectator-hero h1{font-size:25px;word-break:break-word}.spectator-hero .eyebrow{font-size:10px}.spectator-header .brand img{width:28px;height:28px}.spectator-header .brand{font-size:20px;gap:6px}.spectator-header .badge{font-size:10px}.access-page{padding:22px 18px}.access-card h1{font-size:28px}.access-card{padding:24px;margin:25px auto}.spectator .section-head{flex-wrap:wrap}.spectator td,.spectator th{padding:13px}.spectator .matches{grid-template-columns:1fr}.spectator .scoring-trio strong{font-size:24px}.spectator .scoring-trio{margin:17px 0}}
.profile>span:nth-child(2){min-width:0;flex:1}.profile b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vault-dialog{width:min(460px,94vw);padding:32px;border:1px solid #dedbd3;border-radius:18px;color:#232c2b;background:#faf9f6}.vault-dialog::backdrop{background:#edf0eb}.vault-dialog h2{font-size:26px;margin:0 0 16px}.vault-dialog p{font-size:14px;line-height:1.7;margin-bottom:24px;color:#53635f}.vault-dialog label{display:block;font-size:13px;margin:16px 0}.vault-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #bac7c0;border-radius:8px;background:white}.vault-dialog button{width:100%;margin-top:12px}

.notification-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:white}.notification-count{background:#db492c;color:white;border-radius:99px;padding:2px 7px;font-size:12px;font-weight:700}[data-notification-count][hidden]{display:none}.error{padding:12px 14px;border-radius:8px;background:#fff0eb;color:#a52b18;margin:12px 0;line-height:1.5}.error.hidden{display:none}