:root{--background-dark: #2B2E3B;--background-darker: #252830;--card-background: #343845;--accent-blue: #688db1;--accent-green: #9cb68f;--accent-red: #e16162;--text-primary: #d1d5db;--text-secondary: #9ca3af;--primary-color: var(--background-dark);--secondary-color: var(--card-background);--accent-color: var(--accent-blue);--background-color: var(--background-darker);--text-color: var(--text-primary);--container-background: var(--background-dark);--border-color: rgba(255, 255, 255, .1);--hover-color: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow: 0 6px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .3);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .375rem;--radius: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--border-radius: var(--radius-lg);--box-shadow: var(--shadow);--transition: all .3s ease}:root.light-theme{--background-dark: #f8fafc;--background-darker: #ffffff;--card-background: #ffffff;--accent-blue: #2563eb;--accent-green: #16a34a;--accent-red: #dc2626;--text-primary: #0f172a;--text-secondary: #475569;--primary-color: #334155;--secondary-color: #475569;--accent-color: var(--accent-blue);--background-color: var(--background-dark);--text-color: var(--text-primary);--container-background: #f1f5f9;--border-color: #cbd5e1;--hover-color: #f1f5f9;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow: 0 6px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .2)}:root.light-theme .checkmark{background-color:#fff;border:2px solid #cbd5e1}:root.light-theme .checkbox-container:hover input~.checkmark{background-color:#f1f5f9;border-color:var(--accent-blue)}:root.light-theme .checkbox-container input:checked~.checkmark{background-color:var(--accent-blue);border-color:var(--accent-blue)}:root.light-theme .checkbox-label{background-color:#fff;border:1px solid #e2e8f0}:root.light-theme .checkbox-label:hover{background-color:#f8fafc;border-color:var(--accent-blue)}:root.light-theme select,:root.light-theme input{background-color:#fff;border:1px solid #cbd5e1;color:var(--text-primary)}:root.light-theme select:focus,:root.light-theme input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1a}:root.light-theme .theme-toggle-button{border:1px solid #e2e8f0;background-color:#fff}:root.light-theme .theme-toggle-button:hover{background-color:#f8fafc;border-color:var(--accent-blue)}:root.light-theme button,:root.light-theme button.primary{color:#fff;box-shadow:0 2px 4px #0000001a}:root.light-theme button.outline{color:var(--text-primary);border:2px solid #cbd5e1}:root.light-theme button.outline:hover{background-color:#f8fafc;border-color:var(--accent-blue);color:var(--accent-blue)}:root.light-theme .player-card{border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}:root.light-theme .player-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0000001a}:root.light-theme .player-card.active{border-color:var(--accent-blue);box-shadow:0 0 20px #2563eb33;background-color:#2563eb0d}:root.light-theme table{border:1px solid #e2e8f0}:root.light-theme th{background-color:#f8fafc;color:var(--text-primary);border-bottom:2px solid #e2e8f0}:root.light-theme td{border-bottom:1px solid #f1f5f9;color:var(--text-primary)}:root.light-theme tr:hover{background-color:#f8fafc}:root.light-theme .stats-container{border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d}:root.light-theme .toggle-group{border:1px solid #e2e8f0;background-color:#fff;box-shadow:0 4px 6px #0000001a}:root.light-theme .selected-game td{background-color:#2563eb1a;border-bottom:2px solid var(--accent-blue)}:root.light-theme .mobile-game-card.selected-game{border:2px solid var(--accent-blue);box-shadow:0 0 10px #2563eb33}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:var(--background-color);color:var(--text-color);min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1024px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;color:var(--text-color);display:flex;flex-direction:column;align-items:center}h1{font-size:2.5rem;margin-bottom:var(--spacing-4);color:var(--accent-blue);font-weight:700;line-height:1.2;letter-spacing:-.02em}h2{font-size:2rem;margin-bottom:var(--spacing-3);color:var(--text-primary);font-weight:600;line-height:1.3}h3{font-size:1.5rem;margin-bottom:var(--spacing-2);color:var(--text-primary);font-weight:600;line-height:1.4}h4{font-size:1.25rem;margin-bottom:var(--spacing-2);color:var(--text-primary);font-weight:500;line-height:1.4}p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-3)}small{font-size:.875rem;color:var(--text-secondary)}.setup-container{background-color:var(--card-background);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow);margin-bottom:var(--spacing-8);transition:var(--transition);border:1px solid var(--border-color)}.game-settings{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:20px}.setting-group{margin-bottom:15px;flex:1;min-width:200px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);opacity:.9}h3{font-size:1.1rem;margin-bottom:15px;color:var(--text-color);line-height:1.4;font-weight:500}select,input{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;background-color:var(--card-background);color:var(--text-primary);transition:var(--transition);box-shadow:inset 0 1px 3px #0000001a}select:focus,input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #688db140;background-color:var(--card-background)}button{border:none;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative;overflow:hidden}button,button.primary{background-color:var(--accent-blue);color:#fff;box-shadow:var(--shadow-sm)}button:hover,button.primary:hover{background-color:#5a7d9f;transform:translateY(-2px);box-shadow:var(--shadow)}button.secondary{background-color:var(--accent-green);color:#fff;box-shadow:var(--shadow-sm)}button.secondary:hover{background-color:#8ba57f;transform:translateY(-2px);box-shadow:var(--shadow)}button.danger,button.accent{background-color:var(--accent-red);color:#fff;box-shadow:var(--shadow-sm)}button.danger:hover,button.accent:hover{background-color:#d75556;transform:translateY(-2px);box-shadow:var(--shadow)}button.outline{background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:none}button.outline:hover{background-color:#ffffff0d;border-color:var(--accent-blue);color:var(--accent-blue);transform:none}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}button:active{transform:translateY(0)}.progress-container{width:100%;background-color:#ffffff1a;border-radius:var(--radius);overflow:hidden;height:8px;margin:var(--spacing-2) 0}.progress-bar{height:100%;transition:width .6s ease;border-radius:var(--radius);position:relative}.progress-bar.success{background:linear-gradient(90deg,var(--accent-green),#b8d1a9)}.progress-bar.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar.danger{background:linear-gradient(90deg,var(--accent-red),#f87171)}.progress-bar.primary{background:linear-gradient(90deg,var(--accent-blue),#93c5fd)}.progress-bar-large{height:12px}.progress-bar-small{height:4px}.grid{display:grid;gap:var(--spacing-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-gap-sm{gap:var(--spacing-2)}.grid-gap-md{gap:var(--spacing-4)}.grid-gap-lg{gap:var(--spacing-6)}.content-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-5);max-width:1200px;margin:0 auto}@media (min-width: 768px){.content-grid{grid-template-columns:2fr 1fr}.grid-cols-2-md{grid-template-columns:repeat(2,1fr)}.grid-cols-3-md{grid-template-columns:repeat(3,1fr)}.grid-cols-4-md{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.grid-cols-2-lg{grid-template-columns:repeat(2,1fr)}.grid-cols-3-lg{grid-template-columns:repeat(3,1fr)}.grid-cols-4-lg{grid-template-columns:repeat(4,1fr)}.grid-cols-5-lg{grid-template-columns:repeat(5,1fr)}}.btn-group{margin-top:20px;display:flex;gap:15px}.game-container{display:flex;flex-direction:column;gap:25px;margin-top:20px}.scoreboard{background-color:var(--card-background);border-radius:var(--border-radius);padding:25px;box-shadow:var(--box-shadow);width:100%;overflow-x:auto;border:1px solid var(--border-color)}.input-area{display:flex;flex-wrap:wrap;gap:25px;width:100%}.input-area>div{background-color:var(--card-background);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow);flex:1;min-width:300px;border:1px solid var(--border-color);transition:var(--transition)}.input-area>div:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fff3}.scoreboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.player-cards{display:flex;gap:20px;flex-wrap:wrap}.player-card{flex:1;min-width:200px;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-5);text-align:center;position:relative;transition:var(--transition);background-color:var(--card-background);box-shadow:var(--shadow-sm)}.player-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fff3}.player-card.active{border-color:var(--accent-blue);box-shadow:0 0 20px #688db180;background-color:#688db11a}.eingabe-section{margin-top:25px;padding-top:25px;border-top:1px solid var(--border-color)}.player-name{font-size:1.3rem;font-weight:600;margin-bottom:8px;color:var(--text-color)}.player-score{font-size:3rem;font-weight:700;margin:15px 0;color:var(--accent-color)}.player-stats{display:flex;justify-content:space-between;margin-top:15px;font-size:.9rem;color:#a0a0a0}.dart-input{display:flex;flex-direction:column;gap:15px}.input-group{display:flex;gap:10px}.input-group input{flex:1}.input-group button{flex-shrink:0}.history-container{min-height:300px;max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:15px;background-color:var(--container-background)}.history-entry{padding:8px 0;border-bottom:1px solid var(--hover-color);font-size:.95rem}.hidden{display:none}.player-turn-indicator{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--accent-color);color:var(--primary-color);padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 3px 6px #0003}.leg-counter{display:flex;gap:6px;margin-top:8px;justify-content:center}.leg{width:12px;height:12px;border-radius:50%;background-color:var(--border-color);transition:var(--transition)}.leg.won{background-color:var(--accent-color)}.set-counter{display:flex;gap:6px;margin-top:8px;justify-content:center}.set{width:18px;height:18px;border-radius:4px;background-color:var(--border-color);transition:var(--transition)}.set.won{background-color:#e91e63}.restart-btn{margin-top:30px}.average-score{font-size:1.2rem;margin-top:8px;color:#9e9e9e;font-weight:500}.statistics-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-5);background-color:var(--card-background);box-shadow:var(--shadow-sm)}.input-container{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;margin-bottom:15px;background-color:var(--container-background)}.input-container .input-group{margin-bottom:15px}.player-statistic{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.player-statistic:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.statistic-name{font-weight:600;color:var(--text-color);margin-bottom:8px}.statistic-details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:.95rem}.statistic-item{flex:1;min-width:100px}.statistic-label{color:#9e9e9e;font-size:.85rem;display:block;margin-bottom:3px}.statistic-value{font-weight:600;font-size:1.1rem;color:var(--accent-color)}.turn-timer{background-color:var(--container-background);border-radius:15px;padding:4px 10px;color:#a0a0a0;margin-left:10px;font-size:.85rem}.player-card.winner{animation:winner-animation 2s ease}@keyframes winner-animation{0%{transform:scale(1)}25%{transform:scale(1.1);background-color:#61dafb33}50%{transform:scale(1);background-color:var(--container-background)}75%{transform:scale(1.05);background-color:#61dafb33}to{transform:scale(1);background-color:var(--container-background)}}.confetti{position:fixed;width:10px;height:10px;opacity:0;animation:confetti-fall 4s ease-in-out forwards;z-index:1000}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(calc(100vh + 100px)) rotate(360deg);opacity:0}}@media (max-width: 768px){.game-settings{flex-direction:column}}.footer{text-align:center;padding:20px;color:#9e9e9e;font-size:.9rem;margin:20px auto 30px;width:100%;max-width:960px}.theme-toggle{position:absolute;top:25px;right:25px;z-index:100}.toggle-group{display:flex;align-items:center;gap:var(--spacing-3);background-color:var(--card-background);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border-color)}.sound-toggle{background-color:transparent;border:none;color:var(--text-color);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:none;font-size:1.2rem;cursor:pointer}.sound-toggle:hover{background-color:#ffffff1a;transform:translateY(0);box-shadow:none}.sound-toggle.enabled{color:var(--accent-color)}.sound-toggle.disabled{color:#a0a0a0;opacity:.7}.sound-settings-modal{max-width:500px;width:90%}.sound-settings-content{display:flex;flex-direction:column;gap:25px}.master-sound-section{padding-bottom:20px;border-bottom:2px solid var(--border-color)}.master-setting{background-color:var(--container-background);padding:15px;border-radius:var(--border-radius);border:2px solid var(--accent-color)}.category-settings-section{display:flex;flex-direction:column;gap:15px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h4{margin:0;color:var(--text-color);font-size:1.1rem}.quick-actions{display:flex;gap:8px}.quick-btn{padding:6px 12px;font-size:.85rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--container-background);color:var(--text-color);cursor:pointer;transition:var(--transition)}.quick-btn:hover{background-color:var(--hover-color);transform:translateY(0);box-shadow:none}.quick-btn.enable-all:hover{background-color:#4caf50;color:#fff}.quick-btn.disable-all:hover{background-color:#f44336;color:#fff}.category-list{display:flex;flex-direction:column;gap:10px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:var(--container-background);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.setting-row:hover{background-color:var(--hover-color)}.category-setting:hover{border-color:var(--accent-color)}.setting-label{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--text-color)}.setting-icon{font-size:1.2rem;width:24px;text-align:center}.toggle-btn{padding:8px 16px;border-radius:20px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);min-width:60px}.toggle-btn.enabled{background-color:var(--accent-color);color:var(--primary-color)}.toggle-btn.disabled{background-color:#9e9e9e;color:#fff}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 5px #0003}.info-section{background-color:var(--container-background);border-radius:var(--border-radius);padding:15px;border-left:4px solid var(--accent-color)}.info-box{display:flex;flex-direction:column;gap:8px}.info-title{font-weight:600;color:var(--accent-color);font-size:.95rem}.info-text{font-size:.9rem;color:var(--text-color);opacity:.8;line-height:1.4}@media (max-width: 768px){.sound-settings-modal{width:95%;max-width:none}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.quick-actions{width:100%;justify-content:space-between}.quick-btn{flex:1}.setting-row{padding:10px 12px}.setting-label{font-size:.9rem}.toggle-btn{padding:6px 12px;font-size:.85rem;min-width:50px}}.page-toggle{background-color:transparent;border:none;color:var(--text-color);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:none}.page-toggle:hover{background-color:#ffffff1a;transform:translateY(0);box-shadow:none}.page-toggle svg{width:24px;height:24px}.theme-toggle-button{display:flex;align-items:center;gap:var(--spacing-2);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:var(--transition);color:var(--text-primary);font-size:.875rem;font-weight:500}.theme-toggle-button:hover{background-color:#ffffff0d;border-color:var(--accent-blue);transform:none;box-shadow:none}.theme-toggle-icon{position:relative;width:18px;height:18px;color:var(--accent-blue)}.theme-toggle-icon svg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--container-background);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--accent-color);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--secondary-color)}input:checked+.slider:before{transform:translate(26px)}.export-btn{background-color:#4caf50;display:block;margin:10px auto}.export-btn:hover{background-color:#66bb6a}.database-status{position:fixed;bottom:15px;right:15px;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:20px;font-size:.85rem;opacity:.9;z-index:1000;box-shadow:var(--box-shadow)}.database-status.connected{background-color:#4caf50}.database-status.error{background-color:#f44336}.database-status.offline{background-color:#ff9800}.btn-warning{background-color:#ff9800;color:#fff}.btn-warning:hover{background-color:#ffa726}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{background-color:#66bb6a}.login-page{max-width:500px;margin:40px auto;padding:30px;background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.login-container{margin:20px 0}.login-form h2,.init-form h2,.register-form h2{color:var(--accent-color);margin-bottom:20px;text-align:center}.auth-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.auth-tab{flex:1;background:none;border:none;padding:12px 20px;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-color);opacity:.7;transition:var(--transition);box-shadow:none}.auth-tab:hover{opacity:1;background:none;transform:none;box-shadow:none}.auth-tab.active{color:var(--accent-color);opacity:1;border-bottom:3px solid var(--accent-color)}.auth-content{margin-bottom:20px}.auth-note{margin-top:30px;padding:15px;background-color:var(--container-background);border-radius:var(--border-radius);font-size:.9rem}.note-text{margin-bottom:10px;text-align:center}.admin-note{font-style:italic;color:var(--accent-color);border-top:1px solid var(--border-color);padding-top:10px;margin-top:10px}.form-group{margin-bottom:20px}.error-message{color:#f44336;margin-bottom:15px;padding:10px;background-color:#f443361a;border-radius:var(--border-radius);font-size:.9rem}.success-message{color:#4caf50;margin-bottom:15px;padding:10px;background-color:#4caf501a;border-radius:var(--border-radius);font-size:.9rem}.button.primary{background-color:var(--accent-color);color:var(--primary-color);width:100%}.registration-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.registration-info-button{display:block;width:100%;background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);box-shadow:none}.registration-info-button:hover{background-color:var(--hover-color);transform:none;box-shadow:none}.registration-info{margin-top:15px;padding:15px;background-color:var(--container-background);border-radius:var(--border-radius);font-size:.9rem}.registration-note{margin-top:10px;font-style:italic;color:var(--accent-color)}.user-management{padding:20px}.users-actions{display:flex;gap:15px;margin-bottom:20px}.add-user-form,.reset-password-form{padding:20px;background-color:var(--container-background);border-radius:var(--border-radius);margin-bottom:20px;border:1px solid var(--border-color)}.users-list{background-color:var(--card-background);border-radius:var(--border-radius);padding:20px;margin-top:30px}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:12px 15px;background-color:var(--primary-color);color:#fff}.users-table td{padding:10px 15px;border-bottom:1px solid var(--border-color)}.users-table tr:last-child td{border-bottom:none}.users-table .current-user{background-color:#4caf501a}.status-indicator{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:700}.status-indicator.active{background-color:#4caf50;color:#fff}.status-indicator.inactive{background-color:#f44336;color:#fff}.admin-indicator{font-weight:700}.admin-indicator.is-admin{color:#e91e63}.actions{display:flex;gap:5px}.actions button{padding:6px 10px;font-size:.8rem}.profile-page{max-width:800px;margin:40px auto;padding:30px;background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.profile-info,.profile-actions,.logout-section{margin-bottom:30px;padding:20px;background-color:var(--container-background);border-radius:var(--border-radius)}.logout-section button{margin-top:20px}.player-checkboxes{display:flex;flex-wrap:wrap;gap:15px;margin:10px 0}.checkbox-label{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px 10px;border-radius:var(--border-radius);background-color:var(--container-background);transition:background-color .2s}.checkbox-label:hover{background-color:var(--hover-background)}.checkbox-label input[type=checkbox]{cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.open-games-section{margin-top:0}.open-games-list{display:flex;flex-direction:column;gap:10px}.open-game-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--container-background);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:transform .2s}.open-game-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.game-info{flex:1}.game-date{font-size:.9rem;color:var(--text-muted);margin-bottom:5px}.game-players{font-weight:700;color:var(--text-color);margin-bottom:3px}.game-format{font-size:.9rem;color:var(--accent-color)}.game-actions{display:flex;gap:10px}.resume-button{padding:8px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s}.resume-button:hover{background-color:var(--primary-hover)}.delete-button{padding:8px 20px}.user-details{margin:20px 0}.detail-row{display:flex;margin-bottom:15px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:700;width:150px;color:var(--accent-color)}.detail-value{flex:1}.admin-page{max-width:1000px;margin:40px auto}.admin-sections{display:flex;flex-direction:column;gap:30px}.admin-section{background-color:var(--card-background);border-radius:var(--border-radius);padding:25px;box-shadow:var(--box-shadow);border:1px solid var(--border-color)}@media (max-width: 768px){.login-page,.profile-page{padding:20px;margin:20px auto}.users-actions{flex-direction:column}.users-table th,.users-table td{padding:8px;font-size:.85rem}.actions,.detail-row{flex-direction:column}.detail-label{width:100%;margin-bottom:5px}}.data-section{margin-top:30px;padding:25px;background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.data-section h3{margin-bottom:20px;color:var(--accent-color)}.data-controls{display:flex;gap:15px;flex-wrap:wrap}@media (max-width: 768px){.data-controls{flex-direction:column}}.import-container{margin-top:15px}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#ef5350}.hidden{display:none!important}.modal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--card-background);margin:10% auto;padding:25px;border-radius:var(--border-radius);width:80%;max-width:500px;box-shadow:0 10px 25px #0006;border:1px solid var(--border-color)}.modal-title{font-size:1.5rem;margin-bottom:15px;color:var(--accent-color);font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.file-drop-area{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:30px;text-align:center;margin:25px 0;position:relative;cursor:pointer;transition:var(--transition)}.file-drop-area:hover{background-color:var(--hover-color);border-color:var(--accent-color)}.file-drop-area.highlight{border-color:var(--accent-color);background-color:#61dafb1a}.file-message{display:block;margin-bottom:12px;color:#a0a0a0}.file-input{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;cursor:pointer}.file-select-button{display:inline-block;padding:10px 20px;background-color:var(--accent-color);color:var(--primary-color);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600}.import-status{margin-top:15px;font-size:.95rem;min-height:20px;color:#a0a0a0}.data-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.data-controls button{flex:1;min-width:200px;max-width:300px}@media (max-width: 768px){.data-controls{flex-direction:column}.data-controls button{max-width:none}}.restart-game-container{margin-top:2rem;text-align:center;position:relative;min-height:100px}.confirmation-dialog{position:absolute;top:-80px;left:50%;transform:translate(-50%);background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow);z-index:1000}.confirmation-buttons{display:flex;justify-content:space-between;margin-top:1rem;gap:10px}.confirmation-buttons button{padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer}#confirm-restart{background-color:#f44336;color:#fff}#confirm-restart:hover{background-color:#ef5350}#cancel-restart{background-color:#607d8b;color:#fff}#cancel-restart:hover{background-color:#78909c}#restart-confirmation{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--card-background);color:#fff;width:350px;padding:25px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000080;z-index:1000;text-align:center;font-size:1.1em;border:1px solid var(--border-color)}#restart-confirmation.hidden{display:none}#confirm-restart,#cancel-restart{padding:10px 20px;margin:0 10px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1em;transition:var(--transition)}.import-options{margin:25px 0;padding:15px;background-color:var(--container-background);border-radius:var(--border-radius);border:1px solid var(--border-color)}.checkbox-container{display:flex;align-items:center;margin-bottom:8px;cursor:pointer;font-size:1rem;position:relative;padding-left:35px;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:var(--container-background);border:2px solid var(--accent-color);border-radius:4px}.checkbox-container:hover input~.checkmark{background-color:var(--hover-color)}.checkbox-container input:checked~.checkmark{background-color:var(--accent-color)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.warning-text{color:#f44336;font-size:.85rem;margin-top:8px}.crown-icon{display:inline-block;margin-right:5px;animation:crown-shine 1.5s infinite alternate}.target-icon{display:inline-block;margin-right:5px;animation:target-pulse 1.5s infinite alternate}@keyframes crown-shine{0%{text-shadow:0 0 3px rgba(255,215,0,.3);transform:scale(1)}to{text-shadow:0 0 12px rgba(255,215,0,.9);transform:scale(1.15)}}@keyframes target-pulse{0%{text-shadow:0 0 3px rgba(255,0,0,.3);transform:scale(1)}to{text-shadow:0 0 12px rgba(255,0,0,.9);transform:scale(1.15)}}.game-selection-container{margin-top:25px;padding:15px;background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.game-selection-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.game-selection-toggle{padding:8px 12px;font-size:.85rem;background-color:var(--container-background);color:var(--text-color);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:var(--transition)}.game-selection-toggle:hover{background-color:var(--hover-color);transform:translateY(-2px)}.game-selection-toggle.active{background-color:var(--accent-color);color:var(--primary-color);border-color:var(--accent-color);box-shadow:0 2px 6px #61dafb80}.chart-container{width:100%;height:auto;margin-top:20px;margin-bottom:30px;position:relative;background-color:var(--card-background);padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.chart-content{width:100%;height:400px;position:relative}.chart-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.time-filter-info{margin-bottom:15px;padding:10px 15px;background-color:var(--container-background);border-radius:var(--border-radius);font-size:.9rem;color:var(--accent-color);border-left:3px solid var(--accent-color)}.time-filter-info p{margin:0}#player-filter{margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:15px}#player-filter label{margin-right:10px;font-weight:500}#player-filter select{min-width:150px;margin-right:15px}.date-navigation{display:flex;align-items:center;gap:10px;margin-left:10px}.nav-btn{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:6px;padding:8px 15px;font-weight:500;font-size:1.2rem;cursor:pointer;transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background-color:#4fc3f7;transform:translateY(-1px)}.nav-btn:active{transform:translateY(0)}.date-picker{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;cursor:pointer;background-color:var(--card-background);color:var(--text-color);font-family:inherit;transition:var(--transition)}.date-picker:hover{border-color:var(--accent-color)}.date-picker:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #61dafb33}.chart-zoom-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background-color:var(--container-background);border-radius:var(--border-radius);flex-wrap:wrap;gap:15px}.date-filter{display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex:1}.date-filter label{margin-bottom:0;white-space:nowrap;color:var(--text-color);font-weight:500}.date-filter input[type=date]{padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-background);color:var(--text-color);min-width:130px;flex:1;max-width:160px}.filter-btn{padding:10px 18px;background-color:var(--accent-color);color:var(--primary-color);border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:600;white-space:nowrap}.filter-btn:hover{background-color:#4cdbff;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.zoom-controls-group{display:flex;align-items:center;gap:8px}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.zoom-btn:hover{background-color:var(--hover-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.zoom-btn:disabled{background-color:#607d8b;cursor:not-allowed;opacity:.6}.zoom-btn svg{width:20px;height:20px}.zoom-buttons{display:flex;gap:8px}.zoom-label{font-weight:500;color:var(--text-color);margin-right:5px}.section-divider{height:30px;width:100%;clear:both}.stats-grid{clear:both;margin-top:var(--spacing-5);position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-5);align-items:stretch}.stat-card{background-color:var(--card-background);border-radius:var(--border-radius);padding:20px;position:relative;border:1px solid var(--border-color);box-shadow:var(--box-shadow);transition:var(--transition);height:100%;display:flex;flex-direction:column}.stat-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;border-color:var(--accent-color)}.stat-title{font-size:1.2rem;font-weight:600;margin-bottom:12px;color:var(--text-color);padding-right:30px;display:flex;align-items:center}.stat-value{font-size:2rem;font-weight:700;margin:10px 0;color:var(--accent-color)}.stat-detail{font-size:.9rem;color:#a0a0a0;margin-bottom:5px}.delete-icon{position:absolute;top:15px;right:15px;width:20px;height:20px;cursor:pointer;color:#f44336;opacity:.7;transition:var(--transition);padding:2px;border-radius:50%}.delete-icon:hover{opacity:1;transform:scale(1.1);background-color:#f443361a}.player-list{max-height:400px;overflow-y:auto;margin:20px 0;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--container-background)}.player-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border-color)}.player-item button{padding:8px 15px;font-size:.9rem}.stats-container{background-color:var(--card-background);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow);margin-bottom:var(--spacing-8);border:1px solid var(--border-color)}.back-btn{margin-bottom:25px;background-color:var(--primary-color);color:var(--text-color)}.back-btn:hover{background-color:var(--secondary-color)}.stats-container h2{color:var(--accent-blue);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-3);font-weight:600;font-size:1.75rem}.actions-row{display:flex;justify-content:space-between;gap:15px;margin-top:25px}table{width:100%;border-collapse:collapse;margin-top:25px;background-color:var(--card-background);border-radius:var(--border-radius);overflow:hidden}th{background-color:var(--primary-color);color:#fff;padding:15px;text-align:left;font-weight:600}td{padding:12px 15px;border-bottom:1px solid var(--border-color)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--hover-color)}.message{margin-top:15px;padding:12px;border-radius:var(--border-radius);background-color:#f44336;color:#fff;text-align:center;font-weight:500;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selected-game{background-color:var(--hover-color);cursor:pointer}.selected-game:hover{background-color:var(--accent-color);opacity:.2}tr.selected-game td{background-color:var(--hover-color);border-bottom:2px solid var(--accent-color)}.mobile-game-card.selected-game{border:2px solid var(--accent-color);box-shadow:0 0 10px #61dafb4d}.app-navigation{display:flex;justify-content:center;margin-bottom:30px;background-color:var(--card-background);border-radius:30px;padding:5px;box-shadow:var(--box-shadow);max-width:fit-content;margin-left:auto;margin-right:auto}.nav-item{padding:12px 20px;color:var(--text-color);text-decoration:none;border-radius:25px;transition:var(--transition);font-weight:500}.nav-item:hover,.nav-item.active{background-color:var(--accent-color);color:var(--primary-color)}.app-logo{display:flex;align-items:center;gap:10px;margin-bottom:15px}.app-logo-icon{font-size:2.5rem;color:var(--accent-color)}.app-logo-text{font-size:2rem;font-weight:700;color:var(--text-color);letter-spacing:1px}.app-logo-text span{color:var(--accent-color)}.winner-banner{background-color:var(--card-background);border:2px solid var(--accent-color);border-radius:var(--border-radius);padding:20px;margin-bottom:25px;text-align:center;box-shadow:0 0 20px #61dafb99;animation:pulse-glow 2s infinite alternate}.winner-banner h2{color:var(--accent-color);margin:0;font-size:1.8rem;text-shadow:0 0 8px rgba(97,218,251,.6)}@keyframes pulse-glow{0%{box-shadow:0 0 10px #61dafb66}to{box-shadow:0 0 25px #61dafbcc}}.player-card.winner{border-color:var(--accent-green);box-shadow:0 0 25px #9cb68f99;transform:scale(1.02);animation:winner-card 3s infinite alternate;background:linear-gradient(135deg,#9cb68f26,#9cb68f0d)}@keyframes winner-card{0%{box-shadow:0 0 15px #9cb68f66;border-color:var(--accent-green)}to{box-shadow:0 0 30px #9cb68fcc;border-color:#b8d1a9}}.winner-indicator{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:gold;color:var(--primary-color);padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 3px 6px #0003;animation:winner-badge 1.5s infinite alternate}@keyframes winner-badge{0%{transform:translate(-50%) scale(1);background-color:gold}to{transform:translate(-50%) scale(1.1);background-color:#ffdf00}}.stats-container{width:100%;overflow-x:hidden}@media (max-width: 767px){.container{padding:10px}h1{font-size:2rem}h2{font-size:1.4rem}.app-navigation{flex-wrap:wrap;justify-content:center}.nav-item{padding:8px 12px;font-size:.9rem}.app-logo-text{font-size:1.6rem}.app-logo-icon{font-size:1.8rem}}@media (max-width: 767px){#player-filter{flex-direction:column;align-items:flex-start}#player-filter select{width:100%;margin-right:0;margin-bottom:10px}.date-navigation{width:100%;justify-content:space-between;margin-left:0;margin-top:10px}.nav-btn{width:50px;height:40px}.date-picker{flex:1;margin:0 10px}.chart-zoom-controls{flex-direction:column;padding:15px;gap:15px}.date-filter{flex-direction:column;align-items:flex-start;width:100%;gap:10px}.date-filter label{margin-bottom:5px;display:block;width:100%}.date-filter input[type=date]{width:100%;max-width:none;margin-bottom:5px}.filter-btn{width:100%;margin-top:10px;padding:12px}.zoom-controls-group{width:100%;justify-content:center;margin-top:5px}.zoom-buttons{margin-left:0}.chart-container{padding:15px;margin-bottom:20px}.chart-content{height:300px}.time-filter-info{padding:12px;font-size:.85rem}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:15px}.stat-title{font-size:1.1rem}.actions-row{flex-direction:column;gap:10px}.actions-row button{width:100%}.stats-container{padding:15px}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}th,td{min-width:80px;padding:10px 8px;font-size:.9rem}th{position:sticky;top:0;z-index:10}.mobile-game-list{display:flex;flex-direction:column;gap:15px}.mobile-game-card{background-color:var(--card-background);border-radius:var(--border-radius);padding:15px;box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.mobile-game-header{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.mobile-game-info{margin-bottom:15px}.mobile-game-detail{display:flex;justify-content:space-between;padding:5px 0}.mobile-label{font-weight:500;color:var(--accent-color)}.mobile-friendly-table{width:100%;border:none;background:transparent}.mobile-friendly-table thead{display:none}.mobile-friendly-table tbody,.mobile-friendly-table tr{display:block;width:100%}.mobile-friendly-table td{display:flex;justify-content:space-between;padding:8px 10px;text-align:right;border-bottom:1px solid var(--border-color)}.mobile-friendly-table td:before{content:attr(data-label);float:left;font-weight:700;color:var(--accent-color);text-align:left}.mobile-friendly-table tr{margin-bottom:15px;border-radius:var(--border-radius);background-color:var(--card-background);box-shadow:var(--box-shadow);overflow:hidden}.modal-content{width:95%;padding:15px;margin:15% auto}.player-list{max-height:300px}.player-item{padding:10px;flex-wrap:wrap;gap:10px}.player-item button{width:100%}#confirmation-message{font-size:.95rem}.modal-actions{flex-direction:column;gap:10px}.modal-actions button{width:100%}}.player-selection-container{display:flex;width:100%}.player-selection-container input{flex:1;margin-right:8px}.player-selection-container .player-dropdown{min-width:120px;width:auto!important;background-color:var(--container-background);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:8px;position:relative;z-index:10;cursor:pointer}.player-selection-container .player-dropdown option{background-color:var(--container-background);color:var(--text-color);padding:8px;cursor:pointer}.player-selection-container .player-dropdown:hover{border-color:var(--accent-color)}.player-selection-container .player-dropdown:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #61dafb40}@media (max-width: 600px){.player-selection-container{flex-direction:column}.player-selection-container input{margin-right:0;margin-bottom:8px}}@media (max-width: 480px){.container{padding:8px}.stats-container{padding:15px;margin-bottom:20px}h2{font-size:1.3rem}.chart-container{height:300px!important}.app-logo-text{font-size:1.4rem}.app-logo-icon{font-size:1.6rem}.nav-item{font-size:.85rem;padding:6px 8px}.theme-toggle{top:15px;right:15px}}@media (max-width: 1024px){#undo-throw .button-text{display:none!important}#undo-throw .button-icon{display:inline-block!important}#undo-throw{padding:10px 12px;min-width:auto;background-color:#e91e63}}body #undo-throw .button-icon{display:none}body #undo-throw .button-text{display:inline-block}.player-detailed-statistics{background-color:var(--card-background);border-radius:var(--border-radius);padding:20px;margin:15px 0;box-shadow:var(--box-shadow)}.statistics-container.error{color:#f44336;text-align:center;padding:20px;font-weight:500}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.stats-header h3{margin:0;color:var(--accent-color)}.timeframe-selector select{background-color:var(--container-background);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--border-radius);padding:8px 12px;font-size:14px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px}.stats-card{background-color:var(--container-background);padding:15px;border-radius:var(--border-radius);text-align:center;box-shadow:0 2px 4px #0000000d}.stats-card-label{font-size:14px;color:var(--text-color);opacity:.8;margin-bottom:8px}.stats-card-value{font-size:24px;font-weight:700;color:var(--accent-color)}.stats-detail{margin-top:20px;background-color:var(--container-background);border-radius:var(--border-radius);padding:15px}.stats-section{margin-bottom:20px}.stats-section h4{font-size:16px;color:var(--text-color);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.stats-item{flex:1 1 calc(33% - 10px);min-width:100px;background-color:var(--card-background);padding:10px;border-radius:var(--border-radius)}.stats-item-label{font-size:12px;color:var(--text-color);opacity:.8;margin-bottom:5px}.stats-item-value{font-size:16px;font-weight:500;color:var(--accent-color)}.player-notes{background-color:var(--card-background);border-radius:var(--border-radius);padding:15px;font-style:italic;color:var(--text-color);opacity:.8}.player-management-container{max-width:1200px;margin:0 auto;padding:20px}.player-management-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;margin-top:20px}.player-list-section{background-color:var(--card-background);border-radius:var(--border-radius);padding:20px;box-shadow:var(--box-shadow);max-height:700px;display:flex;flex-direction:column}.player-list-section h3{margin-bottom:20px;color:var(--accent-color)}.add-player-form{display:flex;gap:10px;margin-bottom:15px}.add-player-form input{flex:1;padding:10px;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--container-background);color:var(--text-color)}.player-search{margin-bottom:15px}.player-search input{width:100%;padding:10px;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--container-background);color:var(--text-color)}.players-list{flex:1;overflow-y:auto;margin-bottom:10px;border-radius:var(--border-radius);border:1px solid var(--border-color)}.players-list ul{list-style:none;padding:0;margin:0}.player-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.player-item:last-child{border-bottom:none}.player-item:hover{background-color:var(--hover-color)}.player-item.selected{background-color:var(--accent-color);color:var(--primary-color)}.player-item.friend{border-left:4px solid var(--accent-color)}.player-name{font-weight:500;display:flex;align-items:center;gap:8px}.friend-tag{background-color:var(--accent-color);color:var(--primary-color);font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:600}.player-actions{display:flex;gap:5px}.friend-btn,.delete-btn{padding:6px 8px;border:none;border-radius:var(--border-radius);background-color:var(--container-background);cursor:pointer;font-size:.8rem;transition:var(--transition)}.friend-btn.add-friend:hover{background-color:#4caf50;color:#fff}.friend-btn.remove-friend:hover,.delete-btn:hover{background-color:#f44336;color:#fff}.player-details-section{background-color:var(--card-background);border-radius:var(--border-radius);padding:25px;box-shadow:var(--box-shadow);min-height:500px}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.player-header h3{margin:0;color:var(--accent-color);font-size:1.5rem}.edit-btn,.save-btn,.cancel-btn{padding:8px 15px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.edit-btn{background-color:var(--accent-color);color:var(--primary-color)}.edit-btn:hover{background-color:var(--accent-color);opacity:.9}.player-edit-form{background-color:var(--container-background);border-radius:var(--border-radius);padding:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color)}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.player-metadata{margin-bottom:25px}.player-attributes{margin-top:20px}.player-attributes h4{margin-bottom:10px;font-size:1.1rem;color:var(--text-color)}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.attribute-item{background-color:var(--container-background);padding:10px 15px;border-radius:var(--border-radius)}.attribute-label{display:block;font-size:.85rem;color:var(--text-color);opacity:.8;margin-bottom:5px}.attribute-value{font-size:1.1rem;font-weight:500;color:var(--accent-color)}.player-statistics-wrapper{margin-top:30px}.player-statistics-wrapper h4{margin-bottom:15px;font-size:1.2rem;color:var(--text-color)}.timeframe-tabs{display:flex;gap:5px;margin-bottom:15px;flex-wrap:wrap}.timeframe-tabs button{padding:8px 15px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--container-background);color:var(--text-color);cursor:pointer;transition:var(--transition)}.timeframe-tabs button:hover{background-color:var(--hover-color)}.timeframe-tabs button.active{background-color:var(--accent-color);color:var(--primary-color);border-color:var(--accent-color)}.select-player-prompt{display:flex;justify-content:center;align-items:center;height:300px;color:var(--text-color);opacity:.7;text-align:center}.loading,.no-players{text-align:center;padding:20px;color:var(--text-color);opacity:.7}.auth-notice{background-color:var(--container-background);border-radius:var(--border-radius);padding:15px;margin-bottom:20px;color:var(--accent-color);text-align:center}@media (max-width: 768px){.player-management-layout{grid-template-columns:1fr;gap:15px}.player-list-section{max-height:500px}.attributes-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.timeframe-tabs button{padding:8px 10px;font-size:.9rem}}