.player-card-header{display:flex;align-items:center;gap:12px;width:100%}.player-card-header.clickable{cursor:pointer;transition:all .2s ease}.player-card-header.clickable:hover{background:#ffffff0d;border-radius:8px;padding:4px;margin:-4px}.player-card-header .player-avatar{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#374151}.player-card-header .player-image{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:cover;display:block;border-radius:50%}.player-card-header .player-number{position:absolute;bottom:-2px;right:-2px;background:#3b82f6;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:2px solid #1a1a1a}.player-card-header .player-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.player-card-header .player-name-row{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:2px}.player-card-header .player-name{font-family:Spline Sans,sans-serif;font-weight:600;font-size:14px;line-height:1.2;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;display:flex;align-items:center;gap:4px}.player-card-header .player-number-inline{font-family:Spline Sans,sans-serif;font-weight:400;font-size:12px;line-height:1;color:#9eadbf;background:#9eadbf1a;padding:2px 6px;border-radius:4px;margin:0;flex-shrink:0}.player-card-header .player-details{display:flex;gap:8px;align-items:center;margin-bottom:2px}.player-card-header .player-team-inline{font-size:12px;color:#ffffffb3;font-weight:400;margin:0;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card-header .player-position-badge{font-size:11px;color:#3b82f6e6;background:#3b82f626;padding:2px 6px;border-radius:4px;font-weight:600;margin:0;line-height:1.2;flex-shrink:0}.player-card-header .player-number-info{font-size:11px;color:#ffffffb3;font-weight:500;margin:0;line-height:1.2}.player-card-header .player-age{font-size:11px;color:#fff9;font-weight:400;margin:0;line-height:1.2}.player-card-header .player-rating-bar-container{display:flex;align-items:center;gap:8px;width:100%}.player-card-header .player-rating-label{font-size:12px;color:#ffffffb3;flex-shrink:0}.player-card-header .player-rating-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.player-card-header .player-rating-bar-fill{height:100%;background:linear-gradient(90deg,#4568dc,#b06ab3);border-radius:4px;transition:width .3s ease}.player-card-header .player-rating-value{font-size:12px;color:#ffffffb3;font-weight:400;flex-shrink:0;text-align:left}.player-card-header .player-extra-info{font-size:12px;color:#fffc;margin:0;line-height:1.2}.player-card-header.compact .player-avatar{width:32px;height:32px}.player-card-header.compact .player-image{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}.player-card-header.compact .player-number{width:14px;height:14px;font-size:9px;bottom:-1px;right:-1px}.player-card-header.compact .player-name{font-size:13px;margin:0}.player-card-header.compact .player-team,.player-card-header.compact .player-position{font-size:11px}.player-card-header.detailed .player-avatar{width:48px;height:48px}.player-card-header.detailed .player-image{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}.player-card-header.detailed .player-number{width:18px;height:18px;font-size:11px;bottom:-3px;right:-3px}.player-card-header.detailed .player-name{font-size:14px;margin:0}.player-card-header.detailed .player-team,.player-card-header.detailed .player-position{font-size:13px}@media (max-width: 390px){.player-card-header{gap:10px}.player-card-header .player-name{font-size:13px;margin:0}.player-card-header .player-team,.player-card-header .player-position{font-size:11px}}.onboarding-container{display:flex;flex-direction:column;height:100vh;background:#181928;color:#fff;position:relative;overflow:hidden;margin:0;padding:0}.onboarding-progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#fff3;z-index:1000}.onboarding-progress-fill{height:100%;background:#3b82f6;transition:width .3s ease;border-radius:0 2px 2px 0}.onboarding-progress-segments{display:flex;gap:10px;width:100%;max-width:400px;margin-bottom:0;flex-shrink:0;height:3px}.progress-segment{flex:1;height:3px;background:#fff3;border-radius:2px;transition:background .3s ease}.progress-segment.active{background:#d2b5ff}.onboarding-content{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 32px 140px;text-align:left;min-height:0;overflow-y:auto}.onboarding-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;max-width:400px;margin:0 auto;flex:1;min-height:0;gap:8px}.onboarding-header{text-align:left;flex-shrink:0}.onboarding-logo{position:fixed;top:32px;left:50%;transform:translate(-50%);text-align:center;flex-shrink:0;height:80px;display:flex;align-items:center;justify-content:center;z-index:10}.onboarding-logo img{width:80px;height:80px;max-width:100%;object-fit:contain}.onboarding-step-image{margin-top:56px;margin-bottom:0;width:100%;max-width:420px;height:320px;display:flex;justify-content:center;align-items:center;flex-shrink:1}.onboarding-step-image img{width:100%;max-width:100%;height:100%;object-fit:contain}.onboarding-step-image.full-width-image{width:100%;max-width:400px;height:auto;max-height:none;margin:56px auto 0}.onboarding-step-image.full-width-image img{width:100%;height:auto;object-fit:contain}.onboarding-step-icon{font-size:48px;margin-bottom:12px;display:block}.onboarding-title{font-size:24px;font-weight:600;margin-top:0;margin-bottom:0;color:#fff;text-align:left;min-height:60px}.onboarding-description{font-size:16px;color:#fffc;line-height:1.6;margin-top:0;margin-bottom:0;text-align:justify}.onboarding-branches{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto}.onboarding-branch-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-bottom:16px;border:2px solid #3b82f6;border-radius:12px;background:#00001c;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;min-height:80px;box-shadow:0 4px 6px #0000001a}.onboarding-branch-button:hover{border-color:#60a5fa;background:#1e40af;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.onboarding-branch-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.onboarding-branch-button.selected{border-color:#3b82f6;background:#3b82f6;color:#fff}.onboarding-branch-button.big-game{border-color:#3b82f6;background:#0e1a2d;color:#fff}.onboarding-branch-button.big-game.selected{border-color:#3b82f6;background:#3b82f6;color:#fff}.onboarding-branch-button.blitz-game{border-color:#3b82f6;background:#0e1a2d;color:#fff}.onboarding-branch-button.blitz-game.selected{border-color:#3b82f6;background:#3b82f6;color:#fff}.branch-name{font-size:18px;font-weight:700;margin-bottom:8px;color:inherit}.branch-description{font-size:14px;color:#fffc;line-height:1.3}.onboarding-branch-button.selected .branch-description{color:#ffffffe6}.onboarding-actions{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 24px;background:#181928;backdrop-filter:blur(10px);z-index:100}.btn-primary{width:100%;max-width:400px;background:linear-gradient(90deg,#4568dc,#b06ab3);border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{width:100%;max-width:400px;background:#414158;border:1px solid #414158;border-radius:8px;padding:16px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-secondary:hover{background:#515168;border-color:#515168}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.onboarding-completion{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;width:100%;max-width:320px;margin:0 auto}.onboarding-completion h2{font-size:24px;font-weight:600;color:#fff;margin:0;text-align:center}.onboarding-completion p{font-size:16px;color:#fffc;margin:0;text-align:center}.team-formation{margin:24px 0;display:flex;justify-content:center;width:100%}.field{display:flex;gap:8px;background:#ffffff1a;border-radius:12px;padding:16px}.player-position{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.training-progress{background:#ffffff1a;border-radius:12px;padding:16px;margin:24px 0;color:#fff;width:100%;max-width:320px}.progress-bar{height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#6a2eea;border-radius:4px;transition:width .3s ease}.onboarding-error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;padding:12px;margin:16px 0;color:#ff3b30;font-size:14px;text-align:center;width:100%;max-width:320px}@media (max-width: 480px){.onboarding-content{padding:0 24px 140px}.onboarding-actions{padding:10px 24px}.onboarding-logo{top:5px;height:64px}.onboarding-logo img{width:64px;height:64px}.onboarding-step-image{height:260px;max-width:370px;margin-bottom:0}.onboarding-step-image.full-width-image{height:auto;max-width:400px;max-height:none}.onboarding-progress-segments{margin-bottom:0}.onboarding-title{font-size:20px;margin-top:0;margin-bottom:0;min-height:50px}.onboarding-description{font-size:14px;margin-top:0;margin-bottom:0}.onboarding-step-image{margin-top:56px}.onboarding-branches{gap:10px;margin:24px 0}}@media (max-height: 600px){.onboarding-content{padding:0 24px 120px}.onboarding-actions{padding:10px 24px}.onboarding-logo{top:5px;height:48px}.onboarding-logo img{width:48px;height:48px}.onboarding-step-image{height:210px;max-width:320px;margin-bottom:0}.onboarding-step-image.full-width-image{height:auto;max-width:400px;max-height:none}.onboarding-progress-segments{margin-bottom:0}.onboarding-title{font-size:18px;margin-top:0;margin-bottom:0;min-height:44px}.onboarding-description{font-size:13px;line-height:1.4;margin-top:0;margin-bottom:0}.onboarding-step-image{margin-top:56px}.onboarding-branches{margin:12px 0;gap:8px}.training-progress{padding:8px;margin:12px 0}.player-position{font-size:16px;width:36px;height:36px}}@supports (padding: max(0px)){.onboarding-actions{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}.blitz-onboarding-wrapper{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.blitz-onboarding-tooltip,.blitz-onboarding-progress-top{pointer-events:auto}.blitz-onboarding-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;pointer-events:none}.blitz-onboarding-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.overlay-dark-area{position:absolute;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;touch-action:none}.onboarding-highlight{position:relative!important;z-index:10001!important}.onboarding-highlight .match-button{position:relative;z-index:10002!important;pointer-events:auto!important}.confirm-team-button.onboarding-highlight{position:relative!important;z-index:10001!important;pointer-events:auto!important}.blitz-onboarding-tooltip{position:fixed;z-index:10002;pointer-events:none;max-width:360px}.blitz-onboarding-tooltip-content{padding:16px}.blitz-onboarding-tooltip-title{font-size:20px;font-weight:600;margin-top:0;margin-bottom:4px;color:#fff;text-align:left}.blitz-onboarding-tooltip-text{font-size:14px;color:#fff;line-height:1.5;margin-bottom:0;text-align:left}.blitz-onboarding-arrow{position:fixed;z-index:10002;pointer-events:none;width:37px;height:auto}.blitz-onboarding-progress-top{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10002;width:100%;max-width:400px;padding:0 24px;pointer-events:none}.blitz-onboarding-progress-top *{pointer-events:auto}.blitz-onboarding-progress-top .blitz-onboarding-progress-segments{width:100%}.blitz-onboarding-container{position:relative;z-index:2;width:100%;background:#181928;border-radius:24px 24px 0 0;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 -4px 20px #0000004d}.blitz-onboarding-content{flex:1;display:flex;flex-direction:column;padding:24px 32px 0;overflow-y:auto;min-height:0}.blitz-onboarding-step{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto}.blitz-onboarding-progress-segments{display:flex;gap:10px;width:100%;margin-bottom:4px;flex-shrink:0;height:3px}.blitz-onboarding-header{text-align:left;flex-shrink:0}.blitz-onboarding-title{font-size:24px;font-weight:600;margin-top:0;margin-bottom:8px;color:#fff;text-align:left}.blitz-onboarding-description{font-size:16px;color:#fffc;line-height:1.6;margin-bottom:0;text-align:justify}.blitz-onboarding-error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;padding:12px;margin-top:16px;color:#ff3b30;font-size:14px;text-align:center;width:100%}.blitz-onboarding-actions{display:flex;flex-direction:column;align-items:center;padding:16px 24px;padding-bottom:max(32px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,rgba(24,25,40,.95) 20%,#181928 100%);flex-shrink:0}.blitz-onboarding-actions .btn-primary{width:100%;max-width:400px}@media (max-width: 480px){.blitz-onboarding-content{padding:20px 24px 0}.blitz-onboarding-actions{padding:12px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.blitz-onboarding-title{font-size:20px;margin-top:0;margin-bottom:6px}.blitz-onboarding-description{font-size:14px}}@media (max-height: 600px){.blitz-onboarding-container{max-height:80vh}.blitz-onboarding-content{padding:16px 24px 0}.blitz-onboarding-actions{padding:8px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.blitz-onboarding-title{font-size:18px;margin-top:0;margin-bottom:6px}.blitz-onboarding-description{font-size:13px;line-height:1.4}}.big-game-content-wrapper{padding:0;max-width:370px;margin:0 auto}@media (min-width: 401px){.big-game-content-wrapper{max-width:400px}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#fff;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.retry-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:16px}.retry-button:hover{background:#2563eb;transform:translateY(-1px)}.leagues-nav-container{margin-bottom:20px}.rounds-nav-container{margin-bottom:20px;overflow:hidden;position:relative}.rounds-nav{display:flex;gap:8px;padding:4px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#3b82f6 transparent;-webkit-overflow-scrolling:touch}.rounds-nav::-webkit-scrollbar{height:4px}.rounds-nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.rounds-nav::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:2px}.round-tab{flex:0 0 auto;min-width:70px;padding:10px 16px;background:transparent;border:none;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:8px;white-space:nowrap}.round-tab.active{color:#181928;background:#d2b5ff;font-weight:600}.round-tab:hover:not(.active){color:#ffffffe6;background:#d2b5ff1a}.rounds-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#fffc;font-size:14px}.rounds-loading .loading-spinner{width:20px;height:20px}.no-rounds-message{text-align:center;padding:20px;color:#fff9;font-size:14px}.leagues-nav{display:flex;width:100%}.league-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;background:transparent;border:none;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:70px}.league-tab.active{color:#ffffffe6;background:#d2b5ff1a}.league-tab:hover:not(.active){color:#ffffffe6;background:#d2b5ff1a}.league-tab-icon{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.league-tab-name{text-align:center;line-height:1.1;word-break:break-word;hyphens:auto}.big-game-content{display:flex;flex-direction:column;gap:20px}.big-game-content section{position:relative}.big-game-content .blue-border-card:hover{transform:none;box-shadow:0 4px 6px #0000001a}.big-game-content h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.big-game-my-team h2{font-size:18px}.big-game-my-team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.big-game-my-team-header h2{margin:0;flex:1}.big-game-my-team .no-team{display:flex;flex-direction:column;align-items:center;text-align:center}.no-team-icon{font-size:48px;margin-bottom:16px}.no-team p{color:#fffc;font-size:16px;margin:0 0 20px}.create-team-button{background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-team-button:hover{background:#2563eb;transform:translateY(-2px)}.view-team-button{background:#10b981;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px;width:100%}.view-team-button:hover{background:#059669;transform:translateY(-2px)}.team-player-card{flex:0 0 auto;width:100px;background:#ffffff0d;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:12px;transition:all .2s ease;position:relative}.team-player-card:hover{background:#ffffff14;border-color:#d2b5ff}.team-player-card .player-avatar{width:40px;height:40px;border-radius:50%;margin:0 auto 8px;overflow:hidden}.team-player-card .player-avatar img{width:100%;height:100%;object-fit:cover}.team-player-card .avatar-placeholder{width:100%;height:100%;background:#d2b5ff;display:flex;align-items:center;justify-content:center;color:#181928;font-size:14px;font-weight:600}.team-player-card .player-info{text-align:center}.team-player-card .player-name{color:#fff;font-size:12px;font-weight:600;margin-bottom:4px;line-height:1.2}.team-player-card .player-details{display:flex;flex-direction:column;gap:2px}.team-player-card .player-team,.team-player-card .player-position{color:#ffffffb3;font-size:10px}.custom-player-card{display:flex;flex-direction:column;align-items:center;width:100%}.custom-player-card .player-avatar{width:60px;height:60px;border-radius:50%;margin-bottom:8px;overflow:hidden}.custom-player-card .player-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.custom-player-card .player-info{text-align:center;width:100%}.custom-player-card .player-name{color:#fff;font-size:11px;font-weight:600;margin-bottom:0;line-height:1.2;word-wrap:break-word;text-align:center}.team-player-card .big-game-position-badge{position:absolute;top:4px;left:4px;font-size:9px;color:#3b82f6e6;background:#3b82f626;padding:2px 4px;border-radius:4px;font-weight:600;line-height:1.2;z-index:10;border:1px solid rgba(59,130,246,.3)}.team-player-card .big-game-captain-badge{position:absolute;top:4px;right:4px;font-size:9px;color:#3b82f6e6;background:#3b82f626;padding:2px 4px;border-radius:4px;font-weight:600;line-height:1.2;z-index:10;border:1px solid rgba(59,130,246,.3)}.top-players-section .section-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.filters{display:flex;flex-direction:column;gap:8px}.filter-group{display:flex;gap:8px}.filter-button{background:#ffffff1a;color:#fffc;border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button.active{background:#d2b5ff;color:#181928;border-color:#d2b5ff;font-weight:500}.filter-button:hover:not(.active){background:#ffffff26;border-color:#d2b5ff}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:12px;transition:all .2s ease}.leaderboard-item:hover{background:#ffffff14;border-color:#d2b5ff}.leaderboard-item .rank{width:30px;text-align:center}.rank-icon{font-size:18px}.rank-number{color:#fffc;font-size:14px;font-weight:600}.leaderboard-item .player-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.leaderboard-item .player-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-item .avatar-placeholder{width:100%;height:100%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.leaderboard-item .player-info{flex:1}.leaderboard-item .player-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.leaderboard-item .player-username{color:#fff9;font-size:12px}.leaderboard-item .player-points{color:#3b82f6;font-size:13px;font-weight:600}.friend-button-container{margin-left:8px;flex-shrink:0}.round-results-section{margin-bottom:0}.round-results-section h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.result-placeholder{text-align:center;padding:20px}.result-placeholder p{color:#fffc;font-size:14px;margin-bottom:20px}.referral-input-group{margin-bottom:12px}.referral-input{width:100%;background:#ffffff1a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;outline:none;box-sizing:border-box}.referral-input:focus{border-color:#d2b5ff;background:#ffffff26}.copy-button{width:100%;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.copy-button:hover{background:#2563eb;transform:translateY(-1px)}.referral-bonus{color:#fffc;font-size:13px;text-align:center;margin:0}@media (max-width: 390px){.league-tab{padding:8px 4px;font-size:13px;min-height:65px}.league-tab-icon{width:24px;height:24px}.filters{gap:6px}.filter-group{flex-wrap:wrap;gap:6px}.filter-button{padding:5px 10px;font-size:11px}.custom-player-card .player-avatar{width:50px;height:50px}.custom-player-card .player-name{font-size:10px}.training-content-wrapper{flex-direction:column;align-items:center;gap:12px}.training-player-avatar img{width:80px;height:80px}.training-text-content,.training-text-content p{text-align:center}}.player-training-section{margin-bottom:0}.player-training-section h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px;text-align:left}.training-content-wrapper{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.training-player-avatar{flex-shrink:0}.training-player-avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid rgba(59,130,246,.3)}.training-text-content{flex:1;display:flex;flex-direction:column}.training-text-content p{color:#fffc;font-size:14px;line-height:1.5;margin:0 0 8px;text-align:left}.training-counter-display{color:#ffffff80;font-size:14px;font-weight:400;margin:0;text-align:center;width:100%;display:block;box-sizing:border-box;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:2px 12px}.start-training-button{background:#10b981;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.start-training-button:hover{background:#059669;transform:translateY(-2px)}.big-game-training-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.big-game-training-header h2{margin:0;flex:1}.training-content{display:flex;gap:16px;align-items:flex-start}.training-player-card-wrapper{flex-shrink:0;width:120px}.training-player-card-wrapper .player-card-item{background:linear-gradient(135deg,#3b82f633,#8b5cf633)!important;border:1px solid rgba(255,255,255,.3)!important;padding:4px}.training-info{flex:1;display:flex;flex-direction:column;gap:12px}.training-reward-text{color:#fffc;font-size:14px;line-height:1.5;margin:0}.training-rules-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.training-rules-modal{background:#222232;border:none;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.training-rules-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.training-rules-modal-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.training-rules-modal-close{background:transparent;border:none;color:#ffffffb3;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease;border-radius:4px}.training-rules-modal-close:hover{background:#ffffff1a;color:#fff}.training-rules-modal-body{padding:24px}.training-rules-text{color:#fffc;font-size:14px;line-height:1.6}.training-rules-text p{margin:0 0 16px}.training-rules-text p:last-child{margin-bottom:0}.training-rules-modal-actions{margin-top:24px;display:flex;justify-content:center}@media (max-width: 390px){.training-content{gap:12px}.training-info{width:100%}}.training-progress-section{display:flex;align-items:center;gap:8px;margin-bottom:16px}.training-progress-label{font-size:12px;color:#fff9;font-weight:400;flex-shrink:0}.training-progress-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.training-progress-bar-fill{height:100%;background:linear-gradient(90deg,#4568dc,#b06ab3);border-radius:4px;transition:width .3s ease}.training-progress-value{font-size:12px;color:#ffffffb3;font-weight:400;flex-shrink:0}.training-start-btn{width:100%;padding:14px 20px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;background:linear-gradient(90deg,#4568dc,#b06ab3);color:#fff;box-shadow:0 4px 12px #4568dc4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center}.training-start-btn:hover:not(:disabled){background:linear-gradient(90deg,#3a5bc7,#9d5a9f);transform:translateY(-2px);box-shadow:0 6px 12px #4568dc66}.training-start-btn:active:not(:disabled){transform:translateY(0)}.training-start-btn.disabled,.training-start-btn:disabled{background:linear-gradient(135deg,#f59e0b,#d97706);cursor:not-allowed;opacity:.9;animation:pulse-countdown 2s infinite}@keyframes pulse-countdown{0%,to{box-shadow:0 0 #f59e0bb3}50%{box-shadow:0 0 0 10px #f59e0b00}}.training-reward-text{font-size:13px;color:#fff9;text-align:left;margin:0;line-height:1.4}.alert-popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out;width:100vw;height:100vh;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-popup-modal{background:#222232;border-radius:24px;padding:40px 32px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUpFade .3s ease-out;position:relative}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.alert-popup-icon{font-size:64px;margin-bottom:16px;line-height:1}.alert-popup-message{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 24px;line-height:1.4}.alert-popup-button{width:100%;padding:16px;background:linear-gradient(90deg,#4568dc,#b06ab3);border:none;border-radius:12px;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4568dc4d}.alert-popup-button:hover{background:linear-gradient(90deg,#3a5bc7,#9d5a9f);transform:translateY(-2px);box-shadow:0 6px 12px #4568dc66}.alert-popup-button:active{transform:translateY(0)}@media (max-width: 480px){.alert-popup-modal{padding:32px 24px;max-width:300px}.alert-popup-icon{font-size:56px}.alert-popup-message{font-size:16px}}.page-container{background:var(--main-bg);min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}.team-builder{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;margin:0 auto;padding:16px;min-width:0;box-sizing:border-box}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-primary);text-align:center}.welcome-section{padding:16px;background:var(--content-bg);border-radius:12px;margin-bottom:8px;box-sizing:border-box;min-width:0}.welcome-text{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;font-weight:400;text-align:left}.team-builder .content-block{min-width:0;overflow:hidden;box-sizing:border-box}.position-section{display:flex;flex-direction:column;gap:12px;overflow:hidden;min-width:0}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.position-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0;flex:1}.team-players-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3b82f6 transparent}.team-players-scroll::-webkit-scrollbar{height:4px}.team-players-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.team-players-scroll::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:2px}.big-game-player-card{flex:0 0 auto;width:120px}.no-cards-message{text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-top:8px}.no-cards-message p{margin:0}.captain-section{overflow:hidden;min-width:0}.captain-section .position-header{margin-bottom:12px}@media (max-width: 390px){.team-builder{padding:12px;gap:12px}.welcome-section{padding:12px}.welcome-text{font-size:13px}.position-header h3{font-size:15px}.big-game-player-card{width:110px}}.page-container{width:100%;min-height:100vh;background:var(--main-bg);box-sizing:border-box}.position-select-content{max-width:400px;margin:0 auto;padding:16px;width:100%;box-sizing:border-box}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-primary);text-align:center}.players-list{display:flex;flex-direction:column;gap:12px;padding:0 0 20px}.player-select-card{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.selected-player-badge,.used-player-badge{border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;text-align:center;width:100%;box-sizing:border-box}.selected-player-badge{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.used-player-badge{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-primary);text-align:center;padding:32px 20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-state p{color:var(--text-primary);font-size:15px;line-height:1.5;margin:0 0 8px}.empty-hint{font-size:13px;color:var(--text-secondary);margin:0 0 24px;max-width:300px;line-height:1.5}@media (max-width: 390px){.position-select-content{padding:12px}.players-list{gap:10px}.empty-state{padding:24px 16px}.empty-icon{font-size:56px}}.main-content{background:#181928;min-height:calc(100vh - 60px);box-sizing:border-box;margin-top:60px;padding-bottom:60px;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}.main-content::-webkit-scrollbar{display:none}.header-container{position:fixed;top:0;left:0;right:0;z-index:100;padding:8px 0;background:#181928}.blue-border-card{background:#222232;border:none;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.blue-border-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.blue-border-card.large{padding:20px;border-radius:16px}.blue-border-card.medium{padding:16px}.blue-border-card.small{padding:12px;border-radius:8px}.blue-border-card.no-hover:hover{transform:none;box-shadow:0 4px 6px #0000001a}.blue-border-nav{background:#222232;border:none;border-radius:12px;overflow:hidden}.blue-border-tabs{display:flex;background:#222232;border:none;border-radius:12px;overflow:hidden}.blue-border-tabs .tab-button{flex:1;padding:12px 16px;border:none;background:transparent;color:#ffffffb3;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease}.blue-border-tabs .tab-button.active{background:#d2b5ff;color:#181928;font-weight:400}.blue-border-tabs .tab-button:hover:not(.active){background:#ffffff0d;color:#fff}.blue-border-content{background:#222232;border:none;border-radius:12px;padding:20px}.blue-border-form{background:#222232;border:none;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.blue-border-form:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.blue-border-form.no-hover:hover{transform:none;box-shadow:0 2px 8px #0000004d}.blue-border-item{background:#222232;border:none;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease}.blue-border-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.content-container{max-width:370px;margin:0 auto;padding:0}@media (min-width: 401px){.content-container{max-width:400px}}.content-block{background:#222232;border:none;border-radius:12px;padding:16px}.content-block.large{padding:20px;border-radius:16px}.content-block.medium{padding:16px;border-radius:12px}.content-block.small{padding:12px;border-radius:8px}.content-block.xs{padding:8px;border-radius:8px}.content-block.hoverable{transition:all .3s ease;cursor:pointer}.content-block.hoverable:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d;background:#2a2a3d}.content-block.no-padding{padding:0}.content-block.no-border,.content-block.bg-only{border:none}.section-title-h2{font-family:Lexend,sans-serif;font-weight:700;font-size:18px;line-height:1.27;color:#fff;margin:0}h2.section-title-h2{font-size:18px;margin:0}.league-badge,.top-match-badge,.friends-badge,.analytics-badge,.team-card .league-badge,.team-card .top-match-badge,.team-card .friends-badge,.team-card .analytics-badge{position:absolute;background:transparent;color:#fff;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:500;z-index:10;box-shadow:0 2px 4px #0003;pointer-events:none;width:fit-content;white-space:nowrap}.league-badge:before,.top-match-badge:before,.friends-badge:before,.analytics-badge:before,.team-card .league-badge:before,.team-card .top-match-badge:before,.team-card .friends-badge:before,.team-card .analytics-badge:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#6a82fb,#fc5c7d);border-radius:20px;z-index:-1}.league-badge:after,.top-match-badge:after,.friends-badge:after,.analytics-badge:after,.team-card .league-badge:after,.team-card .top-match-badge:after,.team-card .friends-badge:after,.team-card .analytics-badge:after{content:"";position:absolute;inset:0;background:#000;border-radius:18px;z-index:-1}.league-badge,.team-card .league-badge{top:-12px;left:50%;transform:translate(-50%)}.top-match-badge,.team-card .top-match-badge{top:-12px;left:-12px}.friends-badge,.team-card .friends-badge{top:44px;left:-12px}.analytics-badge,.team-card .analytics-badge{top:16px;left:-12px}@media (min-width: 370px) and (max-width: 400px){.top-match-badge,.friends-badge,.analytics-badge,.team-card .top-match-badge,.team-card .friends-badge,.team-card .analytics-badge{left:-10px}}@media (max-width: 369px){.top-match-badge,.friends-badge,.analytics-badge,.team-card .top-match-badge,.team-card .friends-badge,.team-card .analytics-badge{left:0}}@media (max-width: 400px){.league-badge,.team-card .league-badge{left:50%;transform:translate(-50%)}}.nav-tabs-container,.blitz-game-nav,.match-tabs{display:flex;background:#222232;border:none;border-radius:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs-container::-webkit-scrollbar,.blitz-game-nav::-webkit-scrollbar,.match-tabs::-webkit-scrollbar{display:none}.nav-tab{flex:1;min-width:0;padding:12px 8px;background:transparent;border:none;color:#ffffffb3;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;text-align:center;border-radius:0}.nav-tab:first-child{border-radius:8px 0 0 8px}.nav-tab:last-child{border-radius:0 8px 8px 0}.nav-tab:only-child{border-radius:8px}.nav-tab.active{background:#d2b5ff;color:#181928;font-weight:400;border-radius:8px}.nav-tab:hover:not(.active){color:#ffffffe6;background:#3b82f61a}.nav-tab:focus{outline:none;-webkit-focus-ring-color:transparent}.nav-tab:focus-visible{outline:none;-webkit-focus-ring-color:transparent}.btn-primary{background:linear-gradient(90deg,#4568dc,#b06ab3);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-align:center;display:inline-block;-webkit-user-select:none;user-select:none}.btn-primary:hover{background:linear-gradient(90deg,#3a5bc7,#9d5a9f);transform:translateY(-2px);box-shadow:0 6px 12px #4568dc66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-primary:disabled{background:linear-gradient(90deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.6;transform:none}.btn-primary.small{padding:8px 16px;font-size:14px;border-radius:8px}.btn-primary.large{padding:16px 32px;font-size:18px;border-radius:16px}.btn-primary.full-width{width:100%;display:block}.btn-primary-m{background:linear-gradient(90deg,#4568dc,#b06ab3);color:#fff;border:none;border-radius:8px;padding:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-align:center;display:inline-block;-webkit-user-select:none;user-select:none}.btn-primary-m:hover{background:linear-gradient(90deg,#3a5bc7,#9d5a9f);transform:translateY(-2px);box-shadow:0 6px 12px #4568dc66}.btn-primary-m:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-primary-m:disabled{background:linear-gradient(90deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.6;transform:none}.btn-primary-s{background:linear-gradient(90deg,#4568dc,#b06ab3);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-align:center;display:inline-block;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary-s:hover{background:linear-gradient(90deg,#3a5bc7,#9d5a9f);transform:translateY(-2px);box-shadow:0 6px 12px #4568dc66}.btn-primary-s:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-primary-s:disabled{background:linear-gradient(90deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.6;transform:none}.btn-primary-light{background:linear-gradient(90deg,#6b8fe8,#c894d0);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-primary-light:hover{background:linear-gradient(90deg,#4568dc,#b06ab3);transform:translateY(-2px);box-shadow:0 6px 12px #6b8fe866}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 12px #10b98166}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b66}.btn-secondary{background:#414158;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-align:center;display:inline-block;-webkit-user-select:none;user-select:none}.btn-secondary:hover{background:#4f4f6a;transform:translateY(-2px);box-shadow:0 6px 12px #41415866}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-secondary:disabled{background:#6b7280;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary-m{background:#414158;color:#fff;border:none;border-radius:8px;padding:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-align:center;display:inline-block;-webkit-user-select:none;user-select:none}.btn-secondary-m:hover{background:#4f4f6a;transform:translateY(-2px);box-shadow:0 6px 12px #41415866}.btn-secondary-m:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-secondary-m:disabled{background:#6b7280;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary-s{background:#414158;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-align:center;display:inline-block;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-secondary-s:hover{background:#4f4f6a;transform:translateY(-2px);box-shadow:0 6px 12px #41415866}.btn-secondary-s:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-secondary-s:disabled{background:#6b7280;cursor:not-allowed;opacity:.6;transform:none}@media (max-width: 390px){.blue-border-card.large{padding:16px}.blue-border-card.medium{padding:12px}.blue-border-form,.blue-border-content{padding:16px}.btn-primary,.btn-primary-light,.btn-success,.btn-warning,.btn-secondary{padding:10px 20px;font-size:14px}.btn-primary.large,.btn-primary-light.large,.btn-success.large,.btn-warning.large{padding:14px 28px;font-size:16px}.btn-primary-m,.btn-secondary-m{padding:9px;font-size:11px}.btn-primary-s,.btn-secondary-s{padding:3px 8px;font-size:10px}.top-match-badge,.friends-badge,.analytics-badge,.team-card .top-match-badge,.team-card .friends-badge,.team-card .analytics-badge{left:-8px}}.player-card-item{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;border-radius:12px;box-sizing:border-box;min-width:0;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(255,255,255,.3)}.cards-grid .player-card-item{width:100%}.player-card-image-container{position:relative;width:100%;padding-top:100%;border-radius:8px 8px 0 0;overflow:visible}.player-card-player-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px 8px 0 0}.player-card-player-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#ffffff80;border-radius:8px 8px 0 0}.player-card-duplicate-badge{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:2px solid rgba(255,255,255,.3)}.player-card-level-badge{margin-top:6px;margin-left:auto;margin-right:auto;position:relative;background:#000;color:#ffffffe6;padding:2px 7px;border-radius:20px;font-size:11px;font-weight:400;width:fit-content;white-space:nowrap;text-align:center}.player-card-type-gold .player-card-level-badge{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.player-card-type-silver .player-card-level-badge{background:linear-gradient(135deg,#e8e8e8,silver);color:#1a1a1a}.player-card-type-bronze .player-card-level-badge{background:linear-gradient(135deg,#e5a25d,#cd7f32);color:#1a1a1a}.player-card-type-none .player-card-level-badge{background:#000;color:#ffffffe6}.player-card-in-team-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:transparent;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;z-index:300;box-shadow:0 2px 4px #0003;pointer-events:none;width:fit-content;white-space:nowrap}.player-card-in-team-badge:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#6a82fb,#fc5c7d);border-radius:20px;z-index:-1}.player-card-in-team-badge:after{content:"";position:absolute;inset:0;background:#000;border-radius:18px;z-index:-1}.player-card-info{padding:5px;width:100%;box-sizing:border-box}.player-card-name{position:absolute;top:50%;right:0;font-size:11px;font-weight:600;color:silver;margin:0;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 2px;z-index:5;transform:translateY(-50%) rotate(180deg)}.player-card-player-name{font-size:13px;color:#fffc;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card-team-name{font-size:11px;color:#fff9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#ffffffb3;margin-top:4px}.player-card-position{background:#ffffff1a;padding:2px 6px;border-radius:4px;text-transform:uppercase}.player-card-rating{font-weight:600;white-space:nowrap}.player-card-position-badge{position:absolute;top:4px;left:4px;font-size:9px;color:#3b82f6e6;background:#3b82f626;padding:2px 4px;border-radius:4px;font-weight:600;line-height:1.2;z-index:10;border:1px solid rgba(59,130,246,.3)}.player-card-captain-badge{position:absolute;top:4px;right:4px;font-size:9px;color:#b06ab3;background:#b06ab326;padding:2px 4px;border-radius:4px;font-weight:600;line-height:1.2;z-index:10;border:1px solid rgba(176,106,179,.3)}@media (max-width: 480px){.player-card-info{padding:5px}.player-card-name{font-size:10px;padding:4px 1px}.player-card-player-name{font-size:12px}}.page-container{background:var(--main-bg);min-height:100vh}.captain-select-content{padding:16px;max-width:600px;margin:0 auto}.captain-select-header{text-align:center;margin-bottom:24px;padding:0 16px}.captain-select-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.captain-select-header p{color:var(--text-secondary);font-size:14px;margin:0}.players-list,.captain-player-card{display:flex;flex-direction:column;gap:12px}.captain-player-card .player-card-header{flex:1}.loading-state,.no-players{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{font-size:48px;margin-bottom:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p,.no-players p{color:var(--text-primary);font-size:15px;margin:0}.no-players-icon{font-size:48px;margin-bottom:16px;opacity:.6}.card-duplicate-badge{background:#d2b5ff26;color:var(--accent-primary);border:1px solid rgba(210,181,255,.3);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;text-align:center;align-self:flex-start}@media (max-width: 390px){.captain-select-content{padding:12px}.captain-select-header{margin-bottom:16px;padding:0}.captain-select-header h2{font-size:18px}.players-list{gap:10px}}