.entete-c{padding:48px 0 24px}
.fil{font-size:13px;color:var(--texte-3)}.fil a:hover{color:var(--laiton)}
.entete-c h1{font-size:clamp(36px,5vw,58px);margin:12px 0 8px}
.entete-c p{color:var(--texte-2);font-size:17px;max-width:640px}
.carte-zone{display:grid;grid-template-columns:1fr 360px;gap:18px;padding-bottom:96px}
.plateau{position:relative;aspect-ratio:16/11;border-radius:var(--rayon);border:1px solid var(--trait-fort);overflow:hidden;
  background:radial-gradient(500px 300px at 50% 50%,rgba(140,160,200,.12),transparent 70%),radial-gradient(900px 600px at 50% 120%,rgba(180,196,220,.10),transparent 60%),#0d131d}
.plateau::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;opacity:.5}
.plateau svg.liens{position:absolute;inset:0;width:100%;height:100%}
.plateau svg.liens path{fill:none;stroke:rgba(214,178,98,.45);stroke-width:2;stroke-dasharray:6 7}
.rose{position:absolute;right:18px;bottom:16px;font-family:Cinzel;font-size:12px;color:var(--texte-3);text-align:center}
.rose b{display:block;font-size:22px;color:var(--laiton)}
.ilot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:none;border:0;color:var(--texte);font:inherit}
.ilot .disque{display:grid;place-items:center;border-radius:50%;border:2px solid var(--trait-fort);background:radial-gradient(circle at 50% 40%,#1d2840,#0f1524);overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.5);transition:.25s}
.ilot .disque img{width:100%;height:100%;object-fit:cover}
.ilot .disque img.mob{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.ilot .nom{padding:4px 10px;border-radius:8px;background:rgba(11,15,22,.85);border:1px solid var(--trait);font-size:13px;font-weight:600;white-space:nowrap}
.ilot:hover .disque,.ilot.on .disque{border-color:var(--laiton-clair);box-shadow:0 0 0 6px rgba(214,178,98,.18),0 14px 30px rgba(0,0,0,.5);transform:scale(1.06)}
.ilot.on .nom{border-color:var(--laiton);color:var(--laiton-clair)}
.d-xl{width:170px;height:170px}.d-l{width:118px;height:118px}.d-m{width:92px;height:92px}
.serveur{position:absolute;padding:3px 8px;border-radius:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--texte-3);border:1px dashed rgba(255,255,255,.12)}
.panneau-lieu{border-radius:var(--rayon);border:1px solid var(--trait);background:var(--carte);overflow:hidden;align-self:start;position:sticky;top:96px}
.panneau-lieu .image{height:190px;background:#1e2226;display:grid;place-items:center;overflow:hidden}
.panneau-lieu .image img{width:100%;height:190px;object-fit:cover}
.panneau-lieu .image img.mob{width:auto;height:170px;object-fit:contain}
.panneau-lieu .corps{padding:20px 22px 24px}
.panneau-lieu h2{font-size:24px;margin:10px 0 8px}
.panneau-lieu p{font-size:14px;color:var(--texte-2)}
.panneau-lieu dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:16px 0;font-size:14px}
.panneau-lieu dt{color:var(--texte-3)}.panneau-lieu dd{color:var(--texte)}
.panneau-lieu .btn{width:100%;justify-content:center;height:42px}
.legende-c{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--texte-3)}
.legende-c span::before{content:"";display:inline-block;width:22px;height:0;border-top:2px dashed rgba(214,178,98,.6);vertical-align:middle;margin-right:8px}
.liste-mobile{display:none}
@media (max-width:1000px){.carte-zone{grid-template-columns:1fr}.panneau-lieu{position:static}}
@media (max-width:700px){
  .plateau{aspect-ratio:auto;height:auto;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .plateau svg.liens,.serveur,.rose{display:none}
  .ilot{position:static;transform:none}
  .d-xl,.d-l,.d-m{width:96px;height:96px}
}