*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;line-height:var(--leading-normal);font-weight:var(--font-normal);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none}html{overflow-x:hidden;width:100%}body{margin:0;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:var(--gradient-brand);color:var(--color-gray-900)}a{color:var(--color-brand-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-brand-secondary)}a:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-bold)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}button{font-family:inherit;font-size:var(--font-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);cursor:pointer;border:none;border-radius:var(--radius-md);transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:var(--font-base);line-height:var(--leading-normal)}input:focus,textarea:focus,select:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.matchday-manager{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-7);margin-bottom:var(--space-7)}@media(min-width:768px){.matchday-manager{padding:var(--space-9)}}.matchday-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-7);padding-bottom:var(--space-5);border-bottom:2px solid var(--color-gray-200)}@media(min-width:768px){.matchday-header{flex-direction:row;align-items:center;justify-content:space-between}}.matchday-title{margin:0;font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-gray-900)}@media(min-width:768px){.matchday-title{font-size:var(--font-2xl)}}.matchday-info{display:flex;gap:var(--space-5);font-size:var(--font-sm);color:var(--color-gray-600)}@media(min-width:768px){.matchday-info{font-size:var(--font-base)}}.matchday-date,.matchday-time{font-weight:var(--font-semibold)}.matchday-date-selection{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);margin-bottom:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}@media(min-width:768px){.matchday-date-selection{flex-direction:row;align-items:center;gap:var(--space-5)}}.date-label{font-weight:var(--font-semibold);color:var(--color-gray-700)}.date-toggle{display:flex;gap:var(--space-2)}.date-btn{padding:var(--space-3) var(--space-5);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-gray-700);background:var(--color-gray-100);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.date-btn:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand)}.date-btn.active{background:var(--color-brand);color:var(--color-success-primary);border-color:var(--color-brand);box-shadow:var(--shadow-sm)}.date-btn:disabled{opacity:.6;cursor:not-allowed}.matchday-empty{padding:var(--space-10);text-align:center}.matchday-empty p{margin-bottom:var(--space-5);color:var(--color-gray-600);font-size:var(--font-lg)}.btn-create-matchday{padding:var(--space-5) var(--space-8);font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-white);background:var(--gradient-brand);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.btn-create-matchday:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-create-matchday:disabled{opacity:.6;cursor:not-allowed}.teams-overview{margin-bottom:var(--space-8)}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.teams-header h4{margin:0;font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-900)}.btn-save-teams{padding:var(--space-3) var(--space-6);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-white);background:var(--gradient-success);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.btn-save-teams:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-save-teams:disabled{opacity:.6;cursor:not-allowed}.teams-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);width:100%}@media(min-width:768px){.teams-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(min-width:1200px){.teams-grid{grid-template-columns:repeat(4,1fr)}}.team-box{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-4);border:2px solid var(--color-gray-300);transition:all var(--transition-base);min-height:150px}@media(min-width:768px){.team-box{padding:var(--space-5)}}.team-box.team-1{border-color:#3b82f6}.team-box.team-2{border-color:#10b981}.team-box.team-3{border-color:#f59e0b}.team-box.team-4{border-color:#ef4444}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-300)}.team-header h5{margin:0;font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-gray-900)}@media(min-width:768px){.team-header h5{font-size:var(--font-lg)}}.team-count{font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-gray-600)}@media(min-width:768px){.team-count{font-size:var(--font-sm)}}.team-players{display:flex;flex-direction:column;gap:var(--space-3);min-height:100px}.team-player{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-base)}.team-player:hover{box-shadow:var(--shadow-sm)}.player-name{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-gray-900);display:flex;align-items:center;gap:var(--space-2)}.guest-badge{padding:var(--space-1) var(--space-2);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-warning-darker);background:var(--color-warning-light);border-radius:var(--radius-sm)}.btn-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);color:var(--color-error-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.btn-remove:hover{background:var(--color-error-light)}.team-empty{padding:var(--space-5);text-align:center;font-size:var(--font-sm);color:var(--color-gray-500);font-style:italic}.add-players-section{margin-bottom:var(--space-6);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:768px){.add-players-section{margin-bottom:var(--space-8)}}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border:none;cursor:pointer;transition:all var(--transition-base)}.section-toggle:hover{background:var(--color-gray-100)}.section-toggle-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-gray-900)}.section-icon{font-size:var(--font-lg)}.section-badge{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-brand);background:var(--color-brand-light);border-radius:var(--radius-full)}.section-arrow{font-size:var(--font-sm);color:var(--color-gray-500);transition:transform var(--transition-base)}.section-arrow.open{transform:rotate(180deg)}.section-content{padding:var(--space-4);background:var(--color-white);border-top:1px solid var(--color-gray-200)}@media(min-width:768px){.section-content{padding:var(--space-5)}}.add-players-section h5{margin:0 0 var(--space-3) 0;font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700)}@media(min-width:768px){.add-players-section h5{margin:0 0 var(--space-4) 0;font-size:var(--font-base)}}.available-players-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}@media(min-width:768px){.available-players-header{flex-direction:row;justify-content:space-between;align-items:center}}.player-search-wrapper{position:relative;flex:1;max-width:100%}@media(min-width:768px){.player-search-wrapper{max-width:250px}}.player-search{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-9);font-size:var(--font-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);transition:all var(--transition-base)}.player-search:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light)}.search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);color:var(--color-gray-500);background:var(--color-gray-200);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.available-players{margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg)}@media(min-width:768px){.available-players{margin-bottom:var(--space-7);padding:var(--space-5)}}.players-grid-container{max-height:280px;overflow-y:auto;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--color-gray-100)}.players-grid-container::-webkit-scrollbar{width:6px}.players-grid-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.players-grid-container::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}.players-grid-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media(min-width:768px){.players-grid-container{max-height:320px}}.players-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media(min-width:640px){.players-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(min-width:1024px){.players-grid{grid-template-columns:repeat(3,1fr)}}.player-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);gap:var(--space-2)}@media(min-width:768px){.player-item{padding:var(--space-3) var(--space-4)}}.player-item .player-name{font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-gray-900);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.player-item .player-name{font-size:var(--font-sm)}}.team-select-buttons{display:flex;gap:var(--space-1);flex-shrink:0}@media(min-width:768px){.team-select-buttons{gap:var(--space-2)}}.btn-add-to-team{min-width:32px;min-height:32px;padding:var(--space-1) var(--space-2);font-size:.65rem;font-weight:var(--font-bold);color:var(--color-white);background:var(--color-brand-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}@media(min-width:768px){.btn-add-to-team{min-width:36px;min-height:36px;font-size:var(--font-xs)}}.btn-add-to-team.team-1{background:#3b82f6}.btn-add-to-team.team-1:hover{background:#2563eb}.btn-add-to-team.team-2{background:#10b981}.btn-add-to-team.team-2:hover{background:#059669}.btn-add-to-team.team-3{background:#f59e0b}.btn-add-to-team.team-3:hover{background:#d97706}.btn-add-to-team.team-4{background:#ef4444}.btn-add-to-team.team-4:hover{background:#dc2626}.btn-add-to-team:hover{transform:scale(1.05)}.no-players{padding:var(--space-5);text-align:center;font-size:var(--font-sm);color:var(--color-gray-500);font-style:italic}.guest-player-section{padding:var(--space-4);background:var(--color-warning-light);border-radius:var(--radius-lg)}@media(min-width:768px){.guest-player-section{padding:var(--space-5)}}.guest-form{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:768px){.guest-form{flex-direction:row;flex-wrap:nowrap}}.guest-input{flex:1;min-width:0;padding:var(--space-3) var(--space-4);font-size:var(--font-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-base)}@media(min-width:768px){.guest-input{min-width:200px}}.guest-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #667eea1a}.team-select{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-medium);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer}.btn-add-guest{padding:var(--space-3) var(--space-6);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-white);background:var(--gradient-warning);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-add-guest:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-add-guest:disabled{opacity:.6;cursor:not-allowed}.lock-section{padding:var(--space-6);background:var(--color-info-light);border:2px solid var(--color-info-border);border-radius:var(--radius-lg)}.lock-section h4{margin:0 0 var(--space-5) 0;font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-900)}.lock-draft-info,.lock-locked-info{display:flex;flex-direction:column;gap:var(--space-4)}.lock-draft-info p,.lock-locked-info p{margin:0;font-size:var(--font-base);color:var(--color-gray-700)}.btn-lock,.btn-unlock{padding:var(--space-4) var(--space-6);font-size:var(--font-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.btn-lock{color:var(--color-white);background:var(--gradient-info)}.btn-lock:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-unlock{color:var(--color-gray-700);background:var(--color-white);border:2px solid var(--color-gray-400)}.btn-unlock:hover:not(:disabled){border-color:var(--color-gray-600);background:var(--color-gray-100)}.btn-lock:disabled,.btn-unlock:disabled{opacity:.6;cursor:not-allowed}.complete-section{padding:var(--space-6);background:var(--color-success-light);border-radius:var(--radius-lg)}.complete-section h4{margin:0 0 var(--space-5) 0;font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-900)}.winner-selection{display:flex;flex-direction:column;gap:var(--space-4)}.winner-selection label{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-700)}.winner-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:768px){.winner-buttons{display:flex;flex-wrap:wrap}}.btn-winner{flex:1;min-width:80px;min-height:48px;padding:var(--space-3) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}@media(min-width:768px){.btn-winner{min-width:100px;padding:var(--space-4) var(--space-6);font-size:var(--font-base)}}.btn-winner:hover{border-color:var(--color-success-primary);transform:translateY(-2px)}.btn-winner.selected{color:var(--color-white);background:var(--gradient-success);border-color:var(--color-success-primary);box-shadow:var(--shadow-md)}.btn-complete{padding:var(--space-5) var(--space-8);font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-white);background:var(--gradient-success);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.btn-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-complete:disabled{opacity:.6;cursor:not-allowed}.attendance-leaderboard-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-base);animation:fadeInUp var(--transition-slow)}.attendance-leaderboard-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.attendance-header{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-7);background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border-bottom:var(--border-width) solid var(--color-gray-200)}@media(min-width:768px){.attendance-header{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-8)}}.attendance-title{display:flex;align-items:center;gap:var(--space-4);margin:0;font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-900)}@media(min-width:768px){.attendance-title{font-size:var(--font-xl)}}.attendance-icon{font-size:var(--font-2xl);line-height:1}@media(min-width:768px){.attendance-icon{font-size:var(--font-3xl)}}.time-filter-control{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-lg);width:fit-content}.filter-btn{padding:var(--space-3) var(--space-6);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}@media(min-width:768px){.filter-btn{padding:var(--space-4) var(--space-7);font-size:var(--font-base)}}.filter-btn:hover{background:#ffffff80;color:var(--color-gray-900)}.filter-btn.active{background:var(--color-white);color:var(--color-warning-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-bold)}.attendance-content{padding:var(--space-7)}@media(min-width:768px){.attendance-content{padding:var(--space-9)}}.podium-container{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-9);padding:var(--space-5) 0}@media(min-width:768px){.podium-container{gap:var(--space-7);margin-bottom:var(--space-10)}}.podium-place{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-xl);transition:all var(--transition-base);position:relative;min-width:90px}@media(min-width:768px){.podium-place{padding:var(--space-7);min-width:140px}}.podium-place:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.podium-first{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:2px solid var(--color-warning-primary);padding:var(--space-7);order:2;min-width:100px}@media(min-width:768px){.podium-first{padding:var(--space-9);min-width:160px}}.podium-second{background:linear-gradient(135deg,#9ca3af26,#6b728014);border:2px solid var(--color-gray-400);order:1}.podium-third{background:linear-gradient(135deg,#cd7f3226,#b4530914);border:2px solid #cd7f32;order:3}.podium-crown{position:absolute;top:-15px;font-size:var(--font-2xl);animation:float 2s ease-in-out infinite}@media(min-width:768px){.podium-crown{top:-20px;font-size:var(--font-3xl)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.podium-medal{font-size:var(--font-3xl);line-height:1}@media(min-width:768px){.podium-medal{font-size:var(--font-4xl)}}.podium-avatar{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-bold);box-shadow:var(--shadow-md)}@media(min-width:768px){.podium-avatar{width:60px;height:60px;font-size:var(--font-lg)}}.podium-avatar-large{width:60px;height:60px;font-size:var(--font-lg)}@media(min-width:768px){.podium-avatar-large{width:80px;height:80px;font-size:var(--font-xl)}}.podium-name{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-900);text-align:center;word-break:break-word}@media(min-width:768px){.podium-name{font-size:var(--font-base)}}.podium-first .podium-name{font-size:var(--font-base);font-weight:var(--font-bold)}@media(min-width:768px){.podium-first .podium-name{font-size:var(--font-lg)}}.podium-attendance{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-size:var(--font-xl);font-weight:var(--font-extrabold);color:var(--color-warning-primary)}@media(min-width:768px){.podium-attendance{font-size:var(--font-2xl)}}.podium-first .podium-attendance{font-size:var(--font-2xl)}@media(min-width:768px){.podium-first .podium-attendance{font-size:var(--font-3xl)}}.podium-label{font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.podium-badge{padding:var(--space-2) var(--space-4);font-size:var(--font-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-align:center;white-space:nowrap}@media(min-width:768px){.podium-badge{font-size:var(--font-sm)}}.badge-gold{background:var(--gradient-warning);color:var(--color-warning-darker)}.badge-orange{background:linear-gradient(135deg,#fdba74,#fb923c);color:#9a3412}.badge-blue{background:linear-gradient(135deg,#93c5fd,#60a5fa);color:#1e3a8a}.badge-green{background:var(--gradient-success);color:#065f46}.podium-trend{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-bold);border-radius:var(--radius-md)}.trend-up{background:var(--color-success-light);color:var(--color-success-primary)}.trend-down{background:var(--color-error-light);color:var(--color-error-primary)}.trend-neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-4)}.leaderboard-header{margin-bottom:var(--space-3)}.leaderboard-subtitle{margin:0;font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){.leaderboard-subtitle{font-size:var(--font-lg)}}.leaderboard-item{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:3px solid var(--color-gray-300);transition:all var(--transition-base)}@media(min-width:768px){.leaderboard-item{gap:var(--space-5);padding:var(--space-5) var(--space-6)}}.leaderboard-item:hover{background:var(--color-warning-light);border-left-color:var(--color-warning-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.leaderboard-rank{font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-gray-600);min-width:30px}@media(min-width:768px){.leaderboard-rank{font-size:var(--font-lg);min-width:35px}}.leaderboard-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-bold);box-shadow:var(--shadow-sm)}@media(min-width:768px){.leaderboard-avatar{width:45px;height:45px;font-size:var(--font-base)}}.leaderboard-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.leaderboard-name{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.leaderboard-name{font-size:var(--font-lg)}}.leaderboard-badge{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);width:fit-content}.leaderboard-stats{display:flex;align-items:center;gap:var(--space-3);min-width:fit-content}.leaderboard-attendance{font-size:var(--font-lg);font-weight:var(--font-extrabold);color:var(--color-warning-primary);min-width:30px;text-align:right}@media(min-width:768px){.leaderboard-attendance{font-size:var(--font-xl);min-width:40px}}.leaderboard-trend{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:var(--font-lg);font-weight:var(--font-bold);border-radius:var(--radius-md)}.loading-message{padding:var(--space-10);text-align:center;color:var(--color-gray-600);font-size:var(--font-base);font-weight:var(--font-medium)}.no-data{padding:var(--space-10);text-align:center;color:var(--color-gray-500);font-size:var(--font-base);font-style:italic}:root{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-brand-primary: #667eea;--color-brand-secondary: #764ba2;--color-brand-light: #f3f4ff;--color-success-primary: #10b981;--color-success-secondary: #059669;--color-success-light: #d1fae5;--color-error-primary: #dc2626;--color-error-secondary: #b91c1c;--color-error-light: #fee2e2;--color-error-border: #fecaca;--color-error-bg: #fef2f2;--color-warning-primary: #fbbf24;--color-warning-secondary: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-warning-darker: #78350f;--color-warning-gradient-1: #fef3c7;--color-warning-gradient-2: #fde68a;--color-info-primary: #2563eb;--color-info-secondary: #1d4ed8;--color-info-light: #dbeafe;--color-fut-1: #e1c072;--color-fut-2: #fdeaa7;--color-fut-3: #725b16;--color-fut-gradient-1: #d8ad48;--color-fut-gradient-2: #c3962a;--gradient-brand: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-secondary) 100%);--gradient-success: linear-gradient(135deg, var(--color-success-primary) 0%, var(--color-success-secondary) 100%);--gradient-error: linear-gradient(135deg, var(--color-error-primary) 0%, var(--color-error-secondary) 100%);--gradient-info: linear-gradient(135deg, var(--color-info-primary) 0%, var(--color-info-secondary) 100%);--gradient-warning: linear-gradient(135deg, var(--color-warning-gradient-1) 0%, var(--color-warning-gradient-2) 100%);--space-1: .25rem;--space-2: .375rem;--space-3: .5rem;--space-4: .625rem;--space-5: .75rem;--space-6: .875rem;--space-7: 1rem;--space-8: 1.25rem;--space-9: 1.5rem;--space-10: 2rem;--space-11: 2.5rem;--space-12: 3rem;--font-xs: .75rem;--font-sm: .85rem;--font-base: .95rem;--font-md: 1rem;--font-lg: 1.1rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.75rem;--font-4xl: 2rem;--font-5xl: 2.5rem;--font-6xl: 3.2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .1);--shadow-2xl: 0 8px 24px rgba(0, 0, 0, .2);--shadow-brand: 0 4px 12px rgba(102, 126, 234, .4);--shadow-success: 0 4px 12px rgba(16, 185, 129, .4);--shadow-error: 0 4px 12px rgba(239, 68, 68, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 1000;--z-modal: 1100;--z-popover: 1200;--z-tooltip: 1300;--breakpoint-sm: 480px;--breakpoint-md: 640px;--breakpoint-lg: 768px;--breakpoint-xl: 1024px;--breakpoint-2xl: 1200px;--border-width: 2px;--min-touch-target: 44px;--container-max-sm: 600px;--container-max-md: 800px;--container-max-lg: 1000px}.app-container{width:100%;max-width:100%;margin:0 auto;padding:var(--space-7);overflow-x:hidden}@media(min-width:768px){.app-container{max-width:var(--container-max-md);padding:var(--space-10)}}@media(min-width:1200px){.app-container{max-width:var(--container-max-lg)}}.app-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-9);color:var(--color-white);width:100%;max-width:100%}.header-content{flex:1 1 auto;min-width:0;max-width:100%}.app-title{margin:0;font-size:var(--font-2xl);font-weight:var(--font-extrabold);text-shadow:2px 2px 4px rgba(0,0,0,.3);word-break:break-word;max-width:100%}@media(min-width:768px){.app-title{font-size:var(--font-5xl)}}.app-subtitle{margin:var(--space-3) 0 0;font-size:var(--font-sm);opacity:.9;max-width:100%}@media(min-width:768px){.app-subtitle{font-size:var(--font-lg)}}.admin-header-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);font-size:var(--font-sm);font-weight:var(--font-bold);white-space:nowrap;color:var(--color-white);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-width) solid rgba(255,255,255,.3);border-radius:var(--radius-lg);transition:all var(--transition-base)}@media(min-width:768px){.admin-header-btn{gap:var(--space-3);padding:var(--space-5) var(--space-8);font-size:var(--font-base)}}.admin-header-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.admin-icon{font-size:var(--font-xl)}.admin-text{display:none}@media(min-width:480px){.admin-text{display:inline}}.admin-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-7);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content{display:flex;flex-direction:column;gap:var(--space-9)}@media(min-width:768px){.main-content{gap:var(--space-10)}}.tab-navigation{display:flex;gap:var(--space-3);padding:var(--space-3);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow-x:auto}.tab-button{flex:1;min-width:max-content;padding:var(--space-4) var(--space-6);font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-700);background:transparent;border:none;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer}@media(min-width:768px){.tab-button{padding:var(--space-5) var(--space-8);font-size:var(--font-lg)}}.tab-button:hover{background:#ffffff80;color:var(--color-gray-900)}.tab-button.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-bold)}.tab-content{margin-top:var(--space-6)}@media(min-width:768px){.tab-content{margin-top:var(--space-8)}}.section-title{margin:0 0 var(--space-8);font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-gray-900)}@media(min-width:768px){.section-title{font-size:var(--font-2xl);margin:0 0 var(--space-9)}}.btn-icon{font-size:var(--font-xl)}.text-warning{color:var(--color-warning-secondary)}.text-muted{color:var(--color-gray-500)}.home-container{width:100%;max-width:100%}.home-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-7);padding:var(--space-4);background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl)}@media(min-width:768px){.home-header{gap:var(--space-6)}}.treasury-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--gradient-warning);border:var(--border-width) solid var(--color-warning-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);animation:slideIn var(--transition-base);white-space:nowrap}@media(min-width:768px){.treasury-badge{padding:var(--space-4) var(--space-6)}}.treasury-icon{font-size:var(--font-lg);line-height:1}@media(min-width:768px){.treasury-icon{font-size:var(--font-xl)}}.treasury-content{display:flex;flex-direction:column;gap:var(--space-1)}.treasury-label{font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-warning-dark);text-transform:uppercase;letter-spacing:.05em}.treasury-amount{font-size:var(--font-base);font-weight:var(--font-extrabold);color:var(--color-warning-darker);line-height:1}@media(min-width:768px){.treasury-amount{font-size:var(--font-lg)}}.rules-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-info-primary);border:var(--border-width) solid var(--color-info-secondary);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-sm);font-weight:var(--font-semibold);cursor:pointer;animation:slideIn var(--transition-base);transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-md)}@media(min-width:768px){.rules-toggle{padding:var(--space-4) var(--space-6);font-size:var(--font-base)}}.rules-toggle:hover{background:var(--color-info-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.rules-toggle-icon{font-size:var(--font-lg);line-height:1}@media(min-width:768px){.rules-toggle-icon{font-size:var(--font-xl)}}.rules-toggle-text{display:inline}.rules-toggle-arrow{display:inline-block;font-size:var(--font-xs);transition:transform var(--transition-base)}.rules-toggle-arrow.open{transform:rotate(180deg)}.rules-accordion{margin-bottom:var(--space-7);padding:var(--space-6);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:slideDown var(--transition-base)}@media(min-width:768px){.rules-accordion{padding:var(--space-7);margin-bottom:var(--space-8)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-grid{display:grid;grid-template-columns:1fr;gap:var(--space-7);margin-bottom:var(--space-7)}@media(min-width:768px){.home-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-8)}.attendance-leaderboard-card{grid-column:1 / -1}}@media(min-width:1024px){.home-grid{gap:var(--space-10);margin-bottom:var(--space-10)}}.match-day-card,.stats-card,.attendance-leaderboard-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-base);animation:fadeInUp var(--transition-slow)}.match-day-card:hover,.stats-card:hover,.attendance-leaderboard-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.card-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-7);border-bottom:var(--border-width) solid var(--color-gray-200)}@media(min-width:768px){.card-header{padding:var(--space-8)}}.card-icon{font-size:var(--font-2xl);line-height:1}@media(min-width:768px){.card-icon{font-size:var(--font-3xl)}}.card-title{margin:0;font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-900)}@media(min-width:768px){.card-title{font-size:var(--font-xl)}}.match-day-header{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.stats-header{background:linear-gradient(135deg,#10b9811a,#0596691a)}.match-day-content{padding:var(--space-7)}@media(min-width:768px){.match-day-content{padding:var(--space-8)}}.match-day-info{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-7)}@media(min-width:768px){.match-day-info{gap:var(--space-7);margin-bottom:var(--space-8)}}.info-item{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--color-gray-50);border-radius:var(--radius-lg);transition:all var(--transition-base)}.info-item:hover{background:var(--color-gray-100);transform:translate(4px)}.info-icon{font-size:var(--font-2xl);line-height:1;flex-shrink:0}.info-text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.info-label{font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-900)}@media(min-width:768px){.info-value{font-size:var(--font-xl)}}.countdown-section{padding:var(--space-6);background:var(--gradient-brand);border-radius:var(--radius-lg);text-align:center}.countdown-text{margin:0;font-size:var(--font-base);color:var(--color-white);font-weight:var(--font-medium)}@media(min-width:768px){.countdown-text{font-size:var(--font-lg)}}.countdown-text strong{font-weight:var(--font-extrabold);font-size:var(--font-xl)}@media(min-width:768px){.countdown-text strong{font-size:var(--font-2xl)}}.stats-content{padding:var(--space-7)}@media(min-width:768px){.stats-content{padding:var(--space-8)}}.stats-meta{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);margin-bottom:var(--space-7);background:var(--gradient-success);border-radius:var(--radius-lg);text-align:center}@media(min-width:768px){.stats-meta{margin-bottom:var(--space-8)}}.stats-date{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-white);opacity:.9}.stats-score{font-size:var(--font-lg);font-weight:var(--font-extrabold);color:var(--color-white)}@media(min-width:768px){.stats-score{font-size:var(--font-xl)}}.players-list{display:flex;flex-direction:column;gap:var(--space-5)}.player-rating-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);transition:all var(--transition-base)}.player-rating-item:hover{background:var(--color-success-light);transform:translate(4px)}.player-name{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-900);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.player-name{font-size:var(--font-lg)}}.rating-container{display:flex;align-items:center;gap:var(--space-4);min-width:120px}@media(min-width:768px){.rating-container{min-width:140px}}.rating-value{font-size:var(--font-lg);font-weight:var(--font-extrabold);color:var(--color-success-primary);min-width:40px;text-align:right}@media(min-width:768px){.rating-value{font-size:var(--font-xl)}}.rating-bar{flex:1;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.rating-fill{height:100%;background:var(--gradient-success);border-radius:var(--radius-full);transition:width var(--transition-slow)}.rules-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.rules-list{gap:var(--space-5)}}.rule-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:3px solid var(--color-info-primary);transition:all var(--transition-base);font-size:var(--font-sm);line-height:var(--leading-relaxed)}@media(min-width:768px){.rule-item{padding:var(--space-5);font-size:var(--font-base)}}.rule-item:hover{background:var(--color-info-light);border-left-color:var(--color-info-secondary);transform:translate(4px)}.rule-bullet{font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-info-primary);flex-shrink:0;line-height:var(--leading-tight)}@media(min-width:768px){.rule-bullet{font-size:var(--font-lg)}}.rule-text{color:var(--color-gray-800);flex:1;word-break:break-word}.teams-overview-compact{display:flex;flex-direction:column;gap:var(--space-4)}.team-compact{padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:3px solid var(--color-gray-400);transition:all var(--transition-base)}.team-compact.team-1{border-left-color:#3b82f6}.team-compact.team-2{border-left-color:#10b981}.team-compact.team-3{border-left-color:#f59e0b}.team-compact:hover{background:var(--color-gray-100);transform:translate(4px)}.team-compact-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-sm);font-weight:var(--font-bold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){.team-compact-header{font-size:var(--font-base)}}.winner-badge{font-size:var(--font-lg);line-height:1}.team-compact-players{display:flex;flex-wrap:wrap;gap:var(--space-2)}.team-compact-player{padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-gray-800);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);display:inline-flex;align-items:center;gap:var(--space-2)}.team-compact-player.guest-player{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.guest-tag{font-size:.6rem;font-weight:600;color:#92400e;background:#ffffffb3;padding:.125rem .375rem;border-radius:var(--radius-sm)}@media(min-width:768px){.team-compact-player{font-size:var(--font-sm)}.guest-tag{font-size:.65rem}}.no-data{padding:var(--space-7);text-align:center;font-size:var(--font-sm);color:var(--color-gray-500);font-style:italic}.admin-login{width:100%;max-width:100%;padding:var(--space-7);background:var(--color-white);border:var(--border-width) solid var(--color-info-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-slow)}@media(min-width:768px){.admin-login{max-width:450px;padding:var(--space-10);border-radius:var(--radius-xl)}}.admin-login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.admin-login-title{margin:0;font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-info-primary);display:flex;align-items:center;gap:var(--space-3)}@media(min-width:768px){.admin-login-title{font-size:var(--font-2xl)}}.admin-login-subtitle{margin:0 0 var(--space-9);font-size:var(--font-sm);color:var(--color-gray-500)}@media(min-width:768px){.admin-login-subtitle{font-size:var(--font-base)}}.admin-login-form{display:flex;flex-direction:column;gap:var(--space-8)}.admin-login-error{padding:var(--space-5) var(--space-7);font-size:var(--font-base);color:var(--color-error-primary);background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-md)}.admin-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-10);font-size:var(--font-md);font-weight:var(--font-bold);color:var(--color-white);background:var(--gradient-info);border:none;border-radius:var(--radius-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.admin-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.admin-login-btn:active{transform:translateY(0)}.admin-login-hint{margin-top:var(--space-7);padding-top:var(--space-7);font-size:var(--font-sm);text-align:center;color:var(--color-gray-400);border-top:1px solid var(--color-gray-200)}.admin-panel{width:100%;max-width:100%;max-height:90vh;padding:var(--space-7);overflow-y:auto;overflow-x:hidden;background:var(--color-white);border:var(--border-width) solid var(--color-error-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-slow)}@media(min-width:768px){.admin-panel{max-width:600px;padding:var(--space-10);border-radius:var(--radius-xl)}}@media(min-width:768px){.admin-panel{padding:var(--space-10)}}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-7);margin-bottom:var(--space-9)}.admin-header-left{flex:1}.admin-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.admin-title{margin:0;font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-error-primary);display:flex;align-items:center;gap:var(--space-3)}@media(min-width:768px){.admin-title{font-size:var(--font-2xl)}}.admin-logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-white);background:var(--gradient-error);border:none;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}@media(min-width:768px){.admin-logout-btn{padding:var(--space-4) var(--space-7);font-size:var(--font-base)}}.admin-logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.admin-logout-btn:active{transform:translateY(0)}.admin-close-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-error-primary);background:var(--color-error-light);border:none;border-radius:var(--radius-md);transition:all var(--transition-base)}@media(min-width:768px){.admin-close-btn{width:2.5rem;height:2.5rem;font-size:var(--font-2xl)}}.admin-close-btn:hover{color:var(--color-white);background:var(--color-error-primary)}.admin-subtitle{margin:0 0 var(--space-9);font-size:var(--font-sm);color:var(--color-gray-500)}@media(min-width:768px){.admin-subtitle{font-size:var(--font-base)}}.admin-form-section{padding-bottom:var(--space-9);margin-bottom:var(--space-9);border-bottom:var(--border-width) solid var(--color-error-light)}.admin-stats-top{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}@media(min-width:768px){.admin-stats-top{gap:1rem}}.admin-stat-card{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;border:2px solid #fbbf24;transition:transform .2s}.admin-stat-card:hover{transform:translateY(-2px)}.admin-stat-card .admin-stat-icon{font-size:2rem;line-height:1}.admin-stat-card .admin-stat-content{display:flex;flex-direction:column;gap:.25rem}.admin-stat-card .admin-stat-label{font-size:.75rem;color:#78350f;font-weight:600}@media(min-width:768px){.admin-stat-card .admin-stat-label{font-size:.8rem}}.admin-stat-card .admin-stat-value{font-size:1.5rem;font-weight:800;color:#92400e;line-height:1}@media(min-width:768px){.admin-stat-card .admin-stat-value{font-size:1.75rem}}.admin-settings{display:flex;flex-direction:column;gap:var(--space-7);margin-bottom:var(--space-9)}@media(min-width:768px){.admin-settings{gap:var(--space-8)}}.admin-display-mode{background:#fff;padding:1rem;border-radius:.75rem;border:2px solid #e5e7eb;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.display-mode-label{font-size:.9rem;font-weight:600;color:#374151}.display-mode-toggle{display:flex;background:#f3f4f6;border-radius:.5rem;padding:.25rem;gap:.25rem;border:none;cursor:pointer;transition:all .2s}.display-mode-toggle:hover{background:#e5e7eb}.display-mode-toggle span{padding:.5rem 1rem;border-radius:.375rem;font-size:.85rem;font-weight:600;color:#6b7280;transition:all .2s;white-space:nowrap}.display-mode-toggle span.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #0000001a}@media(min-width:768px){.display-mode-toggle span{padding:.625rem 1.25rem;font-size:.9rem}}.admin-treasury{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:var(--space-7);border-radius:var(--radius-xl);border:var(--border-width) solid #fbbf24;display:flex;align-items:center;gap:var(--space-7);flex-wrap:wrap}.treasury-label{font-size:var(--font-sm);font-weight:var(--font-semibold);color:#78350f;white-space:nowrap}@media(min-width:768px){.treasury-label{font-size:var(--font-base)}}.treasury-input-wrapper{flex:1;min-width:200px;display:flex;flex-direction:column;gap:var(--space-3)}.treasury-input-group{display:flex;align-items:center;gap:var(--space-3)}.treasury-input{flex:1;min-width:100px;max-width:150px;padding:var(--space-3) var(--space-4);font-size:var(--font-base);font-weight:var(--font-semibold);color:#78350f;background:#fffc;border:var(--border-width) solid #fbbf24;border-radius:var(--radius-md);transition:all var(--transition-base)}@media(min-width:768px){.treasury-input{padding:var(--space-4) var(--space-5);font-size:var(--font-lg)}}.treasury-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf2433}.treasury-input.error{border-color:var(--color-error-primary);background:var(--color-error-bg)}.treasury-input.error:focus{box-shadow:0 0 0 3px #dc262633}.treasury-input::-webkit-outer-spin-button,.treasury-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.treasury-input[type=number]{appearance:textfield;-moz-appearance:textfield}.treasury-currency{font-size:var(--font-base);font-weight:var(--font-semibold);color:#92400e}@media(min-width:768px){.treasury-currency{font-size:var(--font-lg)}}.treasury-save-btn{padding:var(--space-3) var(--space-5);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-white);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:0 2px 4px #0000001a}@media(min-width:768px){.treasury-save-btn{padding:var(--space-4) var(--space-6);font-size:var(--font-base)}}.treasury-save-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.treasury-save-btn:active{transform:translateY(0)}.treasury-save-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;transform:none;box-shadow:none}.treasury-save-btn:disabled:hover{background:var(--color-gray-300);transform:none;box-shadow:none}.treasury-error{margin:0;font-size:var(--font-xs);color:var(--color-error-primary);display:flex;align-items:center;gap:var(--space-2)}.admin-empty{text-align:center;padding:2rem;color:#6b7280}.admin-empty-icon{font-size:3rem;margin-bottom:1rem}.admin-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media(min-width:768px){.admin-list{gap:1rem}}.admin-list-title{font-size:1rem;font-weight:700;color:#374151;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}@media(min-width:768px){.admin-list-title{font-size:1.1rem}}.admin-player-card{background:#fef2f2;border-radius:.75rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:1px solid #fecaca;transition:transform .2s}.admin-player-card:hover{transform:translate(4px)}.admin-player-info{flex:1;min-width:0}.admin-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.admin-player-name{font-size:1rem;font-weight:700;margin:0;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}@media(min-width:768px){.admin-player-name{font-size:1.1rem}}.admin-player-rating{font-weight:700;color:#dc2626;font-size:.85rem;white-space:nowrap}@media(min-width:768px){.admin-player-rating{font-size:.9rem}}.admin-player-rating .rating-icon{font-size:.9rem;margin-right:.25rem}.admin-player-stats{display:flex;gap:.5rem;font-size:.8rem;color:#6b7280;flex-wrap:wrap}@media(min-width:768px){.admin-player-stats{gap:.75rem;font-size:.85rem}}.admin-player-actions{display:flex;gap:.5rem;flex-shrink:0}.admin-delete-btn{background:#dc2626;color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:1.25rem;transition:background .2s,transform .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.admin-delete-btn:hover{background:#b91c1c;transform:scale(1.05)}.admin-edit-btn{background:#2563eb;color:#fff;border:none;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:1.25rem;transition:background .2s,transform .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.admin-edit-btn:hover{background:#1e40af;transform:scale(1.05)}.form-section,.players-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);width:100%;max-width:100%;overflow-x:hidden;animation:fadeInUp var(--transition-slow)}@media(min-width:768px){.form-section,.players-section{padding:var(--space-10);border-radius:var(--radius-xl)}}.player-form{display:flex;flex-direction:column;gap:var(--space-8)}@media(min-width:768px){.player-form{gap:var(--space-9)}}.form-group{display:flex;flex-direction:column;gap:var(--space-3)}.form-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-700)}.label-icon{font-size:var(--font-xl)}.form-input{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--font-base);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-base)}@media(min-width:768px){.form-input{padding:var(--space-5) var(--space-7);font-size:var(--font-md)}}.form-input:focus,.form-input:focus-visible{outline:none;border-color:var(--color-brand-primary)}.stats-inputs{display:flex;flex-direction:column;gap:var(--space-7)}.stat-input-group{display:flex;flex-direction:column;gap:var(--space-3)}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-700)}.stat-emoji{font-size:var(--font-md);margin-right:var(--space-3)}.stat-name{flex:1;margin-left:var(--space-3)}.stat-value-display{font-size:var(--font-xl);font-weight:var(--font-bold)}.stat-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--radius-md);outline:none;transition:background var(--transition-base)}.stat-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-white);border:3px solid currentColor;cursor:pointer;box-shadow:var(--shadow-base)}.stat-slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-white);border:3px solid currentColor;cursor:pointer;box-shadow:var(--shadow-base)}.form-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-10);font-size:var(--font-md);font-weight:var(--font-bold);color:var(--color-white);background:var(--gradient-success);border:none;border-radius:var(--radius-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}@media(min-width:768px){.form-submit-btn{font-size:var(--font-lg)}}.form-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-success)}.form-submit-btn:active:not(:disabled){transform:translateY(0)}.player-list-empty{padding:var(--space-10);text-align:center;color:var(--color-gray-500)}@media(min-width:768px){.player-list-empty{padding:var(--space-12)}}.player-limit-notice{padding:var(--space-4) var(--space-6);margin-bottom:var(--space-7);font-size:var(--font-sm);text-align:center;color:var(--color-warning-dark);background:var(--color-warning-light);border:1px solid var(--color-warning-primary);border-radius:var(--radius-md)}@media(min-width:768px){.player-limit-notice{font-size:var(--font-base)}}.players-grid{display:grid;grid-template-columns:1fr;gap:var(--space-7)}@media(min-width:640px){.players-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media(min-width:1024px){.players-grid{gap:var(--space-9)}}.player-card{padding:var(--space-7);background:var(--color-gray-50);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}@media(min-width:768px){.player-card{padding:var(--space-9);border-radius:var(--radius-xl)}}@media(hover:hover){.player-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}}.player-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:var(--border-width) solid var(--color-gray-200)}@media(min-width:768px){.player-card-header{align-items:center;margin-bottom:var(--space-7);padding-bottom:var(--space-7);gap:var(--space-5)}}.player-card-name{flex:1;margin:0;font-size:var(--font-md);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-gray-900);word-break:break-word}@media(min-width:768px){.player-card-name{font-size:var(--font-xl)}}.player-card-rating{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.rating-value{font-size:var(--font-xl);font-weight:var(--font-extrabold);line-height:var(--leading-none);color:var(--color-brand-primary)}@media(min-width:768px){.rating-value{font-size:var(--font-4xl)}}.rating-max{font-size:var(--font-xs);color:var(--color-gray-500)}.player-stats{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.player-stats{gap:var(--space-5)}}.stat-row{display:flex;flex-direction:column;gap:var(--space-1)}.stat-bar-container{position:relative;height:22px;background:var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:768px){.stat-bar-container{height:24px}}.stat-bar{display:flex;align-items:center;justify-content:flex-end;height:100%;min-width:2rem;padding-right:var(--space-3);background:var(--gradient-brand);border-radius:var(--radius-lg);transition:width var(--transition-slow)}.stat-value{font-size:var(--font-xs);font-weight:var(--font-bold);color:var(--color-white)}@media(min-width:768px){.stat-value{font-size:var(--font-sm)}}.player-card-simple .player-card-rating-stars{display:flex;align-items:center;gap:var(--space-1)}.player-card-simple .player-card-rating-stars .stars{font-size:var(--font-md);letter-spacing:.05rem}.player-stats-simple{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.player-stats-simple{gap:var(--space-5)}}.stat-row-simple{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-200)}.stat-row-simple:last-child{border-bottom:none}.stat-label-simple{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700)}@media(min-width:768px){.stat-label-simple{font-size:var(--font-base)}}.stat-stars{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-500)}.stat-stars .stars-filled{font-size:var(--font-md);color:var(--color-warning-primary)}.stat-stars .stars-count{font-size:var(--font-sm);color:var(--color-gray-700)}.matchmaking-section{padding:var(--space-5);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:100%;overflow-x:hidden;animation:fadeInUp var(--transition-slow)}@media(min-width:768px){.matchmaking-section{padding:var(--space-10);border-radius:var(--radius-xl)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.matchmaking-container{display:flex;flex-direction:column;gap:var(--space-9)}.matchmaking-header-container{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.draft-status-badge{padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);white-space:nowrap}.matchday-date-badge{padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);white-space:nowrap;color:var(--color-gray-700);background:var(--color-gray-100);border:1px solid var(--color-gray-300)}.draft-status-badge.status-draft{color:var(--color-warning-darker);background:var(--color-warning-light);border:1px solid var(--color-warning-border)}.draft-status-badge.status-locked{color:var(--color-info-darker);background:var(--color-info-light);border:1px solid var(--color-info-border)}.draft-status-badge.status-completed{color:var(--color-success-darker);background:var(--color-success-light);border:1px solid var(--color-success-border)}.lock-info-banner{padding:var(--space-5);background:var(--color-info-light);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);color:var(--color-info-darker);font-size:var(--font-sm);font-weight:var(--font-semibold);text-align:center}@media(min-width:768px){.lock-info-banner{font-size:var(--font-base)}}.matchmaking-config{display:flex;flex-direction:column;gap:var(--space-7)}@media(min-width:768px){.matchmaking-config{gap:var(--space-9)}}.config-section{padding:var(--space-5);background:var(--color-gray-50);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-lg);width:100%;max-width:100%}@media(min-width:768px){.config-section{padding:var(--space-9)}}.config-title{margin:0 0 var(--space-6);font-size:var(--font-md);font-weight:var(--font-bold);color:var(--color-gray-700)}@media(min-width:768px){.config-title{font-size:var(--font-xl);margin:0 0 var(--space-7)}}.matchmaking-mode{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-7);margin-bottom:var(--space-7);border-bottom:var(--border-width) solid var(--color-gray-200)}@media(min-width:768px){.matchmaking-mode{gap:var(--space-5);padding-bottom:var(--space-9);margin-bottom:var(--space-9)}}.matchday-date-selection{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-7);margin-bottom:var(--space-7);border-bottom:var(--border-width) solid var(--color-gray-200)}@media(min-width:768px){.matchday-date-selection{gap:var(--space-5);padding-bottom:var(--space-9);margin-bottom:var(--space-9)}}.mode-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700)}@media(min-width:768px){.mode-label{font-size:var(--font-base)}}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-1);background:var(--color-gray-100);border-radius:var(--radius-lg)}@media(min-width:768px){.mode-toggle{gap:var(--space-3)}}.mode-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);font-size:var(--font-xs);font-weight:var(--font-bold);color:var(--color-gray-500);background:transparent;border:none;border-radius:var(--radius-md);transition:all var(--transition-base);min-width:0}@media(min-width:768px){.mode-btn{padding:var(--space-5) var(--space-7);font-size:var(--font-base);gap:var(--space-3)}}.mode-btn:hover{background:#ffffff80}.mode-btn.active{color:var(--color-brand-primary);background:var(--color-white);box-shadow:var(--shadow-base)}.mode-icon{font-size:var(--font-md)}@media(min-width:768px){.mode-icon{font-size:var(--font-lg)}}.mode-description{margin:0;font-size:var(--font-sm);line-height:var(--leading-normal);text-align:center;color:var(--color-gray-500)}@media(min-width:768px){.mode-description{font-size:var(--font-base)}}.config-controls{display:flex;flex-direction:column;gap:var(--space-6)}@media(min-width:640px){.config-controls{flex-direction:row;gap:var(--space-9)}}.config-item{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.config-item{gap:var(--space-5)}}.config-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700)}@media(min-width:768px){.config-label{font-size:var(--font-base)}}.config-emoji{font-size:var(--font-lg)}@media(min-width:768px){.config-emoji{font-size:var(--font-xl)}}.config-buttons{display:flex;gap:var(--space-3)}.config-btn{flex:1;min-height:var(--min-touch-target);padding:var(--space-4);font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-gray-700);background:var(--color-white);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-base)}@media(min-width:768px){.config-btn{padding:var(--space-5);font-size:var(--font-md)}}.config-btn:hover{background:var(--color-brand-light);border-color:var(--color-brand-primary)}.config-btn.active{color:var(--color-white);background:var(--gradient-brand);border-color:var(--color-brand-primary)}.config-info{padding-top:var(--space-6);margin-top:var(--space-6);font-size:var(--font-sm);text-align:center;color:var(--color-gray-500);border-top:var(--border-width) solid var(--color-gray-200)}@media(min-width:768px){.config-info{padding-top:var(--space-7);margin-top:var(--space-7);font-size:var(--font-base)}}.player-selection{padding:var(--space-7);background:var(--color-gray-50);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-lg)}@media(min-width:768px){.player-selection{padding:var(--space-9)}}.selection-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5)}@media(min-width:768px){.selection-header{gap:var(--space-7);margin-bottom:var(--space-5)}}.player-search-wrapper{position:relative;margin-bottom:var(--space-4)}.player-search{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);font-size:var(--font-sm);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);transition:border-color var(--transition-base)}.player-search:focus{outline:none;border-color:var(--color-brand)}.player-search::placeholder{color:var(--color-gray-400)}.search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:var(--color-gray-200);border-radius:50%;font-size:var(--font-xs);color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.search-clear:hover{background:var(--color-gray-300);color:var(--color-gray-700)}.selection-actions{display:flex;gap:var(--space-3)}.selection-btn{padding:var(--space-3) var(--space-5);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);background:var(--color-white);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-base)}@media(min-width:768px){.selection-btn{padding:var(--space-3) var(--space-7);font-size:var(--font-base)}}.selection-btn:hover{color:var(--color-brand-primary);background:var(--color-brand-light);border-color:var(--color-brand-primary)}.players-selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-height:250px;overflow-y:auto;padding:.25rem;-webkit-overflow-scrolling:touch}@media(min-width:640px){.players-selection-grid{max-height:300px;padding:.5rem}}@media(min-width:1024px){.players-selection-grid{grid-template-columns:repeat(3,1fr);max-height:350px}}.player-select-card{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:.375rem;text-align:left;min-height:44px;min-width:0;overflow:hidden}@media(min-width:768px){.player-select-card{padding:.75rem 1rem;gap:.5rem}}.player-select-card:hover{border-color:#667eea;background:#f3f4ff}@media(hover:hover){.player-select-card:hover{transform:translateY(-2px)}}.player-select-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.player-select-card.selected .player-select-name,.player-select-card.selected .player-select-rating{color:#fff}.player-select-info{display:flex;justify-content:space-between;align-items:center;flex:1;gap:.375rem;min-width:0;overflow:hidden}.player-select-name{flex:1;font-weight:600;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;min-width:0}@media(min-width:768px){.player-select-name{font-size:.9rem}}.player-select-rating{flex-shrink:0;font-weight:700;font-size:.75rem;white-space:nowrap;color:#667eea}@media(min-width:768px){.player-select-rating{font-size:.85rem}}.generate-teams-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}@media(min-width:768px){.generate-teams-btn{font-size:1.1rem}}.generate-teams-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.generate-teams-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.generated-teams{background:#f9fafb;padding:1rem;border-radius:.75rem;border:2px solid #e5e7eb}@media(min-width:768px){.generated-teams{padding:2rem}}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}@media(min-width:768px){.teams-header{margin-bottom:1.5rem}}.teams-title{font-size:1.1rem;font-weight:700;color:#374151;margin:0}@media(min-width:768px){.teams-title{font-size:1.5rem}}.share-teams-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb;padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s}.share-teams-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.share-teams-btn:active{transform:scale(.98)}.share-teams-btn .btn-icon{width:18px;height:18px}.teams-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.teams-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.teams-grid{gap:1.5rem}}.team-card{background:#fff;border-radius:.5rem;padding:.75rem;border:2px solid #667eea;box-shadow:0 2px 4px #0000001a;min-width:0;overflow:hidden}@media(min-width:768px){.team-card{padding:1.5rem;border-radius:.75rem}}.team-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}@media(min-width:480px){.team-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem}}.team-name{font-size:1rem;font-weight:700;color:#667eea;margin:0}@media(min-width:768px){.team-name{font-size:1.25rem}}.team-stats{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media(min-width:480px){.team-stats{gap:.75rem}}.team-avg,.team-total{font-weight:700;font-size:.8rem;padding:.25rem .5rem;border-radius:.25rem;background:#f3f4ff;color:#667eea}@media(min-width:768px){.team-avg,.team-total{font-size:.9rem}}.team-players{display:flex;flex-direction:column;gap:.625rem}@media(min-width:768px){.team-players{gap:.75rem}}.team-player{background:#f9fafb;padding:.625rem;border-radius:.5rem;border:1px solid #e5e7eb}@media(min-width:768px){.team-player{padding:.75rem}}.team-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.team-player-name{font-weight:700;color:#111827;font-size:.875rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.team-player-name{font-size:.95rem}}.team-player-rating{font-weight:700;font-size:.75rem;color:#667eea;background:#f3f4ff;padding:.25rem .5rem;border-radius:.375rem;white-space:nowrap}@media(min-width:768px){.team-player-rating{font-size:.85rem}}.team-player-stats{display:flex;gap:.375rem;font-size:.7rem;color:#6b7280;flex-wrap:wrap}@media(min-width:768px){.team-player-stats{font-size:.8rem;gap:.6rem}}.team-player-stats-simple{display:flex;gap:.625rem;font-size:.8rem;color:#374151;font-weight:600}@media(min-width:768px){.team-player-stats-simple{font-size:.85rem;gap:.75rem}}.team-player-guest{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.team-player-name .guest-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.65rem;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:.25rem;vertical-align:middle}.m-0{margin:0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.p-0{padding:0}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-white{color:var(--color-white)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-brand{color:var(--color-brand-primary)}.text-success{color:var(--color-success-primary)}.text-error{color:var(--color-error-primary)}.text-warning{color:var(--color-warning-primary)}.text-info{color:var(--color-info-primary)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:var(--border-width) solid var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:var(--transition-base);transition-timing-function:ease}.transition-fast{transition-property:all;transition-duration:var(--transition-fast)}.transition-slow{transition-property:all;transition-duration:var(--transition-slow)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}@media(max-width:767px){.hidden-mobile{display:none}}@media(min-width:768px){.hidden-desktop{display:none}}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.gap-9{gap:var(--space-9)}.gap-10{gap:var(--space-10)}