body[data-page="explore"] .ambient { visibility: hidden; }
body[data-page="explore"] .topbar { position: relative; z-index: 5; border-color: #ffffff18; }
body[data-page="explore"] .page { max-width: none; padding: 0; overflow: hidden; }
.explore-scene { position: fixed; inset: 0; background: #050505; overflow: hidden; touch-action: none; color: #fff; }
.explore-images { position: absolute; inset: 0; pointer-events: none; animation: explore-zoom 1.6s ease-out both; }
.explore-images img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.explore-reveal { position: absolute; inset: 0; opacity: 0; transition: opacity .5s; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }
.explore-heading { position: absolute; top: 17%; left: 5%; right: 5%; text-align: center; pointer-events: none; }
.explore-heading p { font-size: 10px; letter-spacing: .28em; color: #ffffff80; }
.explore-heading h1 { font-size: clamp(30px,4.3vw,64px); line-height: 1.2; font-weight: 300; letter-spacing: -.04em; margin: 18px 0; }
.explore-heading em { font-family: Georgia, 'Songti SC', serif; font-style: normal; color: #e9e5dc; }
.explore-portals { position: absolute; inset: 0; }
.explore-portal { position: absolute; width: clamp(120px,11vw,172px); aspect-ratio: 1; border-radius: 50%; padding: 20px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border: 1px solid #d5c2a77a; background: radial-gradient(circle at 40% 25%,#ffffff0c,#0005 70%); box-shadow: inset 0 4px 16px #000b,inset 0 -1px 2px #ffe3bb75,0 2px 1px #0009,0 -1px 1px #fff4; backdrop-filter: blur(3px); font-size: 21px; transition: box-shadow .35s,background .35s,opacity .4s,scale .6s; }
.explore-portal::before { content:''; position:absolute; inset:7px; border:1px solid #ffffff1a; border-radius:inherit; pointer-events:none; }
.explore-portal:hover,.explore-portal:focus-visible { background:#bda97f18; box-shadow:inset 0 3px 15px #0009,0 0 32px #ddbb7040; outline:1px solid #ffffff90; outline-offset:5px; transform:none; }
.portal-number { font-size: 9px; letter-spacing:.15em; color:#dbcdb499; }
.portal-arrow { font-size:17px; color:#e5d7bb; }
.portal-0 { left:22%; top:56%; }
.portal-1 { left:45%; top:64%; }
.portal-2 { left:69%; top:49%; }
.explore-hint { position:absolute; bottom:122px; left:5%; font-size:12px; color:#fffc; pointer-events:none; }
.explore-hint span { display:block; margin-top:7px; color:#ffffff70; font-size:11px; }
.is-departing .explore-portal:not(.chosen),.is-departing .explore-heading,.is-departing .explore-hint { opacity:0; transition:opacity .3s; }
.is-departing .explore-portal.chosen { scale:2.6; opacity:0; }
@keyframes explore-zoom { from { transform:scale(1.08); } to { transform:scale(1); } }
@media(max-width:720px){
 .explore-heading { top:19%; }
 .explore-heading h1 { font-size:34px; }
 .explore-portal { width:108px; font-size:19px; gap:7px; }
 .portal-0 { left:calc(50% - 54px); top:43%; }
 .portal-1 { left:calc(25% - 54px); top:63%; }
 .portal-2 { left:calc(75% - 54px); top:63%; }
 .explore-hint { bottom:100px; left:0; right:0; text-align:center; font-size:10px; }
 .explore-hint span { display:none; }
}
@media(max-height:650px){.explore-heading{top:18%}.explore-heading h1{font-size:28px;margin:10px}.explore-portal{width:85px;padding:10px;gap:4px}.portal-0{top:40%}.portal-1,.portal-2{top:59%}.explore-hint{display:none}}
@media(prefers-reduced-motion:reduce){.explore-images{animation:none}.explore-portal{transition:opacity .12s}.is-departing .explore-portal.chosen{scale:1}.explore-reveal{transition:opacity .12s}}
.explore-portal { box-sizing:border-box; height:clamp(120px,11vw,172px); min-height:0; }
@media(max-width:720px){.explore-portal{height:108px}}
@media(max-height:650px){.explore-portal{height:85px}}
@media(max-width:720px) and (max-height:650px){.portal-0{left:calc(50% - 42.5px)}.portal-1{left:calc(25% - 42.5px)}.portal-2{left:calc(75% - 42.5px)}}

.portal-symbol{width:24px;height:24px;color:#dcc8a0;flex-shrink:0;transition:transform .35s,color .35s}.explore-portal:hover .portal-symbol,.explore-portal:focus-visible .portal-symbol{transform:translateY(-2px);color:#e1edc6}