:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--fond-app:#0c1f14;--fond-carte:#14331e;--fond-carte-claire:#1c4028;--fond-carte-survol:#234a2d;--bordure:#2a5535;--texte-principal:#fff;--texte-secondaire:#8fae9b;--texte-tertiaire:#6a8874;--accent-or:#f2b632;--accent-or-clair:#fdd875;--accent-or-fonce:#1f1b0a;--vert-succes:#2ecc71;--vert-succes-fond:#2ecc7126;--rouge-echec:#ff6b6b;--rouge-echec-fond:#ff6b6b26;--bleu-algo:#6ea8fe;--bleu-algo-fond:#6ea8fe26;--ombre-carte:0 4px 20px #00000059;--rayon:14px;--rayon-petit:10px;--rayon-pilule:999px}*{box-sizing:border-box}body{background:var(--fond-app);color:var(--texte-principal);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif}.carte-accueil{background:var(--fond-app);width:100%;max-width:420px;min-height:100vh;box-shadow:none;border-radius:0;margin:0 auto;padding:1.5rem 1.5rem 100px}@media (width>=768px){.carte-accueil{background:var(--fond-carte);max-width:460px;box-shadow:var(--ombre-carte);border-radius:24px;min-height:calc(100vh - 4rem);margin:2rem auto}}.entete{justify-content:space-between;align-items:center;margin-bottom:1.4rem;display:flex}.titre{letter-spacing:-.3px;color:var(--texte-principal);margin:0;font-size:20px;font-weight:700}.navigation-date{background:var(--fond-carte-claire);border:1px solid var(--bordure);border-radius:var(--rayon-petit);justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 12px;display:flex}.navigation-date button{color:var(--texte-secondaire);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 10px;font-size:18px;transition:background .15s,color .15s}.navigation-date button:hover{background:var(--fond-carte-survol);color:var(--accent-or-clair)}.date-affichee{color:var(--texte-principal);font-size:13px;font-weight:600}.filtres-championnat{scrollbar-width:none;gap:8px;margin-bottom:1.2rem;padding-bottom:4px;display:flex;overflow-x:auto}.filtres-championnat::-webkit-scrollbar{display:none}.filtre{background:var(--fond-carte-claire);border:1px solid var(--bordure);color:var(--texte-secondaire);border-radius:var(--rayon-pilule);white-space:nowrap;cursor:pointer;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s}.filtre:hover{border-color:var(--accent-or);color:var(--accent-or-clair)}.filtre.actif{background:var(--accent-or);border-color:var(--accent-or);color:var(--accent-or-fonce)}.carte-match{background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);cursor:pointer;margin-bottom:12px;padding:16px;transition:border-color .15s,transform .1s}.carte-match:hover{border-color:var(--accent-or);transform:translateY(-1px)}.ligne-entete-match{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.info-match{color:var(--texte-secondaire);font-size:12px;font-weight:500}.badge{border-radius:var(--rayon-pilule);letter-spacing:.2px;padding:3px 10px;font-size:11px;font-weight:700}.badge.expert{background:var(--vert-succes-fond);color:var(--vert-succes)}.badge.algo{background:var(--bleu-algo-fond);color:var(--bleu-algo)}.nom-match{color:var(--texte-principal);margin:0 0 10px;font-size:15px;font-weight:700}.ligne-pronostic{justify-content:space-between;align-items:center;gap:10px;display:flex}.texte-pronostic{color:var(--accent-or-clair);overflow-wrap:break-word;background:#f2b6321a;border-radius:8px;flex:auto;min-width:0;padding:4px 10px;font-size:13px;font-weight:600}.cote-match{color:var(--accent-or-clair);background:var(--fond-carte-claire);border:1px solid var(--bordure);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:4px 12px;font-size:14px;font-weight:700}.badge-verrouille{color:var(--texte-secondaire);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.message-info{color:var(--texte-secondaire);text-align:center;padding:30px 0;font-size:13px}.entete-detail{color:var(--texte-secondaire);align-items:center;gap:10px;margin-bottom:1.4rem;display:flex}.entete-detail span:first-child{color:var(--texte-principal);font-size:22px}.titre-detail{color:var(--texte-principal);margin:0;font-size:16px;font-weight:700}.bloc-match{background:var(--fond-carte-claire);border:1px solid var(--bordure);border-radius:var(--rayon);text-align:center;margin-bottom:16px;padding:22px}.nom-match-detail{color:var(--texte-principal);margin:8px 0 0;font-size:19px;font-weight:700}.grille-pronostic{margin-bottom:16px}.case-info{background:var(--fond-carte-claire);border:1px solid var(--bordure);border-radius:var(--rayon-petit);text-align:center;padding:16px}.label-case{color:var(--texte-secondaire);text-transform:uppercase;letter-spacing:.4px;margin:0 0 6px;font-size:12px;font-weight:600}.valeur-case{color:var(--accent-or-clair);margin:0;font-size:17px;font-weight:700}.bloc-analyse{border-top:1px solid var(--bordure);padding-top:16px}.texte-analyse{color:var(--texte-secondaire);margin:0;font-size:13.5px;line-height:1.75}.formulaire-auth{flex-direction:column;gap:12px;margin-top:1.2rem;display:flex}.formulaire-auth input,.formulaire-auth select,.formulaire-auth textarea,.carte-admin select,.carte-admin input{background:var(--fond-carte-claire);border:1px solid var(--bordure);color:var(--texte-principal);border-radius:var(--rayon-petit);outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s}.formulaire-auth input:focus,.formulaire-auth select:focus,.formulaire-auth textarea:focus{border-color:var(--accent-or)}.formulaire-auth input::placeholder,.formulaire-auth textarea::placeholder{color:var(--texte-tertiaire)}.formulaire-auth button{background:var(--accent-or);color:var(--accent-or-fonce);border-radius:var(--rayon-petit);cursor:pointer;border:none;padding:13px;font-size:14px;font-weight:700;transition:background .15s,transform .1s}.formulaire-auth button:hover:not(:disabled){background:var(--accent-or-clair)}.formulaire-auth button:active:not(:disabled){transform:scale(.98)}.formulaire-auth button:disabled{background:var(--fond-carte-survol);color:var(--texte-tertiaire);cursor:not-allowed}.erreur-auth{color:var(--rouge-echec);margin:0;font-size:12px}.lien-auth{text-align:center;color:var(--accent-or-clair);cursor:pointer;margin-top:16px;font-size:13px;font-weight:500}.formulaire-auth~.titre,.carte-accueil>.titre:first-child{text-align:center;margin-bottom:.4rem}.icone-profil{color:var(--texte-secondaire);cursor:pointer;transition:color .15s}.icone-profil:hover{color:var(--accent-or)}.entete-profil{align-items:center;gap:14px;margin-bottom:20px;display:flex}.avatar{background:var(--accent-or);width:48px;height:48px;color:var(--accent-or-fonce);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.nom-profil{color:var(--texte-principal);margin:0;font-size:16px;font-weight:700}.statut-profil{color:var(--accent-or-clair);margin:2px 0 0;font-size:12px;font-weight:600}.bandeau-vip{background:linear-gradient(135deg, var(--fond-carte-claire), var(--fond-carte-survol));border:1px solid var(--accent-or);border-radius:var(--rayon);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.titre-vip{color:var(--accent-or-clair);margin:0 0 2px;font-size:13px;font-weight:700}.sous-titre-vip{color:var(--texte-secondaire);margin:0;font-size:12px}.menu-profil{border-top:1px solid var(--bordure)}.ligne-menu{border-bottom:1px solid var(--bordure);cursor:pointer;color:var(--texte-principal);padding:14px 0;font-size:14px;font-weight:500;transition:color .15s}.ligne-menu:hover{color:var(--accent-or-clair)}.ligne-menu.danger{color:var(--rouge-echec);border-bottom:none}.texte-centre{text-align:center}.titre-vip-grand{color:var(--texte-principal);margin:14px 0 6px;font-size:17px;font-weight:700}.sous-titre-vip-grand{color:var(--texte-secondaire);margin:0 0 20px;font-size:13px;line-height:1.5}.offre{background:var(--fond-carte-claire);border:1px solid var(--bordure);border-radius:var(--rayon);text-align:left;cursor:pointer;margin-bottom:12px;padding:16px;transition:border-color .15s}.offre:hover{border-color:var(--accent-or)}.offre-populaire{margin-bottom:16px;position:relative}.offre-selectionnee{background:var(--fond-carte-survol);border:2px solid var(--accent-or)!important}.badge-populaire{background:var(--accent-or);color:var(--accent-or-fonce);border-radius:var(--rayon-pilule);padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:14px}.nom-offre{color:var(--texte-principal);margin:0 0 4px;font-size:15px;font-weight:700}.detail-offre{color:var(--texte-secondaire);margin:0;font-size:12px}.bouton-vip{background:var(--accent-or);width:100%;color:var(--accent-or-fonce);border-radius:var(--rayon-petit);cursor:pointer;border:none;height:46px;margin-top:6px;font-size:14px;font-weight:700}.bouton-vip:hover{background:var(--accent-or-clair)}.grille-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.case-stat{background:var(--fond-carte-claire);border:1px solid var(--bordure);border-radius:var(--rayon-petit);text-align:center;padding:14px 8px}.valeur-stat{color:var(--accent-or-clair);margin:0;font-size:18px;font-weight:700}.ligne-historique{border-top:1px solid var(--bordure);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.nom-match-historique{color:var(--texte-principal);margin:0 0 3px;font-size:13px;font-weight:700}.badge-resultat{border-radius:var(--rayon-pilule);padding:4px 12px;font-size:11px;font-weight:700}.badge-resultat.gagne{background:var(--vert-succes-fond);color:var(--vert-succes)}.badge-resultat.perdu{background:var(--rouge-echec-fond);color:var(--rouge-echec)}.carte-admin{max-width:460px}.label-case{margin-top:6px;display:block}.message-admin{color:var(--accent-or-clair);background:var(--fond-carte-claire);border-radius:8px;margin:10px 0;padding:10px 12px;font-size:12px}.ligne-admin-match{border-top:1px solid var(--bordure);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.actions-admin-match{flex-wrap:wrap;gap:6px;display:flex}.bouton-mini{background:var(--fond-carte-claire);border:1px solid var(--bordure);color:var(--texte-principal);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:600;transition:border-color .15s}.bouton-mini:hover{border-color:var(--accent-or);color:var(--accent-or-clair)}.bloc-edition-pronostic{border-top:1px solid var(--bordure);margin-top:24px;padding-top:18px}.bloc-edition-pronostic textarea{resize:vertical;min-height:90px}.ligne-checkbox{color:var(--texte-secondaire);align-items:center;gap:8px;font-size:13px;display:flex}.barre-navigation{background:var(--fond-carte);border-top:1px solid var(--bordure);z-index:50;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.barre-navigation-contenu{width:100%;max-width:420px;padding:10px 0 calc(10px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex}@media (width>=768px){.barre-navigation-contenu{max-width:460px}}.item-navigation{color:var(--texte-secondaire);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;transition:color .15s;display:flex}.item-navigation.actif{color:var(--accent-or)}@media (width<=480px){.carte-accueil{border-radius:0;max-width:100%;margin:0}}.landing-page{justify-content:center;align-items:center;display:flex}.landing-contenu{text-align:center;padding:20px 0}.landing-logo{justify-content:center;margin-bottom:16px;display:flex}.landing-titre{color:var(--texte-principal);letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:800}.landing-sous-titre{color:var(--texte-secondaire);margin:0 0 32px;font-size:14px;line-height:1.5}.landing-atouts{text-align:left;flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.landing-atout{background:var(--fond-carte-claire);border:1px solid var(--bordure);border-radius:var(--rayon-petit);color:var(--texte-principal);align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.landing-boutons{flex-direction:column;gap:10px;display:flex}.bouton-secondaire{width:100%;color:var(--accent-or-clair);border:1px solid var(--accent-or);border-radius:var(--rayon-petit);cursor:pointer;background:0 0;height:46px;font-size:14px;font-weight:700}.bouton-secondaire:hover{background:var(--fond-carte-claire)}