/* A4 proposal: a proportional garden, ten clear hit targets and a nearby mission panel. */
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined{background:linear-gradient(#d7f3ff,#edfae9 65%,#fff7e4);min-height:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-world-switch{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-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 .star-refined .ppl-adv-journeyhead>span{display:grid;gap:3px;flex:1;min-width:0;text-align:left}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-journeyhead strong{font-size:29px;line-height:1.2}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-journeyhead small{font-size:15px;line-height:1.4;color:#fff}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-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:#fffdf7;color:#6b42ab;flex-shrink:0;box-shadow:0 3px 0 #067bc93b}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .star-world-switch{background:linear-gradient(#ab64fa,#7632e4);color:#fff;border-color:#e0bdff}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-pathshell{padding:14px 16px 12px;background:none;min-height:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined :is(.ppl-adv-pathintro,.ppl-adv-subjecttabs,.ppl-adv-pathtip){display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-path{max-width:1100px;margin-inline:auto}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-path:before{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v5-map-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);align-items:center;gap:20px;width:100%;max-width:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-starland{position:relative;width:100%;max-width:none;height:clamp(365px,calc(100dvh - 280px),490px);margin:0;border:3px solid #fff;border-radius:23px;background-size:cover;background-position:center 24%;overflow:hidden;box-shadow:0 4px 0 #bad6cd}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-starroad .edge{stroke-width:57;stroke:#a99e75}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-starroad .border{stroke-width:50;stroke:#fff5d7}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-starroad .road{stroke-width:41;stroke:#5b6981}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-starroad .dash{stroke-width:3;stroke-dasharray:13 14}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkpoint{width:54px;height:54px;min-width:44px;min-height:44px;font-size:28px;border-width:3px;line-height:1;padding:0;z-index:3}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkpoint.selected{outline:3px solid #fff47d;outline-offset:4px;box-shadow:0 0 0 8px #7f3fe645,0 5px 0 #56538e;z-index:5}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkpoint.locked{background:linear-gradient(#e3e6f0,#b5bfd4);color:#4f607e;opacity:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkpoint.empty{opacity:.55}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkstars{font-size:19px;transform:translate(-50%,5px);letter-spacing:-2px;line-height:1.2;text-shadow:0 1px 0 #6c5c21,1px 0 #fff3b0,-1px 0 #fff3b0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-mapcar{left:1%;bottom:1%;width:22%;height:22%;object-fit:contain;object-position:left bottom;z-index:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-map-flag{position:absolute;left:83%;top:83%;font-size:36px;line-height:1;transform:rotate(-10deg);filter:drop-shadow(0 2px 0 #fff)}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-map-side{display:grid;gap:14px;min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard{position:static;inset:auto;width:100%;max-width:none;margin:0;padding:20px;border:3px solid #fff;border-radius:22px;background:#fffdf2;box-shadow:0 4px 0 #d6d7e8;text-align:left;min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard:before{content:none;display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-panel-heading>span{font-size:14px;line-height:1.3;font-weight:700;padding:6px 10px;background:#eee2ff;color:#763ac2;border-radius:20px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard small{font-size:14px;line-height:1.4;color:#6b7493}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard strong{font-size:28px;line-height:1.3;margin:0;overflow-wrap:anywhere}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard p{font-size:17px;line-height:1.5;margin:10px 0 16px;color:#526a89}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard .star-lock-note{font-size:15px;line-height:1.5;color:#806127;background:#fff2ce;padding:10px;border-radius:12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard button{font-size:20px;min-height:50px;border-radius:14px;padding:10px;width:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#ffffffc7;border:2px solid #fff;border-radius:17px;padding:14px;font-size:14px;color:#516580;line-height:1.4}
.star-legend>span{display:flex;align-items:center;gap:7px}
.star-legend i{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid #fff;box-shadow:0 1px 0 #48598425;background:#a88ae3}
.star-legend .star-key-done{background:#ffcf25}.star-legend .star-key-progress{background:#16b7f4}.star-legend .star-key-locked{background:#aebbd1}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-pages{max-width:none;margin:14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-pages button{font-size:15px;min-height:44px;padding:8px 14px;border:2px solid #fff;border-radius:12px;box-shadow:0 2px 0 #cedbef;background:#fffdf5;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-pages span{font-size:15px;line-height:1.4;color:#536c8b;text-align:center;min-width:0;flex:1}
body.ppl-standalone #playlab-application>.ppl-app.star-picker-open>.ppl-shell{overflow-y:hidden!important}
.ppl-app.ppl-mockup-v2 .star-world-picker{position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 24px));height:fit-content;max-height:calc(100dvh - 24px);padding:0;border:3px solid #fff;border-radius:24px;background:#fffdf5;color:#293e86;font-family:inherit;overflow:hidden}
.star-world-picker::backdrop{background:#14284e80}
.ppl-app.ppl-mockup-v2 .star-world-picker:not([open]){display:none!important}
.ppl-app.ppl-mockup-v2 .star-world-picker[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.star-world-picker header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(#9660df,#7135c7);color:#fff}
.ppl-app.ppl-mockup-v2 .star-world-picker h2{font-size:25px;line-height:1.3;margin:0}
.ppl-app.ppl-mockup-v2 .star-world-picker button{min-height:44px;border:2px solid #fff;border-radius:12px;padding:8px 12px;background:#fff;color:#5b3c99;font-size:16px;font-weight:700}
.star-world-picker header button{width:44px;height:44px;padding:4px;flex-shrink:0}
.ppl-app.ppl-mockup-v2 .star-world-picker>p{font-size:16px;line-height:1.5;padding:12px 16px 0;color:#5b7092}
.star-world-options{padding:14px 16px;overflow:auto;overscroll-behavior:contain;display:grid;gap:10px}
.ppl-app.ppl-mockup-v2 .star-world-options button{display:flex;align-items:center;gap:14px;text-align:left;background:#f1f9ff;border-color:#d5e6fa;padding:12px 14px;min-width:0}
.ppl-app.ppl-mockup-v2 .star-world-options button[aria-pressed=true]{border-color:#b18ae9;background:#efe4ff;box-shadow:inset 4px 0 #9051d8}
.star-world-options button>span:first-child{font-size:32px;width:42px;text-align:center;flex-shrink:0}
.star-world-options button>span:last-child{display:grid;gap:3px;min-width:0}
.ppl-app.ppl-mockup-v2 .star-world-options strong{font-size:20px;line-height:1.3;color:#2e4686}
.ppl-app.ppl-mockup-v2 .star-world-options small{font-size:14px;line-height:1.4;color:#62728d}
.star-world-picker footer{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid #e6dfef;background:#fff}
.star-refined button:focus-visible,.star-world-picker button:focus-visible{outline:3px solid #7637c5;outline-offset:3px}
@media(min-width:600px) and (max-width:899px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v5-map-layout{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);gap:14px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-starland{height:430px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkpoint{width:46px;height:46px;font-size:24px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard{padding:16px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard strong{font-size:25px}
}
@media(max-width:599px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-journeyhead{min-height:72px;gap:7px;padding:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-journeyhead strong{font-size:22px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-journeyhead small{font-size:12px;line-height:1.4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-journeyhead button{padding:7px;font-size:12px;min-height:44px;border-radius:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-adv-pathshell{padding:9px 8px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v5-map-layout{display:flex;flex-direction:column;gap:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-starland{width:100%;height:clamp(320px,calc(100dvh - 485px),420px);border-radius:19px;background-position:center 24%;flex-shrink:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkpoint{width:44px;height:44px;font-size:24px;border-width:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkpoint.selected{outline-width:2px;outline-offset:3px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-checkstars{font-size:15px;transform:translate(-50%,4px)}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-mapcar{width:21%;height:21%;bottom:2%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-map-flag{font-size:27px;top:84%;left:83%}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-map-side{width:100%;gap:9px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:3px 9px;align-items:center;padding:10px;border-radius:17px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-panel-heading{grid-column:1;grid-row:1;gap:6px;margin:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-panel-heading>span{font-size:11px;padding:3px 6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard small{font-size:11px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard strong{grid-column:1;grid-row:2;font-size:20px;line-height:1.3;margin:0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard p{grid-column:1;grid-row:3;font-size:14px;line-height:1.4;margin:2px 0 0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard button{grid-column:2;grid-row:1/4;font-size:16px;min-height:46px;padding:8px 5px;align-self:center}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-missioncard .star-lock-note{grid-column:1/-1;grid-row:4;font-size:14px;margin-top:5px;padding:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 12px;font-size:11px;padding:7px;border-width:1px;border-radius:12px}
 .star-legend>span{gap:4px}.star-legend i{width:9px;height:9px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-pages{margin-top:9px;gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-pages button{font-size:12px;padding:7px;min-height:44px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .star-refined .ppl-v3-pages span{font-size:12px}
 .ppl-app.ppl-mockup-v2 .star-world-picker h2{font-size:23px}
 .ppl-app.ppl-mockup-v2 .star-world-options strong{font-size:18px}
 .ppl-app.ppl-mockup-v2 .star-world-options small{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.star-refined *,.star-world-picker *{animation:none!important;transition:none!important}}