*{box-sizing:border-box}html,body{background:#102564;margin:0;padding:0}#root{background:#102564;min-height:100vh}:root{--color-navy-900:#102564;--color-navy-800:#102564;--color-input-bg:#284589;--color-border:#648bc3;--color-text-primary:#fff;--color-text-secondary:#7a90b4;--color-yellow:#f5c842;--color-yellow-text:#111827;--color-mint:#3ecf8e;--color-mint-bg:#3ecf8e1f;--color-key-bg:#c5d8f7;--color-key-bg-pressed:#a8c2ef;--color-coral:#ff701f;--color-coral-bg:#e8533a1f;--font-display:"Sora", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-pill:9999px;--radius-key:16px;--radius-card:20px;--transition-fast:.15s ease;--transition-medium:.3s ease}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #f5c84233;border-color:var(--color-yellow)!important}.landing-screen{background:var(--color-navy-900);min-height:100dvh;color:var(--color-text-primary);font-family:var(--font-body);justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-4);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.landing-top{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.landing-welcome{font-family:var(--font-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px}.landing-title{font-family:var(--font-display);color:var(--color-yellow);text-align:center;margin:0;font-size:36px;font-weight:700}.landing-pills{gap:var(--space-3);margin-top:var(--space-3);display:flex}.landing-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:#648bc3;font-family:var(--font-body);padding:var(--space-2) var(--space-4);cursor:pointer;background:0 0;border:1.5px solid #648bc3;font-size:14px;font-weight:600;display:inline-flex}.landing-pill:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.landing-buttons{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) 0;flex-direction:column;display:flex}.landing-button{background:var(--color-yellow);width:100%;max-width:320px;color:var(--color-yellow-text);border-radius:var(--radius-pill);font-family:var(--font-body);padding:var(--space-4) var(--space-5);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.landing-button--secondary{border:1.5px solid var(--color-yellow);color:var(--color-yellow);background:0 0}.landing-sponsor{flex-direction:column;align-items:center;gap:16px;display:flex}.landing-sponsor__label{font-family:var(--font-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px}.landing-sponsor__logo{width:200px;height:auto}.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);box-sizing:border-box;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-text-primary);white-space:nowrap;text-align:center;margin:0;font-size:28px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.setup-header{margin-bottom:var(--space-4);align-items:center;display:flex;position:relative}.setup-back{color:var(--color-yellow);font-family:var(--font-body);cursor:pointer;text-align:left;z-index:1;background:0 0;border:none;padding:0;font-size:16px;font-weight:600;position:relative}.setup-label{color:var(--color-text-primary);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.setup-input{border-radius:var(--radius-key);color:var(--color-text-primary);font-family:var(--font-body);padding:var(--space-4);background:0 0;border:1.5px solid #648bc3;width:100%;font-size:16px;font-weight:400}.setup-input:focus{border-color:var(--color-yellow);outline:none;box-shadow:0 0 0 3px #f5c84233}.setup-input::placeholder{color:var(--color-text-secondary)}.setup-input--passcode{letter-spacing:.3em;text-align:center;font-size:24px;font-weight:700}.setup-button{background:var(--color-yellow);width:100%;color:var(--color-yellow-text);border-radius:var(--radius-pill);font-family:var(--font-body);padding:var(--space-4) 0;cursor:pointer;margin-top:var(--space-3);border:none;font-size:16px;font-weight:700}.setup-button:disabled{opacity:.4;cursor:not-allowed}.setup-team-choice-row{gap:var(--space-3);display:flex}.setup-team-choice{background:var(--color-navy-900);border-radius:var(--radius-key);color:var(--color-text-primary);font-family:var(--font-body);padding:var(--space-4);cursor:pointer;border:1.5px solid #648bc3;flex:1;font-size:16px;font-weight:600}.setup-section-heading{font-family:var(--font-display);color:var(--color-text-primary);margin:var(--space-4) 0 var(--space-2);font-size:20px;font-weight:700}.setup-player-list{gap:var(--space-2);flex-direction:column;display:flex}.setup-add-row{border-radius:var(--radius-key);color:var(--color-text-secondary);font-family:var(--font-body);padding:var(--space-3);cursor:pointer;text-align:center;background:0 0;border:1.5px dashed #648bc3;width:100%;font-size:16px;font-weight:600}.setup-error{font-family:var(--font-body);color:var(--color-coral);margin:0;font-size:13px}.setup-player-row{align-items:center;gap:var(--space-2);display:flex}.setup-player-row .setup-input--player{flex:1}.setup-delete-player{color:var(--color-coral);cursor:pointer;padding:var(--space-2);background:0 0;border:none;flex-shrink:0;align-items:center;display:flex}.setup-delete-player:hover{opacity:.7}.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__right{align-items:flex-start;gap:var(--space-3);flex-shrink:0;display:flex}.scoring-header__innings{margin-left:var(--space-5);flex-direction:column;gap:2px;display:flex}.scoring-header__innings .scoring-header__label{color:var(--color-text-secondary)}.scoring-header__innings-team{font-family:var(--font-display);color:var(--color-yellow);font-size:32px;font-weight:700;line-height:40px}.scoring-header__label{letter-spacing:.06em;color:var(--color-text-secondary);text-transform:uppercase;font-size:12px;font-weight:600}.scoring-header__value{font-family:var(--font-display);color:var(--color-yellow);font-size:32px;font-weight:700;line-height:40px}.scoring-header__row{flex:1;align-items:flex-start;display:flex}.menu-button{color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;font-size:48px;line-height:1;position:relative}.co-scoring-badge{background:var(--color-coral);color:var(--color-text-primary);border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:18px;height:18px;font-size:12px;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}.ball-dot__value{font-size:16px;line-height:1}.ball-dot--normal{background:var(--color-mint);color:var(--color-navy-900)}.ball-dot--placeholder{border:2px solid #648bc3}.ball-dot--extra{border:2px dotted var(--color-mint);background:var(--color-navy-900);color:var(--color-mint)}.ball-dot-tabbed{flex-direction:column;flex:none;align-items:center;gap:0;display:inline-flex}.ball-dot-tabbed__tab{font-family:var(--font-body);letter-spacing:.03em;border-radius:var(--radius-pill);text-align:center;min-width:38px;color:var(--color-navy-900);white-space:nowrap;z-index:1;margin-bottom:-4px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1;position:relative}.ball-dot-tabbed__circle{width:38px;height:38px;font-family:var(--font-display);color:var(--color-navy-900);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.ball-dot-tabbed--extra .ball-dot-tabbed__tab{background:var(--color-mint);color:var(--color-navy-900)}.ball-dot-tabbed--extra .ball-dot-tabbed__circle{border:2px dotted var(--color-mint);background:var(--color-navy-900);color:var(--color-mint)}.ball-dot-tabbed--wicket .ball-dot-tabbed__tab,.ball-dot-tabbed--wicket .ball-dot-tabbed__circle,.ball-dot-tabbed--wicket-extra .ball-dot-tabbed__tab{background:var(--color-coral)}.ball-dot-tabbed--wicket-extra .ball-dot-tabbed__circle{border:2px dashed var(--color-coral);background:var(--color-coral-bg);color:var(--color-coral)}.match-context-row{border-radius:var(--radius-card);border:1px solid #648bc3;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 #648bc3}.match-context-cell__label{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:16px;display:flex}.match-context-cell__value{align-items:center;gap:6px;font-size:16px;font-weight:400;display:flex}.match-context-cell__value--warning{color:var(--color-coral)}.match-context-cell__value--flash{animation:.9s ease-out striker-flash}@keyframes striker-flash{0%{color:var(--color-yellow);transform:scale(1.08)}60%{color:var(--color-yellow);transform:scale(1.08)}to{color:var(--color-text-primary);transform:scale(1)}}.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);font-family:var(--font-body);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:16px;font-weight:700;line-height:24px;display:flex}.pill-button--active{background:var(--color-yellow);color:var(--color-yellow-text);border:none}.pill-button--wkt{border-color:var(--color-coral);color:var(--color-coral)}.pill-button--wkt-active{background:var(--color-coral);color:#fff;border:none}.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:24px;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);color:var(--color-yellow-text);border:none}.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:13px;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:#0000}.stepper--active .stepper__value,.stepper--active .stepper__btn{color:var(--color-yellow-text)}.stepper--disabled{opacity:.35}.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);font-family:var(--font-body);padding:var(--space-4) 0;cursor:pointer;margin-top:var(--space-2);transition:opacity var(--transition-fast);border:none;font-size:16px;font-weight:700}.submit-button:disabled{opacity:.45;cursor:not-allowed}.submit-button--wicket-pending,.submit-button--three-dots{background:var(--color-coral);color:#fff}.modal-overlay{z-index:50;background:#000000d9;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-navy-800);padding:var(--space-6) var(--space-5) var(--space-5);width:100%;max-width:100%;height:100dvh;max-height:100vh;box-shadow:var(--shadow-card);border-radius:0;position:relative;overflow-y:auto}.modal-card--compact{border-radius:var(--radius-card);width:90%;max-width:400px;height:auto;max-height:80vh;margin:auto}.modal-card--menu{padding-bottom:var(--space-6);flex-direction:column;display:flex;overflow:hidden}.modal-card--rulebook{height:100dvh;max-height:100vh;padding-bottom:var(--space-7)}.rulebook-content,.rulebook-list{padding-right:var(--space-2);padding-bottom:var(--space-6);flex:1;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:20px;font-weight:700}.rulebook-section p{font-family:var(--font-body);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:20px;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:20px;line-height:1.5}.modal-card--scorecard{background:var(--color-navy-900);height:100dvh;max-height:100vh;box-shadow:none;border-radius:0;flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.scorecard-content{padding-right:var(--space-2);padding-bottom:var(--space-6);flex:1;overflow-y:auto}.scorecard-status{font-family:var(--font-body);color:var(--color-text-primary);font-size:20px}.scorecard-status--error{color:var(--color-coral)}.scorecard-team{margin-bottom:var(--space-5)}.scorecard-team:last-child{margin-bottom:0}.scorecard-team__title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:20px;font-weight:700}.scorecard-section-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-2);font-size:13px;font-weight:700}.scorecard-empty{font-family:var(--font-body);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:16px}.scorecard-list{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.scorecard-player-card{padding:var(--space-2) 0;border-bottom:1px solid #ffffff0f}.scorecard-player-card:last-child{border-bottom:none}.scorecard-player-card__name{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:20px;font-weight:700}.scorecard-player-card__stats{gap:var(--space-2);flex-wrap:nowrap;display:flex}.scorecard-stat{flex-direction:column;align-items:flex-start;min-width:36px;display:flex}.scorecard-stat__value{font-family:var(--font-display);color:var(--color-text-primary);font-size:20px;font-weight:700;line-height:1.1}.scorecard-stat__label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);margin-top:2px;font-size:12px;font-weight:600}.scorecard-not-out{color:var(--color-yellow);font-weight:700}.modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-yellow);cursor:pointer;background:0 0;border:none;font-size:40px;position:absolute}.modal-title{font-family:var(--font-display);margin-bottom:var(--space-6);color:var(--color-coral);font-size:32px;font-weight:600;line-height:38.4px}.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);color:var(--color-text-primary);font-family:var(--font-body);padding:12px var(--space-2);cursor:pointer;text-align:center;background:0 0;border:1.5px solid #648bc3;font-size:16px;font-weight:400;position:relative}.modal-option-button__current-tick{color:var(--color-mint);margin-left:4px;font-size:20px;font-weight:700;display:inline-block}.modal-option-button--selected{color:var(--color-yellow);border-color:#648bc3}.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);font-family:var(--font-body);padding:var(--space-4) 0;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.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:16px;text-decoration:underline;display:block}.banner{border-radius:var(--radius-key);padding:var(--space-3) var(--space-4);font-size:13px;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-900);color:var(--color-text-primary);border-radius:var(--radius-key);padding:var(--space-3) var(--space-4);font-size:16px;font-weight:600;font-family:var(--font-body);text-align:left;cursor:pointer;align-items:center;gap:var(--space-3);border:1px solid #648bc3;width:100%;display:flex}.match-menu-item svg{flex-shrink:0;width:22px;height:22px}.match-menu-item:hover{background:var(--color-navy-900)}.match-menu-item--toggle{cursor:default}.match-menu-item--locked{opacity:.6}.match-menu-item--wide-locked{color:var(--color-text-secondary);opacity:1}.match-menu-item--wide-locked svg,.match-menu-item--wide-locked .match-menu-item__toggle-text span{color:var(--color-text-secondary)}.match-menu-item--wide-locked .menu-wide-btn--yes,.match-menu-item--wide-locked .menu-wide-btn--no{color:var(--color-text-secondary);background:var(--color-navy-900);cursor:default;border-color:#648bc3}.match-menu-item__toggle-text{font-family:var(--font-body);flex-direction:column;flex:1;gap:2px;display:flex}.match-menu-item__toggle-sub{font-family:var(--font-body);color:var(--color-text-secondary);font-size:12px;font-weight:400}.menu-wide-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-key);font-family:var(--font-body);letter-spacing:.08em;cursor:pointer;border:none;flex-shrink:0;font-size:13px;font-weight:700}.menu-wide-btn--yes{background:var(--color-navy-900);color:var(--color-text-secondary);border:1px solid #648bc3}.menu-wide-btn--no{background:var(--color-navy-900);color:var(--color-mint);border:1px solid var(--color-mint)}.menu-wide-btn:disabled{cursor:default;opacity:.5}.menu-toggle{border-radius:var(--radius-pill);cursor:pointer;border:none;flex-shrink:0;align-items:center;width:46px;height:26px;padding:3px;transition:background .2s;display:flex}.menu-toggle:disabled{cursor:default}.menu-toggle--on{background:var(--color-mint)}.menu-toggle--off{background:var(--color-yellow)}.menu-toggle__knob{border-radius:50%;width:20px;height:20px;transition:transform .2s,background .2s;display:block}.menu-toggle--on .menu-toggle__knob{background:#fff;transform:translate(20px)}.menu-toggle--off .menu-toggle__knob{background:var(--color-text-secondary);transform:translate(0)}.match-id-display{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-4);border-radius:var(--radius-key);cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;margin-top:0;display:flex}.match-id-display__label{font-family:var(--font-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:13px}.match-id-display__value{font-family:var(--font-display);color:var(--color-yellow);letter-spacing:.05em;flex:1;font-size:24px;font-weight:600}.match-id-display__action{font-family:var(--font-body);color:var(--color-mint);flex-shrink:0;align-items:center;gap:5px;margin-left:auto;font-size:13px;display:flex}.modal-card--innings-summary{height:100dvh;max-height:100vh;font-family:var(--font-body);flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.innings-summary__heading{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-mint);margin:0 0 var(--space-2);font-size:13px;font-weight:700}.innings-summary__team{font-family:var(--font-body);color:var(--color-yellow);margin:0 0 var(--space-5);font-size:24px;font-weight:600}.innings-summary__total-block{gap:var(--space-1);margin-bottom:var(--space-5);flex-direction:column;align-items:flex-start;display:flex}.innings-summary__total-label{font-family:var(--font-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.innings-summary__total-value{font-family:var(--font-display);color:var(--color-mint);font-size:72px;font-weight:800;line-height:1}.innings-summary__pairs{flex-direction:column;flex:1;display:flex;overflow:hidden}.innings-summary__pairs-heading{font-family:var(--font-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-2);font-size:13px;font-weight:700}.innings-summary__content{padding-right:var(--space-2);flex:1;overflow-y:auto}.innings-summary__pair-row{padding:var(--space-3) 0;border-bottom:1px solid #648bc3;justify-content:space-between;align-items:center;display:flex}.innings-summary__pair-name{font-family:var(--font-body);color:var(--color-text-primary);font-size:16px;font-weight:400}.innings-summary__pair-runs{font-family:var(--font-display);font-size:20px;font-weight:800}.innings-summary__continue{margin-top:var(--space-5);margin-bottom:var(--space-5);flex-shrink:0}.scorecard-no-wide-banner{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-navy-900);background:var(--color-coral);border-radius:var(--radius-key);padding:var(--space-3) var(--space-4);text-align:center;margin-bottom:var(--space-4);font-size:13px;font-weight:700}.roster-picker-list{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;max-height:60vh;display:grid;overflow-y:auto}.roster-picker-item{background:var(--color-navy-900);border-radius:var(--radius-key);padding:var(--space-3) var(--space-3);cursor:pointer;text-align:left;align-items:center;gap:var(--space-2);width:100%;font-family:var(--font-body);color:var(--color-text-primary);border:1.5px solid #648bc3;font-size:16px;font-weight:400;display:flex}.roster-picker-item--selected{border-color:var(--color-yellow);background:0 0}.roster-picker-item--disabled{opacity:.4;cursor:not-allowed}.roster-picker-item__name{flex:1}.roster-picker-item__count{color:var(--color-text-secondary);flex-shrink:0;font-size:13px;font-weight:400}.roster-picker-item__tick{color:var(--color-yellow);flex-shrink:0;align-items:center;display:flex}.rulebook-list{gap:var(--space-3);padding-bottom:var(--space-5);flex-direction:column;display:flex}.rulebook-card{background:var(--color-navy-900);border-radius:var(--radius-key);padding:var(--space-4);border:1px solid #648bc3}.rulebook-card__body{gap:var(--space-4);align-items:flex-start;display:flex}.rulebook-card__icon{color:var(--color-yellow);flex-shrink:0;margin-top:2px}.rulebook-card__title{font-family:var(--font-body);color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:16px;font-weight:700}.rulebook-card__items{gap:var(--space-2);flex-direction:column;margin:0;padding-left:0;list-style:none;display:flex}.rulebook-card__item{font-family:var(--font-body);color:var(--color-text-secondary);font-size:16px;font-weight:400;line-height:1.55}.edit-teams-card{background:var(--color-navy-800);padding:var(--space-6) var(--space-5) 0;border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.edit-teams-content{padding-bottom:var(--space-6);padding-right:var(--space-2);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.edit-teams-label{color:var(--color-yellow);margin-bottom:var(--space-1);font-size:20px;font-weight:700}.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{width:100%;max-width:360px;padding-bottom:var(--space-3);border-bottom:1px solid #648bc3;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}.result-match-id{width:100%;max-width:320px;margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:10px;display:flex}.result-match-id__label{font-family:var(--font-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.result-match-id__value{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.1em;text-align:center;flex:1;font-size:14px;font-weight:700}.result-match-id__action{font-family:var(--font-body);color:var(--color-yellow);font-size:12px}.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;align-items:center;gap:var(--space-2);border:none;font-size:16px;font-weight:700;display:inline-flex}.over-complete-button__icon{font-size:18px;line-height:1}@keyframes over-complete-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.celebration-overlay{z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:5s forwards celebration-fade;display:flex;position:fixed;inset:0}.celebration-overlay--boundary{background:var(--color-navy-900)}.celebration-overlay--wicket{background:var(--color-coral)}.celebration-score{font-family:var(--font-display);text-align:center;font-size:420px;font-weight:800;line-height:1}.celebration-overlay--boundary .celebration-score{color:var(--color-mint)}.celebration-overlay--wicket .celebration-score{color:var(--color-navy-900);font-size:240px}.celebration-label{font-family:var(--font-display);text-align:center;letter-spacing:.04em;font-size:48px;font-weight:700}.celebration-overlay--boundary .celebration-label{color:var(--color-text-secondary)}.celebration-overlay--wicket .celebration-label{color:var(--color-navy-900)}.celebration-sponsor{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.celebration-sponsor__logo{width:300px;height:auto}@keyframes celebration-fade{0%{opacity:0;transform:scale(.95)}8%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.9;animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.2;transform:translateY(110vh)rotate(720deg)}}.live-view-screen{background:var(--color-navy-900);width:100vw;height:100dvh;font-family:var(--font-body);box-sizing:border-box;flex-direction:column;padding:3vw 4vw 0;display:flex;overflow:hidden}.live-view-status{color:var(--color-text-secondary);text-align:center;padding:40px;font-size:20px}.live-view-status--error{color:var(--color-coral)}.tv-card{flex-direction:column;flex:1;justify-content:space-between;padding-bottom:72px;display:flex;overflow:hidden}.tv-row-top{grid-template-columns:42% 58%;align-items:start;display:grid}.tv-cell-over{flex-direction:column;display:flex}.tv-cell-score{flex-direction:column;align-items:flex-end;display:flex}.tv-row-bottom{flex-direction:column;display:flex}.tv-stat-label{letter-spacing:.1em;text-transform:uppercase;font-weight:800;line-height:1}.tv-stat-label--over{color:var(--color-mint);margin-bottom:.3vw;font-size:3.5vw}.tv-stat-value--over{color:var(--color-mint);font-family:var(--font-display);font-size:16vw;font-weight:800;line-height:.88}.tv-stat-label--runs-req{color:var(--color-text-secondary);text-align:right;margin-bottom:.3vw;font-size:3.5vw;font-weight:800}.tv-score{color:var(--color-yellow);font-family:var(--font-display);white-space:nowrap;text-align:right;font-size:clamp(80px,20vw,420px);font-weight:800;line-height:.84}.tv-stat-label--pair-total{color:var(--color-yellow);text-align:right;white-space:nowrap;margin-top:.4vw;font-size:2.2vw;font-weight:800}.tv-stat-label--run-this-over{color:var(--color-text-primary);margin-bottom:.4vw;font-size:3.5vw}.tv-stat-value--run-this-over{color:var(--color-text-primary);font-family:var(--font-display);margin-bottom:1.5vw;font-size:6vw;font-weight:700;line-height:1}.tv-ball-history{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1vw;overflow:auto visible}.tv-ball-history::-webkit-scrollbar{display:none}.tv-ball-history .over-ball-history{flex-wrap:nowrap;align-items:flex-end;gap:1.2vw;overflow:visible}.tv-ball-history .ball-dot{width:6.5vw;height:6.5vw}.tv-ball-history .ball-dot__value{font-size:2.2vw}.tv-ball-history .ball-dot-tabbed__circle{width:6.5vw;height:6.5vw;font-size:2.2vw}.tv-ball-history .ball-dot-tabbed__tab{min-width:6.5vw;margin-bottom:-.6vw;padding:.5vw 1.2vw;font-size:1.4vw}.tv-ball-history .ball-dot--placeholder{width:6.5vw;height:6.5vw}.sponsor-ticker{background:var(--color-navy-900);z-index:50;border-top:1px solid #ffffff14;align-items:center;height:56px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.sponsor-ticker__track{white-space:nowrap;align-items:center;animation:28s linear infinite ticker-scroll;display:flex}.sponsor-ticker__item{align-items:center;gap:16px;padding:0 60px;display:inline-flex}.sponsor-ticker__logo{flex-shrink:0;width:auto;height:32px}.sponsor-ticker__text{font-family:var(--font-body);color:var(--color-text-primary);letter-spacing:.02em;font-size:20px;font-weight:700}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tv-landscape-only{display:grid}.tv-portrait-only{display:none}@media (orientation:portrait){.tv-landscape-only{display:none!important}.tv-portrait-only{flex-direction:column;gap:0;width:100%;display:flex}.live-view-screen{padding:5vw 5vw 80px}.tv-card{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:0}.tv-portrait-row{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.tv-portrait-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:1vw;font-size:3.5vw;font-weight:700}.tv-portrait-row--innings{margin-bottom:5vw}.tv-portrait-team{font-family:var(--font-display);color:var(--color-text-primary);font-size:7vw;font-weight:700;line-height:1}.tv-portrait-row--over-run{flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;margin-bottom:4vw}.tv-portrait-cell{flex-direction:column;flex:1;align-items:center;display:flex}.tv-portrait-divider{background:var(--color-yellow);width:1px;height:12vw;margin:0 4vw}.tv-portrait-over{font-family:var(--font-display);color:var(--color-text-primary);font-size:10vw;font-weight:700;line-height:1}.tv-portrait-run-this-over{font-family:var(--font-display);color:var(--color-mint);font-size:10vw;font-weight:700;line-height:1}.tv-portrait-row--runs{margin-bottom:4vw}.tv-portrait-score{font-family:var(--font-display);color:var(--color-yellow);font-size:35vw;font-weight:800;line-height:.9}.tv-portrait-row--pair{margin-bottom:6vw}.tv-portrait-pair{font-family:var(--font-display);color:var(--color-text-primary);font-size:12vw;font-weight:700;line-height:1}.tv-portrait-row--balls{margin-bottom:0}.tv-portrait-balls{width:100%}.tv-portrait-balls .over-ball-history{grid-template-columns:repeat(4,1fr);gap:2.5vw;padding:2vw 0;display:grid;overflow:visible}.tv-portrait-balls .ball-dot{width:17vw;height:17vw;margin:0 auto;font-size:5.5vw}.tv-portrait-balls .ball-dot-tabbed{flex-direction:column;align-items:center;display:flex}.tv-portrait-balls .ball-dot-tabbed__circle{width:17vw;height:17vw;font-size:5.5vw}.tv-portrait-balls .ball-dot-tabbed__tab{min-width:14vw;padding:.8vw 2vw;font-size:3vw}}.matches-screen{background:var(--color-navy-900);min-height:100dvh;font-family:var(--font-body);padding:var(--space-6) 16px var(--space-6);box-sizing:border-box;flex-direction:column;display:flex}.matches-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex;position:relative}.matches-back{color:var(--color-yellow);font-family:var(--font-body);cursor:pointer;text-align:left;z-index:1;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;font-weight:600;position:relative}.matches-title{font-family:var(--font-display);color:var(--color-text-primary);text-align:center;white-space:nowrap;margin:0;font-size:28px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.matches-notice{align-items:center;gap:var(--space-2);color:var(--color-coral);font-family:var(--font-body);padding:var(--space-3) 0;margin-bottom:var(--space-5);text-align:center;flex-direction:column;font-size:16px;font-weight:600;display:flex}.matches-list{gap:var(--space-2);flex-direction:column;display:flex}.matches-empty{color:var(--color-text-secondary);font-family:var(--font-body);text-align:center;padding:var(--space-8) 0;margin:0;font-size:16px}.matches-item{align-items:center;gap:var(--space-3);background:var(--color-navy-900);border-radius:var(--radius-key);padding:var(--space-4) var(--space-5);cursor:pointer;text-align:left;border:1px solid #648bc3;width:100%;display:flex}.matches-item__date{font-family:var(--font-display);color:var(--color-yellow);flex-shrink:0;align-items:center;min-width:100px;font-size:20px;font-weight:700;display:flex}.matches-item__teams{font-family:var(--font-body);font-family:var(--font-body);color:var(--color-text-primary);flex:1;font-size:16px;font-weight:600}.whats-new-screen{background:var(--color-navy-900);min-height:100dvh;font-family:var(--font-body);padding:var(--space-6) 16px;box-sizing:border-box;flex-direction:column;display:flex}.whats-new-header{margin-bottom:var(--space-6);align-items:center;display:flex;position:relative}.whats-new-back{color:var(--color-yellow);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;font-weight:600}.whats-new-title{font-family:var(--font-display);color:var(--color-text-primary);white-space:nowrap;margin:0;font-size:28px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.whats-new-list{gap:var(--space-4);flex-direction:column;display:flex}.whats-new-card{background:var(--color-navy-900);border-radius:var(--radius-key);padding:var(--space-5);border:1px solid #648bc3}.whats-new-card__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.whats-new-card__version{font-family:var(--font-body);letter-spacing:.08em;color:var(--color-navy-900);background:var(--color-mint);border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;font-weight:700}.whats-new-card__date{font-family:var(--font-body);color:var(--color-text-secondary);font-size:13px}.whats-new-card__body{gap:var(--space-4);align-items:flex-start;display:flex}.whats-new-card__icon{color:var(--color-yellow);flex-shrink:0;margin-top:2px}.whats-new-card__title{font-family:var(--font-body);color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:16px;font-weight:700}.whats-new-card__desc{font-family:var(--font-body);color:var(--color-text-secondary);margin:0;font-size:16px;font-weight:400;line-height:1.55}