:root{--bg:#f7faf8;--surface:#fff;--surface-rgb:255, 255, 255;--surface-soft:#edf7f0;--ink:#071b24;--muted:#62717a;--border:#d9e6df;--accent:#0f8f5f;--accent-strong:#096845;--accent-soft:#dff5e9;--navy:#082338;--danger:#b94b4b;--shadow:0 18px 45px #08233817;color:var(--ink);background:linear-gradient(90deg, #0f8f5f0f 1px, transparent 1px), linear-gradient(0deg, #0f8f5f0d 1px, transparent 1px), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:56px 56px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#07110d;--surface:#102019;--surface-rgb:16, 32, 25;--surface-soft:#193229;--ink:#f4fff9;--muted:#b7cbc2;--border:#315548;--accent:#43c783;--accent-strong:#7be0aa;--accent-soft:#1c4b34;--navy:#e2fff0;--danger:#ff8d8d;--shadow:0 18px 45px #0000006b}*{box-sizing:border-box}body{background:linear-gradient(90deg, #0f8f5f0f 1px, transparent 1px), linear-gradient(0deg, #0f8f5f0d 1px, transparent 1px), var(--bg);background-size:56px 56px;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100svh;padding:18px}.loading{place-items:center;display:grid}.loader,.toast{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:8px;max-width:1120px;margin:12px auto;padding:12px 16px}:root[data-theme=dark] .loader,:root[data-theme=dark] .toast{color:#06120d}.topbar{background:rgba(var(--surface-rgb), .86);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;max-width:1120px;margin:0 auto 18px;padding:12px;display:flex;position:sticky;top:12px}.brand{color:var(--ink);text-align:left;background:0 0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand-mark{background:var(--navy);color:#fff;letter-spacing:.08em;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:850;display:inline-flex}:root[data-theme=dark] .brand-mark{color:#06120d}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.nav{background:var(--surface-soft);border-radius:8px;gap:4px;padding:4px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.nav button,.theme-toggle,.admin-actions button,.table-row button{color:var(--muted);background:0 0;border-radius:7px;padding:9px 12px;font-size:14px;font-weight:750}.nav .active,.theme-toggle:hover,.admin-actions button:hover,.table-row button:hover{background:var(--surface);color:var(--ink)}.workspace{max-width:1120px;margin:0 auto}.hero-panel{background:radial-gradient(circle at 88% 0%, #0f8f5f2e, transparent 32%), var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) 390px;align-items:end;gap:24px;margin-bottom:18px;padding:28px;display:grid}h1,h2,p{margin:0}h1{color:var(--navy);max-width:720px;font-size:clamp(34px,6vw,64px);line-height:.95}.hero-panel p,.section-heading p,.admin-login p{color:var(--muted);max-width:620px;margin-top:12px;line-height:1.55}.score-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.score-rule{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;padding:12px}.score-rule span,.match-meta,label{color:var(--muted);font-size:12px;font-weight:750}.score-rule strong{color:var(--navy);margin-top:8px;font-size:20px;display:block}.score-rule.active{background:var(--navy);border-color:var(--navy)}.score-rule.active span,.score-rule.active strong{color:#fff}:root[data-theme=dark] .score-rule.active span,:root[data-theme=dark] .score-rule.active strong{color:#06120d}.main-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.panel{background:rgba(var(--surface-rgb), .92);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:18px}.section-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.entry-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.entry-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-form.single-field{grid-template-columns:1fr}.journey-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.journey-steps span{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:750;display:flex}.journey-steps strong{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}:root[data-theme=dark] .journey-steps strong{color:#06120d}.entry-switch{background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.entry-switch button,.text-button{color:var(--muted);background:0 0;border-radius:7px;padding:10px 12px;font-size:14px;font-weight:850}.entry-switch button.active,.text-button:hover{background:var(--surface);color:var(--ink)}label{text-transform:uppercase;gap:6px;display:grid}input,select{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:8px;width:100%;min-height:42px;padding:10px 12px}:root[data-theme=dark] input,:root[data-theme=dark] select{background:#0b1712;border-color:#3b6556}:root[data-theme=dark] input::placeholder{color:#86a297;opacity:1}:root[data-theme=dark] .nav button,:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .admin-actions button,:root[data-theme=dark] .table-row button,:root[data-theme=dark] .entry-switch button,:root[data-theme=dark] .text-button{color:#c7ddd3}:root[data-theme=dark] .nav .active,:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=dark] .admin-actions button:hover,:root[data-theme=dark] .table-row button:hover,:root[data-theme=dark] .entry-switch button.active,:root[data-theme=dark] .text-button:hover{color:#f4fff9}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:3px solid #0f8f5f38}.primary{background:var(--accent);color:#fff;border-radius:8px;min-height:42px;padding:10px 14px;font-weight:850}.primary:hover{background:var(--accent-strong)}:root[data-theme=dark] .primary{color:#06120d}.entry-form .primary{grid-column:1/-1}.status{background:var(--surface-soft);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:850;display:inline-flex}:root[data-theme=light] .status{color:#916507;background:#fff7e4}.status.ok{background:var(--accent-soft);color:var(--accent-strong)}.user-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.returning-summary{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.returning-summary span{color:var(--muted);font-size:14px}.round-progress{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.round-progress div{gap:2px;display:grid}.round-progress strong{color:var(--navy);font-size:20px}.round-progress span,.round-progress small,.lock-copy,.pick-breakdown,.table-row small{color:var(--muted);font-size:13px;line-height:1.4}.match-list{gap:12px;display:grid}.match-card{border:1px solid var(--border);border-radius:8px;padding:14px}.match-meta{text-transform:uppercase;justify-content:space-between;margin-bottom:10px;display:flex}.lock-copy{margin-bottom:10px}.teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.team{background:var(--surface-soft);color:var(--ink);text-align:left;border:1px solid #0000;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:54px;padding:10px;display:flex}.team.selected{background:var(--accent-soft);border-color:var(--accent)}:root[data-theme=dark] .team.selected{box-shadow:inset 0 0 0 1px #7be0aa57}.team-logo{object-fit:contain;border-radius:50%;width:30px;height:30px}.team-logo.fallback{background:var(--surface);color:var(--navy);justify-content:center;align-items:center;font-size:11px;font-weight:850;display:inline-flex}.versus{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.pick-controls{grid-template-columns:repeat(2,minmax(88px,120px)) minmax(120px,1fr);align-items:end;gap:10px;margin-top:12px;display:grid}.pick-controls .wide{grid-column:auto}.pick-controls.winner-only{grid-template-columns:1fr;align-items:center}.winner-only-note{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:750}.inline-error{color:var(--danger);margin-top:10px;font-size:13px;font-weight:750;line-height:1.4}.pick-breakdown{background:var(--surface-soft);border-radius:8px;margin-top:10px;padding:9px 10px}.round-save-bar{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.round-save-bar div{gap:3px;display:grid}.round-save-bar strong{color:var(--ink);font-size:15px}.round-save-bar span{color:var(--muted);font-size:13px}.leaderboard.full{max-width:840px;margin:0 auto}.leaderboard-list{gap:8px;display:grid}.leader-row{background:var(--surface-soft);border-radius:8px;grid-template-columns:52px 34px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.rank{color:var(--muted);font-size:13px;font-weight:850}.flag{object-fit:cover;vertical-align:-5px;border-radius:3px;width:30px;height:22px;display:inline-block;box-shadow:0 0 0 1px #0823381f}.flag.fallback{background:var(--surface);justify-content:center;align-items:center;font-size:16px;display:inline-flex}.leader-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.admin-shell{gap:18px;display:grid}.admin-login{gap:14px;display:grid}.admin-pin,.admin-actions{gap:10px;display:flex}.admin-actions{flex-wrap:wrap}.admin-locked-note{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:10px 12px;font-size:14px}.admin-table{overflow-x:auto}.otp-form{border-top:1px solid var(--border);margin-top:4px;padding-top:14px}.otp-form small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.whatsapp-admin{gap:14px;display:grid}.whatsapp-status-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.whatsapp-status-grid span,.qr-box{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;padding:10px}.whatsapp-status-grid strong{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;display:block}.qr-box{align-items:center;gap:14px;display:flex}.qr-box img{background:#fff;border-radius:8px;width:180px;height:180px;padding:8px}.manual-whitelist{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;gap:10px;display:grid}.compact-table{min-width:560px}.table{gap:8px;min-width:720px;display:grid}.table-row{background:var(--surface-soft);border-radius:8px;grid-template-columns:1.1fr 1fr .8fr auto;align-items:center;gap:10px;padding:10px;display:grid}.table-row strong,.table-row small{display:block}.match-admin-row{grid-template-columns:120px minmax(220px,1fr) 64px 64px 180px 180px auto}.user-admin-row{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1fr) minmax(120px,.8fr) auto auto}@media (width<=900px){.app{padding:10px}.topbar{flex-direction:column;align-items:stretch;gap:10px;position:static}.nav{grid-template-columns:repeat(2,1fr);display:grid}.topbar-actions{flex-direction:column;align-items:stretch}.hero-panel,.main-grid{grid-template-columns:1fr}.hero-panel{padding:20px}.score-grid{grid-template-columns:repeat(2,1fr)}.entry-form,.entry-form.compact,.pick-controls{grid-template-columns:1fr}.round-save-bar{flex-direction:column;align-items:stretch}.journey-steps{grid-template-columns:1fr}.returning-summary{flex-direction:column;align-items:flex-start}.teams{grid-template-columns:1fr}.versus{text-align:center}.section-heading,.admin-pin{flex-direction:column}.whatsapp-status-grid,.manual-whitelist{grid-template-columns:1fr}.qr-box{flex-direction:column;align-items:flex-start}}@media (width<=520px){.score-grid{grid-template-columns:1fr}h1{font-size:38px}.panel,.hero-panel{border-radius:8px;padding:14px}}