/* MaliOverseas — design « Sankoré Orbit 2050 » retenu par Sérilo le 26/09/2026.
   Coque claire menthe, barre latérale à icônes, panneau Radar vert nuit.
   Titres : Comfortaa (ronde géométrique, comme la maquette) ; interface : Barlow ;
   grands chiffres : Barlow Condensed. Le drapeau vit dans le logo. */
:root{
  --menthe-fond:#EDF6F0; --menthe:#D9F2E4; --menthe-vif:#4FE0A0; --vert:#17A55C; --vert-chiffre:#1FAF5E;
  --encre:#12382B; --texte:#23443A; --doux:#5D776C; --filet:#D3E4DA; --blanc:#FFFFFF;
  --or:#E9B730; --or-vif:#F4C542; --rouge:#E3342F;
  --nuit:#0B3627; --nuit-2:#0E4632;
  --lien:#1763C6; --rayon:22px; --ombre:0 10px 30px rgba(18,56,43,.10);
  --titre:"Comfortaa",system-ui,sans-serif; --ui:"Barlow",system-ui,sans-serif; --chiffre:"Barlow Condensed","Barlow",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--texte);font:17px/1.55 var(--ui);
  background:radial-gradient(120% 80% at 0 0,#F6FBF8 0,transparent 55%),radial-gradient(90% 70% at 100% 100%,#E3F2EA 0,transparent 60%),var(--menthe-fond)}
a{color:var(--lien);text-decoration:underline}
h1,h2,h3{font-family:var(--titre);font-weight:700;color:var(--encre);line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4vw,2.9rem);margin:.1em 0 .4em}
h2{font-size:1.45rem;margin:1.2em 0 .5em}
h3{font-size:1.15rem;margin:1em 0 .4em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.evitement{position:absolute;left:-9999px}.evitement:focus{left:16px;top:8px;z-index:99;background:#fff;padding:8px 12px;border-radius:10px}
:focus-visible{outline:3px solid #1763C6;outline-offset:2px}

/* ---------- En-tête ---------- */
.bandeau-haut{display:flex;align-items:center;gap:18px 34px;flex-wrap:wrap;padding:18px 36px 10px}
.logo img{display:block;height:46px;width:auto}
.devise-marque{margin:0;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--encre);font-weight:600}
.orbite-titre{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;font-weight:600}
.orbite-de{color:#C79A1E}.orbite-2050{color:var(--encre)}
.orbite-ligne{position:relative;display:block;width:clamp(80px,16vw,290px);height:2px;background:linear-gradient(90deg,transparent,var(--or))}
.orbite-ligne i{position:absolute;right:-6px;top:-6px;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--or);background:#fff}

/* ---------- Coque : barre latérale + scène ---------- */
.coque{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 80px)}
.connecte .coque{grid-template-columns:250px minmax(0,1fr)}
.barre-laterale{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:0 32px 0 0;padding:26px 16px 24px;display:flex;flex-direction:column;box-shadow:var(--ombre)}
.barre-laterale ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.barre-laterale a{position:relative;display:flex;align-items:center;gap:16px;padding:13px 16px;border-radius:16px;color:var(--encre);text-decoration:none;font-size:18px;font-weight:500}
.barre-laterale a:hover{background:#EEF8F2}
.barre-laterale a.actif{background:var(--menthe);box-shadow:inset 0 0 0 1px #BFE8D0}
.barre-laterale a.actif .ico{color:var(--vert)}
.barre-laterale .ico{width:28px;height:28px;flex:none}
.barre-laterale hr{border:0;border-top:1.5px solid var(--filet);margin:22px 12px}
.pastille-rouge{position:absolute;left:36px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--rouge);box-shadow:0 0 0 2px #fff}
.racines{margin-top:auto;padding:30px 14px 0}
.racines p{margin:10px 0 12px;font-size:11.5px;line-height:1.9;letter-spacing:.3em;text-transform:uppercase;color:var(--encre);font-weight:600}
.racines i{display:block;width:40px;height:4px;border-radius:4px;background:var(--or)}

.scene{min-width:0;display:flex;flex-direction:column;padding:0 28px 0 24px}
.invite .scene{padding:0 36px}
.barre-outils{display:flex;align-items:center;gap:18px;padding:10px 0 18px}
.recherche{flex:1;min-width:0;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E0EDE5;border-radius:18px;padding:0 16px;height:60px;box-shadow:0 4px 18px rgba(18,56,43,.06);max-width:1180px}
.recherche .ico{color:var(--encre);flex:none}
.recherche input{flex:1;min-width:0;width:100%;border:0;background:none;font:inherit;font-size:18px;color:var(--encre);outline:none}
.recherche input::placeholder{color:#6F877D}
.recherche kbd{font:500 14px var(--ui);color:var(--doux);border:1px solid var(--filet);border-radius:8px;padding:3px 9px;background:#FAFCFB}
.recherche kbd+kbd{margin-left:-10px}
.cloche{position:relative;color:var(--encre);display:flex;padding:8px}
.cloche .ico{width:30px;height:30px}
.cloche .pastille-rouge{left:auto;right:6px;top:4px}
.separateur{width:1.5px;height:34px;background:var(--filet)}
.menu-compte{position:relative}
.menu-compte summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer}
.menu-compte summary::-webkit-details-marker{display:none}
.avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 4px 12px rgba(0,0,0,.12)}
.avatar-initiales{display:flex;align-items:center;justify-content:center;background:var(--nuit-2);color:#fff;font:700 18px var(--titre)}
.compte-nom{display:flex;flex-direction:column;line-height:1.25}
.compte-nom b{color:var(--encre);font-size:17px}.compte-nom small{color:var(--doux);font-size:15px}
.menu-compte-liste{position:absolute;right:0;top:64px;z-index:1200;min-width:230px;background:#fff;border-radius:16px;box-shadow:var(--ombre);border:1px solid var(--filet);padding:8px;display:grid}
.menu-compte-liste a,.menu-compte-liste button{display:block;text-align:left;padding:10px 12px;border-radius:10px;color:var(--encre);text-decoration:none;font:inherit;background:none;border:0;cursor:pointer;width:100%}
.menu-compte-liste a:hover,.menu-compte-liste button:hover{background:var(--menthe-fond)}
.menu-compte-liste form{margin:0}
.lien-discret{color:var(--encre)}

.contenu{flex:1;padding:6px 0 32px}
.pied{display:flex;align-items:flex-end;gap:24px;padding:18px 4px 22px;font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--encre);font-weight:600}
.pied p{margin:0;line-height:1.8}
.pied-ligne{flex:1;height:1.5px;background:var(--filet);margin-bottom:10px}
.pied-droite i{display:inline-block;width:62px;height:3px;margin-left:14px;vertical-align:middle;background:repeating-linear-gradient(90deg,var(--or) 0 10px,transparent 10px 16px)}

/* ---------- Composants communs ---------- */
.encadre{background:rgba(255,255,255,.92);border:1px solid #E1EEE6;border-radius:var(--rayon);padding:22px;box-shadow:var(--ombre)}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.indicateurs{display:flex;flex-wrap:wrap;gap:14px}
.indicateur{flex:1 1 160px;background:#fff;border:1px solid #E1EEE6;border-radius:20px;padding:16px 18px;text-decoration:none;color:inherit;box-shadow:var(--ombre)}
.indicateur b{display:block;font:600 2.2rem/1.1 var(--chiffre);color:var(--vert-chiffre)}
.indicateur span{color:var(--doux);font-size:15px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;background:var(--encre);color:#fff;padding:12px 22px;font:600 17px var(--ui);text-decoration:none;cursor:pointer}
.btn:hover{background:#0A2A1F}
.btn-menthe{background:var(--menthe-vif);color:var(--encre)}.btn-menthe:hover{background:#3BD08E}
.btn-clair{background:#fff;color:var(--encre);border:1.5px solid var(--encre)}
.btn-petit{padding:7px 14px;font-size:15px;border-radius:12px}
form.formulaire{max-width:640px}
label{display:block;font-weight:600;margin:14px 0 4px;color:var(--encre)}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=file],select,textarea{width:100%;padding:11px 13px;border:1.5px solid #C6DACE;border-radius:12px;font:inherit;background:#fff;color:var(--encre)}
.aide{color:var(--doux);font-size:14.5px;margin:3px 0 0}
.case{display:flex;gap:10px;align-items:flex-start;font-weight:500;margin:10px 0}
.case input{margin-top:5px;width:18px;height:18px;accent-color:var(--vert)}
.leurre{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.deux-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.alerte{border-radius:14px;padding:12px 16px;margin:0 0 18px}
.alerte ul{margin:0;padding-left:1.1em}
.alerte.ok{background:#E6F7EC;border:1px solid #A9DDB9}
.alerte.erreur{background:#FDECEC;border:1px solid #F0B2B2}
.tableau-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;background:#fff;border:1.5px solid #9FB8AC}
th,td{border:1px solid #CFDFD6;padding:9px 11px;text-align:left;vertical-align:top}
th{background:#ECF6F0;color:var(--encre)}
.pastille{display:inline-block;border-radius:999px;padding:1px 10px;font-size:13px;font-weight:700;background:#EEF2F0;color:#40584E}
.pastille.on{background:#DDF4E6;color:#146A37}.pastille.off{background:#F7E4E4;color:#7A1F1F}
.badge-pro{background:#E6EEFB;color:#244E8F}.badge-primo{background:#FBEFD9;color:#7A5205}
.module-grp{margin-bottom:18px}
.module-ligne{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #E6EFEA;margin:0;font-weight:500}
.module-ligne:first-of-type{border-top:0}
.module-ligne input{width:22px;height:22px;margin-top:3px;flex:none;accent-color:var(--vert)}
.module-ligne small{display:block;color:var(--doux)}
.sous-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.sous-nav a{padding:8px 16px;border-radius:14px;border:1.5px solid var(--filet);text-decoration:none;color:var(--encre);font-weight:600;background:#fff}
.sous-nav a.actif{border-color:var(--vert);background:var(--menthe)}
.contenu-rubrique{white-space:pre-line}
.en-ligne{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.en-ligne select{width:auto}
.lien-btn{background:none;border:0;padding:0;color:var(--lien);text-decoration:underline;font:inherit;cursor:pointer}

/* ---------- Radar : panneau vert nuit ---------- */
.contenu-radar{padding:0}
.radar{position:relative;min-height:760px;height:max(860px,calc(100vh - 205px));border-radius:28px;overflow:hidden;background:radial-gradient(70% 70% at 55% 55%,#145C40 0,var(--nuit) 65%,#072A1E 100%);box-shadow:var(--ombre);isolation:isolate}
.radar-fond{position:absolute;inset:0;background:transparent;z-index:0}
.radar .leaflet-container{background:transparent;font:inherit}
.radar-entete{position:absolute;left:34px;top:26px;right:26px;z-index:500;pointer-events:none}
.radar-entete h1,.radar-sous-titre{max-width:calc(100% - 290px)}
.radar-entete h1{margin:0;color:#fff;font-size:clamp(2rem,3.3vw,4rem);white-space:nowrap;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.radar-sous-titre{margin:6px 0 22px;color:#EAF7EF;font-size:clamp(15px,1.4vw,21px);letter-spacing:.32em;font-weight:500}
.pilules{display:flex;flex-wrap:wrap;gap:14px;pointer-events:auto}
.pilule{position:relative;display:flex;align-items:center;gap:10px;margin:0;flex:0 1 230px;min-width:170px;height:56px;padding:0 42px 0 18px;border-radius:16px;background:rgba(255,255,255,.95);color:var(--encre);font-weight:500;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.pilule-active{box-shadow:0 0 0 3px #7FE3B1,0 6px 20px rgba(0,0,0,.18)}
.pilule-active>.ico{color:var(--vert)}
.pilule select{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;font:500 18px var(--ui);color:var(--encre);width:100%;cursor:pointer;outline:none}
.pilule .chevron{position:absolute;right:16px;pointer-events:none}
.pilule-inactive{opacity:.72}
.radar-stat{position:absolute;right:26px;top:26px;z-index:500;display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.95);border-radius:22px;padding:18px 26px;box-shadow:0 8px 26px rgba(0,0,0,.18);color:var(--encre)}
.radar-stat p{margin:0;font-size:18px;line-height:1.3}
.radar-stat b{font:600 3.1rem/1 var(--chiffre);color:var(--vert-chiffre);margin-right:6px}
.radar-stat span{font-size:18px}
.carte-profil{position:absolute;right:26px;top:218px;z-index:600;width:min(420px,calc(100% - 52px));background:rgba(255,255,255,.97);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.25)}
.carte-profil[hidden]{display:none}
.carte-profil-fermer{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:10px;border:1px solid var(--filet);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--encre)}
.cp-haut{display:flex;gap:20px;align-items:center}
.cp-haut img,.cp-initiales{width:112px;height:126px;border-radius:16px;object-fit:cover;flex:none}
.cp-initiales{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1C6B4B,#0B3627);color:#fff;font:700 42px var(--titre)}
.cp-enligne{margin:0 0 10px;font-size:15px;color:var(--encre)}
.cp-enligne i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#28D17C;margin-right:6px}
.cp-horsligne i{background:#B7C6BF}
.carte-profil h2{margin:0 0 8px;font-size:1.5rem}
.cp-lieu{margin:0;display:flex;gap:6px;align-items:center;font-size:17px;color:var(--encre)}
.carte-profil blockquote{margin:14px 0 12px;font-style:italic;font-size:17px;color:var(--encre)}
.cp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cp-tags span{border:1px solid #CFE3D7;border-radius:14px;padding:6px 14px;font-size:15.5px;background:#F7FBF9}
.btn-voir{display:flex;justify-content:center;align-items:center;gap:10px;height:52px;border-radius:16px;background:var(--menthe-vif);color:var(--encre);text-decoration:none;font-weight:700;font-size:19px}
.btn-voir:hover{background:#3BD08E}
.carte-profil-nav{position:absolute;right:66px;top:20px;display:flex;align-items:center;gap:8px;color:var(--doux);font-size:14px}
.carte-profil-nav[hidden]{display:none}
.carte-profil-nav button{border:1px solid var(--filet);background:#fff;border-radius:10px;width:34px;height:30px;cursor:pointer;font-size:18px;color:var(--encre)}
.radar-zoom{position:absolute;right:26px;bottom:110px;z-index:500;display:grid;background:rgba(255,255,255,.95);border-radius:18px;padding:6px;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.radar-zoom button{width:52px;height:52px;border:0;background:none;color:var(--encre);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:12px}
.radar-zoom button+button{border-top:1px solid var(--filet);border-radius:0}
.radar-zoom .ico{width:28px;height:28px}
.radar-legende{position:absolute;left:30px;bottom:24px;z-index:500;background:rgba(255,255,255,.95);border-radius:20px;padding:16px 22px;box-shadow:0 8px 22px rgba(0,0,0,.2);font-size:15.5px;color:var(--encre)}
.radar-legende p{margin:6px 0;display:flex;align-items:center;gap:12px}
.radar-legende i{display:inline-block;width:18px;height:18px;border-radius:50%}
.leg-origine{border:3px solid var(--or);background:#FFF3C4}
.leg-membre{background:#2FD37F;box-shadow:0 0 0 4px rgba(47,211,127,.25)}
.leg-opportunite{background:var(--rouge);box-shadow:0 0 0 4px rgba(227,52,47,.25)}
.leg-corridor{width:26px!important;height:3px!important;border-radius:0!important;background:repeating-linear-gradient(90deg,var(--or) 0 4px,transparent 4px 7px)}
.radar-rayon{position:absolute;right:26px;bottom:24px;z-index:500;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;width:min(440px,calc(100% - 52px));background:rgba(255,255,255,.95);border-radius:20px;padding:14px 20px;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.radar-rayon .ico{grid-row:1 / span 2;color:var(--vert)}
.radar-rayon label{margin:0;font-weight:500;font-size:16px}
.radar-rayon input[type=range]{grid-column:2;accent-color:var(--vert);width:100%}
.radar-rayon select{grid-column:3;grid-row:1 / span 2;width:auto;font-weight:600}
.radar-etat{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:450;margin:0;padding:4px 14px;border-radius:999px;background:rgba(6,34,24,.72);color:#DDF2E6;font-size:13px;max-width:60%;text-align:center}
.pilule-lien{flex:0 0 auto;min-width:0;padding:0 18px;text-decoration:none;font-size:17px;gap:8px}
/* marqueurs */
.zone{position:relative}
.zone-point{display:block;border-radius:50%;background:radial-gradient(circle,#E8FFF1 0 22%,#39E08C 23% 55%,rgba(57,224,140,.25) 56%);box-shadow:0 0 14px 6px rgba(57,224,140,.55)}
.zone-pro .zone-point,.zone-point.zone-pro{background:radial-gradient(circle,#E8FFF1 0 22%,#39E08C 23% 55%,rgba(57,224,140,.25) 56%)}
.zone-nom{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-58%);white-space:nowrap;color:#fff;font:600 26px/1 var(--chiffre);text-shadow:0 2px 8px rgba(0,0,0,.55)}
.zone-nom b{display:block;font:600 19px/1.2 var(--ui);margin-bottom:2px}
.zone-nom-origine{left:auto;right:calc(100% + 8px);transform:translateY(-10%)}
.origine{position:relative}
.origine-point{position:absolute;inset:0;border-radius:50%;background:#FFF3C4;border:4px solid var(--or-vif);box-shadow:0 0 22px 10px rgba(244,197,66,.6)}
.origine b{position:absolute;left:34px;top:50%;transform:translateY(-50%);color:#fff;font:600 24px var(--ui);text-shadow:0 2px 8px rgba(0,0,0,.6);white-space:nowrap}
.etiquette-geo span{display:block;text-align:center;color:rgba(214,240,226,.72);font-size:13.5px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;line-height:1.7}
.vous span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #0B3627;box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.leaflet-control-attribution{background:rgba(6,34,24,.55)!important;color:#BFD9CB!important;font-size:10px!important}

/* ---------- Radar : liste, fiche, filtres ---------- */
.radar-haut{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:14px}
.commutateur{display:inline-flex;border:1.5px solid var(--encre);border-radius:14px;overflow:hidden}
.commutateur a{padding:7px 18px;text-decoration:none;color:var(--encre);font-weight:700}
.commutateur a.actif{background:var(--encre);color:#fff}
.radar-grille{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;align-items:start}
.filtres label{margin-top:8px}
.filtres-cases{display:flex;flex-wrap:wrap;gap:0 14px}
.filtres-cases .case{margin:4px 0}
.radar-position{margin:0 0 12px;padding:9px 14px;border-radius:12px;background:#E3F2E9;font-size:15px}
.liste-membres{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.membre-carte{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 16px;align-items:center;background:#fff;border:1px solid #E1EEE6;border-radius:20px;padding:12px 18px;text-decoration:none;color:inherit;box-shadow:0 4px 14px rgba(18,56,43,.06)}
.membre-carte:hover{border-color:var(--vert)}
.membre-photo{grid-row:1 / span 2;width:56px;height:56px;border-radius:14px;object-fit:cover}
.membre-photo.avatar-initiales{display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:18px}
.membre-nom{font-weight:700;color:var(--encre)}
.membre-lieu{grid-column:2;color:var(--doux);font-size:15px}
.membre-distance{grid-column:3;grid-row:1 / span 2;font:600 22px var(--chiffre);color:var(--vert-chiffre);white-space:nowrap}
.fiche-haut{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.fiche-haut img,.fiche-haut .cp-initiales{width:170px;height:190px;border-radius:18px;object-fit:cover}
.message-eph{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;background:#FFF7DB;border:1px solid #EFD98E;border-radius:14px;padding:10px 14px;margin-bottom:12px}
.message-eph.reduit .message-texte{display:none}
.message-eph[hidden]{display:none}
.bandeau{overflow:hidden;border:1px solid #E1EEE6;border-radius:16px;background:#fff;margin-top:14px;white-space:nowrap}
.bandeau-piste{display:inline-flex;gap:44px;padding:10px 22px}
.bandeau.defile .bandeau-piste{animation:bandeau 45s linear infinite}
.bandeau:hover .bandeau-piste{animation-play-state:paused}
@keyframes bandeau{to{transform:translateX(-50%)}}
.bandeau-anim{margin:8px 0 0;font-size:14px}
.bandeau:not(.defile){overflow-x:auto}

/* ---------- Écrans moyens et téléphone ---------- */
@media (max-width:1280px){
  .radar-entete{right:26px}
  .radar-stat{top:auto;bottom:124px;right:100px;padding:12px 18px}
  .radar-stat b{font-size:2.3rem}
  .carte-profil{top:auto;bottom:124px}
}
@media (max-width:900px){
  .connecte .coque{grid-template-columns:minmax(0,1fr)}
  .barre-laterale{border-radius:22px;margin:0 16px 12px;padding:8px}
  .barre-laterale ul{display:flex;overflow-x:auto;gap:4px}
  .barre-laterale a{padding:9px 12px;font-size:15px;white-space:nowrap;gap:8px}
  .barre-laterale .ico{width:22px;height:22px}
  .barre-laterale hr,.racines{display:none}
  .barre-laterale{flex-direction:row;gap:4px;overflow-x:auto}
  .pastille-rouge{left:26px;top:5px}
  .scene,.invite .scene{padding:0 16px}
  .bandeau-haut{padding:14px 16px 8px}
  .orbite-titre{display:none}
  .radar-grille{grid-template-columns:minmax(0,1fr)}
  .radar-grille > aside{order:2}
  .radar{height:auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px}
  .radar-fond{position:relative;inset:auto;height:62vh;min-height:360px;border-radius:18px;order:2}
  .radar-entete h1{white-space:normal}
  .radar-entete,.radar-stat,.carte-profil,.radar-zoom,.radar-legende,.radar-rayon,.radar-etat{position:static;transform:none;width:auto;max-width:none}
  .radar-entete{order:1}
  .radar-stat{order:3}.carte-profil{order:3}.radar-rayon{order:4}.radar-zoom{order:2;display:flex;align-self:flex-end;margin-top:-80px;z-index:600}
  .radar-zoom button+button{border-top:0;border-left:1px solid var(--filet)}
  .radar-legende{order:5}.radar-etat{order:6;background:rgba(6,34,24,.72)}
  .pilule{min-width:0;flex:1 1 calc(50% - 7px)}
  .radar-entete h1,.radar-sous-titre{max-width:none}
  .cp-haut img,.cp-initiales{width:110px;height:124px}
}
@media (max-width:640px){
  .deux-col{grid-template-columns:minmax(0,1fr)}
  .devise-marque{display:none}
  .logo img{height:38px}
  .compte-nom{display:none}
  .separateur{display:none}
  .barre-outils{gap:8px}
  .avatar{width:44px;height:44px}
  .recherche{height:50px}.recherche kbd{display:none}
  .pied{flex-wrap:wrap}.pied-ligne{display:none}
  .pilule{flex-basis:100%}
}