:root{--ink: #000000;--paper: #ffffff;--carbon: #111111;--carbon-alt: #1a1a1a;--smoke: #6b6b6b;--mist: #f4f4f4;--live: #e5202e;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--font-display: "Oswald", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: var(--paper);--surface: #ffffff;--surface-raised: var(--mist);--text: var(--ink);--text-muted: var(--smoke);--border: #e3e3e3}@media(prefers-color-scheme:dark){:root{--bg: var(--ink);--surface: var(--carbon);--surface-raised: var(--carbon-alt);--text: var(--paper);--text-muted: #9a9a9a;--border: #2a2a2a}}:root{--bg: var(--ink);--surface: var(--carbon);--surface-raised: var(--carbon-alt);--text: var(--paper);--text-muted: #9a9a9a;--border: #2a2a2a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:0}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.wrap{max-width:980px;margin:0 auto;padding:var(--space-md)}.brandbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border)}.brandbar__hbru{background:var(--paper);color:var(--ink);border-radius:var(--radius-sm);padding:6px;height:48px;width:44px;display:grid;place-items:center}.brandbar__hbru img{max-width:100%;max-height:100%;object-fit:contain;display:block}.brandbar__title{font-family:var(--font-display);font-size:22px;text-transform:uppercase}.brandbar__sub{font-size:12px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.brandbar__spacer{flex:1}.brandbar__magpie{height:34px}.brandbar__user{font-size:12px;color:var(--text-muted);text-align:right}.brandbar__user button{display:block;margin-top:2px;background:none;border:none;color:var(--text-muted);text-decoration:underline;font-size:11px;padding:0}.login{max-width:380px;margin:10vh auto;padding:var(--space-lg)}.login h1{font-size:30px;margin-bottom:var(--space-md)}.field{display:block;width:100%;padding:14px;font-size:16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.btn{display:inline-block;width:100%;padding:14px;font-weight:700;font-size:15px;background:var(--paper);color:var(--ink);border:none;border-radius:var(--radius-sm)}.btn:disabled{opacity:.5}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.hint{font-size:12px;color:var(--text-muted);margin-top:var(--space-sm)}.err{color:var(--live);font-size:13px;margin-top:var(--space-sm)}.score-panel{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.score-panel__team{font-family:var(--font-display);font-size:16px}.score-panel__num{font-family:var(--font-display);font-size:34px;font-variant-numeric:tabular-nums;min-width:48px;text-align:center}.stepper{display:inline-flex;gap:6px}.stepper button{width:34px;height:34px;font-size:18px;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}.act-list{display:flex;flex-direction:column;gap:var(--space-sm)}.act{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center}.act__title{font-size:16px;font-weight:600}.act__meta{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.act__tally{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:4px}.status-chip{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border)}.status-chip--live{background:var(--live);color:var(--paper);border-color:var(--live)}.act__controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mini{padding:8px 10px;font-size:12px;font-weight:600;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}.mini--primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.mini:disabled{opacity:.4}.section-title{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:var(--space-lg) 0 var(--space-sm)}.create{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.create .row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.create .row .field{margin-bottom:0}.screens-link{font-size:12px;color:var(--text-muted)}.screens-link a{color:var(--text)}.reel-drop{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;cursor:pointer;color:var(--text)}.reel-drop:hover{border-color:var(--text-muted)}.upload-row{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;padding:8px 0}.upload-bar{flex:1;height:6px;background:var(--surface-raised);border-radius:999px;overflow:hidden}.upload-bar div{height:100%;background:var(--paper);transition:width .2s ease}.reel-list{display:flex;flex-direction:column;gap:var(--space-sm)}.reel-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.reel-thumb{width:64px;height:96px;flex:none;background:#000;border-radius:var(--radius-sm);overflow:hidden;display:grid;place-items:center;color:var(--text-muted)}.reel-thumb img,.reel-thumb video{width:100%;height:100%;object-fit:cover}.reel-meta{flex:1;display:flex;flex-direction:column;gap:6px}.reel-title-input,.reel-tags-input{margin:0;padding:8px 10px}.reel-status{display:flex;align-items:center;gap:8px}.reel-actions{display:flex;flex-direction:column;gap:6px}.drag-handle{cursor:grab;color:var(--text-muted);margin-right:8px;font-size:16px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.act--dragging{opacity:.5}.trivia-builder{margin-top:var(--space-sm)}.qb{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-sm)}.qb__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.qb .field{margin-bottom:var(--space-sm)}.topnav{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-md);border-bottom:1px solid var(--border);flex-wrap:wrap}.hub-select{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--font-display);text-transform:uppercase;font-size:13px;margin:8px 0}.topnav__item{background:none;border:none;color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:14px;padding:14px 4px;border-bottom:2px solid transparent}.topnav__item.is-active{color:var(--text);border-bottom-color:var(--text)}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.match-card__head{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.venue-chip{font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 8px;border-radius:var(--radius-pill)}.venue-chip--home{background:var(--paper);color:var(--ink)}.venue-chip--away{border:1px solid var(--paper);color:var(--paper)}.match-card__teams{font-family:var(--font-display);text-transform:uppercase;font-size:16px}.match-card__date{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-md)}.match-card__qr{display:flex;gap:var(--space-md);align-items:center}.match-card__qr img{width:110px;height:110px;border-radius:var(--radius-sm)}.qr-placeholder{width:110px;height:110px;display:grid;place-items:center;background:var(--surface-raised);color:var(--text-muted);border-radius:var(--radius-sm);font-size:12px}.code{font-family:var(--font-display);font-size:26px;letter-spacing:.12em}.fan-list{margin-top:var(--space-md);border-top:1px solid var(--border);padding-top:var(--space-sm);max-height:180px;overflow-y:auto}.fan-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.stat--accent{border-color:var(--paper)}.stat__value{font-family:var(--font-display);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.stat__label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-family:var(--font-display);text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--text-muted);padding:8px 10px;border-bottom:1px solid var(--border)}.data-table td{padding:9px 10px;border-bottom:1px solid var(--border)}.data-table .muted{color:var(--text-muted)}.tag{font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted)}.tag--member{background:var(--paper);color:var(--ink);border-color:var(--paper)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.squads-admin{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media(max-width:720px){.squads-admin{grid-template-columns:1fr}}.squad-col__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.squad-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.squad-row__num{width:24px;color:var(--text-muted);font-variant-numeric:tabular-nums}.squad-row__name{font-weight:600}.squad-row__pos{margin-left:auto;font-size:12px;color:var(--text-muted)}.modal-admin{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);width:100%;max-width:560px;margin:auto;max-height:90vh;overflow-y:auto}.modal-admin .field{margin-bottom:var(--space-sm)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:50}.director{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-lg)}.director .mini{text-decoration:none}.onair{color:var(--live);font-size:11px;font-weight:700;letter-spacing:.08em;margin-left:8px}.correct-pick{padding:var(--space-sm) 0}.correct-pick__opt{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}.correct-pick__opt input{width:18px;height:18px}