.carte-plan{flex:3 1 560px;min-width:0;}
.carte-legende{flex:2 1 340px;min-width:0;}
.carte-ile{max-width:1377px;aspect-ratio:1377/718;}
.carte-ile img{width:100%;max-width:none;height:auto;}
.carte-ile svg{top:0;left:0;width:100%;height:100%;pointer-events:none;}
.carte-pin{transform:translate(-50%,-50%);transition:scale .25s,box-shadow .25s,background-color .25s;animation:carteArrive .5s ease-out backwards;}
.carte-p0{left:51.2%;top:72%;}
.carte-p1{left:54%;top:19%;animation-delay:.15s;}
.carte-p2{left:23%;top:80%;animation-delay:.3s;}
.carte-p3{left:84.5%;top:71%;animation-delay:.45s;}
.carte-p4{left:89%;top:31%;animation-delay:.6s;}
.carte-p5{left:35%;top:30%;animation-delay:.75s;}
.carte-p6{left:67%;top:80.5%;animation-delay:.9s;}
.carte-p7{left:11%;top:89%;animation:carteArrive .5s ease-out 1.05s backwards,carteVague 3.2s ease-in-out 1.6s infinite;}
.carte-trace{animation:carteMarche 1.8s linear infinite;}
.carte-ile a.carte-pin:hover,.carte-ile a.carte-pin.carte-vu,.carte-ile a.carte-pin.carte-ici{scale:1.22;z-index:1;box-shadow:0 0 0 3px rgba(255,187,0,.55),0 0 16px 4px rgba(255,187,0,.6);text-decoration:none;}
.carte-ile a.carte-pin.carte-ici{background-color:#fb0;color:#013;}
.carte-bande{position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .3s,filter .3s;}
.carte-bande.carte-vu{box-shadow:inset 0 0 0 3px #fb0,0 0 12px 1px rgba(255,187,0,.4);filter:brightness(1.05);z-index:1;}
.carte-bande.carte-ici{box-shadow:inset 0 0 0 3px #fb0,0 0 16px 2px rgba(255,187,0,.5);z-index:1;}
.carte-bande.carte-ici .carte-mot{background-color:#fb0;color:#013;}
.carte-bande::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,rgba(255,187,0,0),rgba(255,187,0,.5) 42%,rgba(255,255,255,.85) 50%,rgba(255,187,0,.5) 58%,rgba(255,187,0,0));transform:skewX(-20deg);pointer-events:none;opacity:0;}
.carte-bande.carte-reflet::after{animation:carteReflet 1.1s ease-out 1;}
@keyframes carteReflet{from{left:-60%;opacity:1;}to{left:130%;opacity:1;}}
@keyframes carteArrive{from{scale:0;opacity:0;}70%{scale:1.2;opacity:1;}to{scale:1;}}
@keyframes carteVague{50%{translate:0 -4px;rotate:-4deg;}}
@keyframes carteMarche{to{stroke-dashoffset:-20;}}
@media all and (max-width:640px){header .haut168{display:none;}.carte-bande{scroll-margin-top:12px;}}
@media (prefers-reduced-motion:reduce){.carte-pin,.carte-p7,.carte-trace,.carte-bande.carte-reflet::after{animation:none;}}