:root{--ink: #1b2c3f;--ink-2: rgba(27, 44, 63, .78);--ink-3: rgba(27, 44, 63, .62);--display-ink: #10243d;--muted: #6d7b86;--line: rgba(120, 92, 44, .22);--line-strong: rgba(120, 92, 44, .42);--paper: #fffefa;--paper-2: #fdf8ec;--paper-3: #f8f1de;--paper-4: #f0e9d8;--panel: #fffefa;--panel-2: rgba(252, 246, 233, .66);--gold: #b8893f;--gold-2: #c69a3e;--gold-deep: #8a6520;--gold-lt: #e6c479;--gold-soft: #f6dd9a;--gold-glow: rgba(198, 154, 62, .36);--navy: #0e2440;--navy-2: #16283c;--op-bg: #0b1626;--op-panel: #101f34;--op-panel-2: #0d1a2c;--op-ink: #eef3f9;--op-ink-2: rgba(238, 243, 249, .78);--op-ink-3: rgba(238, 243, 249, .48);--op-rule: rgba(230, 196, 121, .24);--danger: #a33a2c;--danger-soft: #f7ebe8;--ok: #2f7d5f;--warn: #b5711b;--live: #c0392b;--danger-on-dark: #ffb4a6;--live-on-dark: #ff9c8b;--ok-on-dark: #4caf7d;--on-gold: #12203a;--focus-ring: 3px solid var(--gold-lt);--focus-offset: 2px;--metal-gold-edge: #c69a3e;--metal-gold-hi: #f6dd9a;--metal-gold-lo: #7d5510;--metal-silver-edge: #8b98a3;--metal-silver-hi: #eef3f7;--metal-silver-lo: #6d7b87;--metal-bronze-edge: #a4703c;--metal-bronze-hi: #e8b47a;--metal-bronze-lo: #7a4a1c;--font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-ui: "Lora", 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);--ds-kicker: 17px;--ds-label: 14px;--ds-body: 26px;--ds-title: 96px;--ds-hero: 176px;--tracking-wide: .22em;--tracking-wider: .46em;--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: 16px;--radius-lg: 20px;--radius-pill: 999px;--shadow-1: 0 8px 24px -12px rgba(120, 92, 44, .28), 0 14px 34px -26px rgba(90, 68, 28, .45);--shadow-2: 0 18px 44px -24px rgba(90, 68, 28, .34), 0 14px 34px -26px rgba(90, 68, 28, .45);--shadow-3: 0 26px 60px -26px rgba(90, 68, 28, .42);--tap-min: 44px;--tap-tablet: 64px;--motion-fast: .12s;--motion: .22s;--motion-slow: .8s;--ease: cubic-bezier(.2, .7, .2, 1);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--brand: #0f4a3a;--brand-2: #1f6b3e;--brand-soft: #e8f2ed;--on-brand: #ffffff;--cat-A: #33586e;--cat-B: #7c2c25;--cat-C: #2f5d3a;--cat-D: #8a6a26;--accent: var(--gold-2)}[data-theme=naazraa]{--brand: #0f4a3a;--brand-2: #1f6b3e;--brand-soft: #e8f2ed;--on-brand: #ffffff}[data-theme=hifz]{--brand: #15403d;--brand-2: #1c5450;--brand-soft: #e7f0ee;--on-brand: #fbf7ef}[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)}[data-surface=operator]{--paper: var(--op-panel);--paper-2: var(--op-panel-2);--panel: var(--op-panel);--ink: var(--op-ink);--ink-2: var(--op-ink-2);--ink-3: var(--op-ink-3);--display-ink: var(--op-ink);--line: var(--op-rule);--line-strong: rgba(230, 196, 121, .55)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion: 0ms;--motion-slow: 0ms}}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}button,select,input:not([type=checkbox]):not([type=radio]),textarea,a.btn,.btn{min-height:var(--tap-min)}*{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:var(--brand-soft);color:#256}.status.waiting{background:#f3f1df;color:var(--warn)}.status.in_progress{background:#fff2d6;color:#96610f}.status.completed{background:#e9f0f8;color:var(--ok)}.status.absent,.status.withdrawn{background:var(--danger-soft);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:var(--on-gold)}.hdr .btn.ghost,.total-bar .btn.ghost{background:transparent;border-color:#fff6;color:var(--on-brand)}.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn:disabled,.btn:disabled:hover{opacity:1;cursor:not-allowed;background:var(--paper-3);border-color:var(--line);color:var(--muted)}.undo{font-size:var(--fs-100);color:var(--muted)}.locked{text-align:center;padding:var(--sp-3);background:var(--brand-soft);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:var(--brand-soft);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)}.jsp{width:min(760px,94vw);margin:6vh auto}.jsp-sub{margin:0 0 14px;font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}.jsp-note{padding:10px 14px;margin-bottom:18px;border-radius:var(--radius-sm);border-left:4px solid var(--gold-2);background:#c69a3e1a;font-size:.9rem;color:var(--ink-2)}.jsp-label{display:block;margin:18px 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}.jsp-input{padding:0 16px;text-align:left;font-size:1.1rem}.jsp-panel{display:flex;flex-direction:column;gap:2px;min-height:var(--tap-tablet);padding:12px;line-height:1.2}.jsp-panel small,.jsp-cat small,.jsp-room small{font-size:.78rem;opacity:.75;font-weight:400}.jsp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.jsp-cat,.jsp-room{display:flex;flex-direction:column;gap:3px;min-height:var(--tap-tablet);padding:12px 14px;text-align:left;border-left:4px solid var(--accent, var(--gold-2))}.jsp-cat b,.jsp-room b{font-family:var(--font-display);font-size:1.15rem}.jsp-summary{margin-top:20px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff9;font-size:.92rem;color:var(--ink-2)}.jsp-draft{color:var(--warn);font-weight:700}.jsp-start{width:100%;margin-top:22px;min-height:var(--tap-tablet);font-size:1.1rem}.judge-exit{position:absolute;top:12px;right:16px;z-index:5;min-height:var(--tap-min);padding:0 16px;font-size:.85rem;opacity:.75}.judge-exit:hover{opacity:1}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr) 430px;gap:14px;padding:14px;height:calc(100% - 82px);min-height:0}@media (max-width: 1200px){.workspace{grid-template-columns:250px minmax(0,1fr) 380px}}@media (max-width: 1000px){.workspace{grid-template-columns:1fr;height:auto;overflow:auto}}.counter button,.qsel button,.qtab{min-height:var(--tap-tablet)}