.page-profils *,.page-profils *::before,.page-profils *::after{box-sizing:border-box;}.titre-principale{text-align:center;color:#00d4ff;font-family:'Saira Stencil One',cursive,'Maven Pro',sans-serif;font-size:clamp(2rem,5vw,4rem);margin:1rem 0;text-shadow:0 0 20px rgba(0,212,255,0.5);}.titre-secondaire,.titre-troisieme{text-align:center;color:#00d4ff;font-family:'Saira Stencil One',cursive;font-size:clamp(1.5rem,3vw,2.5rem);margin:2rem 0 1rem;}.titre-quatrieme{text-align:center;color:#00d4ff;font-family:'Saira Stencil One',cursive;font-size:clamp(1.2rem,2.5vw,2rem);margin:1.5rem 0;}.titre-cinquieme{text-align:center;color:#00d4ff;font-family:'Saira Stencil One',cursive;font-size:clamp(1rem,2vw,1.5rem);margin:1rem 0;}.info-profil{background-color:rgba(18,18,26,0.9);width:95%;max-width:1600px;margin:0 auto 2rem;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,212,255,0.2);display:grid;grid-template-columns:minmax(280px,28em) 1fr 30em;gap:1.5rem;min-height:auto;border:1px solid rgba(0,212,255,0.2);}.avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background-color:rgba(30,30,46,0.95);box-shadow:0 4px 20px rgba(0,212,255,0.2);border-radius:14px;padding:1.5rem;border:1px solid rgba(0,212,255,0.2);width:100%;min-width:0;}.status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;}.status-label{background-color:rgba(0,0,0,0.85);padding:0.4em 0.8em;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.3);}#status{padding:0.4em;border-radius:8px;border:1px solid #333;font-size:0.9rem;cursor:pointer;}.status-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0;}.status-indicator.online{background:#00b62d;box-shadow:0 0 15px rgba(0,255,64,0.6);}.status-indicator.lobby,.status-indicator.busy{background:#f89602;box-shadow:0 0 15px rgba(248,150,2,0.6);}.status-indicator.offline,.status-indicator.dnd{background:#e70b0b;box-shadow:0 0 15px rgba(231,11,11,0.6);}.image-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;}.image-avatar img{width:min(420px,90vw);height:min(420px,90vw);max-width:100%;border-radius:50%;object-fit:cover;object-position:center;aspect-ratio:1 / 1;display:block;box-shadow:0 4px 20px rgba(0,0,0,0.3);}.image-avatar button{padding:0.6em 1.2em;background-color:rgba(0,212,255,0.9);color:#000;border:none;border-radius:8px;cursor:pointer;font-size:0.9rem;transition:all 0.2s ease;white-space:nowrap;font-weight:bold;}.image-avatar button:hover{background-color:#33e0ff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,0.5);}.btn-avatar-shop-link{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.5rem;padding:0.4em 0.8em;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:0.8rem;font-weight:600;transition:all 0.2s ease;}.btn-avatar-shop-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(156,39,176,0.4);}.btn-avatar-catalog-link{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:0.5rem;padding:0.6em 1.2em;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#1a1a2e;text-decoration:none;border-radius:8px;font-size:0.85rem;font-weight:700;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(255,215,0,0.3);}.btn-avatar-catalog-link i{font-size:0.9rem;}.btn-avatar-catalog-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,215,0,0.5);background:linear-gradient(135deg,#FFC000 0%,#FF8C00 100%);}.btn-avatar-catalog-link:active{transform:translateY(-1px);}.pseudo h2{margin:0;font-size:1.5rem;text-align:center;color:#00d4ff;}.info-utilisateur{background-color:rgba(30,30,46,0.95);border-radius:14px;box-shadow:0 4px 20px rgba(0,212,255,0.2);display:flex;flex-direction:column;padding:1.5rem;overflow:hidden;border:1px solid rgba(0,212,255,0.2);}.info-perso{background-color:rgba(88,88,88,0.9);width:fit-content;margin:0 auto 1rem;padding:0.8em 2em;border-radius:14px;box-shadow:0 4px 15px rgba(37,0,139,0.3);color:#fff;font-weight:600;}.bouton-modification{text-align:center;margin-bottom:1rem;}.bouton-modification button{padding:0.8em 1.5em;background-color:#00d4ff;color:#000;border:none;border-radius:10px;box-shadow:0 4px 15px rgba(0,212,255,0.3);cursor:pointer;font-weight:bold;transition:all 0.2s ease;}.bouton-modification button:hover{background-color:#33e0ff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,212,255,0.5);}.details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;}.info-gauche,.info-droite{display:flex;flex-direction:column;gap:0.8rem;}.info-gauche p,.info-droite p{margin:0;padding:0.6em 1em;background-color:rgba(58,58,58,0.9);color:#fff;border-radius:10px;font-size:0.95rem;box-shadow:0 4px 10px rgba(37,0,139,0.2);}.details strong{color:#ffdd57;font-weight:700;}.statistiques-utilisateur{background-color:rgba(30,30,46,0.95);border-radius:14px;box-shadow:0 4px 20px rgba(0,212,255,0.2);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:600px;border:1px solid rgba(0,212,255,0.2);}.rang-actuel{text-align:center;font-size:1.3rem;font-weight:700;color:#0a0a0f;padding:0.8rem;background:linear-gradient(135deg,#00d4ff,#0099cc);border-radius:10px;text-shadow:0 1px 2px rgba(255,255,255,0.5);box-shadow:0 4px 15px rgba(0,212,255,0.3);}.rang-actuel .tier-name{text-shadow:0 1px 3px rgba(0,0,0,0.4);}.rang-actuel .tier-position{color:#1a1a2e !important;text-shadow:0 1px 2px rgba(255,255,255,0.3);}.points-section{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}.point-box{display:flex;flex-direction:column;align-items:center;padding:15px 20px;border-radius:12px;min-width:80px;box-shadow:0 4px 15px rgba(0,0,0,0.15);}.point-box .point-value{font-size:1.5rem;font-weight:700;}.point-box .point-label{font-size:0.85rem;font-weight:600;opacity:0.8;}.ep-box{background:linear-gradient(135deg,#1e1e2e,#2a2a2a);color:#ff3b3b;border:1px solid #ff3b3b;}.pp-box{background:linear-gradient(135deg,#1e1e2e,#2a2a2a);color:#00d4ff;border:1px solid #00d4ff;}.xp-box{background:linear-gradient(135deg,#1e1e2e,#2a2a2a);color:#4aa8ff;border:1px solid #4aa8ff;}.stats-matchs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}.stat-item{padding:12px 18px;background:#f8f9fa;border-radius:10px;text-align:center;min-width:70px;border-left:4px solid #ccc;}.stat-item .stat-value{display:block;font-size:1.3rem;font-weight:700;}.stat-item .stat-label{font-size:0.8rem;color:#666;}.stat-item.victoire{border-left-color:#38ef7d;}.stat-item.defaite{border-left-color:#f5576c;}.stat-item.winrate{border-left-color:#00d4ff;}.tickets-section{padding:15px;background:#f8f9fa;border-radius:12px;}.tickets-section h4{margin:0 0 12px 0;font-size:1.1rem;}.tickets-list{list-style:none;padding:0;margin:0 0 12px 0;}.ticket-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:8px;background:#fff;border-radius:8px;border-left:4px solid #00d4ff;font-size:0.85rem;gap:8px;flex-wrap:wrap;}.ticket-item.utilise,.ticket-item.expire{opacity:0.5;border-left-color:#ccc;}.no-tickets{color:#666;font-style:italic;text-align:center;}.btn-acheter-ticket{display:block;text-align:center;padding:10px 20px;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#000;text-decoration:none;border-radius:25px;font-size:0.85rem;font-weight:bold;transition:transform 0.2s ease;}.btn-acheter-ticket:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(0,212,255,0.5);}.weekly-farm-progress{padding:15px;background:#1e1e2e;border:1px solid rgba(0,212,255,0.2);border-radius:12px;}.weekly-farm-progress h4{margin:0 0 12px 0;font-size:1.1rem;color:#00d4ff;}.farm-items{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;}.farm-item{display:flex;justify-content:space-between;padding:8px 12px;background:#2a2a2a;border-radius:8px;font-size:0.8rem;gap:5px;color:#fff;}.farm-item.ready{background:rgba(40,167,69,0.2);border:1px solid #28a745;}.farm-item.claimed{background:#e9ecef;text-decoration:line-through;opacity:0.6;}.btn-claim-ep{display:block;width:100%;padding:10px 20px;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#000;border:none;border-radius:25px;cursor:pointer;font-size:0.9rem;font-weight:bold;transition:transform 0.2s ease;}.btn-claim-ep:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(0,212,255,0.5);}.classement-historique{background-color:rgba(18,18,26,0.9);box-shadow:0 4px 20px rgba(0,212,255,0.2);display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;width:95%;max-width:1600px;margin:0 auto 2rem;border-radius:20px;padding:1rem;border:1px solid rgba(0,212,255,0.2);}.tableau-classement{background-color:rgba(30,30,46,0.95);border-radius:20px;padding:1rem;box-shadow:0 4px 10px rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.1);}.classement-link{display:flex;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,212,255,0.1);}.btn-voir-classement{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.5rem;background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(0,212,255,0.2));border:1px solid rgba(0,212,255,0.4);border-radius:10px;color:#00d4ff;text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;}.btn-voir-classement:hover{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#0a0a0f;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,0.4);}.btn-voir-classement i{font-size:1rem;}.centrer{display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:0.5rem;}.info-classement{background-color:rgba(30,30,46,0.95);border-radius:14px;box-shadow:0 4px 15px rgba(0,212,255,0.1);padding:0.8rem;display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem;border:1px solid rgba(0,212,255,0.1);}.info-classement button{padding:0.5em 1.2em;border:1px solid #00d4ff;border-radius:10px;font-size:0.9rem;font-weight:600;cursor:pointer;background-color:rgba(0,0,0,0.8);color:#00d4ff;transition:all 0.2s ease;}.info-classement button:hover{background-color:#00d4ff;color:#000;transform:translateY(-2px);}.affichage-classement{background-color:rgba(30,30,46,0.95);width:100%;border-radius:14px;box-shadow:0 4px 15px rgba(0,212,255,0.1);padding:1rem;margin-bottom:0.5rem;overflow-x:auto;box-sizing:border-box;color:#fff;}.affichage-classement table{width:100%;border-collapse:collapse;}.affichage-classement th,.affichage-classement td{padding:0.6rem 1rem;text-align:left;}.affichage-classement thead{background-color:rgba(0,212,255,0.1);color:#00d4ff;}.historique{background-color:rgba(30,30,46,0.95);}.statistique-litige{background-color:rgba(18,18,26,0.9);box-shadow:0 4px 20px rgba(0,212,255,0.2);display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;width:95%;max-width:1600px;margin:0 auto 2rem;border-radius:20px;padding:1.5rem;border:1px solid rgba(0,212,255,0.2);align-items:stretch;}.stastistique{display:flex;flex-direction:column;height:100%;}.stats-table-band{flex:0 0 auto;}.camenbert-section{flex:1;min-height:250px;}.partie-gauche{display:flex;flex-wrap:wrap;gap:1rem;}.colonne{background-color:rgba(30,30,46,0.95);flex:1;min-width:150px;border-radius:14px;box-shadow:0 4px 15px rgba(0,212,255,0.1);padding:1rem;overflow-x:auto;box-sizing:border-box;color:#fff;border:1px solid rgba(0,212,255,0.1);}.colonne table{width:100%;min-width:600px;border-collapse:collapse;}.colonne th{font-size:1rem;font-weight:700;padding:0.5rem;border-bottom:2px solid #00d4ff;text-align:center;color:#00d4ff;}.colonne td{padding:0.5rem;text-align:center;}.jaune{color:#d4a700;text-shadow:0 0 2px rgba(0,0,0,0.3);}.rouge{color:#cc0000;text-shadow:0 0 2px rgba(0,0,0,0.3);}.bleu{color:#0044cc;text-shadow:0 0 2px rgba(0,0,0,0.3);}.vert{color:#00aa00;text-shadow:0 0 2px rgba(0,0,0,0.3);}.violet{color:#8b00ff;text-shadow:0 0 2px rgba(0,0,0,0.3);}.orange{color:#cc6600;text-shadow:0 0 2px rgba(0,0,0,0.3);}.rose{color:#cc1177;text-shadow:0 0 2px rgba(0,0,0,0.3);}.bleu-ciel{color:#0071ce;text-shadow:0 0 2px rgba(0,0,0,0.3);}.camenbert-statique{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.5);border-radius:14px;padding:1rem;}.tableau-classement.preuve-litige{padding:1rem;}.mes-litiges{display:flex;gap:1rem;margin-bottom:1rem;}.mes-litiges-gauche,.status-litiges-droite{background-color:rgba(255,255,255,0.9);border-radius:14px;box-shadow:0 4px 15px rgba(0,0,0,0.2);padding:1rem;display:flex;justify-content:center;align-items:center;font-weight:600;}.mes-litiges-gauche{flex:1.5;}.status-litiges-droite{flex:1;}.status-litiges{display:flex;gap:1rem;flex-wrap:wrap;}.liste-depo,.liste-status{display:flex;gap:1rem;min-width:0;}.liste-depo{flex:1.5;min-width:200px;}.liste-status{flex:1;min-width:150px;}.liste-depo ul,.liste-status ul{width:100%;background-color:rgba(41,41,41,0.9);padding:1rem;border-radius:14px;list-style:none;margin:0;}.liste-depo ul li,.liste-status ul li{padding:0.6rem 1rem;margin-bottom:0.5rem;font-size:0.95rem;background-color:rgba(255,255,255,0.9);border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease;}.liste-depo ul li:hover{background-color:rgb(103,0,163);color:#fff;transform:translateY(-2px);}.liste-depo ul li a{text-decoration:none;color:#fff;background-color:rgba(54,54,54,0.8);padding:0.3rem 0.8rem;border-radius:6px;transition:all 0.2s ease;}.liste-depo ul li a:hover{background-color:rgba(29,52,255,0.9);}.ami-rejoindre{display:grid;grid-template-columns:1fr 2fr;gap:1rem;background-color:rgba(18,18,26,0.9);width:95%;max-width:1600px;margin:2rem auto;border-radius:20px;box-shadow:0 4px 20px rgba(0,212,255,0.2);padding:1.5rem;border:1px solid rgba(0,212,255,0.2);}.liste-ami{background-color:rgba(28,33,80,0.8);border-radius:20px;padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,0.2);text-align:center;}.rejoindre-partie{background-color:rgba(28,33,80,0.8);border-radius:20px;padding:1rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);}.menu-pour-vous{display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap;background-color:rgba(255,255,255,0.9);border-radius:14px;box-shadow:0 4px 15px rgba(0,0,0,0.2);padding:0.8rem;margin-bottom:1rem;}.menu-pour-vous button{padding:0.5em 2em;border:1px solid #333;border-radius:10px;font-size:0.85rem;font-weight:600;cursor:pointer;background-color:rgb(8,15,73);color:#fff;transition:all 0.2s ease;}.menu-pour-vous button:hover{background-color:rgba(29,52,255,0.9);transform:translateY(-2px);}.affichage-liste{background-color:rgba(255,255,255,0.9);border-radius:14px;box-shadow:0 4px 15px rgba(131,131,131,0.3);padding:1rem;margin-bottom:0.5rem;width:100%;overflow-x:auto;box-sizing:border-box;}.affichage-liste td{padding:0.5rem 0.8rem;font-size:0.85rem;white-space:nowrap;}.bouton-recherche-defi{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;background-color:rgba(255,255,255,0.8);width:fit-content;max-width:95%;margin:0 auto 3rem;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.2);padding:2rem 3rem;}.tournois-matchmaking button{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:0 15px 30px -5px rgba(151,65,252,0.2);color:#fff;font-size:1rem;padding:3px;cursor:pointer;transition:all 0.3s ease;}.tournois-matchmaking button span{background-color:rgb(5,6,45);padding:14px 24px;border-radius:6px;transition:background 0.3s ease;}.tournois-matchmaking button:hover span{background:transparent;}.tournois-matchmaking button:active{transform:scale(0.95);}.bouton-recharger button,.bouton-boutique button{display:block;margin:1rem auto;padding:0.6em 1.5em;background-color:rgba(28,33,80,0.8);color:#fff;border:none;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.3);cursor:pointer;font-size:1.1rem;font-weight:bold;transition:all 0.2s ease;}.bouton-recharger button:hover,.bouton-boutique button:hover{background-color:rgba(29,52,255,0.9);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,0.3);}.context-menu{position:absolute;background:#222;color:#fff;padding:8px;border-radius:6px;display:none;z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,0.4);}.context-menu .item{padding:6px 12px;cursor:pointer;}.context-menu .item:hover{background:#444;}@media (max-width:1200px){.info-profil{grid-template-columns:250px 1fr;grid-template-rows:auto auto;}.statistiques-utilisateur{grid-column:1 / -1;max-height:none;flex-direction:row;flex-wrap:wrap;justify-content:center;}.classement-historique{grid-template-columns:1fr;}.statistique-litige{grid-template-columns:1fr;}.ami-rejoindre{grid-template-columns:1fr;}}@media (max-width:768px){.info-profil{grid-template-columns:1fr;padding:1rem;}.avatar{width:100%;max-width:300px;margin:0 auto;}.details{grid-template-columns:1fr;}.info-gauche p,.info-droite p{width:100%;}.points-section{flex-direction:column;align-items:center;}.point-box{width:100%;max-width:200px;}.farm-items{grid-template-columns:1fr;}.mes-litiges{flex-direction:column;}.liste-depo,.liste-status{flex-direction:column;}.bouton-recherche-defi{flex-direction:column;padding:1.5rem;}.status{flex-direction:column;}}@media (max-width:480px){.titre-principale{font-size:2rem;}.image-avatar{width:100%;max-width:260px;}.image-avatar img{width:100%;height:auto;aspect-ratio:1 / 1;}.status-indicator{width:16px;height:16px;}.info-classement{flex-direction:column;gap:0.5rem;}.info-classement button{width:100%;}.menu-pour-vous{flex-direction:column;}.menu-pour-vous button{width:100%;}}.btn-join{display:inline-block;padding:0.4em 1em;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#000;text-decoration:none;border-radius:20px;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;}.btn-join:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,212,255,0.5);}.current-user{background-color:rgba(0,212,255,0.1) !important;font-weight:600;}.affichage-liste tbody tr:hover{background-color:rgba(0,212,255,0.05);}.affichage-liste th{background-color:rgba(28,33,80,0.1);padding:0.8rem 1rem;text-align:left;font-weight:600;}.affichage-liste td{padding:0.6rem 1rem;border-bottom:1px solid #eee;}.pseudo-ingame{color:#00d4ff;font-weight:500;font-size:0.9rem;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;}.btn-view{display:inline-block;padding:0.4em 1em;background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff;text-decoration:none;border-radius:20px;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;}.btn-view:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(107,114,128,0.4);}.avatar-form{display:flex;flex-direction:column;gap:0.5rem;align-items:center;}.avatar-form button{padding:0.5em 1em;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.2s ease;}.avatar-form button[type="button"]{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#000;}.avatar-form button[type="button"]:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,212,255,0.5);}.avatar-form button[type="submit"]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;}.avatar-form button[type="submit"]:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(16,185,129,0.4);}#avatar-preview{max-width:150px;max-height:150px;border-radius:50%;object-fit:cover;border:3px solid #00d4ff;}.flash-success{background:rgba(16,185,129,0.2);border:1px solid #10b981;color:#10b981;padding:1rem;border-radius:10px;margin:1rem 0;text-align:center;}.flash-error{background:rgba(239,68,68,0.2);border:1px solid #ef4444;color:#ef4444;padding:1rem;border-radius:10px;margin:1rem 0;text-align:center;}.flash-info{background:rgba(59,130,246,0.2);border:1px solid #3b82f6;color:#3b82f6;padding:1rem;border-radius:10px;margin:1rem 0;text-align:center;}.active-matches-section{background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.2);border-radius:12px;padding:1.5rem;margin-top:1.5rem;}.active-matches-section h4{color:#00d4ff;margin-bottom:1rem;font-size:1.1rem;}.no-matches{color:#999;text-align:center;margin-bottom:1rem;}.btn-create-match{display:inline-block;padding:0.75rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#000;text-decoration:none;border-radius:8px;font-weight:bold;text-align:center;}.btn-create-match:hover{background:linear-gradient(135deg,#33e0ff,#00d4ff);box-shadow:0 4px 15px rgba(0,212,255,0.5);}.active-matches-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem;}.active-match-item{background:rgba(255,255,255,0.9);border-radius:10px;padding:1rem;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;flex-direction:column;gap:0.75rem;}.active-match-item.en_cours{border-left:4px solid #10b981;}.active-match-item.en_attente{border-left:4px solid #f59e0b;}.active-match-item.needs-action{background:rgba(239,68,68,0.1);border-left:4px solid #ef4444;animation:pulse-attention 2s infinite;}@keyframes pulse-attention{0%,100%{box-shadow:0 2px 10px rgba(239,68,68,0.2);}50%{box-shadow:0 2px 20px rgba(239,68,68,0.5);}}.match-info-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}.match-jeu{font-weight:bold;color:#333;}.match-mode{background:#e5e7eb;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.85rem;}.match-status{padding:0.25rem 0.75rem;border-radius:15px;font-size:0.8rem;}.badge-en_cours{background:#10b981;color:#fff;}.badge-en_attente{background:#f59e0b;color:#000;}.match-players{color:#666;font-size:0.9rem;}.match-actions-row{display:flex;gap:0.5rem;}.btn-voir-match{display:inline-block;padding:0.5rem 1rem;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#0a0a0f;text-decoration:none;border-radius:6px;font-size:0.9rem;font-weight:600;transition:all 0.2s;}.btn-voir-match:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,0.4);}.needs-action .btn-voir-match{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse-btn 1.5s infinite;}@keyframes pulse-btn{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}.ingame-names-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,0.1);}.ingame-names-section .info-perso{margin-bottom:1rem;}.ingame-form{display:flex;flex-direction:column;gap:1rem;}.ingame-field{display:flex;flex-direction:column;gap:0.3rem;}.ingame-field label{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:#333;font-size:0.95rem;}.ingame-field .game-icon{width:20px;height:20px;object-fit:contain;}.ingame-field input,.ingame-field select{padding:0.6rem 0.8rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color 0.2s,box-shadow 0.2s;}.ingame-field input:focus,.ingame-field select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,0.2);}.ingame-field small{color:#888;font-size:0.8rem;}.btn-save-ingame{align-self:flex-start;padding:0.7rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#0a0a0f;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;}.btn-save-ingame:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,0.4);}@media (max-width:768px){.ingame-form{gap:0.8rem;}.btn-save-ingame{width:100%;}}.avatar-rarity-badge{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);padding:0.2rem 0.6rem;border-radius:10px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.avatar-rarity-badge.rarity-common{background:#9e9e9e;color:#fff;}.avatar-rarity-badge.rarity-rare{background:#2196f3;color:#fff;}.avatar-rarity-badge.rarity-epic{background:#9c27b0;color:#fff;}.avatar-rarity-badge.rarity-legendary{background:linear-gradient(135deg,#ff9800,#f44336);color:#fff;}.avatar-actions{display:flex;flex-direction:column;gap:0.5rem;width:100%;}.btn-avatar-selector,.btn-avatar-shop{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.6em 1.2em;border:none;border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;text-decoration:none;white-space:nowrap;}.btn-avatar-selector{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#0a0a0f;}.btn-avatar-shop{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;}.btn-avatar-selector:hover,.btn-avatar-shop:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,0.4);}.btn-avatar-shop:hover{box-shadow:0 4px 15px rgba(156,39,176,0.4);}.avatar-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;}.avatar-modal-content{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;border:2px solid rgba(0,212,255,0.3);box-shadow:0 20px 60px rgba(0,0,0,0.5);}.avatar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:rgba(0,212,255,0.1);border-bottom:1px solid rgba(0,212,255,0.2);}.avatar-modal-header h3{margin:0;color:#00d4ff;font-size:1.3rem;}.close-modal{background:none;border:none;color:#aaa;font-size:1.8rem;cursor:pointer;padding:0;line-height:1;transition:color 0.2s;}.close-modal:hover{color:#ff4757;}.avatar-modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 80px);}.no-avatars{text-align:center;color:#888;padding:2rem;}.no-avatars a{color:#00d4ff;text-decoration:none;}.no-avatars a:hover{text-decoration:underline;}.owned-avatars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;}.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:0.8rem;background:rgba(255,255,255,0.05);border-radius:12px;cursor:pointer;transition:all 0.2s ease;border:2px solid transparent;}.avatar-option:hover{background:rgba(0,212,255,0.1);border-color:rgba(0,212,255,0.3);transform:translateY(-3px);}.avatar-option.selected{border-color:#00d4ff;background:rgba(0,212,255,0.15);box-shadow:0 0 20px rgba(0,212,255,0.3);}.avatar-option img{width:70px;height:70px;border-radius:50%;object-fit:cover;aspect-ratio:1 / 1;margin-bottom:0.5rem;}.avatar-option .rarity-indicator{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;}.rarity-indicator.rarity-common{background:#9e9e9e;}.rarity-indicator.rarity-rare{background:#2196f3;}.rarity-indicator.rarity-epic{background:#9c27b0;}.rarity-indicator.rarity-legendary{background:#ff9800;}.avatar-option .avatar-name{font-size:0.75rem;color:#ccc;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.avatar-notification{position:fixed;bottom:30px;right:30px;padding:1rem 1.5rem;border-radius:10px;font-weight:600;z-index:10000;transform:translateX(120%);transition:transform 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.3);}.avatar-notification.show{transform:translateX(0);}.avatar-notification.success{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;}.avatar-notification.error{background:linear-gradient(135deg,#ff4757,#ff3f34);color:#fff;}@media (max-width:480px){.avatar-modal-content{max-width:100%;border-radius:12px;}.owned-avatars-grid{grid-template-columns:repeat(3,1fr);}.avatar-option img{width:60px;height:60px;aspect-ratio:1 / 1;object-fit:cover;}}