.map-lol{background-image:url(../images/map-league-of-legends.jpg);background-size:cover;background-position:center;width:100%;height:45em;display:flex;align-items:center;box-shadow:0 5px 50px rgba(0,212,255,0.5);margin:3em auto;}.bandeau{margin:3em auto;}.map-lol img{display:flex;justify-content:center;margin:0 auto;width:50em;filter:drop-shadow(0 5px 20px rgba(255,255,255,0.753));}.titre-principal{text-align:center;font-size:4em;font-family:'Saira Stencil One',cursive,'maven pro',sans-serif;text-shadow:0 0 20px rgba(255,255,255,0.7);margin-bottom:0.5em;}.principale{background-color:rgba(0,0,0,0.9);padding:2em;border-radius:12px;width:80%;margin:0 auto 2em;box-shadow:0 10px 30px rgba(0,212,255,0.2);background:linear-gradient(180deg,rgba(18,18,26,0.95),rgba(30,30,46,0.9));color:#F5F7FB;border:1px solid rgba(0,212,255,0.2);}.contenue{background-color:rgba(30,30,46,0.9);padding:2em;border-radius:10px;color:#F8F8FF;box-shadow:0 5px 10px rgba(0,212,255,0.2);border:1px solid rgba(0,212,255,0.1);}.principale .principale-inner{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;}.mode,.lol-info-card{display:block;background-color:#00000020;}.principale .left{flex:1 1 60%;min-width:260px;}.principale .right{flex:0 0 320px;}.card{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.02));padding:1rem;border-radius:10px;margin-bottom:1rem;border:1px solid rgba(255,255,255,0.03);}.card h2{margin:0 0 0.6rem 0;font-size:1.05rem;color:#E8EBF2;}.mode nav ul{list-style:none;padding:0;margin:0;display:flex;gap:0.6rem;flex-wrap:wrap;}.card h2{font-family:'maven pro',sans-serif;font-weight:bold;font-size:1.2em;color:#ffffff;background-color:#00000070;padding:0.5em 1em;border-radius:10px;width:fit-content;}.mode nav button,.mode .mode-btn{background:transparent;color:#00d4ff;border:1px solid rgba(0,212,255,0.5);padding:0.6rem 0.9rem;border-radius:8px;cursor:pointer;transition:transform 0.18s ease,background-color 0.18s ease,box-shadow 0.18s ease;}.mode nav button:hover,.mode .mode-btn:hover{transform:translateY(-3px);background:#00d4ff;color:#000;}.mode .mode-btn.active{background:linear-gradient(90deg,#00d4ff,#0099cc);border-color:#00d4ff;box-shadow:0 6px 18px rgba(0,212,255,0.3);color:#000;}.btn-coming-soon{display:inline-block;background:linear-gradient(135deg,rgba(100,100,100,0.3),rgba(60,60,60,0.4));color:#888;border:1px dashed rgba(255,255,255,0.2);padding:0.6rem 1rem;border-radius:8px;font-size:0.9rem;font-style:italic;cursor:not-allowed;opacity:0.7;user-select:none;}.mise-joueur .mise-controls{display:flex;gap:0.8rem;align-items:center;}.mise-joueur select{background:rgba(0,0,0,0.28);color:#F5F7FB;border:1px solid rgba(255,255,255,0.06);padding:0.6rem 0.8rem;border-radius:8px;}.credits-link{color:#C8D2FF;text-decoration:none;font-weight:600;}.invite .invite-controls{gap:1rem;padding:1rem 0;display:flex;gap:0.6rem;align-items:center;}.invite input[type="text"]{flex:1 1 auto;padding:0.7rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.22);color:#F5F7FB;}.add-friend{margin-left:1em;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);padding:0.7rem 1.2rem;border-radius:8px;cursor:pointer;color:#00d4ff;transition:background-color 0.2s ease,border-color 0.2s ease;}.add-friend:hover{background:linear-gradient(90deg,#00d4ff,#0099cc);border-color:rgba(0,212,255,0.6);color:#000;transition:background-color 0.2s ease,border-color 0.2s ease;}.summary-list{list-style:none;padding:0;margin:0 0 1rem 0;}.summary-list li{margin-bottom:0.6rem;color:#E8EBF2}.event-match-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.8rem;background:linear-gradient(135deg,#00d4ff,#9b59b6);color:#fff;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;border-radius:20px;margin-bottom:0.8rem;box-shadow:0 4px 15px rgba(0,212,255,0.3);animation:pulse-badge 2s ease-in-out infinite;}@keyframes pulse-badge{0%,100%{box-shadow:0 4px 15px rgba(0,212,255,0.3);}50%{box-shadow:0 4px 25px rgba(0,212,255,0.5);}}.event-info-recap{background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.2);border-radius:12px;padding:1rem;margin-bottom:1rem;}.event-name-recap{color:#00d4ff;font-weight:600;font-size:0.95rem;margin-bottom:0.8rem;display:flex;align-items:center;gap:0.5rem;}.event-name-recap i{font-size:1rem;}.matchs-disponibles{display:flex;align-items:center;gap:0.8rem;}.matchs-count{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.matchs-count.low{background:linear-gradient(135deg,#ff6b6b,#ffa500);-webkit-background-clip:text;background-clip:text;}.matchs-label{color:#a0a0a0;font-size:0.85rem;}.cta-validate{display:block;width:100%;padding:0.8rem 1rem;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(90deg,#00d4ff,#0099cc);color:#000;font-weight:700;box-shadow:0 10px 30px rgba(0,212,255,0.2);}@media (max-width:820px){.principale .principale-inner{flex-direction:column}.principale .right{flex:1 1 auto}}.mode{display:block;justify-content:space-between;margin-top:2em;border-radius:20px;align-items:center;background-color:aliceblue;box-shadow:0 5px 20px rgba(0,0,0,0.87);padding:1em;}.mode p{font-size:1.5em;font-family:'maven pro',sans-serif;font-weight:bold;color:#000000;border:1px solid #000000;background-color:#008cff70;padding:0.5em 1em;border-radius:10px;}.mode nav ul{list-style-type:none;padding:0;display:flex;justify-content:space-between;align-items:center;}.mode nav button{font-size:0.7em;font-family:'maven pro',sans-serif;padding:0.5em 1em;border:none;border-radius:10px;background-color:#000000;color:white;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s ease;}.mode nav li .solo:hover{color:black;background-color:#008cff;box-shadow:0 4px 6px rgba(0,0,0,0.91);transform:translateY(-10px);transition:background-color 0.3s ease,transform 0.3s ease;}.mode nav li .duo:hover{color:black;background-color:#ff0055e8;box-shadow:0 4px 6px rgba(0,0,0,0.91);transform:translateY(-10px);transition:background-color 0.3s ease,transform 0.3s ease;}.mode nav li .tournois-flash:hover{color:black;background-color:#f85c02;box-shadow:0 4px 6px rgba(0,0,0,0.91);transform:translateY(-10px);transition:background-color 0.3s ease,transform 0.3s ease;}.mode nav li .tournois-prestige:hover{color:black;background-color:#f4f800;box-shadow:0 4px 6px rgba(0,0,0,0.91);transform:translateY(-10px);transition:background-color 0.3s ease,transform 0.3s ease;}.toggle-invite{margin-left:1em;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);padding:0.7rem 1.2rem;border-radius:8px;cursor:pointer;color:#00d4ff;transition:background-color 0.2s ease,border-color 0.2s ease;}.toggle-invite:hover{background:linear-gradient(90deg,#00d4ff,#0099cc);border-color:rgba(0,212,255,0.6);color:#000;transition:background-color 0.2s ease,border-color 0.2s ease;}.mode nav ul li{margin:0 1em;font-size:2em;font-family:'maven pro',sans-serif;}.mise-joueur{margin-top:3em;text-align:center;display:flex;justify-content:space-between;padding:1em;}.ingame-card{border:1px solid rgba(0,212,255,0.3);background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(0,153,204,0.1));}.ingame-card h2{color:#00d4ff;}.ingame-pseudo{font-size:1.5rem;font-weight:bold;color:#fff;margin:0.5rem 0;text-shadow:0 0 10px rgba(0,212,255,0.5);}.ingame-server{font-size:0.95rem;color:#aaa;margin-bottom:0.5rem;}.no-ingame{color:#f59e0b;font-style:italic;margin:0.5rem 0;}.btn-edit-ingame,.btn-add-ingame{display:inline-block;padding:0.5rem 1rem;border-radius:6px;text-decoration:none;font-size:0.9rem;margin-top:0.5rem;transition:all 0.2s;}.btn-edit-ingame{background:rgba(0,212,255,0.2);color:#00d4ff;border:1px solid rgba(0,212,255,0.3);}.btn-edit-ingame:hover{background:rgba(0,212,255,0.3);}.btn-add-ingame{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#0a0a0f;font-weight:600;}.btn-add-ingame:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,0.4);}.game-fields{display:flex;flex-direction:column;gap:1rem;}.field-group{margin-bottom:0.5rem;}.field-label{display:block;margin-bottom:0.5rem;color:#000000;font-weight:bold;}.required-mark{color:#ef4444;}.field-input{width:100%;padding:0.75rem;border-radius:8px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);color:white;font-size:1rem;transition:border-color 0.2s ease,box-shadow 0.2s ease;}.field-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px rgba(0,212,255,0.3);}.field-hint{color:#888;font-size:0.8rem;display:block;margin-top:0.3rem;}.info-description{color:#999;font-size:0.9rem;margin-bottom:1rem;}.no-match-message{text-align:center;color:#666;padding:2rem;}.match-full{color:#dc3545;font-weight:500;}.event-type-highlight{color:#00d4ff;}