*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,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:linear-gradient(160deg,#0f172a,#1e293b 40%,#0f172a,#162032);background-attachment:fixed;color:var(--color-gray-200)}a{color:var(--color-brand-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-brand-dark)}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);color:var(--color-gray-50);letter-spacing:-.02em}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:.5}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:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.matchday-manager{background:var(--color-surface-card);border:var(--border-width) solid var(--color-surface-glass-border);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:var(--border-width) solid var(--color-surface-glass-border)}@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-50)}@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-400)}@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:#0f172a66;border-radius:var(--radius-lg);border:1px solid var(--color-surface-glass-border)}@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-300)}.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-300);background:var(--color-surface-input);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-full);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(--gradient-brand);color:var(--color-white);border-color:var(--color-brand-primary);box-shadow:var(--shadow-brand)}.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-400);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(-1px);box-shadow:var(--shadow-brand)}.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-100)}.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-surface-card);border-radius:var(--radius-xl);padding:var(--space-5);border:var(--border-width) solid var(--color-surface-glass-border);transition:all var(--transition-base);min-height:150px}@media(min-width:768px){.team-box{padding:var(--space-6)}}.team-box.team-1{border-color:var(--color-team-1-border);background:var(--color-team-1-light)}.team-box.team-2{border-color:var(--color-team-2-border);background:var(--color-team-2-light)}.team-box.team-3{border-color:var(--color-team-3-border);background:var(--color-team-3-light)}.team-box.team-4{border-color:var(--color-team-4-border);background:var(--color-team-4-light)}.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-surface-glass-border)}.team-header h5{margin:0;font-size:var(--font-base);font-weight:var(--font-bold);color:var(--color-gray-100)}@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:#0f172a66;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-200);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-surface-glass-border);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-surface-card);border:none;cursor:pointer;transition:all var(--transition-base)}.section-toggle:hover{background:var(--color-gray-800)}.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-100)}.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-surface-card);border-top:1px solid var(--color-surface-glass-border)}@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-300)}@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-5);padding-right:var(--space-9);font-size:var(--font-sm);color:var(--color-gray-100);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-lg);background:var(--color-surface-input);transition:all var(--transition-base)}.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-300);background:var(--color-gray-700);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:#0f172a66;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-600) transparent}.players-grid-container::-webkit-scrollbar{width:6px}.players-grid-container::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}.players-grid-container::-webkit-scrollbar-thumb{background:var(--color-gray-600);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-surface-card);border-radius:var(--radius-md);border:1px solid var(--color-surface-glass-border);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-200);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:var(--color-team-1)}.btn-add-to-team.team-1:hover{background:#3b82f6}.btn-add-to-team.team-2{background:var(--color-team-2)}.btn-add-to-team.team-2:hover{background:#10b981}.btn-add-to-team.team-3{background:var(--color-team-3)}.btn-add-to-team.team-3:hover{background:#d97706}.btn-add-to-team.team-4{background:var(--color-team-4)}.btn-add-to-team.team-4:hover{background:#e11d48}.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);color:var(--color-gray-100);border:1px solid var(--color-surface-glass-border);border-radius:var(--radius-md);background:var(--color-surface-input);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 var(--color-brand-light)}.team-select{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-gray-200);border:1px solid var(--color-surface-glass-border);border-radius:var(--radius-md);background:var(--color-surface-input);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-100)}.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-300)}.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-300);background:var(--color-surface-card);border:2px solid var(--color-gray-500)}.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-100)}.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-300)}.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-300);background:var(--color-surface-input);border:2px solid var(--color-surface-glass-border);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-surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-base);animation:fadeInUp var(--transition-slow)}.attendance-leaderboard-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.attendance-header{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-7);background:linear-gradient(135deg,#fbbf2414,#f59e0b0a);border-bottom:var(--border-width) solid var(--color-surface-glass-border)}@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-50)}@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-1);background:#0f172a80;border-radius:var(--radius-full);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-400);background:transparent;border:none;border-radius:var(--radius-full);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:#94a3b81a;color:var(--color-gray-200)}.filter-btn.active{background:var(--gradient-brand);color:var(--color-white);box-shadow:var(--shadow-brand);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-surface-card);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-100);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-400);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:#94a3b81f;color:var(--color-gray-400)}.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-300);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:#0f172a66;border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-lg);border-left:3px solid var(--color-gray-600);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-accent-light);border-left-color:var(--color-accent-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-400);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-100);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: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #020617;--color-brand-primary: #34d399;--color-brand-secondary: #2dd4bf;--color-brand-light: rgba(52, 211, 153, .12);--color-brand-dark: #059669;--color-brand-darker: #047857;--color-brand-glow: rgba(52, 211, 153, .4);--color-accent-primary: #fbbf24;--color-accent-secondary: #f59e0b;--color-accent-light: rgba(251, 191, 36, .12);--color-accent-dark: #d97706;--color-accent-glow: rgba(251, 191, 36, .3);--color-surface-primary: rgba(30, 41, 59, .95);--color-surface-secondary: rgba(15, 23, 42, .9);--color-surface-elevated: rgba(30, 41, 59, .85);--color-surface-glass: rgba(30, 41, 59, .6);--color-surface-glass-border: rgba(148, 163, 184, .15);--color-surface-card: rgba(30, 41, 59, .8);--color-surface-input: rgba(15, 23, 42, .6);--color-success-primary: #34d399;--color-success-secondary: #10b981;--color-success-light: rgba(52, 211, 153, .12);--color-success-dark: #059669;--color-error-primary: #fb7185;--color-error-secondary: #f43f5e;--color-error-light: rgba(251, 113, 133, .12);--color-error-border: rgba(251, 113, 133, .3);--color-error-bg: rgba(251, 113, 133, .08);--color-error-dark: #e11d48;--color-warning-primary: #fbbf24;--color-warning-secondary: #f59e0b;--color-warning-light: rgba(251, 191, 36, .12);--color-warning-dark: #d97706;--color-warning-darker: #b45309;--color-warning-border: rgba(251, 191, 36, .3);--color-info-primary: #22d3ee;--color-info-secondary: #06b6d4;--color-info-light: rgba(34, 211, 238, .12);--color-info-dark: #0891b2;--color-info-border: rgba(34, 211, 238, .3);--color-team-1: #60a5fa;--color-team-1-light: rgba(96, 165, 250, .12);--color-team-1-border: rgba(96, 165, 250, .4);--color-team-2: #34d399;--color-team-2-light: rgba(52, 211, 153, .12);--color-team-2-border: rgba(52, 211, 153, .4);--color-team-3: #fbbf24;--color-team-3-light: rgba(251, 191, 36, .12);--color-team-3-border: rgba(251, 191, 36, .4);--color-team-4: #fb7185;--color-team-4-light: rgba(251, 113, 133, .12);--color-team-4-border: rgba(251, 113, 133, .4);--gradient-brand: linear-gradient(135deg, #059669 0%, #0d9488 50%, #0891b2 100%);--gradient-brand-subtle: linear-gradient(135deg, #34d399 0%, #2dd4bf 100%);--gradient-surface: linear-gradient(180deg, rgba(30, 41, 59, .9) 0%, rgba(15, 23, 42, .95) 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-error: linear-gradient(135deg, #fb7185 0%, #f43f5e 100%);--gradient-info: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);--gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f59e0b 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: .375rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .3);--shadow-base: 0 4px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .25);--shadow-2xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-brand: 0 4px 20px rgba(52, 211, 153, .3), 0 0 40px rgba(52, 211, 153, .1);--shadow-success: 0 4px 20px rgba(52, 211, 153, .3);--shadow-error: 0 4px 20px rgba(251, 113, 133, .3);--shadow-info: 0 4px 20px rgba(34, 211, 238, .3);--shadow-accent: 0 4px 20px rgba(251, 191, 36, .3);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 0 1px rgba(148, 163, 184, .1);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4), 0 0 1px rgba(148, 163, 184, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--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: 1px;--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-5) var(--space-5);overflow-x:hidden}@media(min-width:768px){.app-container{max-width:var(--container-max-md);padding:var(--space-10) var(--space-8)}}@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-10);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:0 2px 8px rgba(0,0,0,.2);word-break:break-word;max-width:100%;letter-spacing:-.03em}@media(min-width:768px){.app-title{font-size:var(--font-5xl)}}.app-subtitle{margin:var(--space-2) 0 0;font-size:var(--font-sm);opacity:.85;max-width:100%;font-weight:var(--font-normal)}@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-3) var(--space-5);font-size:var(--font-sm);font-weight:var(--font-semibold);white-space:nowrap;color:var(--color-white);background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width) solid rgba(255,255,255,.25);border-radius:var(--radius-full);transition:all var(--transition-base)}@media(min-width:768px){.admin-header-btn{gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--font-base)}}.admin-header-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-icon{font-size:var(--font-lg)}.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-5);background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.main-content{display:flex;flex-direction:column;gap:var(--space-8)}@media(min-width:768px){.main-content{gap:var(--space-10)}}.tab-navigation{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-card);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{flex:1;min-width:max-content;padding:var(--space-4) var(--space-7);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-400);background:transparent;border:none;border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;white-space:nowrap}@media(min-width:768px){.tab-button{padding:var(--space-5) var(--space-9);font-size:var(--font-base)}}.tab-button:hover{background:#94a3b81a;color:var(--color-gray-200)}.tab-button.active{background:var(--gradient-brand);color:var(--color-white);box-shadow:var(--shadow-brand);font-weight:var(--font-bold)}.tab-content{margin-top:var(--space-7)}@media(min-width:768px){.tab-content{margin-top:var(--space-9)}}.section-title{margin:0 0 var(--space-8);font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-gray-50);letter-spacing:-.02em}@media(min-width:768px){.section-title{font-size:var(--font-2xl);margin:0 0 var(--space-9)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);font-size:var(--font-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-sm{padding:var(--space-2) var(--space-5);font-size:var(--font-sm);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-6) var(--space-9);font-size:var(--font-lg)}.btn-pill{border-radius:var(--radius-full)}.btn-primary{color:var(--color-white);background:var(--gradient-brand);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn-secondary{color:var(--color-gray-200);background:var(--color-surface-card);border:var(--border-width) solid var(--color-surface-glass-border)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-700);transform:translateY(-1px)}.btn-danger{color:var(--color-white);background:var(--gradient-error);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-error)}.btn-success{color:var(--color-white);background:var(--gradient-success);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-success)}.btn-ghost{color:var(--color-gray-400);background:transparent}.btn-ghost:hover:not(:disabled){background:#94a3b81a;color:var(--color-gray-200)}.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-8);padding:var(--space-4);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-full)}@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-surface-card);border:var(--border-width) solid var(--color-surface-glass-border);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-surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);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-card-hover);transform:translateY(-3px)}@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-surface-glass-border)}@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-50)}@media(min-width:768px){.card-title{font-size:var(--font-xl)}}.match-day-header{background:linear-gradient(135deg,#34d39914,#2dd4bf14)}.stats-header{background:linear-gradient(135deg,#fbbf240f,#f59e0b0f)}.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:#0f172a66;border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.info-item:hover{background:#0f172a99;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-400);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-100)}@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:#0f172a66;border:var(--border-width) solid var(--color-surface-glass-border);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-100);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:#94a3b826;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:#0f172a66;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-primary);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-300);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:#0f172a66;border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-lg);border-left:3px solid var(--color-gray-500);transition:all var(--transition-base)}.team-compact.team-1{border-left-color:var(--color-team-1)}.team-compact.team-2{border-left-color:var(--color-team-2)}.team-compact.team-3{border-left-color:var(--color-team-3)}.team-compact:hover{background:#0f172a99;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-300);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-200);background:var(--color-surface-card);border-radius:var(--radius-md);border:1px solid var(--color-surface-glass-border);display:inline-flex;align-items:center;gap:var(--space-2)}.team-compact-player.guest-player{background:var(--color-warning-light);border-color:var(--color-warning-border)}.guest-tag{font-size:.6rem;font-weight:600;color:var(--color-accent-primary);background:#fbbf2426;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-8);background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:slideUp var(--transition-slow)}@media(min-width:768px){.admin-login{max-width:450px;padding:var(--space-11);border-radius:var(--radius-2xl)}}.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-brand-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-sm);color:var(--color-error-primary);background:var(--color-error-light);border:var(--border-width) 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-6) var(--space-10);font-size:var(--font-md);font-weight:var(--font-bold);color:var(--color-white);background:var(--gradient-brand);border:none;border-radius:var(--radius-lg);transition:all var(--transition-base)}.admin-login-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand)}.admin-login-btn:active{transform:scale(.98)}.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:var(--border-width) solid var(--color-surface-glass-border)}.admin-panel{width:100%;max-width:100%;max-height:90vh;padding:var(--space-7);overflow-y:auto;overflow-x:hidden;background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:slideUp var(--transition-slow)}@media(min-width:768px){.admin-panel{max-width:600px;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-gray-50);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(-1px);box-shadow:var(--shadow-error)}.admin-logout-btn:active{transform:scale(.98)}.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-gray-400);background:var(--color-surface-card);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-surface-glass-border)}.admin-stats-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-9)}@media(min-width:768px){.admin-stats-top{gap:var(--space-7)}}.admin-stat-card{background:var(--color-surface-card);padding:var(--space-7);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-5);border:var(--border-width) solid var(--color-surface-glass-border);transition:all var(--transition-base)}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-stat-card .admin-stat-icon{font-size:var(--font-4xl);line-height:1}.admin-stat-card .admin-stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.admin-stat-card .admin-stat-label{font-size:var(--font-xs);color:var(--color-gray-500);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){.admin-stat-card .admin-stat-label{font-size:var(--font-sm)}}.admin-stat-card .admin-stat-value{font-size:var(--font-2xl);font-weight:var(--font-extrabold);color:var(--color-gray-50);line-height:1}@media(min-width:768px){.admin-stat-card .admin-stat-value{font-size:var(--font-3xl)}}.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:var(--color-surface-card);padding:var(--space-7);border-radius:var(--radius-xl);border:var(--border-width) solid var(--color-surface-glass-border);display:flex;align-items:center;gap:var(--space-7);flex-wrap:wrap}.display-mode-label{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-300)}.display-mode-toggle{display:flex;background:#0f172a80;border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1);border:none;cursor:pointer;transition:all var(--transition-base)}.display-mode-toggle:hover{background:#0f172ab3}.display-mode-toggle span{padding:var(--space-3) var(--space-7);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-500);transition:all var(--transition-base);white-space:nowrap}.display-mode-toggle span.active{background:var(--gradient-brand);color:var(--color-white);box-shadow:var(--shadow-brand)}@media(min-width:768px){.display-mode-toggle span{padding:var(--space-4) var(--space-8);font-size:var(--font-base)}}.admin-treasury{background:var(--color-warning-light);padding:var(--space-7);border-radius:var(--radius-xl);border:var(--border-width) solid var(--color-warning-border);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:var(--color-warning-darker);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:var(--color-accent-primary);background:#0f172a80;border:var(--border-width) solid var(--color-warning-border);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:var(--color-warning-secondary);box-shadow:0 0 0 3px #f59e0b26}.treasury-input.error{border-color:var(--color-error-primary);background:var(--color-error-bg)}.treasury-input.error:focus{box-shadow:0 0 0 3px #ef444426}.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:var(--color-warning-dark)}@media(min-width:768px){.treasury-currency{font-size:var(--font-lg)}}.treasury-save-btn{padding:var(--space-3) var(--space-6);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-white);background:var(--gradient-brand);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-sm)}@media(min-width:768px){.treasury-save-btn{padding:var(--space-4) var(--space-7);font-size:var(--font-base)}}.treasury-save-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand)}.treasury-save-btn:active{transform:scale(.98)}.treasury-save-btn:disabled{background:var(--color-gray-700);color:var(--color-gray-500);cursor:not-allowed;transform:none;box-shadow:none}.treasury-save-btn:disabled:hover{background:var(--color-gray-700);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:var(--space-10);color:var(--color-gray-500)}.admin-empty-icon{font-size:var(--font-5xl);margin-bottom:var(--space-7)}.admin-list{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-9)}@media(min-width:768px){.admin-list{gap:var(--space-5)}}.admin-list-title{font-size:var(--font-md);font-weight:var(--font-bold);color:var(--color-gray-200);margin:0 0 var(--space-7);padding-bottom:var(--space-5);border-bottom:var(--border-width) solid var(--color-surface-glass-border)}@media(min-width:768px){.admin-list-title{font-size:var(--font-lg)}}.admin-player-card{background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-7);display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);border:var(--border-width) solid var(--color-surface-glass-border);transition:all var(--transition-base)}.admin-player-card:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.admin-player-info{flex:1;min-width:0}.admin-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:var(--space-3)}.admin-player-name{font-size:var(--font-md);font-weight:var(--font-bold);margin:0;color:var(--color-gray-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}@media(min-width:768px){.admin-player-name{font-size:var(--font-lg)}}.admin-player-rating{font-weight:var(--font-bold);color:var(--color-brand-primary);font-size:var(--font-sm);white-space:nowrap}@media(min-width:768px){.admin-player-rating{font-size:var(--font-base)}}.admin-player-rating .rating-icon{font-size:var(--font-base);margin-right:var(--space-1)}.admin-player-stats{display:flex;gap:var(--space-3);font-size:var(--font-xs);color:var(--color-gray-500);flex-wrap:wrap}@media(min-width:768px){.admin-player-stats{gap:var(--space-5);font-size:var(--font-sm)}}.admin-player-actions{display:flex;gap:var(--space-3);flex-shrink:0}.admin-delete-btn{background:var(--color-error-primary);color:var(--color-white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);font-size:var(--font-xl);transition:all var(--transition-base);white-space:nowrap;display:flex;align-items:center;justify-content:center}.admin-delete-btn:hover{background:var(--color-error-secondary);transform:scale(1.05)}.admin-edit-btn{background:var(--color-info-primary);color:var(--color-white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);font-size:var(--font-xl);transition:all var(--transition-base);white-space:nowrap;display:flex;align-items:center;justify-content:center}.admin-edit-btn:hover{background:var(--color-info-dark);transform:scale(1.05)}.form-section,.players-section{background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-2xl);padding:var(--space-7);box-shadow:var(--shadow-card);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)}}.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-300)}.label-icon{font-size:var(--font-xl)}.form-input{width:100%;padding:var(--space-5) var(--space-6);font-size:var(--font-base);color:var(--color-gray-100);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);background:var(--color-surface-input)}@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);box-shadow:0 0 0 3px var(--color-brand-light)}.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-300)}.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-6) 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-lg);transition:all var(--transition-base)}@media(min-width:768px){.form-submit-btn{font-size:var(--font-lg)}}.form-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-success)}.form-submit-btn:active:not(:disabled){transform:scale(.98)}.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-surface-card);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-card)}@media(min-width:768px){.player-card{padding:var(--space-9)}}@media(hover:hover){.player-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-brand-primary)}}.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-surface-glass-border)}@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-100);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:#94a3b81f;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-surface-glass-border)}.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-400)}@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-400)}.matchmaking-section{padding:var(--space-7);background:var(--color-surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);width:100%;max-width:100%;overflow-x:hidden;animation:fadeInUp var(--transition-slow)}@media(min-width:768px){.matchmaking-section{padding:var(--space-10)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}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-300);background:var(--color-surface-card);border:1px solid var(--color-surface-glass-border)}.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-7);background:var(--color-surface-card);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-xl);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-200)}@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-surface-glass-border)}@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-surface-glass-border)}@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-300)}@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:#0f172a80;border-radius:var(--radius-full)}@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:#94a3b81a}.mode-btn.active{color:var(--color-white);background:var(--gradient-brand);box-shadow:var(--shadow-brand)}.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-300)}@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-300);background:var(--color-surface-input);border:var(--border-width) solid var(--color-surface-glass-border);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-surface-glass-border)}@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-surface-card);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-xl)}@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-4) var(--space-5);padding-right:var(--space-10);font-size:var(--font-sm);color:var(--color-gray-100);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-lg);background:var(--color-surface-input);transition:all var(--transition-base)}.player-search:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-light)}.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-700);border-radius:50%;font-size:var(--font-xs);color:var(--color-gray-300);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.search-clear:hover{background:var(--color-gray-600);color:var(--color-gray-100)}.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-300);background:var(--color-surface-input);border:var(--border-width) solid var(--color-surface-glass-border);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:var(--color-surface-input);border:var(--border-width) solid var(--color-surface-glass-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--transition-base);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;min-height:var(--min-touch-target);min-width:0;overflow:hidden}@media(min-width:768px){.player-select-card{padding:var(--space-5) var(--space-7);gap:var(--space-3)}}.player-select-card:hover{border-color:var(--color-brand-primary);background:var(--color-brand-light)}@media(hover:hover){.player-select-card:hover{transform:translateY(-1px)}}.player-select-card.selected{background:var(--gradient-brand);border-color:var(--color-brand-primary)}.player-select-card.selected .player-select-name,.player-select-card.selected .player-select-rating{color:var(--color-white)}.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:var(--font-semibold);font-size:var(--font-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-200);min-width:0}@media(min-width:768px){.player-select-name{font-size:var(--font-sm)}}.player-select-rating{flex-shrink:0;font-weight:var(--font-bold);font-size:var(--font-xs);white-space:nowrap;color:var(--color-brand-primary)}@media(min-width:768px){.player-select-rating{font-size:var(--font-sm)}}.generate-teams-btn{background:var(--gradient-success);color:var(--color-white);border:none;padding:var(--space-7) var(--space-10);font-size:var(--font-md);font-weight:var(--font-bold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%}@media(min-width:768px){.generate-teams-btn{font-size:var(--font-lg)}}.generate-teams-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-success)}.generate-teams-btn:active:not(:disabled){transform:scale(.98)}.generate-teams-btn:disabled{background:var(--color-gray-700);cursor:not-allowed;opacity:.5}.generated-teams{background:var(--color-surface-card);padding:var(--space-7);border-radius:var(--radius-xl);border:var(--border-width) solid var(--color-surface-glass-border)}@media(min-width:768px){.generated-teams{padding:var(--space-10)}}.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:var(--font-lg);font-weight:var(--font-bold);color:var(--color-gray-100);margin:0}@media(min-width:768px){.teams-title{font-size:var(--font-2xl)}}.share-teams-btn{background:var(--color-surface-input);color:var(--color-gray-400);border:var(--border-width) solid var(--color-surface-glass-border);padding:var(--space-3) var(--space-7);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-base)}.share-teams-btn:hover{background:var(--color-surface-card);border-color:var(--color-brand-primary);color:var(--color-gray-200)}.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:var(--color-surface-card);border-radius:var(--radius-xl);padding:var(--space-5);border:var(--border-width) solid var(--color-surface-glass-border);box-shadow:var(--shadow-card);min-width:0;overflow:hidden;transition:all var(--transition-base)}.team-card:hover{box-shadow:var(--shadow-card-hover)}@media(min-width:768px){.team-card{padding:var(--space-9)}}.team-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-surface-glass-border);position:relative}@media(min-width:768px){.team-header{margin-bottom:1rem;padding-bottom:1rem}}.team-name{font-size:var(--font-md);font-weight:var(--font-bold);color:var(--color-brand-primary);margin:0}@media(min-width:768px){.team-name{font-size:var(--font-xl)}}.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:var(--font-bold);font-size:var(--font-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-brand-light);color:var(--color-brand-primary)}@media(min-width:768px){.team-avg,.team-total{font-size:var(--font-sm)}}.team-players{display:flex;flex-direction:column;gap:.625rem}@media(min-width:768px){.team-players{gap:.75rem}}.team-player{background:#0f172a66;padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-surface-glass-border)}@media(min-width:768px){.team-player{padding:var(--space-5)}}.team-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.team-player-name{font-weight:var(--font-bold);color:var(--color-gray-100);font-size:var(--font-sm);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.team-player-name{font-size:var(--font-base)}}.team-player-rating{font-weight:var(--font-bold);font-size:var(--font-xs);color:var(--color-brand-primary);background:var(--color-brand-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}@media(min-width:768px){.team-player-rating{font-size:var(--font-sm)}}.team-player-stats{display:flex;gap:.375rem;font-size:.7rem;color:var(--color-gray-400);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:var(--color-gray-300);font-weight:600}@media(min-width:768px){.team-player-stats-simple{font-size:.85rem;gap:.75rem}}.team-player-guest{background:var(--color-warning-light);border-color:var(--color-warning-border)}.team-player-name .guest-badge{display:inline-block;margin-left:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-warning-dark);background:var(--color-warning-light);border:var(--border-width) solid var(--color-warning-border);border-radius:var(--radius-sm);vertical-align:middle}.team-identity{display:flex;align-items:center;gap:.5rem;min-width:0}.jersey-svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));display:block}.color-swatch-grid{display:flex;flex-wrap:wrap;gap:6px;padding:var(--space-4) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-surface-glass-border)}.color-swatch{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;line-height:1;transition:transform var(--transition-fast),opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;position:relative}@media(min-width:768px){.color-swatch{width:32px;height:32px;font-size:.7rem}}.color-swatch:hover{transform:scale(1.2)}.color-swatch--used{opacity:.45;border-color:var(--color-gray-500)}.color-swatch--used:hover{opacity:.75;border-color:var(--color-gray-300)}.swatch-check,.swatch-swap{display:block;font-weight:900;text-shadow:0 0 3px rgba(0,0,0,.6);pointer-events:none;color:#fff;line-height:1}.swatch-check{font-size:.75rem}.swatch-swap{font-size:.7rem}@keyframes teamAppear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes swapPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 20px #34d3994d}}.team-card--appear{animation:teamAppear .4s cubic-bezier(.4,0,.2,1) both}.team-card--swap{animation:swapPulse .6s ease}.matchmaking-toast{position:fixed;bottom:var(--space-10);left:50%;transform:translate(-50%);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-semibold);z-index:var(--z-tooltip);animation:toastIn .3s ease,toastOut .3s ease 2.2s forwards;pointer-events:none;white-space:nowrap}.matchmaking-toast--success{background:#34d399f2;color:#0f172a;box-shadow:0 4px 16px #34d39966}.matchmaking-toast--error{background:#fb7185f2;color:#0f172a;box-shadow:0 4px 16px #fb718566}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}.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)}