:root{--fond:#eef1f8;--fond-carte:#fff;--bordure:#e3e7f1;--texte:#1e2233;--texte-doux:#6b7280;--accent:#2f6bff;--accent-doux:#eaf0ff;--ombre:0 6px 18px #1f295914;--ombre-survol:0 12px 28px #1f295929;--rayon:16px}:root[data-theme=dark]{--fond:#12151f;--fond-carte:#1b1f2e;--bordure:#2a3042;--texte:#e8ebf5;--texte-doux:#9aa3b8;--accent:#6a97ff;--accent-doux:#232a40;--ombre:0 6px 18px #00000059;--ombre-survol:0 12px 28px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fond);color:var(--texte);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.menu-principal{max-width:1100px;margin:0 auto;padding:32px 28px 48px}.menu-entete{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.menu-titre{letter-spacing:-.5px;flex:auto;margin:0;font-size:44px;font-weight:800}.carte-utilisateur{background:var(--fond-carte);border:1px solid var(--bordure);box-shadow:var(--ombre);border-radius:14px;align-items:center;gap:12px;min-width:300px;padding:12px 20px;display:flex}.carte-utilisateur .avatar{background:var(--accent-doux);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.carte-utilisateur .nom{color:var(--accent);font-size:20px;font-weight:700}.bouton-icone{background:var(--fond-carte);border:1px solid var(--bordure);width:56px;height:56px;color:var(--accent);box-shadow:var(--ombre);cursor:pointer;border-radius:12px;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.bouton-icone:hover{box-shadow:var(--ombre-survol);transform:translateY(-1px)}.menu-espace{justify-content:center;align-items:center;gap:12px;margin:22px 0 30px;display:flex}.grille-tuiles{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.grille-tuiles .tuile{grid-column:var(--col);grid-row:var(--row)}.tuile{aspect-ratio:1/.92;background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;position:relative}.tuile:hover{box-shadow:var(--ombre-survol);border-color:var(--accent);transform:translateY(-4px)}.tuile .icone{place-items:center;display:grid}.tuile .libelle{color:var(--texte);font-size:17px;font-weight:700;line-height:1.15}.tuile .pastille-new{letter-spacing:.5px;color:#fff;background:#e5484d;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.bouton-palettes{background:var(--fond-carte);border:1px solid var(--bordure);box-shadow:var(--ombre);cursor:pointer;color:var(--texte-doux);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:24px;left:24px}.bouton-palettes:hover{box-shadow:var(--ombre-survol)}.roue-couleurs{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444);border-radius:50%;width:34px;height:34px}@media (width<=920px){.grille-tuiles{grid-template-columns:repeat(3,1fr)}.menu-titre{font-size:34px}.grille-tuiles .tuile{grid-area:auto}}@media (width<=560px){.grille-tuiles{grid-template-columns:repeat(2,1fr)}.carte-utilisateur{flex:100%;min-width:0}}.connexion-fond{background:var(--fond);place-items:center;min-height:100vh;padding:24px;display:grid}.connexion-carte{width:min(880px,100%);min-height:460px;box-shadow:var(--ombre-survol);border:1px solid var(--bordure);border-radius:20px;display:flex;overflow:hidden}.connexion-marque{color:#fff;text-align:center;background:linear-gradient(160deg,#3b49e6,#2f3ad0);flex-direction:column;flex:0 0 42%;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:relative}.connexion-logo{border:2px solid #ffffff80;border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.connexion-titre{font-size:30px;font-style:italic;font-weight:800}.connexion-sous-titre{opacity:.95;font-size:17px;font-style:italic;line-height:1.4}.connexion-version{opacity:.7;font-size:12px;position:absolute;bottom:12px;left:16px}.connexion-form{background:var(--fond-carte);flex-direction:column;flex:auto;gap:18px;padding:32px 34px;display:flex}.connexion-bienvenue{color:var(--texte-doux);font-size:18px}.connexion-modes{border:1px solid var(--bordure);background:var(--fond);border-radius:12px;display:flex;overflow:hidden}.connexion-modes label{align-items:left;color:var(--texte-doux);cursor:pointer;flex:1;justify-content:left;gap:11px;padding:12px;font-size:20px;font-weight:700;display:flex}.connexion-modes label.actif{color:var(--accent);background:var(--accent-doux)}.connexion-modes input{accent-color:var(--accent)}.connexion-champ{flex-direction:column;gap:6px;display:flex}.connexion-champ span{color:var(--texte-doux);font-size:15px}.connexion-champ select,.connexion-champ input{border:1px solid var(--bordure);background:var(--fond);color:var(--texte);border-radius:10px;padding:11px 14px;font-size:16px}.connexion-champ select:focus,.connexion-champ input:focus{outline:2px solid var(--accent);outline-offset:1px}.connexion-erreur{color:#e5484d;font-size:14px;font-weight:600}.connexion-valider{background:var(--accent);color:#fff;cursor:pointer;width:64px;height:52px;box-shadow:var(--ombre);border:none;border-radius:12px;align-self:center;margin-top:6px;font-size:22px}.connexion-valider:disabled{opacity:.6;cursor:default}@media (width<=620px){.connexion-carte{flex-direction:column;min-height:0}.connexion-marque{flex-basis:auto;padding:24px}.connexion-version{margin-top:8px;position:static}}.club-page{max-width:1320px}.club-corps{grid-template-columns:1fr auto 1fr;align-items:start;gap:30px;margin-top:24px;display:grid}.club-tuiles{grid-template-columns:repeat(3,140px);justify-content:center;gap:18px;display:grid}.club-tuiles .tuile{grid-column:var(--col);grid-row:var(--row);aspect-ratio:auto;gap:10px;width:140px;height:140px;padding:12px 8px}.club-tuiles .tuile .libelle{font-size:16px;line-height:1.15}.club-calendrier,.club-carte{background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);padding:16px 18px}.club-panneau-titre{text-align:center;border-bottom:1px solid var(--bordure);margin-bottom:12px;padding:8px 0 12px;font-weight:700}.club-cal-champ{margin-bottom:18px}.club-cal-nom{color:var(--accent);text-align:center;margin-bottom:8px;font-weight:700}.club-cal-etat{color:var(--texte-doux);text-align:center;font-size:14px}.club-cal-liste{margin:0;padding:0;list-style:none}.club-cal-liste li{border-bottom:1px dashed var(--bordure);padding:4px 0;font-size:13px}.club-cartes{flex-direction:column;gap:20px;display:flex}.club-carte-titre{color:var(--accent);text-align:center;margin-bottom:12px;font-weight:700}.club-carte-equipe{justify-content:space-between;align-items:baseline;padding:2px 0;font-size:18px;font-weight:700;display:flex}.club-equipe-rang{color:var(--texte)}.club-carte-sous{color:#e5484d;text-align:center;margin:16px 0 10px;font-weight:800;text-decoration:underline}.club-carte-resultat{color:var(--texte);justify-content:space-between;gap:12px;padding:2px 0;font-weight:700;display:flex}.club-score{color:var(--texte);white-space:nowrap}@media (width<=1000px){.club-corps{grid-template-columns:1fr}.club-tuiles{grid-template-columns:repeat(3,1fr)}.club-tuiles .tuile{grid-area:auto}}.classement-entete{align-items:center;gap:16px;margin-bottom:8px;display:flex}.classement-selecteurs{flex-wrap:wrap;align-items:end;gap:16px;margin:12px 0 20px;display:flex}.classement-selecteurs label{flex-direction:column;gap:4px;display:flex}.classement-selecteurs label.large{flex:320px}.classement-selecteurs span{color:var(--texte-doux);font-size:13px;font-weight:600}.classement-selecteurs select{border:1px solid var(--bordure);background:var(--fond-carte);color:var(--texte);border-radius:10px;padding:9px 12px;font-size:15px}.classement-tableau-cadre{border-radius:var(--rayon);box-shadow:var(--ombre);border:1px solid var(--bordure);overflow-x:auto}.classement-tableau{border-collapse:collapse;background:var(--fond-carte);white-space:nowrap;width:100%;font-size:15px}.classement-tableau thead th{background:var(--accent);color:#fff;text-align:center;padding:12px 10px;font-weight:700}.classement-tableau tbody td{text-align:center;border-top:1px solid var(--bordure);color:var(--texte);padding:9px 10px}.classement-tableau .col-rang{width:44px;font-weight:700}.classement-tableau .col-equipe{text-align:left;color:var(--accent);font-weight:700}.classement-tableau .col-total{font-weight:800}.classement-tableau thead .col-bonus{background:#5b7cc4}.classement-tableau thead .col-penalite{background:#d9534f}.classement-tableau tbody .col-orange{color:#1e2233;background:#fff3e0}.classement-tableau tbody .col-jaune{color:#1e2233;background:#fffde7}.classement-tableau tbody .col-total{color:#14532d;background:#e8f5e9}