.team-selection{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.team-selection-header{text-align:center;margin-bottom:2rem}.team-selection-header h2{font-size:2rem;color:#ff4d8f;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,77,143,.5)}.team-selection-header p{color:#b8a8c8;font-size:1rem}.team-info-panel{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;padding:1.5rem;background:#8b3a9c1a;border:2px solid rgba(139,58,156,.3);border-radius:12px}.team-count,.team-power{display:flex;flex-direction:column;align-items:center;gap:.5rem}.team-count .label,.team-power .label{color:#b8a8c8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.team-count .value,.team-power .value{color:#fff;font-size:1.8rem;font-weight:700}.team-power .power-number{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.character-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;max-height:500px;overflow-y:auto;padding:1rem;background:#1a0f1f80;border-radius:8px}.character-selection-card{position:relative;background:#1a0f1fcc;border:2px solid rgba(139,58,156,.3);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease}.character-selection-card:hover{transform:translateY(-4px);border-color:#8b3a9c99;box-shadow:0 4px 20px #8b3a9c4d}.character-selection-card.selected{border-color:#ff4d8f;background:#ff4d8f1a;box-shadow:0 0 20px #ff4d8f66}.character-selection-card.rarity-common{border-color:#9e9e9e4d}.character-selection-card.rarity-rare{border-color:#4fc3f74d}.character-selection-card.rarity-epic{border-color:#ab47bc4d}.character-selection-card.rarity-legendary{border-color:#ffd7004d}.character-selection-card.selected.rarity-common{border-color:#9e9e9e;box-shadow:0 0 20px #9e9e9e66}.character-selection-card.selected.rarity-rare{border-color:#4fc3f7;box-shadow:0 0 20px #4fc3f766}.character-selection-card.selected.rarity-epic{border-color:#ab47bc;box-shadow:0 0 20px #ab47bc66}.character-selection-card.selected.rarity-legendary{border-color:gold;box-shadow:0 0 20px #ffd70066}.selection-order{position:absolute;top:-10px;right:-10px;width:32px;height:32px;background:linear-gradient(135deg,#ff4d8f,#8b3a9c);border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;z-index:10;box-shadow:0 2px 8px #0000004d}.character-portrait{position:relative;width:100%;height:150px;background:linear-gradient(135deg,#8b3a9c33,#1a0f1fcc);border-radius:8px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#ffffff4d}.element-indicator{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.element-fire{background:#ff5722}.element-water{background:#2196f3}.element-earth{background:#795548}.element-air{background:#00bcd4}.element-lightning{background:#ffeb3b;color:#333}.element-ice{background:#00bcd4}.element-light{background:#fff9c4;color:#333}.element-dark{background:#424242}.element-nature{background:#4caf50}.element-metal{background:#9e9e9e}.character-level-badge{position:absolute;top:8px;right:8px;background:#000000b3;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:700;color:gold}.character-details{text-align:center}.character-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.character-family{font-size:.85rem;color:#b8a8c8;text-transform:capitalize;margin-bottom:.5rem}.character-stats-mini{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;font-size:.8rem}.character-stats-mini .stat{display:flex;justify-content:space-between;padding:2px 4px;background:#8b3a9c1a;border-radius:4px}.character-stats-mini .stat-label{color:#b8a8c8}.character-stats-mini .stat-value{color:#fff;font-weight:700}.team-selection-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.team-selection-actions button{padding:.75rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cancel-button{background:#9e9e9e33;color:#b8a8c8;border:2px solid rgba(158,158,158,.3)}.cancel-button:hover{background:#9e9e9e4d;border-color:#9e9e9e80}.clear-team-button{background:#ff572233;color:#ff5722;border:2px solid rgba(255,87,34,.3)}.clear-team-button:hover{background:#ff57224d;border-color:#ff572280}.confirm-team-button{background:linear-gradient(135deg,#8b3a9c,#ff4d8f);color:#fff;border:2px solid transparent;box-shadow:0 4px 15px #ff4d8f4d}.confirm-team-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff4d8f80}.confirm-team-button:disabled{opacity:.5;cursor:not-allowed}.no-characters{grid-column:1 / -1;text-align:center;padding:3rem;color:#b8a8c8}.loading-indicator{text-align:center;padding:3rem;color:#b8a8c8;font-size:1.2rem}.error-message{background:#f443361a;border:2px solid rgba(244,67,54,.3);color:#f44336;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.matchmaking-queue{width:100%;min-height:600px;display:flex;align-items:center;justify-content:center;padding:2rem}.matchmaking-container{width:100%;max-width:700px;background:#1a0f1fe6;border:2px solid rgba(139,58,156,.4);border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #00000080}.matchmaking-header{text-align:center;margin-bottom:2rem}.matchmaking-header h2{font-size:2.5rem;color:#ff4d8f;margin-bottom:.5rem;text-shadow:0 0 15px rgba(255,77,143,.6)}.queue-status{font-size:1.1rem;color:#b8a8c8;font-weight:500}.queue-animation{display:flex;flex-direction:column;align-items:center;margin:3rem 0}.searching-spinner{position:relative;width:120px;height:120px;margin-bottom:1.5rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#8b3a9c;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#ff4d8f;animation-duration:1.2s;animation-direction:reverse}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:gold;animation-duration:.9s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.searching-text{font-size:1.2rem;color:#fff;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.queue-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.info-card{background:#8b3a9c1a;border:2px solid rgba(139,58,156,.3);border-radius:12px;padding:1.25rem;text-align:center}.info-label{font-size:.85rem;color:#b8a8c8;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.info-value{font-size:1.8rem;font-weight:700;color:#fff}.time-value{color:#4fc3f7;text-shadow:0 0 10px rgba(79,195,247,.5)}.power-value{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.range-value{color:#ff4d8f;text-shadow:0 0 10px rgba(255,77,143,.5)}.power-range-display{background:#8b3a9c1a;border:2px solid rgba(139,58,156,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.range-label{font-size:.9rem;color:#b8a8c8;text-align:center;margin-bottom:.75rem}.range-values{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.range-min,.range-max{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.range-separator{color:#b8a8c8}.range-bar{width:100%;height:8px;background:#8b3a9c33;border-radius:4px;overflow:hidden}.range-indicator{height:100%;background:linear-gradient(90deg,#8b3a9c,#ff4d8f);border-radius:4px;transition:width .5s ease;box-shadow:0 0 10px #ff4d8f80}.queue-tips{background:#ffd7000d;border:2px solid rgba(255,215,0,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.tip-title{font-size:1rem;color:gold;font-weight:700;margin-bottom:.75rem}.tip-list{list-style:none;padding:0;margin:0}.tip-list li{color:#b8a8c8;font-size:.9rem;padding:.4rem 0 .4rem 1.5rem;position:relative}.tip-list li:before{content:"→";position:absolute;left:0;color:gold}.queue-actions{display:flex;justify-content:center}.cancel-queue-button{padding:.75rem 2.5rem;font-size:1rem;font-weight:700;background:#f4433633;color:#f44336;border:2px solid rgba(244,67,54,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cancel-queue-button:hover{background:#f443364d;border-color:#f4433680;transform:translateY(-2px);box-shadow:0 4px 15px #f443364d}.error-panel{text-align:center;padding:3rem 2rem}.error-icon{font-size:4rem;margin-bottom:1rem;color:#f44336}.error-text{font-size:1.2rem;color:#f44336;margin-bottom:2rem}.retry-button{padding:.75rem 2rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#8b3a9c,#ff4d8f);color:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d8f80}@media (max-width: 768px){.queue-info{grid-template-columns:1fr}.matchmaking-container{padding:1.5rem}.info-value{font-size:1.5rem}.range-values{font-size:1.2rem}}.multiplayer-battle{width:100%;height:100%;position:relative}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#2196f3e6,#03a9f4e6);padding:1rem;box-shadow:0 4px 12px #0000004d;animation:slideDown .3s ease}.connection-banner.disconnected{background:linear-gradient(135deg,#ff9800e6,#ff5722e6)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.connection-status{display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;font-weight:500}.status-icon{font-size:1.5rem}.status-text{font-size:1rem}.disconnect-timer{background:#0000004d;padding:.25rem .75rem;border-radius:12px;font-weight:700;font-size:.9rem}.opponent-info-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem;background:#8b3a9c33;border-bottom:2px solid rgba(139,58,156,.4);margin-bottom:1rem}.opponent-label{color:#b8a8c8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.opponent-name{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px rgba(255,77,143,.5)}.opponent-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;padding:.25rem .75rem;border-radius:12px}.opponent-status.online{color:#4caf50;background:#4caf501a}.opponent-status.offline{color:#ff5722;background:#ff57221a}@media (max-width: 768px){.connection-status{flex-direction:column;gap:.5rem}.opponent-info-banner{flex-direction:column;gap:.5rem;padding:.5rem}.status-text{font-size:.9rem;text-align:center}}.multiplayer-container{width:100%;min-height:600px;padding:1rem}.auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem}.auth-required h2{font-size:2rem;color:#ff4d8f;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,77,143,.5)}.auth-required p{font-size:1.1rem;color:#b8a8c8}