/* The outdoor approach hands off behind a real illustrated foreground post. */
.world-entry {position:fixed;inset:0;z-index:100;background:transparent;overflow:hidden;isolation:isolate}
.entry-outside {position:absolute;inset:0;background:#122631;overflow:hidden}
.entry-camera {position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.entry-camera img {display:block;width:100%;height:100%;image-rendering:pixelated}
.entry-haze {position:absolute;left:-15%;right:-15%;bottom:-12%;height:47%;opacity:.22;background:radial-gradient(ellipse at 30% 80%,#ffdcaa7a,transparent 65%);pointer-events:none}
.entry-sunlight {position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 41% 32%,#ffbf5c20,transparent 60%);mix-blend-mode:screen}
.entry-post {position:absolute;left:0;top:-16vh;height:132vh;width:auto;max-width:none;pointer-events:none;image-rendering:pixelated;will-change:transform}
.entry-caption {position:absolute;left:5%;bottom:7%;color:#fff0c7;text-shadow:2px 3px #172731;pointer-events:none}
.entry-caption span {display:block;font-size:10px;letter-spacing:.23em;margin-bottom:10px;color:#ffd298}
.entry-caption strong {font-size:clamp(20px,3.3vw,46px);line-height:1.2;letter-spacing:-.05em}
.entry-skip {position:absolute;right:4%;top:24px;padding:10px 15px;background:#12212ddb;border:1px solid #e6b96f;color:#ffe4b6;font-size:11px;z-index:2}
.entry-landing .home-plane {animation:room-settle 1.15s cubic-bezier(.15,.55,.3,1) both;transform-origin:60% 42%}
.entry-landing .topbar {animation:entry-ui .55s .35s both}
.entry-landing .room-title {animation:entry-ui .7s .3s both}
.entry-replay {font-size:inherit;color:inherit;padding:5px 0;border-bottom:1px solid #8f754742}
.peak-replay {position:relative;display:block;width:32%;margin:0 auto 9px;padding:0;line-height:0;pointer-events:auto}
.peak-replay .peak-mark {display:block;width:100%;margin:0}
.peak-replay:after {content:'REPLAY INTRO';position:absolute;bottom:calc(100% + 7px);left:50%;translate:-50% 0;padding:4px 8px;line-height:1.5;white-space:nowrap;background:#14232deb;color:#ffe2ac;font-size:9px;letter-spacing:.08em;opacity:0;pointer-events:none;transition:opacity .2s}
.peak-replay:focus-visible:after {opacity:1}
@media(hover:hover) and (pointer:fine){.peak-replay:hover:after{opacity:1}}
@keyframes room-settle {from{transform:scale(1.055)}to{transform:none}}
@keyframes entry-ui {from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.entry-caption{left:24px;bottom:12%}.entry-caption span{font-size:8px}.entry-caption strong{font-size:25px}.entry-skip{top:16px;right:16px}}
@media(max-width:700px){.first-room:has(.world[data-world=life]) .peak-replay,.first-room:has(.world[data-world=work]) .peak-replay{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.world-entry,.entry-replay{display:none}.peak-replay{pointer-events:none}.peak-replay:after{display:none}.entry-landing .home-plane,.entry-landing .topbar,.entry-landing .room-title{animation:none}}