.explorer-wrap{max-width:1160px;margin:auto;padding:28px 24px}.explorer-heading{max-width:720px}.explorer-heading h1{margin-bottom:12px}.explorer-heading p:last-child{color:var(--muted)}.land-picker{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.land-choice{min-height:48px;padding:12px 18px;border:2px solid var(--line);border-radius:16px;background:white;color:var(--pond);font-weight:750;cursor:pointer}.land-choice[aria-pressed="true"]{background:var(--pond);border-color:var(--pond);color:white}.land-choice:hover{border-color:var(--pond)}.explorer-land-heading{margin-bottom:16px}.explorer-land-heading h2{margin-bottom:8px;color:var(--pond)}.explorer-land-heading p{margin:0;color:var(--muted);font-size:.95rem}.explorer-scene{position:relative;border:2px solid #c7dde4;border-radius:24px;background:var(--sky);isolation:isolate}.explorer-scene img{width:100%;height:auto;border-radius:22px}.picture-pin{position:absolute;left:clamp(26px,var(--x),calc(100% - 26px));top:clamp(26px,var(--y),calc(100% - 26px));transform:translate(-50%,-50%);width:48px;height:48px;padding:8px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;border-radius:50%}.pin-circle{display:grid;place-items:center;width:32px;height:32px;position:relative;border-radius:50%;background:var(--paper);border:2px solid var(--pond);color:var(--pond);font-size:1rem;font-weight:800;box-shadow:0 2px 8px #183e4560}.picture-pin[data-found="true"] .pin-circle{background:var(--leaf);color:white;border-color:white}.picture-pin:hover .pin-circle{outline:3px solid var(--gold);outline-offset:2px}.picture-pin:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 5px var(--pond)}.pin-tick{position:absolute;right:-5px;top:-5px;width:14px;height:14px;border-radius:50%;background:white;color:var(--leaf);display:none}.picture-pin[data-found="true"] .pin-tick{display:block}.explorer-instruction{font-size:.9rem;color:var(--muted);margin:14px 0}.discovery-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.discovery-choice{display:flex;align-items:center;gap:10px;text-align:left;min-height:76px;min-width:0;padding:12px;border:2px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);cursor:pointer;font:inherit}.discovery-choice:hover{border-color:var(--pond)}.discovery-choice[data-found="true"]{border-color:var(--leaf);background:var(--soft-leaf)}.discovery-choice .number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--sky);color:var(--pond);font-weight:800}.discovery-choice strong{display:block;font-size:.9rem;line-height:1.3}.discovery-choice small{display:block;margin-top:4px;font-size:.75rem;color:var(--muted)}.explorer-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:18px 20px;border-radius:18px;background:var(--sky);border:1px solid #c7dde4}.explorer-progress p{margin:0;color:var(--pond);font-weight:750}.explorer-finish{padding:22px;background:var(--soft-leaf);border-radius:20px;border:1px solid #c8d8bd;margin-top:20px}.explorer-finish h3{color:var(--leaf);margin-bottom:10px}.explorer-finish p{color:var(--muted)}.explorer-finish p:last-child{margin:0}.explorer-save{color:var(--muted);font-size:.85rem;margin:18px 0}.explorer-reset{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--pond);font-size:.9rem;cursor:pointer}.explorer-notes{max-width:820px}.explorer-notes p{color:var(--muted)}.explorer-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.explorer-footer-links a{min-height:44px;display:inline-flex;align-items:center}.discovery-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:26px;border:2px solid #c7dde4;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #183e4530;overflow-y:auto}.discovery-dialog:not([open]){display:none}.discovery-dialog::backdrop{background:#15362bd9}.discovery-dialog h2{color:var(--pond);margin-bottom:14px}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dialog-close{display:grid;place-items:center;min-width:48px;min-height:48px;padding:10px;background:var(--sky);border:1px solid #8ab6c5;border-radius:14px;color:var(--pond);cursor:pointer}.discovery-dialog h2:focus-visible{outline:3px solid var(--pond);outline-offset:4px;border-radius:4px}.dialog-friend{width:76px;height:76px;margin-bottom:12px}.dialog-question{padding:16px;border-radius:16px;background:var(--soft-leaf);margin-bottom:20px}.dialog-question p{margin:0}.dialog-question h3{font-size:1rem;color:var(--leaf);margin-bottom:8px}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px}.dialog-actions .button{flex:1 1 auto}.audio-note{font-size:.85rem;color:var(--muted);margin:12px 0 0}.land-choice,.discovery-choice{transition:border-color .18s,background .18s}
@media(max-width:800px){.discovery-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.explorer-wrap{padding:24px 16px}.explorer-heading h1{font-size:1.8rem}.land-picker{gap:10px}.land-choice{flex:1 1 auto;font-size:.9rem;padding:10px 12px}.explorer-scene{border-radius:18px}.explorer-scene img{border-radius:16px}.picture-pin{left:clamp(26px,var(--phone-x),calc(100% - 26px));top:clamp(26px,var(--phone-y),calc(100% - 26px))}.discovery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.discovery-choice{padding:12px}.explorer-progress{padding:16px}.discovery-dialog{padding:22px}.dialog-actions .button{min-width:100%}.explorer-land-heading h2{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.land-choice,.discovery-choice{transition:none}}