:root{--color-primary:#0f4c27;--color-primary-light:#1a6b3a;--color-primary-lighter:#2a8a4a;--color-secondary:#fff;--color-accent:#f59e0b;--color-accent-dark:#d97706;--color-success:#10b981;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-info:#3b82f6;--color-background:#f9fafb;--color-card:#fff;--color-text:#1f2937;--color-text-light:#6b7280;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;line-height:1.5}button,input,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:2rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}h3{font-size:1rem;font-weight:600}p{color:var(--color-text);font-size:.95rem}.app{flex-direction:column;width:100%;min-height:100vh;display:flex}.header{background:var(--color-primary);color:var(--color-secondary);box-shadow:var(--shadow-md);z-index:100;padding:1rem;position:sticky;top:0}.header-container{align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;display:flex}.logo-icon{flex-shrink:0}.app-title{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.home-screen,.stack-screen,.live-screen,.break-screen,.scorecard-screen{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem;display:flex}.home-screen{justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex}.home-content{text-align:center;gap:1rem;width:100%;max-width:500px;margin:0 auto;display:grid}.home-trophy{color:var(--color-primary);width:64px;height:64px;margin:0 auto}.home-logo{object-fit:contain;width:180px;min-width:120px;max-width:45vw;height:auto;max-height:180px;margin:0 auto;display:block}.home-screen h1{color:var(--color-text);font-size:2.5rem}.home-tagline{color:var(--color-text-light);font-size:1.1rem;font-weight:500}.home-buttons{gap:1rem;display:grid}.screen-title{color:var(--color-text);text-align:center;font-size:2rem}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);gap:1rem;padding:1.5rem;display:grid}.card:hover{box-shadow:var(--shadow-md)}.summary-card{background:linear-gradient(135deg,#ccfbf1 0%,#a7f3d0 100%);border-color:#14b8a6}.summary-text{color:#0f766e;font-size:1rem;font-weight:600}.form-label{color:var(--color-text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-input,.form-select{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-secondary);width:100%;min-height:48px;color:var(--color-text);transition:var(--transition);padding:.75rem 1rem;font-size:1rem;font-weight:500}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f4c271a}.form-input:disabled,.form-select:disabled{background:var(--color-background);opacity:.5}.form-input-small{min-height:44px;font-size:.9rem}.form-input-margin{margin-top:.5rem}.chips-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;display:grid}.chip{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-secondary);min-height:44px;color:var(--color-text);cursor:pointer;transition:var(--transition);font-size:.95rem;font-weight:600}.chip:hover{border-color:var(--color-primary)}.chip-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-secondary)}.btn{border-radius:var(--radius-md);background:var(--color-secondary);min-height:48px;color:var(--color-text);cursor:pointer;transition:var(--transition);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-secondary{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:var(--color-secondary);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-undo{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent);font-weight:700}.btn-undo:hover:not(:disabled){background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn-summary{background:var(--color-info);color:var(--color-secondary);border-color:var(--color-info)}.btn-summary:hover:not(:disabled){background:#2563eb}.btn-score{border-radius:var(--radius-lg);background:var(--color-primary);min-height:64px;color:var(--color-secondary);border-color:var(--color-primary);font-size:1.75rem;font-weight:700}.btn-score:hover:not(:disabled){background:var(--color-primary-light)}.btn-score:focus-visible{outline-color:var(--color-accent)}.btn-lg{min-height:56px;padding:1rem 2rem;font-size:1.1rem}.btn-block{width:100%}.button-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.button-group{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.button-group-vertical{gap:.75rem;display:grid}.team-section{gap:1rem;display:grid}.team-title{color:var(--color-primary);font-size:1.25rem;font-weight:700}.player-row{border-radius:var(--radius-md);grid-template-columns:40px 1fr;align-items:center;gap:.75rem;padding:.75rem;display:grid}.player-row-even{background:var(--color-background)}.player-index{color:var(--color-text-light);text-align:center;font-size:.9rem;font-weight:700}.live-header{z-index:50;background:var(--color-background);border-bottom:2px solid var(--color-border);margin:-1.5rem -1rem 0;padding:1rem;position:sticky;top:80px}.score-card{background:var(--color-card);border:2px solid var(--color-primary);border-radius:var(--radius-lg);text-align:center;padding:1.5rem}.score-main{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.score-number{color:var(--color-primary);font-size:3rem;font-weight:800;line-height:1}.score-separator{color:var(--color-text-light);font-size:2rem}.score-meta{color:var(--color-text-light);gap:.5rem;font-size:.9rem;display:grid}.score-meta p{margin:0}.live-content{gap:1.5rem;display:grid}.live-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.live-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.player-badge{background:var(--color-primary);color:var(--color-secondary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.player-badge.striker{background:var(--color-primary)}.player-badge.bowler{background:var(--color-danger)}.player-empty{color:var(--color-text-light);font-style:italic}.player-stats{gap:.5rem;display:grid}.player-name{color:var(--color-text);font-size:1.1rem;font-weight:700}.player-detail{color:var(--color-text-light);font-size:.9rem}.bowler-stats{gap:.5rem;display:grid}.bowler-name{font-size:1rem;font-weight:700}.bowler-line{color:var(--color-text-light);font-family:Monaco,Courier New,monospace;font-size:.95rem;font-weight:600}.timeline-card{grid-column:1/-1}.timeline-label{color:var(--color-text-light);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.timeline{flex-wrap:wrap;gap:.5rem;display:flex}.timeline-chip{border-radius:var(--radius-sm);background:var(--color-primary);min-width:36px;min-height:36px;color:var(--color-secondary);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.timeline-0{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.timeline-1{color:#1e40af;background:#dbeafe}.timeline-2{color:#065f46;background:#d1fae5}.timeline-3{color:#92400e;background:#fed7aa}.timeline-4{color:#be185d;background:#fce7f3}.timeline-6{color:#92400e;background:#fef3c7;font-weight:800}.timeline-w{color:#991b1b;background:#fecaca}.timeline-n{color:#7f1d1d;background:#f87171}.partnership-card{grid-column:1/-1}.partnership-label{color:var(--color-text-light);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.partnership-stats{color:var(--color-primary);font-size:1.2rem;font-weight:700}.scoring-section,.extras-section{gap:.75rem;display:grid}.scoring-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text);font-size:.9rem;font-weight:600}.runs-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.extras-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.grid{gap:.75rem;display:grid}.action-row{grid-template-columns:1fr 2fr;gap:.75rem;margin-top:1rem;display:grid}.break-screen{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:calc(100vh - 80px);display:flex}.break-content{gap:1.5rem;width:100%;max-width:400px;display:grid}.break-subtitle{color:var(--color-text-light);text-align:center;font-size:1.1rem}.target-card{border:2px solid var(--color-accent);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);padding:2rem}.target-label{color:#92400e;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.target-score{color:var(--color-accent-dark);margin-top:.5rem;font-size:3.5rem;font-weight:800}.break-stats{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:1rem;padding:1.5rem;display:grid}.stat-item{justify-content:space-between;align-items:center;font-weight:500;display:flex}.stat-label{color:var(--color-text-light)}.stat-value{color:var(--color-text);font-weight:700}.scorecard-screen{padding-bottom:2rem}.result-card{background:var(--color-primary);color:var(--color-secondary);border-radius:var(--radius-lg);text-align:center;padding:2rem;font-size:1.25rem;font-weight:700}.result-text{line-height:1.6}.card-title{color:var(--color-primary)}.card-meta{color:var(--color-text-light);background:var(--color-background);border-radius:var(--radius-md);padding:.75rem;font-size:.9rem}.scorecard-heading{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-top:1rem;margin-bottom:.75rem;font-size:1rem;font-weight:700}.scorecard-table{background:var(--color-background);border-radius:var(--radius-md);gap:.5rem;display:grid;overflow:hidden}.table-row{border-bottom:1px solid var(--color-border);grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;gap:.75rem;padding:.75rem;font-size:.9rem;display:grid}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background:var(--color-card)}.table-name{color:var(--color-text);overflow-wrap:anywhere;font-weight:600}.timeline-full{background:var(--color-background);border-radius:var(--radius-md);flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex}.modal-overlay{z-index:200;background:#0006;place-items:end center;padding:1rem;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border);width:min(100%,480px);max-height:85vh;box-shadow:var(--shadow-lg);gap:1rem;padding:1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:grid;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:var(--color-text);font-size:1.25rem;font-weight:700}.modal-body{gap:.75rem;display:grid}.modal-footer{border-top:1px solid var(--color-border);gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.summary-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.summary-item{background:var(--color-background);border-radius:var(--radius-md);gap:.25rem;padding:.75rem;display:grid}.summary-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light);font-size:.75rem;font-weight:600}.summary-value{color:var(--color-text);font-size:1rem;font-weight:700}.alert{border-radius:var(--radius-lg);border:1px solid #0000;gap:.75rem;padding:1rem 1.5rem;font-weight:500;display:grid}.alert-danger{border-color:var(--color-danger);color:#991b1b;background:#fee2e2}.alert-info{border-color:var(--color-info);color:#1e40af;background:#dbeafe}@media (width<=768px){h1{font-size:1.75rem}h2{font-size:1.25rem}.header-container{gap:8px}.app-title{font-size:1.25rem}.screen-title{font-size:1.5rem}.home-screen h1{font-size:2rem}.home-trophy{width:56px;height:56px}.chips-grid{grid-template-columns:repeat(3,1fr)}.live-grid{grid-template-columns:1fr}.score-number{font-size:2.5rem}.button-row{grid-template-columns:1fr}.runs-grid,.extras-grid{grid-template-columns:repeat(2,1fr)}.action-row{grid-template-columns:1fr}.btn-score{min-height:56px;font-size:1.5rem}.table-row{grid-template-columns:1.5fr 1fr 1fr;font-size:.85rem}.summary-grid{grid-template-columns:1fr}}@media (width<=480px){:root{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.1rem}.app{padding:0}.home-screen,.stack-screen,.live-screen,.break-screen,.scorecard-screen{padding:1rem .75rem}.home-content{gap:1rem}.screen-title{font-size:1.35rem}.home-screen h1{font-size:1.75rem}.home-tagline{font-size:1rem}.card{gap:.75rem;padding:1rem}.form-input,.form-select,.chip{min-height:44px;font-size:1rem}.btn{min-height:44px;padding:.6rem 1rem;font-size:.95rem}.btn-score{min-height:48px;font-size:1.35rem}.score-number{font-size:2rem}.chips-grid{grid-template-columns:repeat(2,1fr)}.runs-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.extras-grid{grid-template-columns:1fr}.button-row,.button-group{grid-template-columns:1fr;gap:.75rem}.action-row{grid-template-columns:1fr}.player-row{grid-template-columns:36px 1fr;gap:.5rem;padding:.5rem}.live-grid{gap:.75rem}.table-row{grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem;font-size:.8rem}.timeline{gap:.35rem}.timeline-chip{min-width:32px;min-height:32px;font-size:.75rem}.modal-content{width:calc(100% - 1rem);max-height:90vh;padding:1rem}.summary-grid{grid-template-columns:1fr;gap:.75rem}.summary-item,.modal-overlay{padding:.5rem}.live-header{margin:-1rem -.75rem 0;padding:.75rem}}@media (width<=360px){.btn-score{min-height:44px;font-size:1.25rem}.score-number{font-size:1.75rem}.target-score{font-size:3rem}}