/* One continuous, sunlit landscape is the primary surface, not an illustration card */
.hub__top{height:68px}.hub__intro{margin:15px auto 16px}.hub__intro p{margin:0;font-size:12px}.hub__intro h1{font-size:24px;margin:8px 0}.hub__intro h1 span{display:inline-block;margin-left:22px;font-size:16px}.hub__intro small{font-size:12px}
.studio-viewport{max-width:1672px;width:calc(100% - 32px);border:0;box-shadow:none;scrollbar-color:#88786e #ead6b6}
.hub .world{aspect-ratio:1672/941}
.landmark{top:39%;height:35%;width:17%}.landmark--studio{left:3.5%}.landmark--principles{left:24.5%}.landmark--games{left:43%}.landmark--friends{left:63%}.landmark--contact{left:89%;width:10%}
.landmark strong{font-size:12px;margin-bottom:0;padding:5px 8px;background:#f5e5c9f5}.landmark small{top:calc(100% + 5px);font-size:10px}.landmark--contact small{right:0}.landmark.is-near:before{top:-24px}
.hero-sprite{bottom:26%;scale:.8;z-index:10}.landmark:hover,.landmark.is-near,.landmark:focus-visible{background:#fff3d50c;border-color:#f5d79c66}
.world-life{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.world-smoke{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;clip-path:polygon(6.5% 12%,11% 12%,11% 25%,6.5% 25%);animation:chimneyBreeze 7s steps(12) infinite;opacity:.6}
@keyframes chimneyBreeze{0%,100%{translate:0 0;opacity:.2}50%{translate:3px -6px;opacity:.75}}
.lamp-glow{position:absolute;width:2%;height:3%;background:#ffe7a555;animation:softLight 8s ease-in-out infinite;mix-blend-mode:screen}.lamp-glow--workshop{left:9.5%;top:47%}.lamp-glow--tower{left:93.6%;top:32%;animation-delay:-4s}
@keyframes softLight{0%,100%{opacity:.15}50%{opacity:.65}}
.room-directory{gap:4px 32px;margin:12px auto 0}.room-directory a{font-size:12px}.hub__help{font-size:11px;margin:4px 16px}
/* Each destination stays inside the same world instead of opening an unrelated illustration */
.page.is-active{display:flex;justify-content:flex-end;align-items:flex-start;padding:110px 4vw 65px;min-height:100svh}
.page .page__art{opacity:1;filter:none;mask-image:none;object-position:var(--world-focus,50%) center}
.page .page__shade{background:linear-gradient(90deg,transparent 10%,#efdfc333 40%,#f0dfc5ba 100%)}
.page--studio{--world-focus:10%}.page--principles{--world-focus:32%}.page--games{--world-focus:50%;--room-accent:#876581}.page--friends{--world-focus:71%}.page--contact{--world-focus:95%}
.page>article{max-width:610px;width:47%;margin:0;padding:28px;backdrop-filter:none;box-shadow:6px 6px #584c4433}
.page--contact.is-active{justify-content:flex-start}.games-cabinet{background:#eee3e8f5;color:#554853;border:3px solid #b39cab}
.games-cabinet h2{font-size:24px;line-height:1.7;text-shadow:none;color:#554853}.games-cabinet .room-copy{color:#665364}.game-slot{background:#e2d5dd;border-color:#b09cae;box-shadow:3px 3px #988c9944}.slot-code,.game-slot p{color:#68596a}.game-slot h3{color:#58435e}.slot-lock{color:#846578;border-color:#b6a1b4}.game-slot--future{background:#dce2da}.game-slot--future .slot-lock{color:#64766c;border-color:#9aafa0}
.page>article h2{font-size:clamp(18px,2vw,26px)}.room-copy,.type-line,.studio-note .room-copy,.garden-manifesto>.room-copy{font-size:14px;line-height:2}.partner-story>p:last-of-type,.fountain-message>p:not(:first-child){font-size:13px;line-height:2}.chapter-link{font-size:12px}.partner-map{min-height:360px}
@media(max-width:900px){.page.is-active{padding:42vh 18px 40px;justify-content:center}.page--contact.is-active{justify-content:center}.page .page__art{height:56vh;object-position:var(--world-focus) 55%;position:fixed}.page .page__shade{background:linear-gradient(transparent 22vh,#efdfc3 54vh)}.page>article{width:100%;max-width:650px}.hub__intro h1 span{display:block;margin:8px 0 0}.studio-viewport{width:100%}}
@media(max-width:600px){.hub__top{height:64px}.hub__intro{margin:12px auto}.hub__intro h1{font-size:22px}.hub__intro h1 span{font-size:13px}.hub__intro small{font-size:10px}.hub .world{width:1000px;min-width:1000px;height:563px;margin-top:0}.studio-viewport{height:563px}.landmark strong{font-size:10px}.landmark small{font-size:9px}.hero-sprite{bottom:26%;scale:.7}.room-directory{gap:0 18px}.room-directory a{font-size:10px}.page>article{padding:24px 18px}.page>article h2{font-size:18px}.room-copy,.type-line,.studio-note .room-copy,.garden-manifesto>.room-copy{font-size:12px}.game-slots{gap:10px}.game-slot{padding:15px 8px}.game-slot h3{font-size:10px}.slot-code{font-size:8px}.return-portal span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.world-smoke,.lamp-glow{animation:none!important}}