.page-vitrine{display:block;align-items:initial;justify-content:initial;background:#fffaf6;color:#1a1a2e;overflow-x:hidden}.vitrine{--v-coral: #ff6b6b;--v-orange: #ff9a3c;--v-jaune: #ffd93d;--v-vert: #6bcb77;--v-bleu: #4d96ff;--v-violet: #c77dff;--v-texte: #1a1a2e;--v-doux: #6f6f85;--v-carte: #ffffff;--v-bord: rgba(26, 26, 46, .08);position:relative;font-family:Nunito,system-ui,sans-serif;overflow-x:hidden}.v-fond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.v-tache{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:v-respire 14s ease-in-out infinite}.v-tache.a{width:420px;height:420px;background:#ffc8b4;top:-120px;left:-100px}.v-tache.b{width:380px;height:380px;background:#ffe6a8;top:40%;right:-140px;animation-delay:-5s}.v-tache.c{width:340px;height:340px;background:#c9e8ff;bottom:-120px;left:25%;animation-delay:-9s}@keyframes v-respire{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.12)}}.v-ballon-flottant{position:absolute;font-size:34px;opacity:.2;animation:v-flotte 9s ease-in-out infinite}@media (max-width: 1180px){.v-ballon-flottant{display:none}}@keyframes v-flotte{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-28px) rotate(16deg)}}.v-entete{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fffaf6d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--v-bord)}.v-marque{display:flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-weight:900;font-size:19px;letter-spacing:-.02em}.v-logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--v-coral),var(--v-orange));display:grid;place-items:center;box-shadow:0 6px 16px #ff6b6b59;flex:none}.v-logo span{width:66%;height:66%;border-radius:50%;background:#fff;color:var(--v-coral);font-family:Poppins,sans-serif;font-weight:900;font-size:11px;display:grid;place-items:center}.v-logo.grand{width:92px;height:92px;border-radius:28px}.v-logo.grand span{font-size:26px}.v-bouton{font-family:Poppins,sans-serif;font-weight:800;font-size:15px;border:none;border-radius:16px;padding:14px 24px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,box-shadow .18s,background .18s}.v-bouton.principal{background:linear-gradient(135deg,var(--v-coral),var(--v-orange));color:#fff;box-shadow:0 10px 26px #ff6b6b66}.v-bouton.principal:hover{transform:translateY(-3px);box-shadow:0 16px 34px #ff6b6b80}.v-bouton.secondaire{background:#fff;color:var(--v-texte);border:2px solid var(--v-bord)}.v-bouton.secondaire:hover{transform:translateY(-3px);border-color:var(--v-coral);color:var(--v-coral)}.v-bouton.petit{padding:10px 16px;font-size:14px;border-radius:13px}.v-bouton.pulse{animation:v-pulse 2.6s ease-in-out infinite}@keyframes v-pulse{0%,to{box-shadow:0 10px 26px #ff6b6b66}50%{box-shadow:0 10px 26px #ff6b6b66,0 0 0 14px #ff6b6b14}}.v-contenu{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:0 20px}.v-section{padding:74px 0}.v-section-titre{font-family:Poppins,sans-serif;font-weight:900;font-size:clamp(26px,4.4vw,38px);letter-spacing:-.03em;text-align:center;margin-bottom:12px}.v-chapeau{text-align:center;color:var(--v-doux);font-size:17px;max-width:560px;margin:0 auto 38px;line-height:1.6}.v-degrade{background:linear-gradient(120deg,var(--v-coral),var(--v-orange),var(--v-jaune));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v-defile 5s linear infinite}@keyframes v-defile{to{background-position:200% center}}.v-apparait{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.v-apparait.visible{opacity:1;transform:none}.v-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:56px 0 70px}.v-pastille{display:inline-flex;align-items:center;gap:8px;background:#ff6b6b1f;color:var(--v-coral);font-weight:800;font-size:13px;padding:8px 15px;border-radius:999px;margin-bottom:18px}.v-titre{font-family:Poppins,sans-serif;font-weight:900;font-size:clamp(34px,6vw,58px);line-height:1.03;letter-spacing:-.035em;margin-bottom:18px}.v-accroche{font-size:18px;line-height:1.65;color:var(--v-doux);margin-bottom:28px;max-width:470px}.v-actions{display:flex;gap:12px;flex-wrap:wrap}.v-note-install{margin-top:14px;font-size:13px;color:var(--v-doux)}.v-tel{width:278px;margin:0 auto;background:#1a1a2e;border-radius:38px;padding:11px;box-shadow:0 30px 70px #1a1a2e47;animation:v-berce 6s ease-in-out infinite}@keyframes v-berce{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(1.2deg)}}.v-tel-ecran{position:relative;background:#f4f0ea;border-radius:28px;overflow:hidden;padding:16px 14px 14px;min-height:430px;display:flex;flex-direction:column;gap:12px}.v-tel-entete{display:flex;align-items:center;justify-content:space-between;font-family:Poppins,sans-serif;font-weight:900;font-size:15px}.v-carte-creneau{background:#fff;border-radius:18px;padding:14px;box-shadow:0 6px 18px #0000000f}.v-creneau-haut{display:flex;align-items:center;gap:9px;margin-bottom:9px}.v-creneau-emoji{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--v-vert),#3faa4c);display:grid;place-items:center;font-size:20px;flex:none}.v-creneau-titre{font-family:Poppins,sans-serif;font-weight:800;font-size:14px}.v-creneau-info{font-size:12px;color:var(--v-doux)}.v-places{display:flex;align-items:center;gap:3px;margin-bottom:10px;flex-wrap:nowrap}.v-place{width:18px;height:18px;flex:none;border-radius:50%;border:2px dashed rgba(0,0,0,.16);transition:transform .3s,background .3s,border-color .3s}.v-place.prise{border:none;background:linear-gradient(135deg,var(--v-coral),var(--v-orange));transform:scale(1.06)}.v-place.nouvelle{animation:v-pop .5s ease}@keyframes v-pop{0%{transform:scale(.2)}60%{transform:scale(1.35)}to{transform:scale(1.06)}}.v-compteur{font-size:12px;font-weight:800;color:var(--v-doux);margin-bottom:10px}.v-bouton-rejoindre{width:100%;border:none;border-radius:14px;padding:13px;font-family:Poppins,sans-serif;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--v-coral),var(--v-orange));cursor:pointer;transition:transform .15s,filter .2s}.v-bouton-rejoindre:hover{transform:scale(1.03)}.v-bouton-rejoindre:active{transform:scale(.97)}.v-bouton-rejoindre.complet{background:linear-gradient(135deg,var(--v-vert),#3faa4c)}.v-tel-legende{margin-top:auto;text-align:center;font-size:11px;color:var(--v-doux)}.v-confetti{position:absolute;width:8px;height:12px;border-radius:2px;animation:v-chute 1.2s ease-out forwards;pointer-events:none}@keyframes v-chute{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),190px) rotate(540deg)}}.v-etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v-etape{background:var(--v-carte);border:1px solid var(--v-bord);border-radius:22px;padding:24px 20px;text-align:center;transition:transform .25s,box-shadow .25s}.v-etape:hover{transform:translateY(-6px);box-shadow:0 16px 34px #00000014}.v-etape-emoji{font-size:38px;display:block;margin-bottom:12px}.v-etape h3{font-family:Poppins,sans-serif;font-weight:800;font-size:17px;margin-bottom:7px}.v-etape p{color:var(--v-doux);font-size:14.5px;line-height:1.55}.v-verdict{margin-top:30px;text-align:center;background:linear-gradient(135deg,#ff6b6b1a,#ff9a3c1a);border:2px dashed rgba(255,107,107,.35);border-radius:22px;padding:28px 22px}.v-verdict strong{font-family:Poppins,sans-serif;font-size:20px}.v-verdict p{color:var(--v-doux);margin-top:8px;font-size:15.5px}.v-onglets-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.v-onglet-carte{background:var(--v-carte);border:1px solid var(--v-bord);border-radius:22px;padding:22px 20px 22px 26px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.v-onglet-carte:hover{transform:translateY(-6px);box-shadow:0 16px 34px #00000014}.v-onglet-carte:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--couleur, var(--v-coral))}.v-onglet-numero{font-family:Poppins,sans-serif;font-weight:900;font-size:12px;color:var(--couleur, var(--v-coral));letter-spacing:.08em}.v-onglet-carte h3{font-family:Poppins,sans-serif;font-weight:800;font-size:17px;margin:6px 0 7px}.v-onglet-carte p{color:var(--v-doux);font-size:14.5px;line-height:1.55}.v-onglet-carte .v-emoji{font-size:28px;display:block;margin-bottom:8px}.v-etoile{display:inline-block;background:var(--v-jaune);color:#7a5a00;font-size:11px;font-weight:900;padding:3px 9px;border-radius:999px;margin-top:10px}.v-arcade{background:var(--v-carte);border:1px solid var(--v-bord);border-radius:28px;padding:22px;box-shadow:0 18px 44px #00000012}.v-jeu-onglets{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.v-jeu-onglet{border:2px solid var(--v-bord);background:#fff;border-radius:14px;padding:10px 16px;font-family:Poppins,sans-serif;font-weight:800;font-size:14px;cursor:pointer;color:var(--v-doux);transition:all .2s}.v-jeu-onglet.actif{background:linear-gradient(135deg,var(--v-coral),var(--v-orange));color:#fff;border-color:transparent;box-shadow:0 8px 20px #ff6b6b52}.v-jeu{text-align:center}.v-jeu-titre{font-family:Poppins,sans-serif;font-weight:900;font-size:20px;margin-bottom:4px}.v-jeu-regle{color:var(--v-doux);font-size:14.5px;margin-bottom:16px}.v-jeu-barre-info{display:flex;justify-content:center;gap:22px;margin-bottom:14px;font-family:Poppins,sans-serif;font-weight:800;font-size:15px;flex-wrap:wrap}.v-jeu-info-doux{color:var(--v-doux);font-weight:700;font-size:13px}.v-message-jeu{font-family:Poppins,sans-serif;font-weight:900;font-size:20px;min-height:28px;margin-bottom:12px}.v-message-jeu.gagne{color:#3faa4c;animation:v-pop-texte .4s ease}.v-message-jeu.perdu{color:var(--v-coral);animation:v-secousse .4s ease}@keyframes v-pop-texte{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes v-secousse{0%,to{transform:translate(0)}25%{transform:translate(-9px)}75%{transform:translate(9px)}}.v-piste{position:relative;height:122px;border-radius:18px;background:repeating-linear-gradient(90deg,#d2603f 0,#d2603f 58px,#c9563a 58px,#c9563a 60px);overflow:hidden;margin-bottom:16px}.v-piste-ligne{position:absolute;left:0;right:0;height:2px;background:#ffffff59}.v-coureur{position:absolute;bottom:18px;font-size:40px;transition:left .08s linear}.v-coureur.court{animation:v-foulee .22s ease-in-out infinite}@keyframes v-foulee{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.v-arrivee{position:absolute;top:0;bottom:0;right:8px;width:12px;background:repeating-linear-gradient(45deg,#fff 0,#fff 6px,#1a1a2e 6px,#1a1a2e 12px)}.v-depart{position:absolute;top:0;bottom:0;left:8px;width:4px;background:#fffc}.v-touches{display:flex;gap:12px;justify-content:center}.v-touche{flex:1;max-width:190px;border:none;border-radius:18px;padding:20px;font-family:Poppins,sans-serif;font-weight:900;font-size:18px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4d96ff,#2f6fd0);transition:transform .08s,filter .15s;-webkit-user-select:none;user-select:none}.v-touche.droite{background:linear-gradient(135deg,#c77dff,#8e4ec6)}.v-touche:active{transform:scale(.94)}.v-touche:disabled{opacity:.4;cursor:default}.v-touche.attendu{animation:v-clignote .6s ease-in-out infinite}@keyframes v-clignote{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.v-terrain-but{position:relative;height:240px;border-radius:18px;overflow:hidden;background:linear-gradient(#8fd3f4 0,#8fd3f4 60%,#6bcb77 60%,#6bcb77);margin-bottom:16px}.v-cage{position:absolute;left:11%;right:11%;top:15%;height:45%;border:6px solid #fff;border-bottom:none;border-radius:6px 6px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 9px,transparent 9px 18px),repeating-linear-gradient(0deg,rgba(255,255,255,.25) 0 9px,transparent 9px 18px)}.v-gardien{position:absolute;top:40%;font-size:38px;transition:left .4s cubic-bezier(.3,1.3,.5,1),transform .4s cubic-bezier(.3,1.3,.5,1)}.v-ballon-foot{position:absolute;font-size:26px;transition:left .6s cubic-bezier(.35,0,.4,1),top .6s cubic-bezier(.35,0,.4,1),font-size .6s ease}.v-viseur{position:absolute;top:15%;height:45%;width:4px;margin-left:-2px;background:#fffffff2;box-shadow:0 0 14px #fffffff2;border-radius:2px}.v-terrain-basket{position:relative;height:250px;border-radius:18px;overflow:hidden;background:linear-gradient(#ffe9c9 0,#ffe9c9 74%,#d9a15b 74%,#d9a15b);margin-bottom:16px}.v-panneau{position:absolute;width:76px;height:54px;background:#fff;border:4px solid #1a1a2e;border-radius:5px}.v-panneau:after{content:"";position:absolute;left:18px;top:18px;width:36px;height:24px;border:3px solid var(--v-coral)}.v-arceau{position:absolute;width:54px;height:7px;background:var(--v-coral);border-radius:4px}.v-filet{position:absolute;width:48px;height:26px;background:repeating-linear-gradient(90deg,rgba(26,26,46,.3) 0 2px,transparent 2px 9px);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%)}.v-ballon-basket{position:absolute;font-size:30px;transform:translate(-50%,-50%)}.v-jauge{position:relative;height:26px;border-radius:13px;background:#ece7e0;overflow:hidden;margin-bottom:14px}.v-jauge-zone{position:absolute;top:0;bottom:0;background:#6bcb7773;border-left:3px solid #3faa4c;border-right:3px solid #3faa4c}.v-jauge-curseur{position:absolute;top:0;bottom:0;width:5px;margin-left:-2px;background:var(--v-texte);border-radius:3px}.v-install{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.v-install-carte{background:var(--v-carte);border:1px solid var(--v-bord);border-radius:22px;padding:24px}.v-install-carte h3{font-family:Poppins,sans-serif;font-weight:800;font-size:17px;margin-bottom:14px;display:flex;align-items:center;gap:9px}.v-install-carte ol{padding-left:20px;color:var(--v-doux);line-height:1.85;font-size:15px}.v-install-carte li::marker{color:var(--v-coral);font-weight:900}.v-resultat-install{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;background:linear-gradient(135deg,#ff6b6b14,#ffd93d24);border-radius:24px;padding:28px}.v-resultat-install p{max-width:360px;color:var(--v-doux);line-height:1.6}.v-resultat-install strong{display:block;font-family:Poppins,sans-serif;font-size:18px;color:var(--v-texte);margin-bottom:6px}.v-icone-accueil{text-align:center}.v-icone-accueil .v-logo{animation:v-sautille 2.6s ease-in-out infinite}.v-icone-accueil .v-icone-nom{font-size:12px;font-weight:800;margin-top:8px}@keyframes v-sautille{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.v-pied{position:relative;z-index:1;border-top:1px solid var(--v-bord);padding:34px 20px 44px;text-align:center;color:var(--v-doux);font-size:14px}.v-pied .v-marque{justify-content:center;margin-bottom:10px}@media (max-width: 860px){.v-hero{grid-template-columns:1fr;gap:34px;padding:32px 0 46px}.v-accroche{margin-left:auto;margin-right:auto}.v-hero-texte{text-align:center}.v-actions{justify-content:center}.v-etapes{grid-template-columns:1fr}.v-section{padding:52px 0}.v-arcade{padding:16px}.v-entete{padding:10px 14px}}@media (prefers-reduced-motion: reduce){.v-tache,.v-ballon-flottant,.v-tel,.v-bouton.pulse,.v-degrade,.v-icone-accueil .v-logo{animation:none}.v-apparait{opacity:1;transform:none}}:root{--coral: #ff6b6b;--yellow: #ffd93d;--green: #6bcb77;--blue: #4d96ff;--purple: #c77dff;--orange: #ff9a3c;--teal: #26c6da;--r: 18px}:root,[data-theme=light]{--bg: #f4f0ea;--card: #ffffff;--text: #1a1a2e;--muted: #8e8ea0;--border: rgba(0, 0, 0, .07);--sub: #edeae4;--shadow: rgba(0, 0, 0, .08);--inp: #ffffff;--nav: #ffffff;--fond-page: #e7e1d7}[data-theme=dark]{--bg: #12141a;--card: #1c1f28;--text: #eeece6;--muted: #666678;--border: rgba(255, 255, 255, .07);--sub: #171921;--shadow: rgba(0, 0, 0, .4);--inp: #1c1f28;--nav: #15171f;--fond-page: #0a0b0f}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Nunito,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;transition:background .3s}.application{width:100%;height:100dvh;background:var(--bg);overflow:hidden;position:relative;display:flex;flex-direction:column;transition:background .3s}.application>*{min-width:0;max-width:100%}.entete{padding:14px 20px 4px;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.entete-titre{font-family:Poppins,sans-serif;font-size:23px;font-weight:800;color:var(--text);line-height:1.15}.entete-sous{font-size:12px;color:var(--muted);font-weight:600;margin-top:1px}.entete-actions{display:flex;gap:7px;align-items:center}.bouton-icone{width:34px;height:34px;background:var(--card);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);flex-shrink:0;color:var(--text)}.pastille-role{font-size:10px;font-weight:800;padding:5px 10px;border-radius:50px;background:#ff6b6b26;color:var(--coral);white-space:nowrap}.defilement{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 20px 24px}.defilement::-webkit-scrollbar{display:none}.outils{padding:9px 20px 0;flex-shrink:0}.recherche{background:var(--inp);border-radius:14px;padding:11px 15px;display:flex;align-items:center;gap:9px;box-shadow:0 2px 10px var(--shadow);border:1.5px solid var(--border);transition:border-color .2s;margin-bottom:9px}.recherche:focus-within{border-color:var(--coral)}.recherche input{border:none;background:transparent;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;color:var(--text);flex:1;outline:none;padding:0}.recherche input::placeholder{color:var(--muted)}.pastilles{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;margin-bottom:4px}.pastilles::-webkit-scrollbar{display:none}.pastille-filtre{flex-shrink:0;padding:9px 14px;border-radius:50px;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:transform .15s;border:1.5px solid var(--border);background:var(--card);color:var(--muted)}.pastille-filtre:active{transform:scale(.95)}.pastille-filtre.active{background:var(--coral);border-color:var(--coral);color:#fff}.etiquettes{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.etiquette{font-size:10px;font-weight:800;padding:3px 9px;border-radius:50px;display:inline-block;background:var(--sub);color:var(--muted)}.etiquette-corail{background:#ff6b6b26;color:var(--coral)}.etiquette-verte{background:#6bcb7726;color:var(--green)}.etiquette-bleue{background:#4d96ff26;color:var(--blue)}.etiquette-orange{background:#ff9a3c26;color:var(--orange)}.etiquette-violette{background:#c77dff26;color:var(--purple)}.carte{background:var(--card);border-radius:var(--r);padding:14px;box-shadow:0 2px 10px var(--shadow);border:1px solid var(--border);margin-bottom:10px;position:relative}.carte-cliquable{cursor:pointer;transition:transform .18s}.carte-cliquable:active{transform:scale(.98)}.carte-haut{display:flex;gap:11px;align-items:flex-start}.boite-date{width:46px;flex-shrink:0;border-radius:12px;padding:7px 4px;text-align:center}.boite-jour{font-family:Poppins,sans-serif;font-size:20px;font-weight:900;line-height:1}.boite-mois{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.carte-titre{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:var(--text);line-height:1.3}.carte-sous{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.carte-texte{font-size:13px;color:var(--muted);font-weight:600;line-height:1.5;margin-top:9px}.bouton-rejoindre{padding:8px 13px;border-radius:50px;border:none;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0;align-self:center;background:#ff6b6b1f;color:var(--coral)}.bouton-rejoindre.inscrit{background:var(--green);color:#fff}.bouton-rejoindre:active{transform:scale(.95)}.joueurs{display:flex;align-items:center;margin-top:8px}.joueur-rond{width:22px;height:22px;border-radius:50%;border:2px solid var(--card);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;margin-right:-5px;flex-shrink:0;background:#4d96ff24;color:var(--blue)}.joueur-rond.libre{background:var(--sub);color:var(--muted)}.joueurs-texte{font-size:11px;font-weight:700;color:var(--muted);margin-left:12px}.section-titre{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:var(--text);margin:15px 0 9px}.onglets-haut{display:flex;border-bottom:2px solid var(--border);flex-shrink:0;padding:0 20px}.onglet-haut{flex:1;padding:10px 0;text-align:center;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.onglet-haut.actif{color:var(--coral);border-bottom-color:var(--coral)}.navigation{position:relative;z-index:20;display:grid;grid-template-columns:repeat(2,1fr) 58px repeat(2,1fr);align-items:center;height:calc(70px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);flex-shrink:0;background:var(--nav);border-top:1px solid var(--border);box-shadow:0 -6px 24px var(--shadow)}.nav-bouton{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:100%;min-width:0;padding:0;border:none;background:transparent;color:var(--teinte);cursor:pointer;font-family:Nunito,sans-serif}.nav-bouton:before{content:"";position:absolute;top:9px;width:44px;height:30px;border-radius:15px;background:var(--teinte-douce);opacity:0;transform:scale(.4);transition:transform .34s cubic-bezier(.34,1.56,.64,1),opacity .2s}.nav-bouton.actif:before{opacity:1;transform:scale(1)}.nav-icone{position:relative;display:flex;align-items:center;justify-content:center;width:23px;height:23px;opacity:.5;transition:transform .34s cubic-bezier(.34,1.56,.64,1),opacity .2s}.nav-icone svg{display:block;width:100%;height:100%}.nav-libelle{position:relative;font-size:10px;font-weight:800;letter-spacing:0;white-space:nowrap;color:var(--muted);transition:color .2s}.nav-bouton.actif .nav-libelle{color:var(--teinte)}.nav-bouton.actif .nav-icone{opacity:1;transform:translateY(-2px) scale(1.08);animation:nav-rebond .45s cubic-bezier(.34,1.56,.64,1)}.nav-bouton:active .nav-icone{transform:scale(.85);transition-duration:.1s}@keyframes nav-rebond{0%{transform:translateY(0) scale(.9)}55%{transform:translateY(-6px) scale(1.2)}to{transform:translateY(-2px) scale(1.08)}}.nav-creation{position:relative;z-index:3;display:flex;justify-content:center}.nav-central{position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-top:-16px;border:none;border-radius:50%;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--coral),var(--orange));box-shadow:0 0 0 6px var(--nav),0 10px 24px #ff6b6b73;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.nav-central svg{display:block;width:24px;height:24px}.nav-central:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--coral);opacity:0;animation:nav-halo 3.2s ease-out infinite}.nav-central.ouvert{transform:rotate(135deg);background:linear-gradient(135deg,var(--purple),var(--coral))}.nav-central.ouvert:after{animation:none}.nav-central.sur-profil{box-shadow:0 0 0 3px var(--nav),0 0 0 5.5px var(--green),0 10px 24px #ff6b6b73}.nav-central:active{box-shadow:0 0 0 6px var(--nav),0 4px 12px #ff6b6b59}@keyframes nav-halo{0%{opacity:.5;transform:scale(.92)}60%,to{opacity:0;transform:scale(1.35)}}.nav-voile{position:fixed;inset:0 0 calc(70px + env(safe-area-inset-bottom)) 0;z-index:1;border:none;padding:0;cursor:pointer;background:#08090e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:nav-voile-entre .25s ease-out}@keyframes nav-voile-entre{0%{opacity:0}}.nav-menu{position:absolute;bottom:calc(100% + 28px);left:50%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transform:translate(-50%);pointer-events:none}.nav-menu-choix{display:flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border:none;border-radius:999px;background:var(--card);color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:0 8px 22px #00000038;opacity:0;transform:translateY(14px) scale(.85);transition:opacity .22s,transform .32s cubic-bezier(.34,1.56,.64,1)}.nav-menu.ouvert{pointer-events:auto}.nav-menu.ouvert .nav-menu-choix{opacity:1;transform:translateY(0) scale(1)}.nav-menu-rond{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;color:#fff;background:var(--teinte);box-shadow:0 3px 10px -2px var(--teinte)}.nav-menu-rond svg{display:block;width:19px;height:19px}.nav-menu-texte{font-family:Nunito,sans-serif;font-size:13px;font-weight:800}.nav-menu-choix:active{transform:scale(.95);transition-duration:.1s}.nav-info{position:absolute;bottom:calc(100% + 14px);left:50%;z-index:3;padding:8px 16px;border-radius:999px;background:var(--text);color:var(--bg);font-size:12px;font-weight:800;white-space:nowrap;transform:translate(-50%);animation:nav-info-entre .3s cubic-bezier(.34,1.56,.64,1)}@keyframes nav-info-entre{0%{opacity:0;transform:translate(-50%) translateY(10px)}}@media (hover: hover){.nav-central:hover{box-shadow:0 0 0 6px var(--nav),0 14px 30px #ff6b6b8c}.nav-bouton:hover .nav-icone{opacity:1}.nav-menu-choix:hover{background:var(--sub)}}@media (prefers-reduced-motion: reduce){.nav-bouton:before,.nav-icone,.nav-central,.nav-menu-choix{transition-duration:.01s}.nav-bouton.actif .nav-icone,.nav-central:after,.nav-voile,.nav-info{animation:none}}label{font-family:Poppins,sans-serif;font-size:12px;font-weight:700;color:var(--text);margin:14px 0 6px;display:block}input,select,textarea{width:100%;background:var(--inp);border:1.5px solid var(--border);border-radius:12px;padding:11px 13px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;color:var(--text);outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--coral)}input.erreur,select.erreur{border-color:var(--coral)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%238E8EA0' d='M5 7L0 2h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}textarea{min-height:88px;resize:vertical}.aide{font-size:11px;color:var(--muted);font-weight:600;margin-top:5px}.aide-erreur{color:var(--coral);font-weight:700}.choix-deux{display:flex;gap:7px}.choix{flex:1;padding:10px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);text-align:center;cursor:pointer;transition:all .2s;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--muted)}.choix.selectionne{border-color:var(--coral);color:var(--coral);background:#ff6b6b12}.choix.selectionne-bleu{border-color:var(--blue);color:var(--blue);background:#4d96ff12}.bouton{width:100%;padding:15px;border-radius:14px;border:none;font-family:Poppins,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s;margin-top:11px}.bouton:active:enabled{transform:scale(.97)}.bouton:disabled{opacity:.55;cursor:default}.bouton-principal{background:linear-gradient(135deg,var(--coral),var(--orange));color:#fff;box-shadow:0 6px 18px #ff6b6b52}.bouton-secondaire{background:var(--sub);color:var(--text)}.lien-discret{display:block;width:100%;margin:10px 0 0;padding:6px;border:none;background:none;color:var(--muted);font-family:Nunito,sans-serif;font-size:13.5px;font-weight:700;text-decoration:underline;cursor:pointer}.lien-discret:hover{color:var(--coral)}.bouton-contour{background:var(--card);color:var(--text);border:1.5px solid var(--border)}.bouton-vert{background:var(--green);color:#fff;box-shadow:0 6px 18px #6bcb774d}.bouton-quitter{background:var(--sub);color:var(--muted)}.bouton-petit{width:auto;padding:11px 22px;border-radius:50px;font-size:13px;margin-top:0}.message{padding:11px 14px;border-radius:12px;font-size:13px;font-weight:700;margin:11px 0;font-family:Nunito,sans-serif}.message-info{background:#6bcb7726;color:#3f9a4c}.message-erreur{background:#ff6b6b26;color:var(--coral)}.vide{text-align:center;padding:40px 20px}.vide-icone{font-size:42px;margin-bottom:12px}.vide p{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px}.retour{width:36px;height:36px;border-radius:12px;background:var(--sub);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border:none;color:var(--text);transition:transform .15s;flex-shrink:0;margin-bottom:12px}.retour:active{transform:scale(.9)}.heros{height:130px;border-radius:var(--r);position:relative;display:flex;align-items:flex-end;padding:16px;overflow:hidden;margin-bottom:12px}.heros-fond{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:900;font-family:Poppins,sans-serif;opacity:.18;color:#fff}.heros-voile{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#00000014)}.heros-titre{position:relative;font-family:Poppins,sans-serif;font-size:19px;font-weight:800;color:#fff;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.4)}.ligne-info{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.ligne-info:last-child{border-bottom:none}.ligne-info-cle{color:var(--muted);min-width:92px;flex-shrink:0;font-weight:700}.jauge{height:7px;background:var(--sub);border-radius:10px;overflow:hidden;margin-top:8px}.jauge-remplie{height:100%;background:linear-gradient(90deg,var(--coral),var(--orange));border-radius:10px;transition:width .35s}.jauge-remplie.complete{background:var(--green)}.connexion{flex:1;overflow-y:auto;padding:26px 24px 30px;display:flex;flex-direction:column;justify-content:center}.connexion::-webkit-scrollbar{display:none}.logo{text-align:center;margin-bottom:20px}.logo-rond{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,var(--coral),var(--orange));color:#fff;font-family:Poppins,sans-serif;font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;box-shadow:0 8px 22px #ff6b6b59}.logo h1{font-family:Poppins,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.02em;color:var(--text)}.logo p{margin-top:6px;color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.45}.separateur{text-align:center;color:var(--muted);font-size:11px;font-weight:700;margin:14px 0 2px}.bandeau-bienvenue{background:var(--green);color:#fff;text-align:center;padding:10px 14px;font-size:12px;font-weight:800;font-family:Poppins,sans-serif;border:none;width:100%;cursor:pointer;flex-shrink:0}.hors-ligne{background:var(--coral);color:#fff;text-align:center;padding:8px;font-size:12px;font-weight:800;font-family:Poppins,sans-serif;flex-shrink:0}.squelette{height:92px;border-radius:var(--r);margin-bottom:10px;background:linear-gradient(90deg,var(--sub) 25%,var(--card) 50%,var(--sub) 75%);background-size:200% 100%;animation:brille 1.4s infinite}@keyframes brille{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 640px){body{background:var(--fond-page)}.application{max-width:520px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 60px var(--shadow)}.carte-cliquable{transition:transform .18s,box-shadow .18s}.carte-cliquable:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.pastille-filtre:hover{color:var(--text)}}