/* Shared robot, connected streets and the friends' corner cafe */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
button{font:inherit;cursor:pointer}button:focus-visible{outline:3px dashed #efddc3;outline-offset:5px}button:disabled{cursor:default}
.walk-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.65}
.walk-route polyline{fill:none;stroke:#b9d9c6;stroke-width:2;stroke-dasharray:2 9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.walk-target{position:absolute;width:20px;height:10px;border:2px solid #b9d9c6;transform:translate(-50%,-50%) rotate(-16deg);z-index:5;pointer-events:none;background:#8fbeb024}
.walk-target[hidden]{display:none}.world.is-routing .landmark strong{border-color:#a7b9d0}
.hero-sprite.robot-player{--facing:1;--stride:0px;--bob:0px;width:72px;height:76px;border:0;background:none;filter:none;scale:1;transform:translate(-50%,-94%);transition:none;animation:none;will-change:left,top;pointer-events:none}
.hero-sprite.robot-player:before{content:'';position:absolute;left:30%;right:25%;top:auto;bottom:3%;height:6%;border:0;background:#080d2399;width:auto;border-radius:50%}
.hero-sprite.robot-player:after{content:none}.hero-sprite.robot-player>i,.hero-sprite.robot-player>b{display:none}
.robot-art{position:absolute;inset:0;transform:scaleX(var(--facing));transform-origin:50% 94%}
.robot-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;user-select:none}
.robot-body{clip-path:polygon(0 0,100% 0,100% 100%,72% 100%,72% 79%,32% 79%,32% 100%,0 100%);transform:translateY(var(--bob))}
.robot-foot--left{clip-path:polygon(32% 79%,51% 79%,51% 100%,32% 100%);transform:translateY(var(--stride))}
.robot-foot--right{clip-path:polygon(51% 79%,72% 79%,72% 100%,51% 100%);transform:translateY(calc(-1 * var(--stride)))}
.room-player.hero-sprite.robot-player{left:50%;top:auto;bottom:12%;width:76px;height:80px;transform:translateX(-50%);scale:1}
.room-image[data-atlas]{visibility:hidden}
.transition.has-building>.building-transition{display:block!important}
.page--friends.building-room{gap:clamp(24px,3vw,56px);padding-top:100px;padding-bottom:55px}
.page--friends .room-stage{flex:1 1 58%;width:58%;max-width:800px}
.page--friends>article.room-dialogue{width:36%;max-width:530px;padding:0;border:0;box-shadow:none;background:transparent;text-shadow:none}
.page--friends .room-dialogue>p:first-child{color:#d8af94;font:10px/1.8 var(--px);letter-spacing:.04em;margin:0 0 18px}
.page--friends .room-dialogue h2{font-size:clamp(19px,1.7vw,28px)!important;line-height:1.65;margin:0 0 22px}
.page--friends .room-dialogue h2 span{color:#d8af94}
.page--friends .room-dialogue>p:not(:first-child),.cafe-friend p,.cafe-future p{font:16px/1.75 ui-monospace,Consolas,monospace;color:#bfc4d5;margin:0}
.cafe-stage{background:#151d30;border:2px solid #3b435a;box-shadow:7px 7px #050913}
.cafe-stage .room-image{aspect-ratio:1;width:100%;object-fit:contain}
.cafe-stage .room-location{font:9px/1.8 var(--px);color:#ead8be;background:#141b2be8;border-left:3px solid #d8af94}
.cafe-stage .room-player{display:none}
.cafe-stage .room-exit{bottom:16px;left:18px;translate:0;background:#141b2bf5;color:#efe2ca;border-color:#a79897;font-size:10px;padding:10px 12px}
.cafe-stage .room-exit:hover{background:#394563}
.cafe-order{position:absolute;left:36.35%;top:46.15%;width:12.4%;height:6.6%;padding:.5%;background:#f1d8b5;border:0;display:grid;place-items:center;z-index:4;transition:filter .2s}
.cafe-order img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}
.cafe-order:before{content:'';position:absolute;inset:-8px}
.cafe-order:hover{filter:brightness(1.1)}.cafe-order:focus-visible{outline:3px solid #a8d9c2;outline-offset:5px}
.cafe-scene-caption{position:absolute;right:14px;bottom:17px;font:8px/1.8 var(--px);color:#ead8be;background:#141b2be8;padding:9px;pointer-events:none}
.cafe-friend{margin-top:26px;padding:20px;background:#1b2335;border:2px solid #42506a;border-left:4px solid #8fbeb0;transition:border-color .2s}
.cafe-friend__label{display:flex;justify-content:space-between;gap:12px;color:#99bdb2;font:9px/1.8 var(--px)}
.cafe-friend>img{display:block;width:135px;height:70px;object-fit:contain;background:#efe9db;margin:22px 0 18px;padding:10px}
.cafe-friend h3{font:14px/1.8 var(--px);color:#e5d9c9;margin:0 0 12px}
.cafe-friend h3:focus{outline:none}.cafe-friend.is-greeted{border-color:#b6d9bc}
.cafe-friend .cafe-greeting{color:#b6d9bc;margin-top:14px}.cafe-greeting[hidden]{display:none}
.cafe-future{margin-top:20px;border-top:1px dashed #475369;padding-top:20px}.cafe-future>span{font:9px/1.8 var(--px);color:#d8af94}.cafe-future p{margin-top:10px}
.page--friends .chapter-link{display:inline-block;margin-top:24px;font-size:11px;line-height:1.9;color:#a9c9c0}
.joystick__thumb{left:50%;top:50%;translate:none;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)))}
.mobile-actions{display:flex;flex-direction:column;gap:8px}.mobile-actions p{margin:0}.mobile-enter{min-height:42px;max-width:176px;border:2px solid #8fbeb0;background:#8fbeb0;color:#11182a;padding:9px 10px;font:9px/1.5 var(--px)}
.mobile-enter:disabled{color:#a6abc0;border-color:#48536d;background:#29334a}
@media(max-width:900px){
 .studio-viewport{width:100%;margin-inline:0}
 .page--friends.building-room{padding:86px 16px 36px;gap:32px}
 .page--friends .room-stage,.page--friends>article.room-dialogue{width:100%;max-width:620px;flex-basis:auto}
 .page--friends .room-dialogue h2{font-size:21px!important}
 .room-player.hero-sprite.robot-player{width:60px;height:64px}
}
@media(max-width:600px),(pointer:coarse){
 .mobile-controls{display:flex;position:fixed;inset:auto auto max(12px,env(safe-area-inset-bottom)) 50%;translate:-50% 0;width:max-content;max-width:calc(100% - 24px);margin:0;align-items:center;gap:16px;padding:10px 14px;background:#171f31f7;border:2px solid #63758f;z-index:30}
 .joystick{position:relative;width:86px;height:86px;flex-shrink:0;touch-action:none;user-select:none}
 .joystick__thumb{width:32px;height:32px;border-width:3px}
 .mobile-controls p{font:8px/1.8 var(--px);color:#c4c9d7}
 .hub{padding-bottom:150px}
}
@media(max-width:600px){
 .studio-viewport{width:100%;margin:0;height:563px;scroll-padding-inline:90px;touch-action:pan-x pan-y}
 .hub .world{width:1000px;min-width:1000px;height:563px;margin:0}
 .hero-sprite.robot-player{width:64px;height:68px;scale:1}
 .cafe-order{min-height:24px}
 .cafe-stage .room-location{left:10px;top:10px;font-size:8px;padding:8px}
 .cafe-stage .room-exit{left:10px;bottom:10px;font-size:8px;min-height:42px;padding:8px}
 .cafe-scene-caption{display:none}
 .page--friends .room-dialogue h2{font-size:18px!important}
 .cafe-friend{padding:18px}.cafe-friend__label{font-size:8px}
 .page--friends .chapter-link{font-size:10px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.robot-art img{transform:none}.cafe-order,.cafe-friend{transition:none}}