*{box-sizing:border-box}html,body{margin:0;padding:0}#root{min-height:100vh}:root{--color-navy-900:#0f1a4a;--color-navy-800:#16215c;--color-navy-700:#1f2c6e;--color-navy-border:#2c3a82;--color-yellow:#f6cf4a;--color-yellow-text:#1a1a1a;--color-mint:#3ecf8e;--color-mint-bg:#3ecf8e1f;--color-sky:#6fa8f5;--color-coral:#ef7b5e;--color-coral-bg:#ef7b5e1f;--color-key-bg:#c9d9f7;--color-key-bg-pressed:#aebde0;--color-text-primary:#fff;--color-text-secondary:#9aa6d6;--color-text-on-light:#0f1a4a;--font-display:"Sora", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono-score:"Sora", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-pill:999px;--radius-card:20px;--radius-key:16px;--shadow-card:0 8px 24px #00000040;--transition-fast:.12s ease;--transition-medium:.22s ease}.landing-screen{background:var(--color-navy-900);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.landing-title{font-family:var(--font-display);color:var(--color-yellow);margin-bottom:var(--space-4);font-size:32px;font-weight:700}.landing-button{background:var(--color-yellow);width:100%;max-width:320px;color:var(--color-yellow-text);border-radius:var(--radius-pill);padding:var(--space-4) 0;cursor:pointer;border:none;font-size:16px;font-weight:700}.landing-button--secondary{border:1.5px solid var(--color-key-bg);color:var(--color-key-bg);background:0 0}.setup-screen{background:var(--color-navy-900);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body);padding:var(--space-6) var(--space-4);max-width:480px;margin:0 auto}.setup-card{gap:var(--space-3);flex-direction:column;display:flex}.setup-title{font-family:var(--font-display);color:var(--color-yellow);margin-bottom:var(--space-3);font-size:26px;font-weight:700}.setup-label{color:var(--color-text-secondary);margin-top:var(--space-2);font-size:13px}.setup-input{background:var(--color-navy-800);border:1.5px solid var(--color-navy-border);border-radius:var(--radius-key);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);font-size:16px}.setup-input--player{margin-bottom:var(--space-2)}.setup-select{background:var(--color-navy-800);border:1.5px solid var(--color-navy-border);border-radius:var(--radius-key);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);font-size:16px}.setup-add-row{background:var(--color-navy-800);border:1.5px solid var(--color-navy-border);color:var(--color-yellow);cursor:pointer;width:32px;height:32px;margin:var(--space-2) 0 var(--space-4);border-radius:50%;align-self:center;font-size:18px}.setup-button{background:var(--color-yellow);color:var(--color-yellow-text);border-radius:var(--radius-pill);padding:var(--space-4) 0;cursor:pointer;margin-top:var(--space-3);border:none;font-size:16px;font-weight:700}.setup-button:disabled{opacity:.45;cursor:not-allowed}.setup-team-choice-row{gap:var(--space-3);display:flex}.setup-team-choice{border:1.5px solid var(--color-key-bg);color:var(--color-key-bg);border-radius:var(--radius-key);padding:var(--space-4) 0;cursor:pointer;background:0 0;flex:1;font-size:16px;font-weight:700}.setup-error{background:var(--color-coral-bg);color:var(--color-coral);border-radius:var(--radius-key);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:14px}.scoring-screen{background:var(--color-navy-900);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body);padding:var(--space-5) var(--space-4) var(--space-3);gap:var(--space-3);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.scoring-header{justify-content:space-between;align-items:flex-start;display:flex}.scoring-header__stat{flex-direction:column;gap:2px;display:flex}.scoring-header__stat+.scoring-header__stat{margin-left:var(--space-6)}.scoring-header__label{letter-spacing:.06em;color:var(--color-yellow);text-transform:uppercase;font-size:13px;font-weight:700}.scoring-header__value{font-family:var(--font-display);color:var(--color-yellow);font-size:36px;font-weight:700;line-height:1}.scoring-header__row{align-items:flex-start;display:flex}.menu-button{color:var(--color-yellow);cursor:pointer;padding:var(--space-2);background:0 0;border:none;font-size:24px;line-height:1;position:relative}.co-scoring-badge{background:var(--color-coral);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.over-ball-history{align-items:flex-end;gap:var(--space-2);scrollbar-width:none;scroll-behavior:smooth;display:flex;overflow-x:auto}.over-ball-history::-webkit-scrollbar{display:none}.ball-dot{width:38px;height:38px;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.ball-dot__value{font-size:16px;line-height:1}.ball-dot__value--text{letter-spacing:.02em;font-size:10px}.ball-dot--normal{background:var(--color-mint);color:var(--color-navy-900)}.ball-dot--placeholder{border:2px solid var(--color-navy-border)}.ball-dot--extra{border:2px dashed var(--color-mint);background:var(--color-mint-bg);color:var(--color-mint);flex-direction:column;gap:0}.ball-dot--extra .ball-dot__label{letter-spacing:.02em;font-size:9px;line-height:1}.ball-dot--extra .ball-dot__value{font-size:14px}.ball-dot--wicket{background:var(--color-coral);color:var(--color-navy-900)}.ball-dot--wicket-extra{background:var(--color-coral);color:var(--color-navy-900);margin-top:14px}.ball-dot--wicket-extra .ball-dot__value{font-size:18px}.ball-dot__tab{background:var(--color-coral);color:var(--color-navy-900);text-align:center;border-radius:5px 5px 0 0;width:22px;padding:3px 0 6px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.match-context-row{border:1px solid var(--color-navy-border);border-radius:var(--radius-card);display:flex;overflow:hidden}.match-context-cell{padding:var(--space-3) var(--space-4);flex-direction:column;flex:1;gap:4px;display:flex}.match-context-cell+.match-context-cell{border-left:1px solid var(--color-navy-border)}.match-context-cell__label{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.match-context-cell__value{align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.icon-button-inline{color:var(--color-yellow);cursor:pointer;background:0 0;border:none;padding:2px;font-size:24px;display:inline-flex}.icon-button-inline--overridden{color:var(--color-coral)}.delivery-type-row{gap:var(--space-3);display:flex}.pill-button{border-radius:var(--radius-pill);border:1.5px solid var(--color-key-bg);color:var(--color-key-bg);padding:var(--space-3) 0;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.pill-button--active,.pill-button--wkt-active{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-yellow-text)}.pill-button:disabled{opacity:.35;cursor:not-allowed}.numpad-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.numpad-key{aspect-ratio:1;border-radius:var(--radius-key);background:var(--color-key-bg);color:var(--color-navy-900);font-size:28px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.numpad-key:active{transform:scale(.96)}.numpad-key:disabled{opacity:.35;cursor:not-allowed}.numpad-key--selected{background:var(--color-yellow)}.zone-row{gap:var(--space-2);display:flex}.zone-button{border-radius:var(--radius-pill);border:1.5px solid var(--color-key-bg);color:var(--color-key-bg);padding:var(--space-2) 0;cursor:pointer;background:0 0;flex:1;font-size:13px;font-weight:700}.zone-button--selected{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-yellow-text)}.zone-button:disabled{opacity:.35;cursor:not-allowed}.controls-row{align-items:center;gap:var(--space-3);display:flex}.undo-button{border-radius:var(--radius-pill);background:var(--color-key-bg);color:var(--color-navy-900);padding:var(--space-3) var(--space-5);cursor:pointer;border:none;font-size:14px;font-weight:700}.undo-button:disabled{opacity:.4;cursor:not-allowed}.stepper{border-radius:var(--radius-pill);border:1.5px solid var(--color-key-bg);padding:var(--space-2) var(--space-4);flex:1;justify-content:space-between;align-items:center;display:flex}.stepper--active{background:var(--color-yellow);border-color:var(--color-yellow)}.stepper--active .stepper__value,.stepper--active .stepper__btn{color:var(--color-yellow-text)}.stepper__btn{color:var(--color-key-bg);cursor:pointer;background:0 0;border:none;width:28px;font-size:20px;font-weight:700}.stepper__btn:disabled{opacity:.35;cursor:not-allowed}.stepper__value{color:var(--color-key-bg);font-size:16px;font-weight:700}.submit-button{border-radius:var(--radius-pill);background:var(--color-yellow);color:var(--color-yellow-text);padding:var(--space-4) 0;cursor:pointer;margin-top:var(--space-2);transition:opacity var(--transition-fast);border:none;font-size:17px;font-weight:700}.submit-button:disabled{opacity:.45;cursor:not-allowed}.submit-button--wicket-pending{background:var(--color-coral)}.modal-overlay{z-index:50;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-navy-800);border-radius:var(--radius-card);padding:var(--space-5);width:100%;max-width:380px;box-shadow:var(--shadow-card);position:relative}.modal-card--rulebook{flex-direction:column;max-height:85vh;display:flex}.rulebook-content{padding-right:var(--space-2);overflow-y:auto}.rulebook-section{margin-bottom:var(--space-5)}.rulebook-section:last-child{margin-bottom:0}.rulebook-section__title{font-family:var(--font-display);color:var(--color-yellow);margin-bottom:var(--space-2);font-size:16px;font-weight:700}.rulebook-section p{font-family:var(--font-body);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:18px;line-height:1.5}.rulebook-section ul{margin:0 0 var(--space-2);padding-left:var(--space-4)}.rulebook-section li{font-family:var(--font-body);color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:18px;line-height:1.5}.modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-yellow);cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute}.modal-title{font-family:var(--font-display);margin-bottom:var(--space-4);color:var(--color-coral);font-size:22px;font-weight:700}.modal-title--accent{color:var(--color-yellow)}.wicket-type-grid,.fielder-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.modal-option-button{border-radius:var(--radius-key);border:1.5px solid var(--color-navy-border);color:var(--color-text-primary);padding:var(--space-4) var(--space-2);cursor:pointer;text-align:center;background:0 0;font-size:15px;font-weight:700;position:relative}.modal-option-button__current-tick{color:var(--color-mint);margin-left:4px;font-size:13px;font-weight:700;display:inline-block}.modal-option-button--selected{border-color:var(--color-yellow);color:var(--color-yellow)}.modal-option-button:disabled{opacity:.35;cursor:not-allowed}.modal-confirm-button{border-radius:var(--radius-pill);background:var(--color-yellow);width:100%;color:var(--color-yellow-text);padding:var(--space-4) 0;cursor:pointer;border:none;font-size:16px;font-weight:700}.modal-confirm-button:disabled{opacity:.4;cursor:not-allowed}.modal-link{text-align:center;color:var(--color-yellow);margin-top:var(--space-4);cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline;display:block}.banner{border-radius:var(--radius-key);padding:var(--space-3) var(--space-4);font-size:14px;font-weight:600}.banner--alert{background:var(--color-coral-bg);color:var(--color-coral)}.match-menu-list{gap:var(--space-2);flex-direction:column;display:flex}.match-menu-item{background:var(--color-navy-700);border:1px solid var(--color-navy-border);color:var(--color-text-primary);border-radius:var(--radius-key);padding:var(--space-4);text-align:left;cursor:pointer;font-size:16px;font-weight:600}.match-menu-item:hover{background:var(--color-navy-800)}.edit-teams-card{background:var(--color-navy-800);border-radius:var(--radius-card);padding:var(--space-5);gap:var(--space-2);flex-direction:column;width:90%;max-width:420px;max-height:80vh;display:flex;position:relative;overflow-y:auto}.result-screen{background:var(--color-navy-900);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body);padding:var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.result-status{color:var(--color-text-secondary);font-size:20px}.result-status--error{color:var(--color-coral)}.result-title{font-family:var(--font-display);color:var(--color-yellow);margin-bottom:var(--space-4);font-size:28px;font-weight:700}.result-innings-row{border-bottom:1px solid var(--color-navy-border);width:100%;max-width:360px;padding-bottom:var(--space-3);justify-content:space-between;font-size:20px;display:flex}.result-team-score{color:var(--color-text-primary);font-weight:700}.result-home-button{background:var(--color-yellow);width:100%;max-width:320px;color:var(--color-yellow-text);border-radius:var(--radius-pill);padding:var(--space-4) 0;cursor:pointer;margin-top:var(--space-5);border:none;font-size:16px;font-weight:700}.over-complete-overlay{background:var(--color-navy-900);justify-content:center;align-items:center;gap:var(--space-6);z-index:1000;flex-direction:column;animation:.4s forwards over-complete-pop-in;display:flex;position:fixed;inset:0}.over-complete-message{font-family:var(--font-display);color:var(--color-yellow);font-size:36px;font-weight:800}.over-complete-button{background:var(--color-yellow);color:var(--color-yellow-text);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-6);cursor:pointer;border:none;font-size:16px;font-weight:700}@keyframes over-complete-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.live-view-screen{background:var(--color-navy-900);min-height:100vh;padding:var(--space-6);font-family:var(--font-body);justify-content:center;align-items:center;display:flex}.live-view-status{color:var(--color-text-secondary);text-align:center;font-size:22px}.live-view-status--error{color:var(--color-coral)}.tv-card{width:100%;max-width:1100px;padding:var(--space-6) var(--space-7);justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.tv-card-left{gap:var(--space-2);flex-direction:column;display:flex}.tv-card-right{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.tv-stat-label{letter-spacing:.04em;text-transform:uppercase;font-weight:700}.tv-stat-label--over{color:var(--color-mint);font-size:22px}.tv-stat-value--over{color:var(--color-mint);font-family:var(--font-display);margin-bottom:var(--space-4);font-size:96px;font-weight:800;line-height:1}.tv-stat-label--run-this-over{color:var(--color-text-primary);font-size:18px}.tv-stat-value--run-this-over{color:var(--color-text-primary);font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1}.tv-stat-label--runs-req{color:var(--color-sky);font-size:26px;font-weight:800}.tv-score{color:var(--color-yellow);font-family:var(--font-display);font-size:128px;font-weight:800;line-height:1}.tv-stat-label--pair-total{color:var(--color-coral);margin-top:var(--space-2);font-size:20px;font-weight:800}.tv-ball-history{margin-top:var(--space-5);transform-origin:0 0;transform:scale(1.8)}@media (width<=700px){.tv-card{padding:var(--space-5);flex-direction:column;align-items:flex-start}.tv-card-right{align-items:flex-start;width:100%}.tv-stat-value--over{font-size:64px}.tv-score{font-size:80px}.tv-ball-history{transform:scale(1.4)}}