:root{--ink: #15241d;--muted: #5c6b62;--line: #ddd4c2;--paper: #fffdf8;--paper-2: #f6f0e4;--gold: #c9a24b;--gold-deep: #a9823a;--gold-soft: #eadcbc;--danger: #7b2c25;--danger-soft: #f7ebe8;--ok: #2f7d55;--warn: #b5711b;--live: #c0281f;--font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;--font-body: "Manrope", "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Amiri", "Scheherazade New", serif;--fs-100: .78rem;--fs-200: .9rem;--fs-300: 1rem;--fs-400: 1.2rem;--fs-600: 1.6rem;--fs-800: 2.25rem;--fs-1000: clamp(2.4rem, 5vw, 3.75rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(21,36,29,.06), 0 2px 8px rgba(21,36,29,.06);--shadow-2: 0 8px 30px rgba(21,36,29,.12);--tap-min: 44px;--motion-fast: .12s;--motion: .22s;--ease: cubic-bezier(.2,.7,.2,1);--brand: #0f4a3a;--brand-2: #1f6b3e;--brand-soft: #e8f2ed;--on-brand: #ffffff;--cat-A: #336777;--cat-B: #7c2c25;--cat-C: #3f7733;--cat-D: #9a8f1f;--accent: var(--brand)}[data-theme=naazraa]{--brand: #0f4a3a;--brand-2: #1f6b3e;--brand-soft: #e8f2ed;--on-brand: #ffffff;--font-display: "Playfair Display", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif;--cat-A: #336777;--cat-B: #7c2c25;--cat-C: #3f7733;--cat-D: #9a8f1f}[data-theme=hifz]{--brand: #15403d;--brand-2: #1c5450;--brand-soft: #e7f0ee;--charcoal: #17171b;--maroon: #7a3b3f;--cream: #fbf7ef;--on-brand: #fbf7ef;--font-display: "Cormorant Garamond", "Playfair Display", serif;--font-body: "Poppins", "Manrope", system-ui, sans-serif;--cat-A: #15403d;--cat-B: #7a3b3f;--cat-C: #a9823a;--cat-D: #3f5b52}[data-division=boys]{--division-accent: #35547d}[data-division=girls]{--division-accent: #8a5a5a}[data-category=A]{--accent: var(--cat-A)}[data-category=B]{--accent: var(--cat-B)}[data-category=C]{--accent: var(--cat-C)}[data-category=D]{--accent: var(--cat-D)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion: 0ms}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:linear-gradient(180deg,var(--paper),var(--paper-2));-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%}.hdr{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--brand);color:var(--on-brand);border-bottom:3px solid var(--gold)}.hdr .badge{display:flex;flex-direction:column;gap:2px}.hdr .badge b{font-family:var(--font-display);font-size:var(--fs-400);letter-spacing:.01em}.hdr .badge span{font-size:var(--fs-100);opacity:.85;text-transform:uppercase;letter-spacing:.08em}.hdr .spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:var(--fs-100);font-weight:700}.pill .dot{width:9px;height:9px;border-radius:50%;background:currentColor}.pill.saved{background:#ffffff29;color:#d8f0e0}.pill.saving{background:#ffffff29;color:#f2e6c2}.pill.offline{background:#ffffff29;color:#f4c9a0}.pill.conflict{background:var(--live);color:#fff}.panel-tag{padding:6px 12px;border-radius:var(--radius-pill);background:#0003;font-weight:800;font-size:var(--fs-100);text-transform:uppercase;letter-spacing:.1em}.workspace{display:grid;grid-template-columns:250px 1fr 400px;gap:1px;background:var(--line);flex:1;min-height:0}.col{background:var(--paper);overflow:auto;padding:var(--sp-4)}@media (max-width: 1100px){.workspace{grid-template-columns:1fr}}.roster h2,.controls h2{font-family:var(--font-display);font-size:var(--fs-400);color:var(--brand);margin:0 0 var(--sp-3)}.contestant{width:100%;text-align:left;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);margin-bottom:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:var(--tap-min)}.contestant:hover{border-color:var(--accent)}.contestant[aria-current=true]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:var(--brand-soft)}.contestant .code{font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);min-width:44px}.contestant .nm{flex:1}.status{font-size:var(--fs-100);font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);text-transform:capitalize}.status.ready{background:#e8f2ed;color:#256}.status.waiting{background:#f3f1df;color:#6b5}.status.in_progress{background:#fff2d6;color:#96610f}.status.completed{background:#e9f0f8;color:#2a5}.status.absent,.status.withdrawn{background:#f7ebe8;color:var(--danger)}.qtabs{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap}.qtab{min-height:var(--tap-min);padding:8px 16px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;font-weight:700}.qtab[aria-selected=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.qtab .kind{display:block;font-size:10px;opacity:.8;text-transform:uppercase;letter-spacing:.08em}.viewer{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:#fbf9f2;overflow:hidden;height:min(70vh,720px);display:flex;align-items:center;justify-content:center}.viewer img{max-width:none;transform-origin:center center;transition:transform var(--motion) var(--ease);-webkit-user-select:none;user-select:none}.viewer .fallback{text-align:center;color:var(--muted);padding:var(--sp-6)}.viewer .fallback .pg{font-family:var(--font-display);font-size:var(--fs-800);color:var(--brand)}.viewer-tools{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap}.tool{min-height:var(--tap-min);min-width:var(--tap-min);padding:8px 12px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}.controls{background:var(--paper)}.section{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-4);background:#fff}.section .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-3)}.section .top h3{margin:0;font-family:var(--font-display);font-size:var(--fs-400)}.section .score{font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--fs-600);color:var(--accent)}.counter{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-2) 0}.counter .lbl{flex:1}.counter .lbl small{display:block;color:var(--muted);font-size:var(--fs-100)}.counter button{width:52px;height:52px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;font-size:var(--fs-600);line-height:1}.counter button:active{transform:scale(.96)}.counter .val{min-width:42px;text-align:center;font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--fs-400)}.qsel{display:flex;gap:8px;align-items:center;margin:6px 0 2px;flex-wrap:wrap}.qsel button{min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--radius-pill);border:1px solid var(--line);background:#fff;padding:0 12px}.qsel button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.total-bar{position:sticky;bottom:0;margin-top:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius);background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:space-between}.total-bar .t{font-family:var(--font-display);font-size:var(--fs-800);font-variant-numeric:tabular-nums}.btn{min-height:var(--tap-min);padding:10px 18px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;font-weight:700}.btn.primary{background:var(--gold);border-color:var(--gold-deep);color:#2a2205}.btn.ghost{background:transparent;border-color:#fff6;color:var(--on-brand)}.btn:disabled{opacity:.5}.undo{font-size:var(--fs-100);color:var(--muted)}.locked{text-align:center;padding:var(--sp-3);background:#e8f2ed;border-radius:var(--radius);color:#235;font-weight:700}.conflict-banner{background:var(--live);color:#fff;padding:var(--sp-3) var(--sp-4);text-align:center;font-weight:700}.preptimer{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 14px;border-radius:var(--radius-pill);font-weight:800;font-variant-numeric:tabular-nums}.preptimer.run{background:#fff2d6;color:#96610f}.preptimer.done{background:#e8f2ed;color:#235}.login{max-width:460px;margin:8vh auto;padding:var(--sp-6);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.login h1{font-family:var(--font-display);color:var(--brand);margin-top:0}.login .row{display:flex;gap:var(--sp-2);margin:var(--sp-3) 0;flex-wrap:wrap}.login .opt{flex:1;min-width:120px;min-height:56px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-weight:700}.login .opt[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#15241d80;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:10}.modal{background:var(--paper);border-radius:var(--radius-lg);max-width:520px;width:100%;padding:var(--sp-6);box-shadow:var(--shadow-2)}.modal h2{font-family:var(--font-display);color:var(--brand);margin-top:0}.review-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.review-row b{font-variant-numeric:tabular-nums}.modal .actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-4)}