*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);min-height:100vh;color:#f1f5f9;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:30px;color:#fbbf24;font-size:2rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}h2{color:#fcd34d;margin-bottom:20px;font-size:1.5rem;font-weight:700}.nav{display:flex;gap:10px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.nav button{padding:12px 24px;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit;background:#334155;color:#e2e8f0;transition:all .2s ease;box-shadow:0 2px 4px #0003}.nav button:hover{background:#475569;transform:translateY(-1px)}.nav button.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b66}.card{background:#1e293bcc;border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid rgba(148,163,184,.1);box-shadow:0 4px 16px #0003}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#fcd34d;font-weight:600;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:14px;border:2px solid transparent;border-radius:10px;font-size:1rem;font-family:inherit;background:#f8fafc;color:#1e293b;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#fbbf24}.btn{padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;font-family:inherit;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-secondary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.player-inputs{display:grid;gap:12px;margin-bottom:20px}.player-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.player-row select{flex:2;min-width:120px}.player-row input{flex:1;min-width:80px}.leaderboard{width:100%}.leaderboard-row{display:flex;padding:16px;background:#33415599;border-radius:12px;margin-bottom:10px;align-items:center;border:1px solid rgba(148,163,184,.1);transition:transform .2s}.leaderboard-row:hover{transform:translate(4px)}.leaderboard-row:nth-child(1){background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;border:none;box-shadow:0 4px 16px #fbbf2466}.leaderboard-row:nth-child(2){background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;border:none;box-shadow:0 4px 12px #94a3b84d}.leaderboard-row:nth-child(3){background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none;box-shadow:0 4px 12px #d977064d}.rank{font-size:1.5rem;font-weight:800;width:50px}.player-name{flex:1;font-weight:700;font-size:1.1rem}.player-stats{text-align:right}.points{font-size:1.3rem;font-weight:800}.games-played{font-size:.85rem;opacity:.9}.filter-buttons{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-btn{padding:10px 18px;border:2px solid #10b981;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit;background:transparent;color:#10b981;transition:all .2s ease}.filter-btn:hover,.filter-btn.active{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.message{padding:14px;border-radius:10px;margin-bottom:16px;text-align:center;font-weight:600}.message.success{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.message.error{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.empty-state{text-align:center;padding:40px;color:#94a3b8}.team-wins-badge{background:#1e293bcc;color:#f1f5f9;padding:3px 8px;border-radius:6px;font-size:.8rem;font-weight:600;margin-left:4px;border:1px solid rgba(255,255,255,.3)}.games-list{display:flex;flex-direction:column;gap:16px}.game-card{background:#33415580;border-radius:12px;padding:18px;border:1px solid rgba(148,163,184,.1)}.game-header{display:flex;justify-content:space-between;margin-bottom:10px;color:#fcd34d;font-weight:700}.game-winner{margin-bottom:12px;color:#34d399;font-weight:600}.game-results{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.result-row{display:flex;justify-content:space-between;font-size:.95rem;color:#cbd5e1}.game-actions{display:flex;gap:10px}.btn-small{padding:8px 16px;font-size:.9rem}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.game-edit-form{display:flex;flex-direction:column;gap:14px}.points-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.points-row .player-label{flex:1;font-size:.95rem;color:#e2e8f0}.points-row input{width:80px}.button-group{display:flex;gap:12px;margin-top:10px}.edit-player-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:14px;background:#33415599;border-radius:10px;border:1px solid rgba(148,163,184,.1)}.edit-player-row .player-info{display:flex;flex-direction:column;gap:8px;flex:1}.edit-player-row .player-label{font-weight:700;color:#fcd34d}.edit-player-row .partner-select select{width:100%;padding:8px 12px;border-radius:6px;font-size:.9rem;font-family:inherit}.edit-player-row .points-input{width:80px;text-align:center}.player-list{display:flex;flex-direction:column;gap:10px}.player-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#33415580;border-radius:10px;border:1px solid rgba(148,163,184,.1)}.player-item-name{font-weight:600;color:#f1f5f9}.player-item-actions{display:flex;gap:8px}@media (max-width: 768px){.container{padding:12px}h1{font-size:1.3rem;margin-bottom:16px}h2{font-size:1.1rem}.nav{gap:6px;margin-bottom:16px}.nav button{padding:8px 12px;font-size:.8rem}.card{padding:14px;border-radius:10px}.filter-buttons{gap:5px}.filter-btn{padding:8px 14px;font-size:.8rem}.leaderboard-row{flex-wrap:wrap;padding:12px;font-size:.9rem}.rank{font-size:1.1rem;width:36px}.player-name{font-size:.9rem}.player-stats{width:100%;text-align:left;margin-top:6px;padding-left:36px}.points,.stat-value{font-size:.95rem}.stat-label{font-size:.7rem}.team-wins-badge{font-size:.75rem;padding:2px 6px}.player-row{flex-direction:column;align-items:stretch;gap:8px}.player-row select,.player-row input{width:100%}.game-header{flex-direction:column;gap:4px}.game-actions{flex-wrap:wrap}.edit-player-row{flex-direction:column;align-items:stretch;gap:10px}.edit-player-row .points-input{width:100%}.button-group{flex-direction:column}.button-group .btn{width:100%}.player-item{flex-direction:column;gap:10px;align-items:stretch}.player-item-actions{justify-content:flex-end}}@media (max-width: 480px){.container{padding:10px}h1{font-size:1.1rem}h2{font-size:.95rem}.nav button{padding:6px 10px;font-size:.75rem}.filter-btn{padding:5px 8px;font-size:.7rem}.form-group label{font-size:.85rem}.form-group input,.form-group select{padding:10px;font-size:.85rem}.btn{padding:10px 16px;font-size:.85rem}.card{padding:12px}.leaderboard-row{font-size:.85rem}.stat-value{font-size:.9rem}.stat-label{font-size:.65rem}.team-wins-badge{font-size:.7rem;padding:2px 6px}}.clickable{cursor:pointer;transition:color .2s ease}.clickable:hover{color:#10b981;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1e293b;border-radius:16px;padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 50px #00000080}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#94a3b8;font-size:28px;cursor:pointer;line-height:1;padding:5px;transition:color .2s}.modal-close:hover{color:#f1f5f9}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-picture-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px}.profile-picture{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #fbbf24}.profile-picture-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff}.upload-btn{font-size:.8rem!important;padding:6px 12px!important}.profile-name{color:#fbbf24;font-size:1.8rem;margin:0;text-align:center}.profile-name-input{font-size:1.5rem;text-align:center;padding:10px;border-radius:8px;border:2px solid #fbbf24;background:#0f172a;color:#f1f5f9;font-family:inherit}.profile-details{display:flex;flex-direction:column;gap:16px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{color:#fcd34d;font-weight:600;font-size:.9rem}.profile-field p{color:#e2e8f0;margin:0;font-size:1rem}.profile-field input,.profile-field textarea{padding:10px;border-radius:8px;border:2px solid transparent;background:#f8fafc;color:#1e293b;font-family:inherit;font-size:.95rem}.profile-field input:focus,.profile-field textarea:focus{outline:none;border-color:#10b981}.profile-field textarea{resize:vertical;min-height:80px}.profile-actions{display:flex;gap:10px;margin-top:24px;justify-content:center}.btn-small{padding:8px 16px!important;font-size:.85rem!important}.btn-secondary{background:#475569!important}.btn-secondary:hover{background:#64748b!important}@media (max-width: 480px){.modal-content{padding:20px;margin:10px}.profile-picture,.profile-picture-placeholder{width:100px;height:100px;font-size:40px}.profile-name{font-size:1.4rem}}