/* B2: one transparent atlas, flexible island placement and clear progress labels. */
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined{min-height:100%;background:linear-gradient(#ccf5ff,#e7fcf5 80%,#fff9e7)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-route-switch{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:10px 16px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead>span{display:grid;gap:4px;flex:1;min-width:0;text-align:left}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead strong{font-size:29px;line-height:1.25}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead small{font-size:15px;line-height:1.4;color:#fff}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead button{display:block;min-height:44px;border:2px solid #fff;border-radius:13px;padding:8px 12px;font-size:16px;font-weight:700;background:#fffdf5;color:#6541a3;flex-shrink:0;box-shadow:0 3px 0 #0c82bf44}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-star-worlds]{display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-pathshell{padding:12px 16px 10px;min-height:0;background:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined :is(.ppl-premium-mapbanner,.ppl-v2-continue,.ppl-v2-mapfoot){display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-adv-worlds]{display:block!important;position:relative;width:100%;max-width:1080px;height:520px;aspect-ratio:auto;padding:0;margin:0 auto!important;border:3px solid #fff;border-radius:24px;overflow:hidden;isolation:isolate;background-color:#21b9ec;background-image:radial-gradient(ellipse at 15% 3%,#fffdf5a8 0,transparent 30%),radial-gradient(ellipse at 92% 94%,#e8fffa99 0,transparent 26%),repeating-radial-gradient(ellipse at 50% 60%,transparent 0 23px,#7de3fb44 24px 26px,transparent 27px 50px),linear-gradient(135deg,#6ad9fa,#04a2e6 70%,#33c5e9);box-shadow:0 4px 0 #aacfdc}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-adv-worlds]:before,.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-adv-worlds]:after{content:"";position:absolute;width:110px;height:35px;background:#ffffffb3;filter:blur(2px);border-radius:50%;box-shadow:32px -8px 0 2px #ffffffb3,68px 1px 0 -4px #ffffffb3;z-index:0;pointer-events:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-adv-worlds]:before{left:-85px;top:12%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-adv-worlds]:after{right:-70px;top:58%;transform:scale(1.3)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice{position:absolute;left:16%;top:2%;transform:translateX(-50%);width:24%;min-width:0;max-width:260px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:18px;color:#293e84;display:flex;flex-direction:column;align-items:center;gap:0;z-index:2;text-align:left;cursor:pointer}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice[data-world="bm"]{left:50%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice[data-world="en"]{left:84%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice[data-world="science"]{left:33%;top:49%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice[data-world="general"]{left:67%;top:49%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-art{display:block;flex:none;width:180px;max-width:100%;aspect-ratio:1;position:relative;background-image:url('../images/mockup-v217/islands-atlas-v1.webp');background-repeat:no-repeat;background-size:300% 200%;filter:drop-shadow(0 7px 3px #005c8c33);transition:transform .18s ease}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-label{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:3px 7px;min-width:0;width:100%;padding:10px 11px 12px;border:2px solid #fff;border-radius:16px;background:linear-gradient(#fffdf8,#f1fbff);box-shadow:0 4px 0 #057bac55,0 6px 12px #075d9024;margin-top:-9px;min-height:83px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-number{display:grid;place-items:center;width:36px;height:36px;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--island-accent);font-size:23px;font-weight:700;box-shadow:0 2px 0 #23416c24;grid-column:1;grid-row:1/3}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy{display:grid;gap:3px;min-width:0;padding-right:10px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy strong{display:block;font-size:21px;line-height:1.2;color:#293f87;font-weight:700;overflow-wrap:normal;word-break:normal}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy small{display:block;font-size:14px;line-height:1.4;color:#587193}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-meter{grid-column:2;display:block;height:5px;background:#dbe8f4;border-radius:20px;overflow:hidden;margin-top:3px;margin-right:22px}
.islands-meter i{display:block;height:100%;background:var(--island-accent);border-radius:20px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-arrow{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:22px;height:22px;background:#8c4ce0;color:#fff;border:1px solid #e9d8ff;border-radius:50%;font-size:24px;font-weight:700;line-height:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice.is-current .islands-label{border-color:#ffe97d;box-shadow:0 0 0 3px #fff2b1,0 5px 0 #0c819b66}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-current-badge{position:absolute;left:50%;top:0;transform:translateX(-50%);background:#fff7bf;border:2px solid #fff;border-radius:20px;color:#725313;font-size:13px;font-weight:700;line-height:1.3;padding:5px 10px;white-space:nowrap;box-shadow:0 3px 9px #00508222}
.islands-choice:hover .islands-art{transform:translateY(-3px)}
.islands-choice:focus-visible{outline:4px solid #ffe784;outline-offset:5px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-route{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.islands-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.islands-route .shadow{stroke:#0982bb77;stroke-width:15}
.islands-route .trail{stroke:#fffff5;stroke-width:9;stroke-dasharray:14 17}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-route-mobile{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-boat{position:absolute;font-size:37px;line-height:1;z-index:1;pointer-events:none;filter:drop-shadow(0 3px 2px #00618b33)}
.islands-boat.boat-one{top:43%;left:10%;transform:rotate(-7deg)}
.islands-boat.boat-two{top:80%;right:7%;transform:rotate(9deg)}
@media(min-width:600px) and (max-width:999px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice{width:30%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-art{width:158px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy strong{font-size:18px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-label{padding:9px 8px 11px;gap:3px 5px;grid-template-columns:32px minmax(0,1fr)}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-number{width:31px;height:31px;font-size:21px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy small{font-size:13px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-adv-worlds]{height:495px}
}
@media(max-width:599px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead{min-height:79px;padding:8px;gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead strong{font-size:21px;line-height:1.25}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead small{font-size:12px;line-height:1.4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-journeyhead button{font-size:12px;padding:7px;min-height:44px;border-radius:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined .ppl-adv-pathshell{padding:9px 7px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-refined [data-ppl-adv-worlds]{height:682px;border-radius:20px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice{display:grid;grid-template-columns:136px minmax(0,1fr);gap:4px;align-items:center;width:100%;max-width:none;left:0!important;top:calc(var(--island-index)*132px + 6px)!important;transform:none;padding:0 6px!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-art{width:136px;grid-column:1;grid-row:1}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-label{grid-column:2;grid-row:1;min-height:88px;margin:0;padding:9px 8px 11px;border-radius:14px;grid-template-columns:30px minmax(0,1fr);gap:3px 5px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-number{width:30px;height:30px;font-size:20px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy{padding-right:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy strong{font-size:18px;line-height:1.25}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy small{font-size:13px;line-height:1.4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice:is([data-world="bm"],[data-world="science"]){grid-template-columns:minmax(0,1fr) 136px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice:is([data-world="bm"],[data-world="science"]) .islands-art{grid-column:2}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice:is([data-world="bm"],[data-world="science"]) .islands-label{grid-column:1}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-current-badge{top:1px;left:auto;right:5px;transform:none;font-size:11px;padding:4px 7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-route-wide{display:none}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-route-mobile{display:block}
 .islands-route .trail{stroke-width:7;stroke-dasharray:10 14}.islands-route .shadow{stroke-width:11}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-boat{font-size:30px}
 .islands-boat.boat-one{top:17%;left:43%}.islands-boat.boat-two{top:77%;right:42%}
}
@media(max-width:359px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice{grid-template-columns:112px minmax(0,1fr);gap:2px;padding:0 4px!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice:is([data-world="bm"],[data-world="science"]){grid-template-columns:minmax(0,1fr) 112px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-art{width:112px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-copy strong{font-size:17px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-label{grid-template-columns:28px minmax(0,1fr);padding:8px 6px 10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-number{width:27px;height:27px;font-size:19px}
}
@media(prefers-reduced-motion:reduce){.islands-refined *{animation:none!important;transition:none!important}}

.ppl-app.ppl-mockup-v2.ppl-readable-v210 .islands-choice:disabled{filter:grayscale(.5);opacity:.68;cursor:not-allowed}
