@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;800&display=swap";:root{--fond:#0c1410;--carte:#15211a;--carte-bord:#1f3328;--texte:#f2f7f1;--texte-doux:#8fa697;--lime:#b8f53d;--lime-fonce:#0e1a08;--ambre:#f5c33d;--affichage:"Barlow Condensed", sans-serif;--courant:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fond);color:var(--texte);font-family:var(--courant);background-image:radial-gradient(80% 40% at 50% -10%,#b8f53d14,#0000);min-height:100vh}#root{max-width:520px;margin:0 auto;padding:20px 16px 48px}.entete{padding:8px 0 20px}.logo{font-family:var(--affichage);letter-spacing:3px;color:var(--texte-doux);font-size:14px;font-weight:800}.logo em{color:var(--lime);font-style:normal}.titre{font-family:var(--affichage);text-transform:uppercase;margin-top:10px;font-size:42px;font-weight:800;line-height:1.02}.position{color:var(--texte-doux);margin-top:10px;font-size:14px}.position-note{opacity:.6;font-size:12px}.bascule{background:var(--carte);border:1px solid var(--carte-bord);border-radius:999px;gap:4px;margin-top:14px;padding:4px;display:inline-flex}.bascule button{color:var(--texte-doux);font-family:var(--courant);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.bascule button.actif{background:var(--lime);color:var(--lime-fonce)}.rayon{background:var(--carte);border:1px solid var(--carte-bord);border-radius:14px;margin-bottom:20px;padding:14px 16px}.rayon-label{color:var(--texte-doux);margin-bottom:10px;font-size:14px;display:block}.rayon-label strong{color:var(--lime);font-size:16px}input[type=range]{width:100%;accent-color:var(--lime);cursor:pointer}.liste{flex-direction:column;gap:12px;display:flex}.carte{background:var(--carte);border:1px solid var(--carte-bord);border-radius:16px;align-items:stretch;gap:14px;padding:14px;animation:.35s both apparait;display:flex}.carte:nth-child(2){animation-delay:60ms}.carte:nth-child(3){animation-delay:.12s}.carte:nth-child(4){animation-delay:.18s}.carte:nth-child(5){animation-delay:.24s}@keyframes apparait{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.carte-distance{background:var(--lime);min-width:86px;color:var(--lime-fonce);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:8px 6px;display:flex}.distance-valeur{font-family:var(--affichage);font-size:26px;font-weight:800;line-height:1}.distance-label{opacity:.75;margin-top:3px;font-size:11px;font-weight:600}.carte-infos{flex:1;min-width:0}.carte-lieu{font-family:var(--affichage);text-transform:uppercase;letter-spacing:.4px;font-size:20px;font-weight:600}.carte-date{color:var(--texte-doux);text-transform:capitalize;margin-top:3px;font-size:13px}.carte-badges{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.badge{border:1px solid var(--carte-bord);color:var(--texte-doux);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge-format{color:var(--texte)}.badge-besoin{color:var(--ambre);border-color:#f5c33d59}.message{text-align:center;color:var(--texte-doux);padding:36px 12px;font-size:15px;line-height:1.6}.message-erreur{color:#f58f8f}.fab{background:var(--lime);width:60px;height:60px;color:var(--lime-fonce);cursor:pointer;border:none;border-radius:50%;font-size:34px;font-weight:700;line-height:1;transition:transform .12s;position:fixed;bottom:24px;right:max(20px,50% - 240px);box-shadow:0 8px 24px #b8f53d4d}.fab:active{transform:scale(.92)}.entete-creer{align-items:center;gap:14px;padding:8px 0 24px;display:flex}.retour{border:1px solid var(--carte-bord);background:var(--carte);color:var(--texte-doux);font-family:var(--courant);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.titre-creer{font-family:var(--affichage);text-transform:uppercase;font-size:28px;font-weight:800}.form{flex-direction:column;gap:18px;display:flex}.champ{flex-direction:column;gap:7px;display:flex}.champ label{color:var(--texte-doux);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.champ input,.champ select{background:var(--carte);border:1px solid var(--carte-bord);color:var(--texte);font-family:var(--courant);border-radius:12px;width:100%;padding:13px 14px;font-size:16px}.champ input:focus,.champ select:focus{border-color:var(--lime);outline:none}.form-note{color:var(--texte-doux);font-size:13px}.btn-principal{background:var(--lime);color:var(--lime-fonce);font-family:var(--affichage);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:12px;margin-top:6px;padding:16px;font-size:18px;font-weight:800}.btn-principal:disabled{opacity:.5;cursor:default}.entete-haut{justify-content:space-between;align-items:center;display:flex}.profil-btn{border:1px solid var(--carte-bord);background:var(--carte);color:var(--texte-doux);font-family:var(--courant);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.profil-carte{background:var(--carte);border:1px solid var(--carte-bord);text-align:center;background-image:radial-gradient(70% 50% at 50% 0,#b8f53d1a,#0000);border-radius:20px;margin-bottom:18px;padding:28px 20px}.profil-avatar{background:var(--lime);width:96px;height:96px;color:var(--lime-fonce);font-family:var(--affichage);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:38px;font-weight:800;display:flex;overflow:hidden}.profil-avatar img{object-fit:cover;width:100%;height:100%}.profil-pseudo{font-family:var(--affichage);text-transform:uppercase;font-size:30px;font-weight:800}.profil-postes{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 22px;display:flex}.profil-postes .badge{text-transform:capitalize}.profil-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat{background:var(--fond);border:1px solid var(--carte-bord);border-radius:12px;flex-direction:column;align-items:center;padding:12px 4px;display:flex}.stat-val{font-family:var(--affichage);color:var(--lime);font-size:24px;font-weight:800}.stat-lab{color:var(--texte-doux);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.profil-bio{color:var(--texte-doux);margin-top:18px;font-size:14px;line-height:1.6}.postes-choix{flex-wrap:wrap;gap:8px;display:flex}.poste-chip{border:1px solid var(--carte-bord);background:var(--carte);color:var(--texte-doux);font-family:var(--courant);text-transform:capitalize;cursor:pointer;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:600;transition:all .12s}.poste-chip.actif{background:var(--lime);color:var(--lime-fonce);border-color:var(--lime)}.champ-double{gap:12px;display:flex}.champ-double .champ{flex:1}textarea{background:var(--carte);border:1px solid var(--carte-bord);color:var(--texte);font-family:var(--courant);resize:vertical;border-radius:12px;width:100%;padding:13px 14px;font-size:16px}textarea:focus{border-color:var(--lime);outline:none}.photo-edit{flex-direction:column;align-items:center;gap:12px;margin-bottom:6px;display:flex}.profil-avatar--edit{width:88px;height:88px;margin:0;font-size:34px}.photo-bouton{border:1px solid var(--carte-bord);background:var(--carte);color:var(--texte);cursor:pointer;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.photo-bouton:hover{border-color:var(--lime)}#root{padding-bottom:90px}.barre-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--carte-bord);padding:8px 0 max(8px, env(safe-area-inset-bottom));z-index:50;background:#121e18eb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;color:var(--texte-doux);font-family:var(--courant);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px;display:flex}.nav-icone{filter:grayscale()opacity(.6);font-size:20px;transition:filter .15s}.nav-label{font-size:11px;font-weight:600}.nav-item.actif{color:var(--lime)}.nav-item.actif .nav-icone{filter:none}.fab{bottom:102px}.carte-equipe{cursor:pointer;align-items:center}.carte-equipe:active{border-color:var(--lime)}.equipe-ecusson{background:linear-gradient(135deg, var(--lime), #7cc41f);min-width:56px;height:56px;color:var(--lime-fonce);font-family:var(--affichage);border-radius:14px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.equipe-ecusson--grand{border-radius:20px;width:84px;min-width:84px;height:84px;font-size:32px}.equipe-entete{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.equipe-compte{color:var(--texte-doux);font-size:14px}.carte-membre{align-items:center}.membre-avatar{background:var(--lime);min-width:48px;height:48px;color:var(--lime-fonce);font-family:var(--affichage);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;overflow:hidden}.membre-avatar img{object-fit:cover;width:100%;height:100%}.carte-cliquable{cursor:pointer}.carte-cliquable:active{border-color:var(--lime)}.detail-bloc{background:var(--carte);border:1px solid var(--carte-bord);border-radius:18px;margin-bottom:18px;padding:20px}.detail-lieu{font-family:var(--affichage);text-transform:uppercase;font-size:24px;font-weight:800}.detail-action{margin-bottom:22px}.statut-attente,.statut-ok,.statut-refus{text-align:center;border:1px solid var(--carte-bord);border-radius:12px;padding:14px;font-size:15px;font-weight:600}.statut-attente{color:var(--ambre)}.statut-ok{color:var(--lime);border-color:var(--lime)}.statut-refus{color:#f58f8f}.detail-section{margin-bottom:22px}.section-titre{font-family:var(--affichage);text-transform:uppercase;letter-spacing:.5px;color:var(--texte-doux);margin-bottom:10px;font-size:16px;font-weight:700}.candidature-actions{gap:8px;display:flex}.btn-accepter,.btn-refuser{cursor:pointer;border:none;border-radius:10px;width:40px;height:40px;font-size:18px;font-weight:700}.btn-accepter{background:var(--lime);color:var(--lime-fonce)}.btn-refuser{background:var(--carte-bord);color:var(--texte)}.btn-accepter:disabled,.btn-refuser:disabled{opacity:.5}.splash{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:80vh;display:flex}.logo-splash{letter-spacing:5px;font-size:26px}.terrain{aspect-ratio:3/4;background:repeating-linear-gradient(0deg,#0f1d13 0 28px,#122417 28px 56px);border:2px solid #b8f53d40;border-radius:16px;width:100%;margin:4px 0 16px;position:relative;overflow:hidden}.terrain-ligne-mediane{background:#b8f53d40;height:2px;position:absolute;top:50%;left:0;right:0}.terrain-rond{aspect-ratio:1;border:2px solid #b8f53d40;border-radius:50%;width:26%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plot{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.plot-pastille{width:46px;height:46px;font-family:var(--affichage);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;transition:transform .12s;display:flex;overflow:hidden}.plot-pastille img{object-fit:cover;width:100%;height:100%}.plot:active .plot-pastille{transform:scale(.9)}.plot-vacant .plot-pastille{color:var(--texte-doux);background:#0c1410b3;border:2px dashed #f2f7f166;font-size:22px}.plot-occupe .plot-pastille{background:var(--lime);color:var(--lime-fonce);border:2px solid #fff}.plot-attente .plot-pastille{border:2px solid var(--ambre);background:#f5c33d33}.plot-surligne .plot-pastille{outline-offset:2px;outline:3px solid #fff}.plot-label{color:var(--texte);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px;background:#0c1410bf;border-radius:999px;max-width:76px;padding:2px 7px;font-size:10px;font-weight:700;overflow:hidden}