.entrance-invitation{width:min(100%,810px)}.entrance-choices{gap:14px;align-items:center}
.entrance-choices #enter-forest,.entrance-choices #discover-link{display:flex;justify-content:center;align-items:center;width:360px;max-width:100%;height:112px;min-height:0;padding:25px 42px;border:0;background:transparent url('/assets/ui/destination-plaque.png') center/100% 100% no-repeat;box-shadow:none;color:#57351a;text-shadow:0 1px #ffe0a0;filter:drop-shadow(0 5px 4px #111b0b70);image-rendering:pixelated;text-decoration:none;flex-shrink:1}
.entrance-choices #enter-forest span,.entrance-choices #discover-link span{font:14px/1.55 Silkscreen,monospace;display:block}
.entrance-choices #discover-link:hover{filter:brightness(1.1) drop-shadow(0 5px 4px #111b0b70);transform:translateY(-2px)}
.entrance-choices #discover-link:focus-visible{outline:2px dashed #fff0c4;outline-offset:5px}
.entrance-choices [aria-disabled=true]{pointer-events:none;opacity:.7}
#tablet-transition{position:fixed;inset:0;z-index:3;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
#tablet-transition[hidden],#skip-discover-intro[hidden]{display:none}
#skip-discover-intro{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:5;min-height:44px;padding:9px 18px;background:#173021eb;color:#f4deb0;border:1px solid #b39860;font:14px 'Atkinson Hyperlegible',sans-serif;box-shadow:2px 3px #0a1d13}
#entrance.discover-opening .entrance-shade{opacity:.35;transition:opacity .4s}
.gate-discover-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.entrance-invitation{margin-top:130px}.entrance-choices{gap:1px}.entrance-choices #enter-forest,.entrance-choices #discover-link{width:310px;height:92px;padding:21px 37px}.entrance-choices #enter-forest span,.entrance-choices #discover-link span{font-size:12px}.entrance-heading p{max-width:285px}}
@media(max-height:620px) and (orientation:portrait){#entrance{padding-top:18px;padding-bottom:12px}.entrance-heading h1{font-size:32px}.entrance-invitation{margin-top:100px}.entrance-choices #enter-forest,.entrance-choices #discover-link{height:76px;width:275px;padding:16px 33px}.entrance-choices #enter-forest span,.entrance-choices #discover-link span{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.entrance-invitation{margin:0}.entrance-choices{gap:0}.entrance-choices #enter-forest,.entrance-choices #discover-link{width:100%;height:84px;padding:17px 36px}.entrance-choices #enter-forest span,.entrance-choices #discover-link span{font-size:12px}#skip-discover-intro{right:14px;bottom:12px}}

/* Gate artwork and host use the same local coordinates while zooming or scrolling. */
html:has(#entrance){overflow:hidden}
body:has(#entrance){overflow:hidden;margin:0}
#entrance{min-height:0;height:100dvh;overflow-x:hidden}
.gate-atmosphere{position:absolute;inset:0}
.gate-greeting{position:absolute}
#entrance.opening{overflow:hidden}
.gate-animation-option{display:flex;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;margin:12px auto 0;padding:8px 14px;color:#f4e8cb;background:#142b20df;border-radius:18px;font:15px/1.4 'Atkinson Hyperlegible',sans-serif;text-shadow:none;cursor:pointer;min-height:44px}
.gate-animation-option input{width:19px;height:19px;margin:0;accent-color:#b4c970}
#entrance.discover-opening .entrance-art{transform:none}

/* Artwork, host and transition canvases all scroll and zoom as one scene. */
.entrance-art,.entrance-shade,.entrance-pixels,#tablet-transition{position:absolute}
#entrance[data-portrait-layout=true]{display:block;padding:0;overflow-y:auto;overscroll-behavior-y:contain}
#entrance[data-portrait-layout=true] .entrance-art{top:calc(var(--gate-layout-height)*.12);bottom:auto;height:calc(var(--gate-layout-height)*.6);object-position:50% 50%;transform:none}
#entrance[data-portrait-layout=true] .entrance-shade{height:var(--gate-layout-height)}
#entrance[data-portrait-layout=true] .entrance-heading{position:absolute;top:34px;left:20px;right:20px;max-width:none}
#entrance[data-portrait-layout=true] .entrance-heading h1{font-size:40px}
#entrance[data-portrait-layout=true] .entrance-heading p{font-size:14px;max-width:none}
#entrance[data-portrait-layout=true] .entrance-invitation{position:absolute;top:var(--gate-invitation-top);left:20px;right:20px;width:auto;margin:0;padding-bottom:max(24px,env(safe-area-inset-bottom))}
#entrance[data-portrait-layout=true] .entrance-invitation h2{font-size:17px}
#entrance[data-portrait-layout=true] .entrance-invitation>p:not(.gate-discover-status){font-size:14px;max-width:320px;margin-bottom:20px}
#entrance[data-portrait-layout=true] .entrance-choices{flex-direction:column;gap:1px}
#entrance[data-portrait-layout=true] .entrance-choices #enter-forest,#entrance[data-portrait-layout=true] .entrance-choices #discover-link{width:310px;height:92px;padding:21px 37px}
#entrance[data-portrait-layout=true] .entrance-choices span{font-size:12px}
#entrance[data-portrait-layout=true].opening{overflow-y:hidden}

/* Keep translated text as live text above the artwork, without filtered text layers. */
#entrance .gate-greeting{isolation:isolate;filter:none;color-scheme:light;color-scheme:only light;font:15px/1.5 "Atkinson Hyperlegible",system-ui,sans-serif;overflow-wrap:anywhere}
#entrance .greeting-shape{z-index:0;pointer-events:none}
#entrance .greeting-text{position:relative;z-index:1;margin:0;font:inherit;text-shadow:none;color:#352414;-webkit-text-fill-color:#352414}
#entrance .greeting-text *{color:inherit!important;-webkit-text-fill-color:inherit!important;font:inherit;text-shadow:none}
#entrance[data-portrait-layout] .entrance-choices :is(#enter-forest,#discover-link){height:auto;min-height:112px;filter:none;color-scheme:light;color-scheme:only light;color:#352414;-webkit-text-fill-color:#352414;text-shadow:none;white-space:normal;overflow-wrap:anywhere}
#entrance[data-portrait-layout] .entrance-choices :is(#enter-forest,#discover-link) span{font-size:14px;line-height:1.5;min-width:0;max-width:100%;letter-spacing:normal}
#entrance .entrance-choices :is(#enter-forest,#discover-link) *{color:inherit!important;-webkit-text-fill-color:inherit!important;text-shadow:none}
html.translated-ltr #entrance .entrance-choices span,html.translated-rtl #entrance .entrance-choices span,#entrance .entrance-choices span:lang(zh),#entrance .entrance-choices span:lang(ja),#entrance .entrance-choices span:lang(ko),#entrance .entrance-choices span:lang(th),#entrance .entrance-choices span:lang(ar){font-family:system-ui,sans-serif;font-weight:700}
@media(max-width:700px){#entrance[data-portrait-layout] .entrance-choices :is(#enter-forest,#discover-link){min-height:92px}}
@media(max-height:500px) and (orientation:landscape){#entrance[data-portrait-layout] .entrance-choices :is(#enter-forest,#discover-link){min-height:84px}}
@media(forced-colors:active){#entrance .greeting-text,#entrance[data-portrait-layout] .entrance-choices :is(#enter-forest,#discover-link){color:ButtonText;-webkit-text-fill-color:ButtonText;background:ButtonFace}}