.live-score-container{font-family:Roboto,sans-serif;background:#dee1e4;padding:16px;border-radius:12px;max-width:400px;margin:0 auto;box-shadow:0 2px 8px #0000001a}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.back-btn,.settings-btn{background:none;border:none;cursor:pointer;color:#333}.view-buttons{display:flex;gap:10px}.view-btn{padding:6px 12px;border:none;background:#e0e0e0;border-radius:20px;cursor:pointer;font-weight:500}.view-btn.active{background:#07f;color:#fff}.settings-panel{background:#fff;padding:12px;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.settings-panel ul{list-style:none;padding:0}.settings-panel li{padding:8px 0;cursor:pointer}.scorecard-section{text-align:center;flex-grow:1;min-height:0;overflow-y:hidden;display:flex;flex-direction:column}.scorecard-section .innings-team,.scorecard-section .team-name,.scorecard-section .crr,.scorecard-section .score-overs,.scorecard-section .chasing-info,.scorecard-section .batsmen-info,.scorecard-section .bowler-info,.scorecard-section .over-history-section{flex-shrink:1;min-height:0}.innings-team{margin-bottom:-7px;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.innings{font-size:17px;font-weight:600;color:#555;margin:0;text-transform:uppercase}.team-name{margin:4px 0}.batting-team{font-size:20px;font-weight:700;color:#000}.bowling-team{font-size:14px;font-weight:500;color:#555}.crr{font-size:14px;color:#666;margin:-3px 0}.score-overs{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:1px 0}.score{font-size:35px;font-weight:700;color:#000;margin:0}.overs{font-size:16px;color:#666}.chasing-info{font-size:14px;color:#d32f2f;font-weight:500;margin-top:8px}.batsmen-info{display:flex;flex-direction:row;gap:12px;margin-top:16px}.batsman{position:relative;flex:1;padding:10px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;flex-basis:0;flex-grow:1}.batsman.striker{background:#fff;border:2px solid #008cff}.striker-header,.non-striker-header{width:100%;position:relative;text-align:center;padding-top:7px}.live-dot{position:absolute;top:0;right:8px;width:8px;height:8px;background:#ff5722;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.batsman-name{font-weight:600;font-size:15px;margin:0;cursor:pointer;text-align:center;width:100%;padding:0 12px}.batsman-stats{margin-top:4px;text-align:center}.batsman-runs{font-size:16px;font-weight:700}.batsman-balls{font-size:12px;color:#666}.out-status{display:block;font-size:10px;color:#d32f2f;margin-top:4px}.bowler-info{margin-top:20px;background:#f9f9f9;padding:12px;border-radius:12px}.bowler-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bowler-name{font-weight:600;margin:0;cursor:pointer}.bowler-spell{font-size:14px;color:#555}.change-bowler-btn{display:flex;align-items:center;gap:4px;background:#e0e0e0;border:none;padding:4px 8px;border-radius:8px;font-size:12px;cursor:pointer}.over-history-section{margin-top:16px;padding:12px;background:#fff;border-radius:12px}.section-title{font-weight:600;font-size:14px;margin-bottom:8px;color:#333}.balls-container{display:flex;gap:15px;flex-wrap:wrap}.ball-mark{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.boundary{background:#4caf50;color:#fff}.wicket{background:#f44336;color:#fff}.extra{background:none}.regular-run{background:#9e9e9e;color:#fff}.ball-mark.empty{opacity:.5;font-style:italic}.lower-section{margin-top:12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.button-row{display:flex;gap:8px}.end-innings-btn,.action-btn{flex:1;padding:12px;border:1px solid #ddd;border-radius:12px;font-weight:500;cursor:pointer;background:#fff}.end-innings-btn{font-weight:600}.yellow-btn{background:#ffbd59}.purple-btn{background:#cd62eb;color:#fff}.red-btn{background:#ed4f44;color:#fff}.white-btn{background:#fff}.undo-btn{background:#000;color:#fff}.action-btn:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.target-info{margin-top:12px;font-size:14px;flex-shrink:0}.target-row{display:flex;justify-content:center;gap:12px;margin-bottom:4px}.target-row.highlight{font-weight:600;color:#d32f2f;margin-bottom:6px}.target-combined-row{display:flex;justify-content:center;gap:50px}.target-label{color:#616161;font-weight:500}.target-value{font-weight:600;color:#000}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.modal.open{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006}.modal-content{position:relative;background:#fff;padding:24px;border-radius:8px;max-width:400px;z-index:1000}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 600px){.live-score-container{padding:8px}.header-actions{margin-bottom:10px}.team-name{font-size:14px}.score{font-size:28px}.batsman{padding:8px}.batsman-name{font-size:14px}}@media (max-width: 480px){.modal-content{width:95%;padding:15px}.number-grid,.out-options{grid-template-columns:repeat(3,1fr)}}@media (max-width: 360px){.number-grid,.out-options{grid-template-columns:repeat(2,1fr)}}.modal-content h3{margin:0 0 24px;color:#111827;font-size:1.5rem;font-weight:700;text-align:center}.modal-content h4{margin:24px 0 12px;font-size:1rem;font-weight:600;color:#4b5563;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.modal-content>*:not(h3):not(.modal-actions)+*{margin-top:16px}.number-grid,.out-options,.bowler-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.number-grid button,.out-options button,.bowler-option{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;background-color:#f9fafb;color:#374151;transition:all .2s ease;text-align:center}.number-grid button:hover,.out-options button:hover,.bowler-option:hover{border-color:#4f46e5;background-color:#eef2ff;color:#4f46e5}.number-grid button.selected,.out-options button.selected,.bowler-option.current-bowler{background-color:#4f46e5;color:#000;border-color:#4f46e5;transform:scale(1.05);box-shadow:0 4px 14px #4f46e540}.bowler-option .bowler-name{font-weight:600}.modal-content input[type=text],.modal-content input[type=number]{width:100%;padding:12px 15px;margin:0;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.modal-content input[type=text]:focus,.modal-content input[type=number]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.cancel-btn,.ok-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.cancel-btn:hover{background:#e5e7eb}.ok-btn{background:#4f46e5;color:#fff}.ok-btn:hover{background:#4338ca}.settings-options,.edit-players-screen,.choose-team-screen{flex-grow:1;overflow-y:auto;padding-right:8px}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f3f4f6}.setting-item label{font-weight:500;color:#374151}.setting-item input{width:80px;text-align:center}.edit-players-screen .setting-item{flex-direction:column;align-items:flex-start;gap:8px}.edit-players-screen .setting-item input{width:100%}.choose-team-screen,.edit-players-screen{text-align:center}.choose-team-screen button+button,.edit-players-screen div button+button{margin-left:1rem}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;background-color:#11182799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.confirm-modal-content{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:420px;text-align:center;animation:slideUpScale .4s cubic-bezier(.165,.84,.44,1)}@keyframes slideUpScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-icon{width:48px;height:48px;margin:0 auto 1rem;color:#f87171}.confirm-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.confirm-modal-message{font-size:1rem;line-height:1.5;color:#6b7280;margin:0 0 1.5rem}.confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-modal{padding:.75rem 1rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-modal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-modal-secondary{background-color:#e5e7eb;color:#374151;border:1px solid #d1d5db}.btn-modal-secondary:hover{background-color:#d1d5db}.btn-modal-danger{background-color:#ef4444;color:#fff}.btn-modal-danger:hover{background-color:#dc2626}.retire-options{display:flex;flex-direction:column;gap:1.5rem;width:100%}.retire-types,.batter-selection{display:flex;flex-direction:column;align-items:flex-start;width:100%}.retire-options h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#4b5563;text-align:left}.button-group{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:.75rem}.option-button{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;font-weight:600;font-size:.9rem;color:#374151;text-align:center;cursor:pointer;transition:all .2s ease-in-out}.option-button:hover{border-color:#a5b4fc;background-color:#eef2ff;color:#4f46e5}.option-button.selected{background-color:#4f46e5;color:#fff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 14px #4f46e540}.run-out-details{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-top:1rem;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.run-out-details h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.75rem}.batter-selection{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.run-out-details button{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;text-align:center}.run-out-details button:hover{background-color:#eef2ff;border-color:#a5b4fc;color:#4f46e5}.run-out-details button.selected{background-color:#4f46e5;color:#fff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 3px 10px #4f46e533}.direct-wicket-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem}.direct-wicket-section .wicket-title{margin:0;padding:0;border-bottom:none;font-size:1rem;font-weight:600;color:#374151;text-align:left}.modal-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;text-align:left;line-height:1.4}.direct-wicket-section .batter-selection button{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;font-weight:600;font-size:.9rem;color:#374151;text-align:center;cursor:pointer;transition:all .2s ease-in-out}.direct-wicket-section .batter-selection button:hover{border-color:#a5b4fc;background-color:#eef2ff;color:#4f46e5}.direct-wicket-section .batter-selection button.selected{background-color:#4f46e5;color:#fff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 14px #4f46e540}.previous-overs-modal .modal-content{padding:0;max-width:500px;background-color:#f8fafc}.previous-overs-modal .modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.previous-overs-modal .modal-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.previous-overs-modal .modal-header .close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;transition:color .2s ease}.previous-overs-modal .modal-header .close-btn:hover{color:#1e293b}.previous-overs-list{max-height:60vh;overflow-y:auto;padding:1rem}.over-summary-item{background-color:#fff;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0;transition:all .2s ease-in-out}.over-summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000012}.over-summary-item .over-summary-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px dashed #e2e8f0}.over-summary-item .over-number{font-size:1rem;font-weight:700;color:#4f46e5}.over-summary-item .bowler-name{font-size:.875rem;color:#64748b}.over-summary-item .over-runs-wickets{font-size:1rem;font-weight:600;color:#1e293b}.balls-container-modal{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;justify-content:flex-start}.balls-container-modal .ball-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:.875rem;font-weight:600;color:#1e293b;background-color:#f1f5f9;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.balls-container-modal .ball-mark.boundary{background-color:#4f46e5;color:#fff;border-color:#4338ca}.balls-container-modal .ball-mark.wicket{background-color:#ef4444;color:#fff;border-color:#dc2626}.balls-container-modal .ball-mark.extra{background-color:#f59e0b;color:#fff;border-color:#d97706;font-size:.75rem}.no-history-message{text-align:center;padding:2rem;color:#64748b;font-size:1rem}:root{--primary-color: #4f46e5;--primary-dark: #4338ca;--secondary-color: #06b6d4;--accent-color: #f59e0b;--success-color: #10b981;--danger-color: #ef4444;--light-color: #f8fafc;--dark-color: #1e293b;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--card-bg: #ffffff;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-primary);background-color:var(--light-color);line-height:1.5}.full-scorecard-container *{visibility:visible!important}.motion-div,.motion-div>*{animation:none!important;transform:none!important}.full-scorecard-container{width:100%;max-width:1200px;margin:0 auto;background:#fff;padding:20px;box-shadow:0 2px 10px #0000001a;position:relative}.full-scorecard-page{padding:20px;background:#f5f5f5}.screenshot-mode *{animation:none!important;transition:none!important;transform:none!important}.full-scorecard-container{max-width:1200px;margin:0 auto;padding:var(--space-lg);min-height:100vh;animation:fadeIn var(--transition-slow);visibility:visible!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scorecard-card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color);animation:slideUp var(--transition-slow)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-section{padding:var(--space-xl);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#fdfdff,#f7f7ff)}.header-top{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg)}.header-title{font-size:1.75rem;font-weight:700;margin:0;line-height:1.2;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-normal);border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--primary-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--light-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-download{background-color:#fff;color:var(--primary-color);border:1px solid var(--border-color);padding:.75rem}.btn-download:hover{background-color:var(--light-color);transform:translateY(-1px)}.btn svg{width:1.25rem;height:1.25rem}.match-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.match-meta span strong{color:var(--text-primary);font-weight:500}.match-result-container{margin:var(--space-lg) 0;text-align:center}.match-result-highlight{padding:var(--space-md);background:linear-gradient(135deg,#f0f4ff,#e0e9ff);border-radius:var(--radius-lg);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-md)}.result-label{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary-dark);margin-bottom:var(--space-xs)}.result-text{font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1.4}.team-name{color:var(--primary-color);font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;padding:0 var(--space-xs)}.team-name:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--accent-color);border-radius:2px}@keyframes pulse{0%{box-shadow:0 0 #4f46e533}to{box-shadow:0 0 0 10px #4f46e500}}@media (max-width: 768px){.result-text{font-size:1.2rem}.match-result-highlight{padding:var(--space-sm)}}.net-run-rate-summary{margin:var(--space-lg) 0 0;padding:var(--space-md);background:linear-gradient(to right,#fdfefe,#f8f9fa);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-normal);animation:fadeIn var(--transition-normal) .3s both}.net-run-rate-summary:hover{box-shadow:var(--shadow-md)}.net-run-rate-summary h3{margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600;color:var(--text-primary);border-left:4px solid var(--primary-color);padding-left:var(--space-sm)}.nrr-details{display:flex;flex-direction:column;gap:var(--space-xs)}.nrr-details p{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.4}.nrr-details p span{font-weight:500;color:var(--primary-color)}.score-sections{padding:var(--space-xl)}.innings-section{margin-bottom:var(--space-xl);animation:fadeIn var(--transition-normal) both}.innings-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.innings-score{color:var(--primary-color);font-weight:700}.innings-overs,.innings-target{font-size:1rem;color:var(--text-secondary);font-weight:400}.innings-details>*+*{margin-top:var(--space-xl)}.innings-details h4{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.innings-separator{border:none;border-top:1px dashed var(--border-color);margin:var(--space-xl) 0;animation:scaleIn var(--transition-normal) .4s both}@keyframes scaleIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scorecard-table{width:100%;border-collapse:collapse;font-size:.875rem;margin:var(--space-md) 0;animation:fadeIn var(--transition-normal) both}.scorecard-table th,.scorecard-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--border-color)}.scorecard-table thead tr{background-color:#f9fafb}.scorecard-table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.scorecard-table tbody tr:last-child td{border-bottom:none}.scorecard-table tbody tr{transition:var(--transition-fast)}.scorecard-table tbody tr:hover{background-color:var(--light-color)}.scorecard-table .player-name{font-weight:600;color:var(--text-primary)}.scorecard-table .batsman-status{font-size:.85rem;color:var(--text-secondary)}.extras-section,.fow-section{padding:var(--space-md);background-color:#f9fafb;border-radius:var(--radius-md);margin:var(--space-lg) 0;animation:fadeIn var(--transition-normal) both}.extras-details,.fow-details{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:.875rem}.extras-details span strong,.fow-score{color:var(--text-primary);font-weight:600}.fow-item{color:var(--text-secondary)}.view-history-btn{display:block;width:100%;padding:var(--space-sm);background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--primary-color);font-weight:500;cursor:pointer;transition:var(--transition-normal);margin-top:var(--space-lg);text-align:center}.view-history-btn:hover{background-color:var(--light-color);border-color:var(--primary-color);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;padding:var(--space-xl);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h3{font-size:1.25rem;color:var(--text-primary)}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.close-modal:hover{color:var(--text-primary)}.over-item{margin-bottom:var(--space-lg);padding:var(--space-md);background-color:#f9fafb;border-radius:var(--radius-md);border:1px solid var(--border-color)}.over-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:.875rem}.over-header strong{color:var(--text-primary)}.balls-container{display:flex;gap:var(--space-xs);flex-wrap:wrap}.ball{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#e2e8f0;font-size:.75rem;font-weight:600}.ball.wicket{background-color:var(--danger-color);color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);min-height:50vh}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{padding:var(--space-xl);text-align:center;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-container h2{color:var(--danger-color);margin-bottom:var(--space-md)}.back-button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.back-button:hover{background-color:var(--primary-dark)}@media (min-width: 768px){.header-top{flex-direction:row;align-items:center}.header-title{font-size:2rem}.scorecard-table th:not(:first-child):not(:nth-child(2)),.scorecard-table td:not(:first-child):not(:nth-child(2)){text-align:right}}@media (max-width: 480px){.header-section{padding:var(--space-lg)}.score-sections{padding:var(--space-md)}.innings-title{font-size:1.25rem}.scorecard-table{font-size:.75rem}.scorecard-table th,.scorecard-table td{padding:var(--space-xs)}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:2rem}.auth-card{background-color:#fff;padding:3rem;border-radius:16px;box-shadow:0 20px 40px #00000014,0 0 0 1px #00000005;width:100%;max-width:480px;text-align:center;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#1877f2,#4e54c8)}.logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2.5rem}.logo-placeholder svg{width:90px;height:90px;color:#1877f2;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(24,119,242,.2))}.logo-text{font-size:2.2rem;font-weight:800;color:#1c1e21;letter-spacing:-.5px;background:linear-gradient(90deg,#1877f2,#4e54c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.auth-form-wrapper{overflow:hidden;position:relative;min-height:280px}.auth-title{font-size:1.8rem;font-weight:700;color:#1c1e21;margin-bottom:.75rem;line-height:1.3}.auth-subtitle{color:#606770;margin-bottom:2rem;font-size:1.05rem;line-height:1.5}.auth-input{width:100%;padding:16px;font-size:1rem;border:1px solid #e0e2e5;border-radius:10px;margin-bottom:1.25rem;box-sizing:border-box;transition:all .3s ease;background-color:#f7f9fc}.auth-input:focus{border-color:#1877f2;outline:none;box-shadow:0 0 0 3px #1877f226;background-color:#fff}.otp-input{text-align:center;letter-spacing:.5em;font-size:1.3rem;font-weight:600;padding:16px 8px!important}.auth-button{width:100%;padding:16px;font-size:1.1rem;font-weight:600;color:#000;background:linear-gradient(90deg,#1877f2,#4e54c8);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1877f233;margin-top:.5rem}.auth-button:disabled{background:#e0e2e5;box-shadow:none;cursor:not-allowed}.auth-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px #1877f24d}.auth-button:not(:disabled):active{transform:translateY(0)}.auth-error{color:#ff4d4f;background-color:#ff4d4f14;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.95rem;border:1px solid rgba(255,77,79,.2);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.guest-mode-container{margin-top:2.5rem;border-top:1px solid #f0f2f5;padding-top:1.5rem}.guest-text{color:#606770;margin-bottom:1.25rem;font-size:.95rem;position:relative}.guest-text:before,.guest-text:after{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:#f0f2f5}.guest-text:before{left:0}.guest-text:after{right:0}.guest-button{background:none;border:none;color:#1877f2;font-weight:600;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease;border-radius:8px;display:inline-flex;align-items:center;gap:.5rem}.guest-button:hover{background-color:#1877f214;text-decoration:none}.guest-button svg{width:18px;height:18px}.phone-input-wrapper{position:relative;margin-bottom:1.5rem;perspective:1000px}.phone-input-container{display:flex;align-items:center;background-color:#fff;border-radius:12px;border:1px solid #e0e2e5;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 4px #00000008;height:56px}.phone-input-container:focus-within{border-color:#1877f2;box-shadow:0 0 0 3px #1877f226,0 4px 12px #1877f21a;transform:translateY(-1px)}.phone-input-container.error{border-color:#ff4d4f;animation:shake .5s ease}.country-selector{display:flex;align-items:center;padding:0 12px;height:100%;cursor:pointer;position:relative;z-index:2;background:#fff;transition:all .3s ease}.country-selector:hover{background-color:#f7f9fc}.country-flag{width:24px;height:18px;-o-object-fit:cover;object-fit:cover;border-radius:3px;margin-right:8px;box-shadow:0 1px 2px #0000001a}.country-code{font-size:.95rem;font-weight:500;color:#1c1e21;margin-right:4px}.chevron-icon{width:16px;height:16px;color:#606770;transition:transform .3s ease}.phone-input-container:focus-within .chevron-icon{transform:rotate(180deg)}.phone-input{flex:1;padding:16px;font-size:1rem;border:none;background:transparent;height:100%;outline:none;font-weight:500}.phone-input::-moz-placeholder{color:#bcc0c4;font-weight:400}.phone-input::placeholder{color:#bcc0c4;font-weight:400}.country-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:300px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden;z-index:10;opacity:0;transform:translateY(10px) scale(.95);transform-origin:top center;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.phone-input-container.show-dropdown .country-dropdown{opacity:1;transform:translateY(0) scale(1);visibility:visible}.country-search{padding:12px;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #f0f2f5}.search-input{width:100%;padding:10px 12px;border:1px solid #e0e2e5;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s ease}.search-input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.country-list{max-height:248px;overflow-y:auto;padding:8px 0}.country-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:all .2s ease}.country-item:hover{background-color:#f7f9fc}.country-item.active{background-color:#1877f21a}.country-item-flag{width:20px;height:15px;-o-object-fit:cover;object-fit:cover;border-radius:2px;margin-right:12px}.country-item-name{flex:1;font-size:.95rem;color:#1c1e21}.country-item-code{font-size:.9rem;color:#606770;margin-left:12px}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.country-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes inputFocus{0%{box-shadow:0 0 #1877f200}to{box-shadow:0 0 0 3px #1877f226}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-text{animation:pulse 1.5s ease-in-out infinite}.profile-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background-color:#f8f9fa;min-height:100vh;box-sizing:border-box}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.profile-picture-wrapper{position:relative;margin-bottom:1rem}.profile-picture{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;box-shadow:0 4px 15px #0000001a}.profile-name{font-size:1.75rem;font-weight:700;color:#333}.profile-details-card{width:100%;max-width:400px;background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.detail-item{display:flex;align-items:center;gap:1rem}.detail-item:not(:last-child){margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.detail-item svg{color:#4f46e5;width:24px;height:24px}.detail-text{display:flex;flex-direction:column}.detail-label{font-size:.8rem;color:#6c757d;margin-bottom:.25rem}.detail-value{font-size:1rem;font-weight:500;color:#212529}.logout-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:400px;padding:.85rem 1rem;border:none;border-radius:8px;background-color:#dc3545;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease;box-shadow:0 2px 8px #dc35454d}.logout-button:hover{background-color:#c82333}.logout-button svg{width:20px;height:20px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-3{gap:.75rem}.border{border-width:1px}.text-xs{font-size:.75rem;line-height:1rem}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}