/* Fixed, complete map compositions and in-scene reading controls. */
.welcome-resume{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-family:var(--pixel);font-size:20px;line-height:1.3;min-height:49px;padding:10px 22px;margin-top:20px}.welcome-foot{margin-top:19px}.map-interaction,.map-interaction:active{cursor:default;touch-action:manipulation}.town-picture{background-repeat:no-repeat}.town-brand{padding:9px 16px;gap:11px}.town-brand h2{font-size:22px;margin:0}.town-brand p{display:none}.town-brand .house-icon{font-size:32px}.map-avatar{width:64px;height:94px}.pin-caption{font-size:15px}.scene-interactions{position:absolute;right:4%;bottom:15%;width:245px;padding:16px;z-index:3}.scene-menu-title{font-family:var(--pixel);font-size:20px;line-height:1.5;text-align:center;margin:0 0 12px}.scene-menu-buttons{display:flex;flex-direction:column;gap:10px}.scene-action,.shop-signs button{font-family:var(--pixel);font-size:20px;line-height:1.35;color:#fff0c4;border:3px solid #7b4c25;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 14px,#63331014 15px 17px),linear-gradient(100deg,#ae6b2b,#c48943);box-shadow:inset 0 2px #e6b66b,0 3px #754621;padding:11px 12px;min-height:49px;text-decoration:none;text-align:center}.scene-action:hover,.shop-signs button:hover{filter:brightness(1.1)}.scene-interactions .experience-tabs{grid-template-columns:1fr 1fr;gap:10px;margin:0}.scene-interactions .shop-signs button[aria-selected=true]{background:#6b7837;color:#fff4cb;border-color:#4a5629;box-shadow:inset 0 2px #a6b269,0 3px #4d5527}.scene-avatar{right:25%;width:140px;height:218px}.story-paper{scroll-padding-top:18px}.detail-scene-label{top:17%;right:13%;font-size:22px}.detail-background{transform:none}
@media(min-width:1700px){.scene-interactions{right:6%;width:270px}.scene-avatar{right:25%}}
@media(max-height:750px) and (min-width:761px){.welcome{width:560px}.welcome-label{font-size:26px;margin-bottom:15px}.welcome-sign{padding:20px 40px 26px}.welcome-sign h1 span{font-size:40px;margin-bottom:8px}.welcome-sign h1 strong{font-size:66px}.welcome-note{margin:21px 0;font-size:18px}.enter-button{font-size:28px;padding:14px 29px 17px;min-width:240px}.welcome-resume{margin-top:15px;min-height:44px;padding:9px 20px;font-size:18px}.welcome-foot{margin-top:15px}.scene-interactions{width:220px;bottom:15%;padding:12px}.scene-menu-title{font-size:18px}.scene-action,.shop-signs button{font-size:18px;padding:9px 10px;min-height:44px}}
@media(max-width:1050px) and (min-width:761px){.scene-interactions{right:3%;width:200px;padding:12px}.scene-avatar{right:27%;width:100px;height:159px}.scene-action,.shop-signs button{font-size:18px}.scene-menu-title{font-size:18px}.detail-scene-label{right:13%;top:16%}}
@media(max-width:760px){
 .welcome{transform:translate(-50%,-50%)}.welcome-label{margin-bottom:20px}.welcome-note{margin:25px 0}.welcome-resume{font-size:18px;margin-top:17px;min-height:46px;padding:10px 20px}.welcome-foot{margin-top:17px}
 .town-header{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));gap:8px}.town-brand{padding:10px 9px;gap:0}.town-brand .house-icon{display:none}.town-brand h2{font-size:18px;line-height:1.3;margin:0 0 6px;white-space:nowrap}.town-brand p{display:block;font-size:15px;line-height:1.3}.town-header>.small-board{font-size:18px;min-height:48px;max-width:72px;padding:10px 9px}.town-footer{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.map-hint{display:none}.return-sky{position:static;font-size:18px;min-height:44px;padding:10px 14px;margin:0}.pin-board{font-size:18px;line-height:1.3;padding:10px 12px;border-width:3px}.pin-caption{display:none}.building-pin{padding:13px 8px 8px}.pin-spark{width:6px;height:6px;top:0}.map-avatar{width:54px;height:81px}.avatar-bubble{display:none}
 .detail{--scene-height:34dvh}.detail-background{bottom:auto;height:var(--scene-height);background-position:center;background-size:cover}.detail-shade{background:linear-gradient(0deg,#456b30 0%,transparent 70%);top:calc(var(--scene-height) - 35px);height:70px;bottom:auto}.detail-close{top:max(12px,env(safe-area-inset-top));right:12px;padding:10px 13px;min-height:45px;font-size:18px}.detail-scene-label{display:none}.story-board{top:calc(var(--scene-height) - 2px);left:3%;width:94%;height:calc(100dvh - var(--scene-height) - 80px);min-height:0}.story-header{padding:12px 16px;min-height:83px;gap:13px}.story-header h2{font-size:26px}.story-header p{font-size:15px}.story-paper{padding:20px 18px;margin:0 4px}.scene-avatar{top:calc(var(--scene-height) - 155px);left:5%;right:auto;width:68px;height:101px;border:0;border-radius:0;box-shadow:none;background:none;padding:0}.scene-avatar .avatar-shadow{display:block}.scene-interactions{top:calc(var(--scene-height) - 64px);bottom:auto;left:4%;right:4%;width:auto;padding:7px;border-width:2px;box-shadow:inset 0 0 0 2px #efd9a8,0 3px #76502c;background:#f3dbabeb}.scene-menu-title{display:none}.scene-menu-buttons{flex-direction:row;gap:7px}.scene-action{flex:1;font-size:18px;min-height:43px;padding:9px 5px;border-width:2px;white-space:nowrap}.scene-interactions .experience-tabs{grid-template-columns:repeat(4,1fr);gap:7px}.scene-interactions .shop-signs button{font-size:18px;padding:9px 3px;min-height:43px;border-width:2px;white-space:nowrap}.detail-nav{width:94%;bottom:max(13px,env(safe-area-inset-bottom));gap:4px;padding:4px 6px}.detail-nav button{font-size:18px;padding:11px 8px}.detail-nav span{font-size:15px}.toast{bottom:85px}
}
@media(max-width:360px){.pin-board{padding:10px}.welcome-sign h1 span{font-size:30px}.welcome-sign h1 strong{font-size:48px}.welcome-note{font-size:17px;margin:22px 0}.enter-button{font-size:28px;min-width:224px;padding:17px 25px 20px}.welcome-resume{margin-top:16px}.welcome-foot{margin-top:15px}.story-paper{padding:18px 14px}.story-header{padding:11px 13px}.story-header h2{font-size:26px}.scene-action{padding:9px 3px}.scene-menu-buttons{gap:5px}}
@media(max-height:680px) and (max-width:760px){.welcome-label{margin-bottom:14px}.welcome-sign{padding:21px 19px 25px}.welcome-note{margin:19px 0}.welcome-sign h1 span{margin-bottom:10px}.welcome-resume{margin-top:14px}.welcome-foot{margin-top:13px}.detail{--scene-height:32dvh}}
@media(orientation:landscape) and (max-height:500px){.welcome{width:420px}.welcome-label{font-size:22px;margin-bottom:10px}.welcome-sign{padding:13px 35px 17px}.welcome-sign h1 span{font-size:30px;margin-bottom:5px}.welcome-sign h1 strong{font-size:48px}.welcome-note{font-size:17px;margin:14px 0}.enter-button{font-size:24px;min-width:210px;min-height:50px;padding:10px 22px 13px}.welcome-resume{position:fixed;left:calc(100% + 25px);bottom:15px;min-width:145px;margin:0;font-size:18px}.welcome-foot{margin-top:13px}.town-header{top:10px;left:15px;right:15px}.town-brand{padding:7px 12px}.town-brand h2{font-size:18px}.town-brand .house-icon{font-size:26px}.town-header .small-board{font-size:18px;padding:9px 13px}.pin-board{font-size:18px;padding:8px 12px}.pin-caption,.pin-spark,.avatar-bubble,.guide-card,.map-hint{display:none}.town-footer{bottom:10px;right:auto;left:15px}.return-sky{font-size:18px;padding:8px 13px}.story-board{top:15%;left:3%;height:66%;width:48%}.story-header{min-height:67px;padding:9px 15px}.story-header h2{font-size:26px}.story-header p{font-size:15px;margin-bottom:4px}.story-icon{font-size:30px}.story-paper{padding:16px 20px}.detail-close{top:11px;right:15px;padding:9px 13px;font-size:18px}.detail-scene-label{display:none}.scene-interactions{bottom:22%;right:4%;width:235px;padding:10px}.scene-menu-title{font-size:18px}.scene-action,.shop-signs button{font-size:18px;min-height:41px;padding:8px}.scene-avatar{right:32%;width:75px;height:118px;bottom:13%}.detail-nav{bottom:10px;padding:2px 8px}.detail-nav button{font-size:18px;padding:10px}}