:root{--fond:#0a0714;--fond-barre:#0e0a1b;--surface:#130e22;--surface-2:#1b1430;--bordure:#2a2142;--magenta:#ff2bd6;--magenta-clair:#ff7be5;--cyan:#22d3ff;--cyan-clair:#5fe1ff;--violet:#7b3cff;--ambre:#ffd166;--texte:#fff;--texte-2:#a9a3c2;--texte-3:#c9c4dd;--fond-cyan:#0e2a33;--fond-ambre:#2b2338;--fond-magenta:#2b1230;--sur-cyan:#06121a;--sur-magenta:#14041a;--police-titre:"Chakra Petch", system-ui, sans-serif;--police-texte:Inter, system-ui, sans-serif;--degrade:linear-gradient(120deg, var(--magenta), var(--violet) 50%, var(--cyan))}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fond);color:var(--texte);font-family:var(--police-texte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.titre{font-family:var(--police-titre);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.app{flex-direction:column;max-width:520px;min-height:100%;margin:0 auto;display:flex}.page{padding:16px 20px calc(96px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;display:flex}.barre-onglets{background:var(--fond-barre);border-top:1px solid var(--bordure);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.barre-onglets__liste{width:100%;max-width:520px;height:68px;display:flex}.barre-onglets a{color:var(--texte-2);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.barre-onglets a[aria-current=page]{color:var(--cyan);font-weight:600}.vide{color:var(--texte-2);text-align:center;padding:48px 0}.champ{flex-direction:column;gap:8px;display:flex}.champ label,.champ>span{color:var(--texte-3);font-size:13px;font-weight:600}.champ input,.champ textarea,.champ select{border:1px solid var(--bordure);background:var(--surface);border-radius:12px;width:100%;min-height:48px;padding:0 14px;font-size:16px}.champ textarea{resize:none;padding:12px 14px;line-height:1.5}.champ small{color:var(--texte-2);font-size:12px}.alerte{background:var(--fond-magenta);color:#ffd0f5;border:1px solid #6b2a62;border-radius:10px;padding:10px 12px;font-size:14px}.bouton{min-height:48px;font-family:var(--police-titre);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.bouton:disabled{opacity:.55;cursor:default}.bouton--cyan{background:var(--cyan);color:var(--sur-cyan)}.bouton--magenta{background:var(--magenta);color:var(--sur-magenta);box-shadow:0 0 24px #ff2bd673}.bouton--contour{color:var(--texte);border:1.5px solid var(--magenta);background:0 0}.bouton--discret{background:var(--surface);color:var(--texte);border:1px solid var(--bordure);font-family:var(--police-texte);text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}.ecran-auth{flex-direction:column;flex:1;align-items:center;gap:8px;padding:32px 24px;display:flex}.ecran-auth h1{margin:12px 0 8px;font-size:22px}.ecran-auth form{flex-direction:column;gap:16px;width:100%;display:flex}.ecran-auth__pied{color:var(--texte-2);margin-top:16px;font-size:14px}.chargement{color:var(--texte-2);flex:1;justify-content:center;align-items:center;display:flex}.pile{flex-direction:column;gap:12px;display:flex}.pile--serree{gap:3px}.ligne{align-items:center;gap:10px;display:flex}.ligne--serree{gap:4px}.ligne--espacee{justify-content:space-between}.ligne--base{align-items:baseline}.grandit{flex:1 1 0;min-width:0}.discret{color:var(--texte-2);font-size:13px}.texte-2{color:var(--texte-3);font-size:14px}.fort{font-weight:600}.titre--page{font-size:24px}.titre-carte{font-family:var(--police-titre);font-size:22px;font-weight:700}.surtitre{letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.surtitre--magenta{color:var(--magenta-clair)}.surtitre--cyan{color:var(--cyan-clair)}.surtitre--ambre{color:var(--ambre)}.entete{justify-content:space-between;align-items:center;margin:-4px 0 0 -6px;display:flex}.lien-centre{align-self:center;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:16px;padding:14px 16px}.carte--lien{color:var(--texte);align-items:center;gap:14px;min-height:44px;text-decoration:none;display:flex}.carte-vedette{background:var(--degrade);border-radius:18px;padding:1.5px}.carte-vedette__fond{background:var(--surface);border-radius:16.5px;flex-direction:column;gap:14px;padding:16px;display:flex}.date-bloc{flex-direction:column;align-items:center;width:48px;display:flex}.date-bloc span{text-transform:uppercase;color:var(--texte-2);font-size:12px}.date-bloc strong{font-family:var(--police-titre);font-size:24px}.compteurs{gap:8px;display:flex}.compteur{border-radius:10px;flex-direction:column;flex:1 1 0;gap:2px;padding:8px 10px;display:flex}.compteur strong{font-family:var(--police-titre);font-size:20px}.compteur span{color:var(--texte-3);font-size:12px}.compteur--presents{background:var(--fond-cyan)}.compteur--presents strong{color:var(--cyan-clair)}.compteur--attente{background:var(--fond-ambre)}.compteur--attente strong{color:var(--ambre)}.compteur--absents{background:var(--fond-magenta)}.compteur--absents strong{color:var(--magenta-clair)}.effectif{color:var(--ambre);font-size:13px;font-weight:600}.effectif--complet{color:var(--cyan-clair)}.pastille{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.pastille--present{color:var(--cyan-clair);background:var(--fond-cyan);border:1px solid #1b5e73}.pastille--absent{color:var(--magenta-clair);background:var(--fond-magenta);border:1px solid #6b2a62}.pastille--attente{color:var(--ambre);background:var(--fond-ambre);border:1px solid #6b5a2a}.bouton-flottant{right:max(20px,50vw - 240px);bottom:calc(88px + env(safe-area-inset-bottom));background:var(--magenta);width:58px;height:58px;color:var(--sur-magenta);border-radius:18px;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 0 24px #ff2bd68c}.vide.pile{align-items:center}.page--sans-onglets{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.titre-carte--grand{font-size:26px}.filet{background:linear-gradient(90deg, var(--magenta), var(--violet) 50%, var(--cyan));border-radius:2px;height:2px;margin:8px 0 4px}.note{color:var(--texte-3);border-left:2px solid var(--bordure);white-space:pre-line;margin-top:4px;padding-left:10px;font-size:14px}.pile--liste{gap:6px}.liste{margin:0;padding:0;list-style:none}.ligne-membre{align-items:center;gap:12px;min-height:46px;display:flex}.avatar{width:36px;height:36px;font-family:var(--police-titre);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.avatar--present{border:1.5px solid var(--cyan);background:var(--fond-cyan)}.avatar--attente{border:1.5px dashed var(--ambre);background:var(--fond-ambre)}.avatar--absent{background:var(--fond-magenta);color:var(--texte-3);border:1.5px solid #6b2a62}.avatar--neutre{border:1.5px solid var(--bordure);background:var(--surface-2)}.bouton-icone{border:1px solid var(--bordure);background:var(--surface);width:44px;height:44px;color:var(--texte);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.bouton--ambre{background:var(--fond-ambre);min-height:44px;color:var(--ambre);font-family:var(--police-texte);text-transform:none;letter-spacing:0;border:1px solid #6b5a2a;padding:0 14px;font-size:13px;font-weight:600}.bouton--danger{color:var(--magenta-clair)}.bouton[aria-pressed=true]{box-shadow:0 0 0 3px #ffffff47}.pied-fixe{margin:auto -20px calc(-24px - env(safe-area-inset-bottom));border-top:1px solid var(--bordure);background:var(--fond-barre);position:sticky;bottom:0}.pied-fixe__contenu{padding:12px 20px calc(18px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.voile{z-index:20;background:#05030cb8;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.dialogue{border:1px solid var(--bordure);background:var(--surface);width:100%;max-width:480px;margin-bottom:env(safe-area-inset-bottom);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.dialogue:focus{outline:none}.pile--formulaire{gap:16px}.ligne--haut{align-items:flex-start;gap:12px}.ligne--choix{gap:8px}.choix{border:1px solid var(--bordure);background:var(--surface);min-height:44px;color:var(--texte-3);cursor:pointer;border-radius:10px;padding:0 8px;font-size:14px;font-weight:500}.choix[aria-pressed=true]{border:1.5px solid var(--cyan);background:var(--fond-cyan);color:var(--texte);font-weight:600}input[type=date],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.calendrier{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendrier__entete{text-align:center;color:var(--texte-2);padding:4px 0;font-size:12px}.jour{background:var(--surface);min-height:46px;color:var(--texte);cursor:pointer;border:1px solid #0000;border-radius:10px;padding:0 0 8px;font-size:15px;position:relative}.jour--hors{color:#7d7896;background:0 0}.jour--aujourdhui{border-color:var(--bordure);color:var(--cyan-clair);font-weight:700}.jour--choisi{border-color:var(--cyan);background:var(--fond-cyan)}.jour__point{border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:7px;left:50%}.jour__point--present{background:var(--cyan)}.jour__point--attente{background:var(--ambre)}.jour__point--absent{background:var(--magenta)}.jour__point--neutre{background:var(--texte-2)}.champ--groupe{border:none;min-width:0;margin:0;padding:0}.champ--groupe legend{color:var(--texte-3);margin-bottom:8px;padding:0;font-size:13px;font-weight:600}.choix--radio{justify-content:center;align-items:center;display:inline-flex;position:relative}.choix--radio input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.choix--radio:has(input:checked){border:1.5px solid var(--cyan);background:var(--fond-cyan);color:var(--texte);font-weight:600}.choix--radio:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.code-invitation{font-family:var(--police-titre);letter-spacing:4px;color:var(--cyan-clair);-webkit-user-select:all;user-select:all;font-size:28px}.info{background:var(--fond-cyan);color:#d3f6ff;border:1px solid #1b5e73;border-radius:10px;padding:10px 12px;font-size:14px}.bandeau{border-color:#1b5e73}.etapes{color:var(--texte);flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.carte--equipe{padding:6px 16px}.ligne-equipe{border-bottom:1px solid var(--bordure);align-items:center;gap:12px;min-height:54px;display:flex}.ligne-equipe:last-child{border-bottom:none}.ligne-equipe__nom{align-items:center;gap:8px;min-width:0;font-size:16px;display:flex}.ligne-equipe__nom .fort{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.couronne{color:var(--magenta);filter:drop-shadow(0 0 6px #ff2bd6b3);flex-shrink:0;display:inline-flex}.badge-role{letter-spacing:.3px;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.badge-role--capitaine{color:#ff8ae9;background:var(--fond-magenta);border:1px solid #8a2a7c;box-shadow:0 0 12px #ff2bd640}.badge-role--coach{color:var(--cyan-clair);background:var(--fond-cyan);border:1px solid #1b5e73;box-shadow:0 0 12px #22d3ff33}.badge-role--membre{color:#b9a2ff;background:#1d1438;border:1px solid #4a3399}.choix-lieux{flex-wrap:wrap;gap:8px;display:flex}.choix-lieux .choix{flex:auto;padding:0 14px}.choix--ajout{color:var(--magenta-clair);border-style:dashed}.choix--ajout[aria-pressed=true]{border:1.5px dashed var(--magenta);background:var(--fond-magenta);color:var(--texte)}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jour--session{border:1.5px solid var(--magenta);background:linear-gradient(to top, #ff2bd68c var(--remplissage,0%), var(--surface) var(--remplissage,0%));font-weight:700;box-shadow:0 0 10px #ff2bd640}.jour--session.jour--complet{background:var(--magenta);color:var(--sur-magenta);box-shadow:0 0 16px #ff2bd699}.jour--session.jour--choisi{outline:2px solid var(--cyan);outline-offset:2px}.jour--session.jour--aujourdhui:not(.jour--complet){color:var(--texte)}.jour--complet .jour__point{box-shadow:0 0 0 2px var(--sur-magenta)}.grille-choix{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.defilant{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.defilant::-webkit-scrollbar{display:none}.defilant .choix{white-space:nowrap;flex-shrink:0;padding:0 14px}.bandeau-map{border:1px solid var(--bordure);background:var(--surface-2) center / cover no-repeat;border-radius:14px;flex-direction:column;justify-content:flex-end;gap:2px;min-height:96px;padding:12px 14px;display:flex}.bandeau-map__nom{font-size:22px}.bandeau-map__filtre{color:var(--cyan-clair);font-size:13px;font-weight:600}.grille-strats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.carte-strat{border:1px solid var(--bordure);background:var(--surface);color:var(--texte);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.carte-strat__image{background:var(--surface-2) center / cover no-repeat;border-bottom:1px solid var(--bordure);height:96px;color:var(--texte-2);justify-content:center;align-items:center;display:flex}.carte-strat__nom{padding:10px 12px 12px;font-size:14px;font-weight:600}.bouton-flottant--texte{width:auto;font-family:var(--police-titre);text-transform:uppercase;cursor:pointer;border:none;gap:8px;padding:0 18px;font-size:15px;font-weight:700}.note--resume{color:var(--texte);font-size:15px}.etape{border-top:1px solid var(--bordure);gap:10px;padding-top:14px}.grille-captures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.capture{border:1px solid var(--bordure);background:var(--surface);border-radius:12px;overflow:hidden}.capture__image{aspect-ratio:16/10;background:var(--surface-2) center / cover no-repeat;cursor:zoom-in;border:none;width:100%;padding:0;display:block}.capture__pied{min-height:44px;padding:6px 8px}.capture__pied select{background:var(--surface-2);border:1px solid var(--bordure);color:var(--texte);border-radius:8px;min-height:36px;padding:0 6px;font-size:13px}.bouton-texte{color:var(--magenta-clair);cursor:pointer;background:0 0;border:none;min-height:44px;padding:0 6px;font-size:13px;font-weight:600}.bouton--fichier{position:relative;overflow:hidden}.bouton--fichier input{opacity:0;cursor:pointer;position:absolute;inset:0}.bouton--fichier:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.visionneuse{z-index:30;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#05030c;flex-direction:column;display:flex;position:fixed;inset:0}.visionneuse__barre{align-items:center;gap:10px;padding:10px 12px;display:flex}.visionneuse__titre{flex:1;font-size:14px;font-weight:600}.visionneuse__cadre{touch-action:pan-x pan-y pinch-zoom;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.visionneuse__cadre img{object-fit:contain;max-width:100%;max-height:100%}.visionneuse__nav{padding:10px 12px 14px}.reglage-map__image{background:var(--surface-2) center / cover no-repeat;border-radius:10px;align-items:flex-end;min-height:84px;padding:10px 12px;display:flex}.reglage-map__image .titre{text-shadow:0 1px 6px #000c;font-size:18px}.reglage-map--inactive{opacity:.6}.reglage-map select{background:var(--surface-2);border:1px solid var(--bordure);color:var(--texte);border-radius:8px;min-height:40px;padding:0 8px}.case{width:22px;height:22px;accent-color:var(--magenta)}
