/* A quiet map of permanent destinations. */
.start-worlds{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 10px;padding:10px 0;border:0;border-bottom:1px solid #c4ab7844;background:none;color:#e7d6b9;text-align:left;font:12px system-ui;min-height:44px}
.start-worlds strong,.start-worlds small{display:block}.start-worlds small{font-size:10px;color:#a8bab7;margin-top:4px}.start-worlds>span:last-child{font-size:20px}
#worldCollection{width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;margin:auto;border:1px solid #bda17b77;border-radius:20px;background:#10232b;color:#ecdfc9;overflow:auto;box-sizing:border-box;box-shadow:0 20px 90px #0009}
#worldCollection::backdrop{background:#041016bb}#worldCollection header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}#worldCollection header small,.collection-progress>span{font:10px system-ui;letter-spacing:.14em;color:#bfa680}#worldCollection h2{font:32px Georgia,serif;margin:6px 0}#worldCollection h3{font:25px Georgia,serif;margin:0 0 10px}#worldCollection button{min-height:44px;border:1px solid #ba9f75;border-radius:8px;background:#d7b78a;color:#15282c;padding:10px 15px;font:14px system-ui}#worldCollection [data-close-worlds]{width:44px;font-size:24px;background:transparent;color:#efdbb9;flex-shrink:0}#worldCollection button:disabled{background:#23383e;color:#b7c1b9;border-color:#52605c}#worldCollection button:focus-visible,.start-worlds:focus-visible{outline:3px solid #ffe0a8;outline-offset:3px}
.collection-progress{padding:20px;border:1px solid #c8ab7555;border-radius:12px;background:#20363a;margin-bottom:26px}.collection-progress h3{margin-top:12px!important}.collection-progress strong{font:15px system-ui}.collection-progress progress{display:block;width:100%;height:7px;margin:16px 0;accent-color:#d6b47c}.collection-progress p,.collection-copy p,.collection-note{font:13px/1.6 system-ui;color:#b5c3bd}.collection-path{list-style:none;margin:0;padding:0}.collection-world{border:1px solid #63706966;border-radius:14px;overflow:hidden;position:relative;margin-bottom:24px;background:#152b32}.collection-world.selected{border-color:#ddbd86;box-shadow:0 0 0 1px #ddbd8633}.collection-art{height:170px;background-position:center 43%;background-size:cover;display:flex;align-items:end;padding:16px}.collection-art>span{font:10px system-ui;letter-spacing:.13em;padding:7px 10px;background:#0b1b23dd;border-radius:20px;color:#f2dfbd}.collection-world.locked .collection-art{filter:saturate(.45)}.collection-copy{padding:20px}.collection-rewards{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.collection-rewards li{display:flex;align-items:center;gap:12px;color:#9caeae;font:14px system-ui}.collection-rewards li.earned{color:#ead1a2}.collection-rewards small{display:block;font-size:11px;color:#a1b6b4;margin-top:4px}.collection-copy button{width:100%}#worldCollectionStatus{font:13px system-ui;color:#e1c499}.collection-note{font-size:12px}
.level-world-props{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.level-world-props svg{width:100%;height:100%}.level-beacon,.level-flag,.level-camp{display:none}html[data-world-beacon=true] .level-beacon,html[data-world-flag=true] .level-flag,html[data-world-camp=true] .level-camp{display:block}html[data-expedition-world=forest] .level-beacon{fill:#d5edaa}html[data-expedition-world=aurora] .level-beacon{fill:#e9faff}html[data-expedition-world=aurora] .level-flag path:nth-child(2){fill:#79b5c0}html[data-expedition-world=forest] .level-flag path:nth-child(2){fill:#86ad76}
@media(max-width:359px){#worldCollection{padding:16px}.collection-copy{padding:16px}.collection-art{height:140px}}
/* Keep the home screen within the existing viewport budget. */
body[data-screen=home] .landscape{min-height:230px}

/* Compact destination cards, with achievements on the reverse. */
.collection-world{perspective:1100px;overflow:visible;margin-bottom:16px}.collection-flip-turn{display:grid;transform-style:preserve-3d;transition:transform .42s ease!important}.collection-world[data-flipped=true] .collection-flip-turn{transform:rotateY(180deg)}.collection-front,.collection-back{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:13px;overflow:hidden;background:#152b32}.collection-back{transform:rotateY(180deg);padding:18px;display:flex;flex-direction:column}.collection-back>p{margin:0;font:12px system-ui;color:#b9c9c1}.collection-back>button{margin-top:auto}.collection-art{position:relative;height:150px}.collection-copy{padding:14px}.collection-copy h3{margin-bottom:12px!important}.collection-rewards{margin:16px 0;gap:12px}.collection-rewards li{font-size:13px}.collection-art>span{padding:6px 8px;font-size:9px}#worldCollection .collection-info{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d5be8e99;border-radius:50%;background:#10242ce8;color:#ecd6ad;font:italic 22px Georgia,serif}.collection-front[aria-hidden=true],.collection-back[aria-hidden=true]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.collection-flip-turn{transition:none!important}}
/* The existing phase select remains the state/validation bridge. */
#chapterPicker{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:3px 0;border:0;background:none;color:#e1bb99;text-align:left;font:13px/1.4 system-ui;letter-spacing:0}#chapterPicker span{flex-shrink:0}body[data-screen=home] .chapterbar label::after{display:none}body[data-screen=home] #chapterPicker{color:#eadfc9;font-size:12px;min-height:34px}
#phasePickerDialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 40px);margin:auto;padding:22px;overflow:auto;border:1px solid #bda17b77;border-radius:20px;background:#10232b;color:#ecdfc9;box-shadow:0 20px 70px #0008}#phasePickerDialog::backdrop{background:#041016aa;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#phasePickerDialog header{display:flex;align-items:center;justify-content:space-between;gap:10px}#phasePickerDialog header small{font:9px/1.5 system-ui;letter-spacing:.1em;color:#c9b38c}#phasePickerDialog h2{font:28px/1.15 Georgia,serif;margin:8px 0}#phasePickerDialog [data-phase-close]{flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #bda17b55;border-radius:50%;background:#172f35;color:#e9d1aa;font-size:26px}.phase-picker-note{font:12px/1.6 system-ui;color:#c3cec6}.phase-picker-cards{display:grid;gap:12px;margin-top:18px}.phase-picker-card{display:grid;justify-items:start;gap:9px;width:100%;min-height:146px;padding:18px;border:1px solid #87918077;border-radius:13px;background-size:cover;background-position:center 45%;color:#eee5d3;text-align:left}.phase-picker-card[aria-pressed=true]{border:2px solid #e1bd83;padding:17px;box-shadow:0 0 0 2px #e1bd8318}.phase-picker-card small{font:9px system-ui;letter-spacing:.16em;color:#dfc9a0}.phase-picker-card strong{font:23px/1.2 Georgia,serif;color:#fff0d6}.phase-picker-calories{padding:5px 8px;border:1px solid #e1bd8333;border-radius:6px;background:#071a22bb;font:12px system-ui;color:#dfd7c7}.phase-picker-choice{font:11px system-ui;color:#dbc69e}.phase-picker-status{font:12px/1.5 system-ui;color:#f1c295}#phasePickerDialog button:focus-visible,#chapterPicker:focus-visible{outline:2px solid #ffe0a8;outline-offset:3px}
