:root{--shelf:rgba(255,250,236,.94)}
.hotspot.gate{bottom:17%}
.topbar{width:min(1380px,calc(100% - 24px))}.topbar nav button{min-width:68px;padding:.4rem .5rem}
.region-trail{position:absolute;z-index:7;right:2%;top:14%;display:flex;align-items:center;gap:.25rem;margin:0;padding:.4rem .55rem;list-style:none;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(13,42,65,.76);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.region-trail li{display:flex;align-items:center}.region-trail li+li:before{content:'›';color:#f7d887;margin-right:.25rem}.region-trail button,.region-trail a{border:0;background:none;color:white;padding:.35rem .45rem;border-radius:999px;cursor:pointer;font:800 .72rem Arial,sans-serif;text-decoration:none}.region-trail [aria-current=location] button,.region-trail button:hover,.region-trail button:focus-visible,.region-trail a:hover,.region-trail a:focus-visible{background:#fff4d1;color:var(--navy);outline:2px solid rgba(255,255,255,.8)}
.discovery-shelf{position:absolute;z-index:8;right:2%;bottom:3.5%;display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:.5rem;width:min(720px,64%)}.discovery-shelf>button{min-height:72px;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:.6rem;padding:.35rem;text-align:left;color:var(--navy);border:1px solid rgba(255,255,255,.78);border-radius:15px;background:var(--shelf);box-shadow:0 10px 28px rgba(5,25,38,.3);cursor:pointer;overflow:hidden}.discovery-shelf>button:hover,.discovery-shelf>button:focus-visible{transform:translateY(-3px);outline:4px solid rgba(255,255,255,.68)}.discovery-shelf img{width:62px;height:62px;object-fit:cover;border-radius:11px}.discovery-shelf b,.discovery-shelf small{display:block;font-family:Arial,sans-serif}.discovery-shelf b{font-size:.82rem}.discovery-shelf small{font-size:.68rem;line-height:1.2;margin-top:.2rem;color:#3f5d6f}
dialog{width:min(1040px,calc(100% - 28px));max-height:min(820px,calc(100svh - 30px));overflow:auto}dialog[open]{grid-template-columns:1.05fr .95fr}.dialog-copy{padding:2rem}.dialog-extra{margin-top:1rem}.dialog-extra[hidden]{display:none}.reader-page,.activity-card,.quiet-note{padding:1rem;border:1px solid #d7c9a8;border-radius:16px;background:#fffdf5}.reader-page>span,.activity-card>span{font:800 .72rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#97603b}.reader-page h3,.activity-card h3{margin:.45rem 0;font-size:1.25rem;line-height:1.2}.reader-page p{margin:.5rem 0;font:1.02rem/1.55 Georgia,serif}.reader-controls,.activity-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.reader-controls button,.activity-choices button,.activity-next{border:1px solid #b9c8c6;border-radius:999px;background:#e7f0ed;color:var(--navy);padding:.58rem .8rem;cursor:pointer;font:800 .78rem Arial,sans-serif}.reader-controls button:disabled,.activity-choices button:disabled{opacity:.45}.activity-answer{min-height:1.4rem;margin:.75rem 0 0!important;color:#2c694e;font-weight:800!important}.activity-next{background:var(--navy);color:white;margin-top:.6rem}.route-steps{display:grid;gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none}.route-steps li{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:12px;background:#edf3e8;font:700 .82rem/1.3 Arial,sans-serif}.route-steps b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--leaf);color:white}.quiet-note{font-size:.88rem!important;line-height:1.4!important;margin:0!important}
@media(max-width:1120px){.brand small{display:none}.topbar nav button{min-width:58px;font-size:.72rem}.discovery-shelf{grid-template-columns:repeat(2,minmax(180px,1fr));width:490px}.hotspot.pond{bottom:27%}}
@media(max-width:820px){.region-trail{position:fixed;top:82px;right:12px;left:12px;justify-content:center}.discovery-shelf{position:fixed;left:12px;right:12px;bottom:54px;width:auto;grid-template-columns:repeat(4,1fr);gap:.35rem}.discovery-shelf>button{display:block;min-height:58px;padding:.3rem;text-align:center}.discovery-shelf img{display:none}.discovery-shelf small{display:none}.discovery-shelf b{font-size:.72rem}.world-note{bottom:14%}.pan-hint{bottom:184px}dialog[open]{grid-template-columns:1fr}.dialog-art{min-height:210px}.dialog-copy{padding:1.25rem}.dialog-copy h2{font-size:1.8rem}.dialog-actions{margin-bottom:.4rem}}
@media(max-width:520px){.region-trail li:nth-child(3){display:none}.region-trail button,.region-trail a{font-size:.66rem;padding:.3rem}.discovery-shelf{grid-template-columns:repeat(2,1fr)}.dialog-art{min-height:180px}.reader-page p{font-size:.94rem}}