/* Place, territory, discovery, then the next Track. Existing scene assets carry the world. */
.place-mark{display:flex;align-items:center;gap:24px;min-width:0}
#orange-guide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:none;min-width:64px;min-height:64px;padding:9px;border-radius:50%;color:#ffd4a7}
#orange-guide .orange{width:30px;height:30px;background:radial-gradient(circle at 35% 28%,#ffd28c,#ed8a32 65%,#b9551b);box-shadow:0 0 22px #ee963f44,0 0 0 7px #ffa1540d;transition:box-shadow .25s}
#orange-guide:hover .orange,#orange-guide:focus-visible .orange{box-shadow:0 0 28px #ffa15480,0 0 0 9px #ffa15416}
.guide-label{font-size:12px;white-space:nowrap;line-height:1}
header{gap:24px;padding-top:20px;padding-bottom:20px}
.brand{font-size:20px;line-height:1.25;letter-spacing:.01em}.brand small{display:block;font-size:13px;line-height:1.5;margin-top:6px}
.inside-fountain header{max-width:none;background:linear-gradient(120deg,#09282eef,#193d40f5 56%,#183938ec);border-bottom:1px solid #a1cebc55;box-shadow:0 8px 40px #03161835;backdrop-filter:blur(16px)}
.inside-fountain .brand{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(24px,2.4vw,37px);max-width:530px;color:#f5f5df}
.inside-fountain .brand small{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:.04em;color:#c3d8d1}
.inside-fountain .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px 17px}
.inside-fountain .header-actions .station{font-size:14px;padding:8px 14px}
.orientation{font-size:14px;letter-spacing:.03em;flex-wrap:wrap}
.eyebrow,.branch small{font-size:14px}.branch>span:first-child{font-size:14px}
body[data-destination='fountain']{background:radial-gradient(ellipse at 72% 20%,#315c564d,transparent 65%),#0b262d}
body[data-destination='fountain'] main{max-width:1600px;padding-top:32px}
body[data-destination='fountain'] .layout{grid-template-columns:1fr 1.05fr;gap:5%;align-items:center;margin-top:36px}
body[data-destination='fountain'] h1{font-size:clamp(54px,5.8vw,88px);color:#fff6dc;text-wrap:balance}
body[data-destination='fountain'] .photo{height:clamp(480px,50vw,720px);border-radius:48% 48% 4px 4px;border:1px solid #c4dfcd66;box-shadow:0 0 80px #80c9b619,0 30px 70px #010f1844}
body[data-destination='fountain'] .photo img{filter:brightness(.92) saturate(.86)}
body[data-destination='fountain'] .branch{border:0;border-top:1px solid #8aaea666;background:transparent;border-radius:0;padding:18px 4px}
body[data-destination='fountain'] .branch:hover{background:#b9e3d10c}
body[data-destination='oat'] .photo img{filter:brightness(.94) saturate(.9)}
body[data-place='solar']{background:radial-gradient(ellipse at 85% 28%,#bea12f36,transparent 56%),radial-gradient(ellipse at 14% 75%,#8d622720,transparent 65%),#262713}
body[data-place='solar'] main{background:radial-gradient(ellipse at 75% 20%,#f3d74c20,transparent 65%)}
body[data-place='solar'] .photo{border-radius:50% 50% 6px 6px;box-shadow:0 0 100px #e8bf3330,0 18px 70px #060b0855}
body[data-place='solar'] .photo img{filter:sepia(.3) saturate(.85) brightness(.95)}
body[data-place='solar'] h1{color:#fff3c4}
body[data-place-kind='landscape'] main{max-width:1600px}
body[data-place-kind='landscape'] .photo{height:clamp(340px,39vw,570px);border-radius:4px 4px 48px 4px;box-shadow:0 20px 65px #081c1744}
body[data-place-kind='landscape'] .photo img{object-position:center 40%;filter:saturate(.98)}
body[data-place='water'] .photo{border-radius:4px 4px 4px 48px;border-bottom:1px solid #b3dee17a}
#journey-guide{border-top:1px solid var(--line);background:linear-gradient(120deg,var(--panel),transparent);border-radius:0}
.journey-next{min-height:48px}
.orange-location{color:var(--ink);border-left:2px solid var(--orange);padding-left:17px}
dialog[data-kind='orange']{background:radial-gradient(ellipse at 100% 0,#eaa04e19,transparent 55%),#123237;border:1px solid #99b9ad80;box-shadow:0 30px 100px #0008;border-radius:80px 8px 8px 8px;padding:34px 32px;color:#fff6e0}
dialog[data-kind='orange'] #panel-body{color:#d0ded5}
.orange-questions{margin-top:28px;border-top:1px solid #85a99a60}
.orange-questions button{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid #85a99a40;font-size:16px;color:#fff2dc}
.orange-questions button span,.guide-evidence{color:#ffbe7d}.guide-evidence{padding:12px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}
#close{min-width:44px;min-height:44px}
@media(prefers-reduced-motion:no-preference){.layout{animation:arrive .55s ease-out}.photo img{transition:opacity .35s ease-out}body{transition:background-color .4s} @keyframes arrive{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:1000px){header{align-items:flex-start;flex-wrap:wrap}.place-mark{flex:1}.inside-fountain .brand{max-width:none;font-size:30px}.header-actions{width:100%;justify-content:flex-start!important}body[data-destination='fountain'] .layout{grid-template-columns:1fr}body[data-destination='fountain'] .landscape{order:-1}body[data-destination='fountain'] .photo{height:440px;border-radius:42% 42% 4px 4px}.inside-fountain header{position:relative}html{scroll-padding-top:20px}}
@media(max-width:600px){header{padding:16px 6%;gap:16px}.place-mark{gap:14px}.brand{font-size:18px}.inside-fountain .brand{font-size:26px}.brand small,.inside-fountain .brand small{font-size:12px}.guide-label{font-size:12px}#orange-guide{min-width:52px;padding:6px}.header-actions{gap:12px!important}.header-actions a{font-size:14px}.header-actions .station{font-size:14px;padding:8px 12px}.prototype{display:none}.orientation{gap:9px;font-size:14px}body[data-destination='fountain'] .photo{height:320px}body[data-destination='fountain'] h1{font-size:53px}body[data-place-kind='landscape'] .photo{height:330px}body[data-place-kind='landscape'] .landscape{gap:16px}dialog[data-kind='orange']{padding:26px 22px;border-radius:48px 8px 8px 8px}dialog h2{font-size:38px}body[data-place='solar'] main{background:radial-gradient(ellipse at 85% 10%,#efd33e20,transparent 65%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:1000px){#orange-guide{position:fixed;right:18px;bottom:18px;z-index:8;background:#09282ef5;border:1px solid #ffbe7d70;box-shadow:0 5px 30px #0005;width:76px;height:76px;border-radius:50%;backdrop-filter:blur(12px)}.place-mark{padding-right:0}body{padding-bottom:96px}}
@media(max-width:1000px){header,.inside-fountain header{backdrop-filter:none}}