:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh;overscroll-behavior:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.kids-list-container{display:flex;flex-direction:column;gap:16px;padding:16px;min-height:100vh;background:#fff}.kids-list-container h1{font-size:1.5rem;color:#1f2937;margin:0;text-align:center}.kids-grid{display:grid;grid-template-columns:1fr;gap:12px}.kid-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;min-height:90px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kid-card:active{transform:scale(.99)}.kid-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a1a}.kid-card.selected{background:#22c55e;border-color:#16a34a;color:#fff}.kid-name{font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:8px}.goalkeeper-badge{font-size:1rem}.kid-card.goalkeeper{border-color:#f59e0b;background:#fef3c7}.kid-card.goalkeeper.selected{background:#f59e0b;border-color:#d97706}.checkmark{position:absolute;top:10px;right:10px;font-size:1.2rem;color:inherit}.selection-info{text-align:center}.selection-info p{margin:0;font-size:.95rem;color:#1f2937}.warning{color:#dc2626;font-weight:600}.next-button{display:block;width:100%;margin:0 auto;padding:16px;font-size:1rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.next-button.enabled{background:#22c55e;color:#fff;box-shadow:0 10px 20px #22c55e40}.next-button.enabled:hover{transform:translateY(-1px)}.next-button.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.history-section{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.history-toggle{align-self:center;background:transparent;border:none;color:#2563eb;font-weight:600;font-size:.95rem;text-decoration:underline}@media (min-width: 640px){.kids-list-container{max-width:900px;margin:0 auto;padding:24px 28px 40px;border-radius:24px;box-shadow:0 20px 45px #0f172a1f}.kids-list-container h1{font-size:1.75rem}.instructions{font-size:1rem}.kids-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kid-card{padding:24px;min-height:110px}.next-button{max-width:320px;font-size:1.1rem}}.match-tracker-container{max-width:1200px;margin:0 auto;padding:15px;font-family:Arial,sans-serif;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;min-height:calc(100vh - 30px)}@media (max-width: 768px){.match-tracker-container{padding:10px;border-radius:10px;margin:5px}}.match-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #ecf0f1}.match-header h1{color:#2c3e50;margin-bottom:20px;font-size:2.5em}.timer-section{display:flex;flex-direction:column;align-items:center;gap:15px}.timer-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 40px;border-radius:15px;box-shadow:0 5px 15px #0003}.time{font-size:3em;font-weight:700;font-family:Courier New,monospace}.timer-controls{display:flex;gap:15px}.timer-btn{padding:15px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:120px}@media (max-width: 768px){.timer-btn{padding:18px 20px;font-size:18px;min-width:140px}}.timer-btn.play{background:#27ae60;color:#fff}.timer-btn.pause{background:#f39c12;color:#fff}.timer-btn.reset{background:#e74c3c;color:#fff}.timer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.match-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.field-section h2{color:#27ae60;text-align:center;margin-bottom:15px;font-size:24px}.bench-section h2{color:#3498db;text-align:center;margin-bottom:15px;font-size:24px}.players-area{min-height:400px;border:2px solid #bdc3c7;border-radius:10px;padding:15px;background:#f8f9fa}.field-area{border-color:#27ae60;background:#e8f5e8}.bench-area{border-color:#3498db;background:#e3f2fd}.player-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.player-card{padding:18px;margin-bottom:18px}}.field-player{border-color:#27ae60;background:#d5f4e6}.bench-player{border-color:#3498db;background:#e3f2fd}.player-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.player-card.goalkeeper{border-color:#f39c12;background:#fef9e7}.player-card.goalkeeper.field-player{background:#f8e6a0}.player-card.goalkeeper.bench-player{background:#fef9e7}.goalkeeper-badge{font-size:14px;margin-left:5px}.goalkeeper-notice,.bench-notice{text-align:center;margin-top:10px;color:#7f8c8d;font-style:italic}.player-name{font-size:18px;font-weight:500;color:#2c3e50;display:flex;align-items:center}.player-stats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;min-height:20px}.stat-badge{font-size:12px;padding:2px 6px;border-radius:10px;font-weight:500}.stat-badge.goals{background:#d5f4e6;color:#27ae60}.stat-badge.blue-card{background:#e3f2fd;color:#2196f3}.stat-badge.yellow-card{background:#fff8e1;color:#ff9800}.stat-badge.red-card{background:#ffebee;color:#f44336}.action-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.action-btn{padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.goal-btn{background:#27ae60;color:#fff}.goal-btn:hover{background:#229954}.card-buttons{display:flex;gap:4px}.card-btn{flex:1;padding:6px 8px;font-size:16px}.card-btn.blue{background:#e3f2fd;color:#2196f3}.card-btn.blue:hover{background:#bbdefb}.card-btn.yellow{background:#fff8e1;color:#ff9800}.card-btn.yellow:hover{background:#ffecb3}.card-btn.red{background:#ffebee;color:#f44336}.card-btn.red:hover{background:#ffcdd2}@media (max-width: 768px){.action-btn{padding:12px 15px;font-size:16px}.card-btn{padding:10px 12px;font-size:18px}}.player-time{font-size:14px;color:#7f8c8d;font-family:Courier New,monospace;background:#0000001a;padding:4px 8px;border-radius:4px}.substitution-controls{margin-top:10px}.sub-select{width:100%;padding:12px 15px;border:1px solid #bdc3c7;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;transition:border-color .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}@media (max-width: 768px){.sub-select{padding:15px 18px;font-size:16px;min-height:50px}}.sub-select:hover{border-color:#3498db}.sub-select:focus{outline:none;border-color:#2980b9;box-shadow:0 0 0 2px #3498db33}.match-stats{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.match-stats h3{color:#2c3e50;text-align:center;margin-bottom:20px;font-size:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s ease}.stat-card.goalkeeper{border-color:#f39c12;background:#fef9e7}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stat-details{display:flex;justify-content:space-between;align-items:center}.stat-badges{display:flex;flex-wrap:wrap;gap:4px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-name{font-weight:500;color:#2c3e50}.stat-time{font-family:Courier New,monospace;color:#7f8c8d;background:#ecf0f1;padding:4px 8px;border-radius:4px}.stat-status{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.stat-status.playing{background:#d5f4e6;color:#27ae60}.stat-status.bench{background:#e3f2fd;color:#3498db}.match-actions{text-align:center}.end-match-btn{background:#e74c3c;color:#fff;border:none;padding:18px 30px;font-size:18px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:200px}@media (max-width: 768px){.end-match-btn{padding:20px 30px;font-size:20px;width:100%;max-width:300px}}.end-match-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 768px){.match-content{grid-template-columns:1fr;gap:20px}.timer-controls{flex-direction:column;width:100%}.timer-btn{width:100%}.stats-grid{grid-template-columns:1fr}.time{font-size:2em}.timer-display{padding:15px 25px}}.prematch-container{display:flex;flex-direction:column;gap:16px;padding:16px;min-height:100vh;background:#fff}.prematch-container h1{margin:0;text-align:center;color:#1f2937;font-size:1.5rem}.instructions{margin:0;color:#6b7280;font-size:.95rem;text-align:center}.lineup-container{display:flex;flex-direction:column;gap:16px}.field-section h2,.bench-section h2{margin:0 0 12px;text-align:center;font-size:1.25rem}.field-section h2{color:#16a34a}.bench-section h2{color:#2563eb}.players-area{min-height:240px;border:1px dashed #d1d5db;border-radius:16px;padding:12px;background:#f9fafb;display:flex;flex-direction:column;gap:10px}.field-area{border-color:#16a34a;background:#ecfdf5}.bench-area{border-color:#2563eb;background:#eff6ff}.player-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-card:active{transform:scale(.99)}.player-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a1a}.field-player{border-color:#16a34a;background:#d1fae5}.bench-player{border-color:#2563eb;background:#dbeafe}.bench-player.disabled{opacity:.7;cursor:not-allowed}.player-name{font-size:1rem;font-weight:600;color:#1f2937}.move-hint{font-size:.85rem;color:#6b7280}.empty-slot{border:1px dashed #16a34a;border-radius:12px;padding:16px;text-align:center;color:#6b7280;background:#16a34a14}.empty-slot span{display:block;font-weight:600;margin-bottom:6px}.empty-slot small{font-size:.8rem;font-style:italic}.empty-area{text-align:center;color:#6b7280;font-style:italic;padding:32px 16px}.status-info{text-align:center}.status-info p{margin:0;font-size:1rem;font-weight:600}.warning{color:#dc2626}.success{color:#16a34a}.action-buttons{display:flex;flex-direction:column;gap:12px}.back-button,.start-button{padding:16px;font-size:1rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.back-button{background:#9ca3af;color:#fff}.back-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #9ca3af66}.start-button.enabled{background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a40}.start-button.enabled:hover{transform:translateY(-1px)}.start-button.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}@media (min-width: 768px){.prematch-container{max-width:980px;margin:0 auto;padding:28px 32px 40px;border-radius:24px;box-shadow:0 20px 45px #0f172a26}.prematch-container h1{font-size:1.8rem}.instructions{font-size:1rem}.lineup-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.players-area{padding:20px;min-height:320px}.player-card{padding:20px}.action-buttons{flex-direction:row;justify-content:center;gap:16px}.back-button,.start-button{min-width:180px}}.match-history{background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;border:1px solid #e5e7eb}.match-history__header{display:flex;flex-direction:column;gap:8px}.match-history__header h2{font-size:1.25rem;margin:0;color:#111827}.match-history__header p{margin:0;color:#6b7280;font-size:.95rem}.match-history__close{align-self:flex-start;background:transparent;border:none;color:#2563eb;font-weight:600;padding:8px 0;font-size:.95rem;text-decoration:underline}.match-history__empty{margin:0;color:#6b7280;font-size:.95rem}.match-history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.match-history__item{border:1px solid #d1d5db;border-radius:12px;padding:12px;background:#f9fafb}.match-history__summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.match-history__summary-info{display:flex;flex-direction:column;gap:4px;flex:1}.match-history__summary h3{margin:0;font-size:1.05rem;color:#111827}.match-history__duration{font-size:.9rem;color:#2563eb;font-weight:600}.match-history__delete{background:transparent;border:none;font-size:1.2rem;padding:4px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.match-history__delete:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.match-history__delete:active{transform:scale(.95)}.match-history__players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.match-history__player{border-radius:10px;padding:12px;background:#fff;border:1px solid #e5e7eb}.match-history__player-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.match-history__player-name{display:flex;align-items:center;gap:6px;font-weight:600;color:#111827}.match-history__goalkeeper{font-size:1rem}.match-history__player-time{font-size:.95rem;color:#111827;font-variant-numeric:tabular-nums}.match-history__player-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:.9rem;color:#374151}@media (min-width: 640px){.match-history{padding:20px}.match-history__header{flex-direction:row;justify-content:space-between;align-items:flex-start}.match-history__close{padding:6px 12px;border-radius:9999px;border:1px solid #2563eb;text-decoration:none}.match-history__player-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;color:#1f2937}.login-form{width:100%;max-width:360px;background:#fffffff2;border-radius:12px;padding:32px 28px;box-shadow:0 16px 48px #37415140;display:flex;flex-direction:column;gap:18px}.login-form h1{margin:0;text-align:center;font-size:1.75rem;color:#111827}.login-description{margin:0;text-align:center;font-size:.95rem;color:#4b5563}.login-error{margin:0;padding:10px 12px;border-radius:8px;background:#ef44441f;color:#b91c1c;font-size:.9rem;text-align:center}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-weight:600;font-size:.9rem;color:#1f2937}.login-field input{border-radius:8px;border:1px solid #cbd5f5;padding:10px 12px;font-size:1rem;color:#111827;background:#fff}.login-field input:focus{outline:2px solid #6366f1;outline-offset:1px}.login-field input:disabled{opacity:.6}.login-button{margin-top:8px;border:none;border-radius:8px;padding:12px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button:not(:disabled):hover{transform:translateY(-1px)}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px}@media (max-width: 768px){.app{padding:5px}}.match-started{max-width:600px;margin:0 auto;padding:40px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;text-align:center}.match-started h1{color:#27ae60;margin-bottom:20px;font-size:2.5em}.match-started p{color:#7f8c8d;font-size:18px;margin-bottom:30px}.match-started button{background:#3498db;color:#fff;border:none;padding:18px 30px;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:160px}@media (max-width: 768px){.match-started button{padding:20px 30px;font-size:18px;width:100%;max-width:250px}}.match-started button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.app-header{display:flex;justify-content:flex-end;padding:8px;gap:8px}.logout-button{border:none;border-radius:9999px;padding:8px 16px;font-size:.95rem;font-weight:600;color:#fff;background:#11182759;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.logout-button:hover{opacity:.85;transform:translateY(-1px)}.app-content{display:block}.loading-message{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.4)}.match-history-page{min-height:calc(100vh - 56px);display:flex;justify-content:center;padding:12px}.error{margin:0;padding:12px 16px;border-radius:8px;background:#ef44442e;color:#fee2e2;font-weight:600}