:root{--yard-ink:#d5c6d8;--yard-cream:#11182a}
.hub{background:#11182a;color:#d5c6d8}.hub__top{background:#0c0f19;border-color:#394563}.brand,.hub__status{color:#d5c6d8}.brand>span{background:#d5c6d8;border-color:#7f9fd8;box-shadow:4px 4px #394563}.hub__status b{color:#8fbeb0}
.hub__intro p,.hub__intro small{color:#8fbeb0}.hub__intro h1{color:#d5c6d8;text-shadow:3px 3px #242b43}.hub__intro h1 span{color:#b8a1d1;text-shadow:3px 3px #242b43}
.studio-viewport{background:#394563;scrollbar-color:#7f9fd8 #242b43}.hub .world{background:#394563}
.landmark{height:14%;top:auto;z-index:6}.landmark--studio{left:12%;top:28%;width:20%}.landmark--principles{left:55%;top:28%;width:19%}.landmark--games{left:79%;top:43%;width:19%}.landmark--friends{left:10%;top:70%;width:20%}.landmark--contact{left:70%;top:77%;width:21%}
.landmark strong{color:#efddc3;background:#242b43f2;border-color:#7f9fd8;box-shadow:3px 3px #11182a}.landmark small{color:#d5c6d8;background:#242b43f2}.landmark.is-near:before{color:#11182a;background:#8fbeb0}
.hero-sprite{bottom:auto;left:48.4%;top:56.3%;transform:translate(-50%,-100%);transform-origin:center bottom;scale:1;z-index:12}.hero-sprite.is-walking{transform:translate(-50%,-100%)}
.city-sign{position:absolute;left:48.4%;top:56.3%;transform:translate(-50%,-130%);display:flex;flex-direction:column;align-items:center;z-index:9;filter:drop-shadow(3px 3px #11182a77)}
.city-sign:after{content:'';position:absolute;top:0;bottom:-22px;width:6px;background:#d5c6d8;z-index:-1}
.city-sign a{display:block;background:#242b43;color:#d5c6d8;border:2px solid #7f9fd8;padding:5px 8px;font:10px/1.5 var(--px);margin-top:3px;min-width:120px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}
.city-sign a:nth-child(2n){background:#394563;border-color:#8fbeb0;translate:12px 0}.city-sign a:nth-child(2n+1){translate:-12px 0}.city-sign a:hover,.city-sign a:focus-visible{background:#7f9fd8;color:#11182a}
.room-directory a,.hub__help{color:#b8a1d1}.room-directory a:hover,.room-directory a:focus-visible{color:#8fbeb0;border-color:#8fbeb0}
.city-life{position:absolute;inset:0;pointer-events:none;z-index:4}.city-light{position:absolute;left:34.4%;top:52.9%;width:.7%;height:1%;background:#8fbeb0;animation:crossingLight 12s steps(1) infinite}.city-light--two{left:64.3%;top:51.2%;animation-delay:-6s}@keyframes crossingLight{0%,45%{background:#8fbeb0}46%,55%{background:#efddc3}56%,100%{background:#d8af94}}
.page{background:#11182a;color:#d5c6d8}.page .page__shade{background:linear-gradient(90deg,transparent,#11182a44 45%,#11182abb)}
.page>article{background:#242b43f5;color:#d5c6d8;border-color:#7f9fd8;box-shadow:6px 6px #11182a88}.page>article h2{color:#d5c6d8}.page>article h2 span{color:var(--room-accent)}
.page--studio{--world-focus:15%;--room-accent:#7f9fd8}.page--principles{--world-focus:65%;--room-accent:#8fbeb0}.page--games{--world-focus:90%;--room-accent:#b8a1d1}.page--friends{--world-focus:12%;--room-accent:#d8af94}.page--contact{--world-focus:80%;--room-accent:#8fbeb0}
.room-copy,.type-line,.studio-note .room-copy,.garden-manifesto>.room-copy,.partner-story>p:last-of-type,.fountain-message>p:not(:first-child),.games-cabinet .room-copy{color:#d5c6d8}.garden-manifesto small,.garden-manifesto li b{color:#8fbeb0}.garden-manifesto li{border-color:#535d80}.chapter-link:hover{color:#efddc3}
.partner-map{background:#394563;border-color:#7f9fd8}.partner-road path{stroke:#b8a1d1}.partner-stop p{background:#242b43;color:#d5c6d8}.partner-stop h3{color:#efddc3}.trail-start{color:#8fbeb0}.partner-stop--future p{color:#d5c6d8}
.game-slot,.game-slot--future{background:#394563;border-color:#b8a1d1}.game-slot h3,.game-slot p,.slot-code{color:#d5c6d8}.slot-lock{color:#efddc3}.return-portal,.return-portal--light{background:#242b43;color:#d5c6d8;border-color:#7f9fd8;box-shadow:4px 4px #11182a66}.return-portal:hover{background:#394563}.page__hint{color:#d5c6d8}
.mobile-controls{background:#242b43f5;border-color:#7f9fd8}.mobile-controls p{color:#d5c6d8}.joystick{width:100px;height:100px;background:#394563;border-color:#7f9fd8;color:#b8a1d1;touch-action:none}.joystick__thumb{background:#8fbeb0;border-color:#d5c6d8;box-shadow:3px 3px #242b43}.joystick:before{content:'↑';position:absolute;top:3px;left:44%}.joystick:after{content:'↓';position:absolute;bottom:3px;left:44%}
.transition__gate{background:#394563;border-color:#b8a1d1}.transition__pixels{background-color:#7f9fd8}.transition__flock{background:#535d80}.transition__water{background:#526e77}
@media(max-width:900px){.page .page__shade{background:linear-gradient(transparent 24vh,#11182a 54vh)}}
@media(max-width:600px){.hub__intro{margin:9px auto}.hub__intro h1{font-size:20px}.hub__intro small{max-width:360px}.city-sign a{font-size:9px;padding:6px 8px;min-width:100px}.hero-sprite{scale:.8}.return-portal span{font-size:8px}.mobile-controls{padding:8px 12px}.mobile-controls p{font-size:8px}.joystick{width:92px;height:92px}.landmark small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.city-light{animation:none}}