.voy-island-screen .carte-scroll{background:#092d42;background-image:radial-gradient(ellipse at 25% 75%,#19545c55,transparent 50%)}
.voy-island-screen .path-wrap{width:min(100%,450px);margin-bottom:55px}
.voy-island-screen .path-svg path{stroke:#74daca55;stroke-width:3;stroke-dasharray:4 12}
.voy-island-screen .path-svg .path-next{stroke:#abdcd1;stroke-width:4}
.voy-island-screen .node.voy-step{width:186px;height:130px;margin-left:-93px;border:0;background:none!important;box-shadow:none!important;animation:none!important;border-radius:32%;overflow:visible;color:#f9edc7;isolation:isolate;transition:transform .15s ease}
.voy-island-screen .node.voy-step:active{transform:translateY(2px)}
.voy-island-screen .node.voy-step::after{display:none}
.voy-step-art{position:absolute;inset:0;width:100%;height:124px;object-fit:contain;pointer-events:none;mask-image:radial-gradient(ellipse 74% 76% at 50% 52%,#000 40%,transparent 78%)}
.voy-step-number{position:absolute;left:50%;top:51px;transform:translateX(-50%);width:35px;height:35px;display:grid;place-items:center;z-index:3;background:#112a3eea;border:2px solid #8bbfb6;border-radius:50%;font:850 17px system-ui;color:#edf8f4;box-shadow:0 3px 0 #143c47}
.voy-step-number svg{width:22px!important;height:22px!important}
.node.voy-step.current .voy-step-number{color:#102a3e;background:#c5e7df;box-shadow:0 3px 0 #608e88,0 0 18px #a8e0d344}
.node.voy-step.done .voy-step-number,.node.voy-step.gold-done .voy-step-number{background:#246846;border-color:#b5f5c3;color:#eff9f5}
.node.voy-step.locked{filter:none;cursor:pointer}
.node.voy-step.locked .voy-step-art{filter:saturate(.4);opacity:.7}
.node.voy-step.locked .voy-step-number{background:#254352;border-color:#829b9e;color:#dae3df}
.voy-step-title{position:absolute;top:117px;left:50%;transform:translateX(-50%);width:180px;max-height:38px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font:650 12px/1.35 system-ui;color:#f0edda;text-shadow:0 1px 5px #051927;pointer-events:none;text-align:center}
.node.voy-step .stars{bottom:auto;top:92px;z-index:4;gap:1px;filter:drop-shadow(0 1px 2px #172b39)}
.node.voy-step .stars svg{width:15px;height:15px}
.voy-step-lock{position:absolute;top:93px;left:50%;transform:translateX(-50%);font:650 9px system-ui;color:#d2d9d7;background:#153745d9;padding:2px 5px;border-radius:5px;white-space:nowrap}
.voy-step-water{position:absolute;left:28%;top:97px;width:50%;height:12px;border-bottom:2px solid #88f2de66;border-radius:50%;pointer-events:none;animation:step-surf 4s ease-in-out infinite}
.voy-step:nth-of-type(2n) .voy-step-water{animation-delay:-2s}
.voy-step-flag{position:absolute;left:66%;top:25px;height:35px;border-left:2px solid #f4ddad;z-index:2;pointer-events:none}
.voy-step-flag:after{content:'';position:absolute;width:23px;height:15px;background:#e65a7c;clip-path:polygon(0 0,100% 15%,78% 60%,0 80%);transform-origin:0 50%;animation:step-pennant 2s ease-in-out infinite}
.voy-island-screen .navire{width:57px;height:57px;z-index:5}
.voy-island-screen .carte-merlin{background:none;padding-top:0;padding-bottom:75px;min-height:230px;isolation:isolate}
.voy-island-screen .carte-merlin:before{content:'';position:absolute;left:50%;top:45px;transform:translateX(-50%);width:240px;height:160px;background:url('assets/world/steps/palmiers.webp') center/contain no-repeat;mask-image:radial-gradient(ellipse 76% 75%,#000 40%,transparent 78%);pointer-events:none}
.voy-island-screen .carte-merlin>img{position:relative;top:50px;z-index:2;width:100px;filter:drop-shadow(0 5px 8px #05192788)}
.voy-island-screen .carte-merlin .cm-vanne{position:relative;z-index:3}
@keyframes step-surf{50%{transform:translateX(8px);opacity:.35}}@keyframes step-pennant{50%{transform:skewY(-9deg) scaleX(.9)}}
@media(max-width:420px){.voy-island-screen .node.voy-step{width:172px;margin-left:-86px}.voy-step-title{width:158px;font-size:11px}.voy-island-screen .navire{width:47px;height:47px}}

/* La reprise reste à droite ; les signalements ont leur emplacement à gauche. */
.adventure-app .phare-btn{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));min-height:64px;min-width:190px;padding:16px 25px;font-size:19px;gap:12px;background:#c7ebe2;color:#123f4a;border:1px solid #92c9bd;box-shadow:0 4px 0 #4a8d82,0 8px 24px #0004}
.adventure-app .phare-btn svg{width:28px;height:28px}
.adventure-app .bug-reporter__btn{background:#1b5060;border:1px solid #628c97;min-height:44px}
.adventure-app .bug-reporter__btn:hover{background:#286573;color:#fff}
.map-continue-cue{display:none}
@media(min-width:1000px){
  .voy-island-screen .map-continue-cue{position:absolute;display:flex;align-items:center;justify-content:center;gap:12px;width:240px;min-height:58px;margin-left:-120px;padding:6px 12px;background:#c7ebe2;border:1px solid #93d3c2;border-radius:16px;color:#113d48;font:600 14px/1.2 system-ui;z-index:6;box-shadow:0 6px 16px #0003;text-align:left}
  .map-continue-cue>span:first-child{font-size:42px;line-height:1;animation:continue-pointer 1.8s ease-in-out infinite}
  .map-continue-cue strong{display:block;font-size:20px;margin-top:2px}
}
@keyframes continue-pointer{50%{transform:translateY(5px)}}
@media(max-width:768px){
  .adventure-app .phare-btn{min-width:156px;min-height:56px;font-size:17px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:12px 20px}
  .adventure-app .lecon-foot{padding-left:max(72px,env(safe-area-inset-left,0px))}
  .adventure-app .voy-local-scene{padding-bottom:75px;height:225px}
}
@media(prefers-reduced-motion:reduce){html:not([data-motion=vivant]):not([data-motion=doux]) .map-continue-cue>span:first-child{animation:none}}