@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@600;700&display=swap";
:root{--bg:#0e1116;--card:#171c24;--line:#262d38;--text:#e8ecf2;--muted:#9aa4b2;--accent:#ff6b2c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Barlow,sans-serif}a{color:inherit;text-decoration:none}.display{text-transform:uppercase;letter-spacing:.05em;font-family:Barlow Condensed,sans-serif;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}.muted{color:var(--muted)}.accent{color:var(--accent)}.btn{border:1px solid var(--accent);background:var(--accent);color:#0e1116;cursor:pointer;border-radius:8px;padding:12px 24px;font:600 16px Barlow,sans-serif}.btn-ghost{color:var(--text);background:0 0;border-color:#3a4352}.btn-discord{color:#fff;background:#5865f2;border-color:#5865f2}.header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:40px;padding:0 40px;display:flex}.nav{flex:1;gap:28px;display:flex}.nav a{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 4px;font:700 18px Barlow Condensed,sans-serif}.nav a:hover{color:var(--text)}.main{max-width:1200px;margin:0 auto;padding:40px 32px}.slot{background:#1f2630;border-radius:8px;justify-content:space-between;gap:8px;padding:12px;display:flex}.empty{color:var(--muted);background:0 0;border:1px dashed #3a4352}.row{border-top:1px solid var(--line);grid-template-columns:64px 1fr 100px 120px 100px;align-items:center;gap:12px;padding:14px 16px;display:grid}.head{color:var(--muted);text-transform:uppercase;border-top:0;font-size:14px}.win{color:#4ade80}.loss{color:#f87171}.groupe{position:relative}.groupe>summary,.groupe>a{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 4px;font:700 18px Barlow Condensed,sans-serif;list-style:none;display:block}.groupe>summary::-webkit-details-marker{display:none}.groupe>summary:hover,.groupe[open]>summary{color:var(--text)}.sous{z-index:10;background:var(--card);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;top:100%;left:0}.nav .sous a{border-radius:6px;padding:10px 12px;font-size:16px}.nav .sous a:hover{background:#1f2630}.miniature{aspect-ratio:16/9;border:1px solid var(--line);background:linear-gradient(135deg,#1f2630,#2a1a12);border-radius:8px;position:relative;overflow:hidden}.miniature img{object-fit:cover;width:100%;height:100%;display:block}.miniature .nom-map{text-transform:uppercase;letter-spacing:.08em;color:var(--text);text-shadow:0 2px 8px #000;justify-content:center;align-items:center;font:700 28px Barlow Condensed,sans-serif;display:flex;position:absolute;inset:0}.texte h2{margin:32px 0 8px}.texte li{margin:6px 0;line-height:1.5}@media (max-width:700px){.header{gap:12px;padding:0 16px}.main{padding:24px 16px}.nav{flex-wrap:wrap;gap:12px}.row{grid-template-columns:40px 1fr 70px 80px;font-size:14px}.row>:nth-child(5){display:none}}.champ{color:var(--text);background:#0e1116;border:1px solid #3a4352;border-radius:8px;min-width:0;padding:10px 12px;font:500 15px Barlow,sans-serif}.champ:focus{outline:2px solid var(--accent);outline-offset:-1px}.champ-label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.btn.petit{padding:6px 12px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.onglets{gap:8px;margin-bottom:12px;display:flex}.onglet{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font:700 16px Barlow Condensed,sans-serif}.onglet.actif{color:var(--text);border-color:var(--accent)}.ligne-lien:hover,.carte-lien:hover{background:#1f2630}.carte-lien{display:block}.bracket{gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.colonne-tour{flex-direction:column;flex:1;min-width:230px;display:flex}.matchs-tour{flex-direction:column;flex:1;justify-content:space-around;gap:12px;display:flex}.case-match{border:1px solid var(--line);background:#1f2630;border-radius:8px;padding:10px 12px;font-size:14px;display:block}.case-match.actif{border-color:var(--accent)}a.case-match:hover{border-color:var(--text)}.slot.coche{outline:1px solid var(--accent)}.badge{letter-spacing:.06em;border:1px solid var(--muted);color:var(--muted);vertical-align:middle;border-radius:4px;padding:2px 6px;font:700 11px Barlow,sans-serif;display:inline-block}.pastille{background:var(--accent);color:#0e1116;letter-spacing:0;vertical-align:middle;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font:700 12px Barlow,sans-serif;display:inline-flex}.infobulle{pointer-events:none;background:var(--bg);border:1px solid var(--line);border-radius:8px;width:140px;padding:8px 10px;font-size:13px;position:absolute;box-shadow:0 4px 16px #0008}.tableau{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.tableau th,.tableau td{text-align:left;border-top:1px solid var(--line);padding:6px 8px}.tableau th{color:var(--muted);font-weight:500}.tchat{border:1px solid var(--line);overflow-wrap:anywhere;background:#0e1116;border-radius:8px;flex-direction:column;gap:6px;max-height:320px;padding:12px;font-size:15px;display:flex;overflow-y:auto}.row-equipes{grid-template-columns:80px 1fr 90px 1.2fr}.ligne-palmares{border-top:1px solid var(--line);grid-template-columns:28px 1fr auto 70px;align-items:center;gap:8px;padding:6px 0;display:grid}@media (max-width:700px){.row-equipes{grid-template-columns:56px 1fr 56px}.row-equipes>:nth-child(4){display:none}}.entete-droite{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.langues{border:1px solid #3a4352;border-radius:8px;display:inline-flex;overflow:hidden}.langue{letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 10px;font:700 14px Barlow Condensed,sans-serif}.langue+.langue{border-left:1px solid #3a4352}.langue.actif{background:var(--accent);color:#0e1116}.tuiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.tuile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.forme{flex-wrap:wrap;gap:6px;display:flex}.pastille-forme{color:#0e1116;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font:700 15px Barlow Condensed,sans-serif;display:inline-flex}.pastille-forme.gagne{background:#4ade80}.pastille-forme.perdu{background:#f87171}.barres{flex-direction:column;gap:4px;display:flex}.barre-ligne{border-radius:6px;grid-template-columns:minmax(90px,150px) 1fr minmax(120px,auto);align-items:center;gap:12px;padding:4px 6px;font-size:14px;display:grid}.barre-ligne.survol{background:#1f2630}.barre-nom{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barre-piste{background:var(--line);border-radius:4px;height:10px;overflow:hidden}.barre-remplie{background:var(--accent);border-radius:0 4px 4px 0;height:100%;display:block}.barre-valeur{white-space:nowrap}@media (max-width:700px){.barre-ligne{grid-template-columns:90px 1fr;row-gap:2px}.barre-valeur{grid-column:1/-1;font-size:13px}}.choix-date{display:inline-block;position:relative}.choix-date-bouton{cursor:pointer;text-align:left;min-width:240px}.calendrier{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:10px;width:min(320px,100vw - 32px);padding:12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000073}.calendrier-tete{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.calendrier-grille{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendrier-nom{text-transform:uppercase;padding:4px 0;font-size:12px}.calendrier-jour{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 0;font:600 14px Barlow,sans-serif}.calendrier-jour:hover:not(:disabled){background:#1f2630}.calendrier-jour.aujourdhui{border-color:#3a4352}.calendrier-jour.choisi{background:var(--accent);color:#0e1116}.calendrier-jour:disabled{color:#4a5260;cursor:not-allowed}.avatar{object-fit:cover;vertical-align:middle;background:#1f2630;display:inline-block}.avatar-vide{color:var(--muted);border:1px solid var(--line);justify-content:center;align-items:center;font-family:Barlow Condensed,sans-serif;font-weight:700;display:inline-flex}.avec-avatar{align-items:center;gap:8px;min-width:0;display:inline-flex}.accueil{flex-direction:column;display:flex}.bandeau-match{border-color:var(--accent);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.hero{padding:32px 0 8px}.hero-titre{margin:12px 0 16px;font-size:clamp(40px,7vw,76px);line-height:1}.hero-texte{max-width:640px;color:var(--muted);margin:0 0 24px;font-size:19px;line-height:1.5}.direct{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:32px 0 8px;display:grid}.tuile-lien:hover{border-color:#3a4352}.point-direct{vertical-align:middle;background:#4ade80;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block;box-shadow:0 0 0 3px #4ade8033}.titre-section{margin:48px 0 16px;font-size:30px}.grille-cartes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.carte-mode{border-top:3px solid var(--accent);flex-direction:column;display:flex}.grille-engagements{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}@media (min-width:701px) and (max-width:1100px){.grille-engagements{grid-template-columns:repeat(3,1fr)}}.engagement{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:14px;padding:16px;display:flex}.engagement-num{font-size:26px;line-height:1}.etapes{counter-reset:etape;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.etapes li{counter-increment:etape;background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:16px 16px 16px 60px;display:flex;position:relative}.etapes li:before{content:counter(etape);background:var(--accent);color:#0e1116;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font:700 18px Barlow Condensed,sans-serif;display:flex;position:absolute;top:14px;left:16px}.top-liste{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.top-liste li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:4px 0;display:flex}.top-liste li:first-child{border-top:0}.appel{border-color:var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;display:flex}@media (max-width:700px){.sous{min-width:0;position:fixed;top:auto;left:16px;right:16px}}.alerte-match{z-index:50;background:var(--accent);color:#0e1116;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;font-size:17px;animation:1s ease-in-out infinite alternate alerte;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}@keyframes alerte{0%{box-shadow:0 0 #ff6b2c99}to{box-shadow:0 0 0 12px #ff6b2c00}}@media (prefers-reduced-motion:reduce){.alerte-match{animation:none}}.fin-match{border-width:2px;margin-bottom:24px}.fin-match-haut{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.contester{border:1px solid var(--line);background:#0e1116;border-left:3px solid #f87171;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.logo-promode{letter-spacing:.02em;color:var(--text);align-items:center;gap:.12em;padding:16px 0;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.logo-promode .ak{width:1.5em;height:auto;fill:var(--accent);transform-origin:40%;animation:4s ease-in-out infinite ak-dresse;overflow:visible}@keyframes ak-dresse{0%,35%{transform:rotate(0)}45%{transform:rotate(-95deg)}50%,70%{transform:rotate(-90deg)}82%{transform:rotate(6deg)}88%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.logo-promode .ak{animation:none}}.popup-voile{z-index:40;background:#0e1116bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.popup{text-align:center;border-color:var(--accent);width:min(440px,100%);max-height:calc(100vh - 32px);position:relative;overflow:auto;box-shadow:0 12px 32px #00000080}.popup-fermer{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:24px;line-height:1;position:absolute;top:8px;right:8px}.popup-fermer:hover{color:var(--text)}