/* The map covers the viewport. Navigation stays in screen space above the game. */
body[data-view=village]{overflow:hidden;background:#6f9a55}
body[data-view=village] #village{padding:0;max-width:none;margin:0}
body[data-view=village] .scene{width:100vw;height:100dvh;min-height:0;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}
body[data-view=village] .site-header{position:fixed;top:16px;left:20px;right:20px;height:70px;padding:0 22px;border:2px solid #33423d;background:#fffdf3f0;box-shadow:3px 3px 0 #26373530;z-index:10}
body[data-view=village] .brand small{display:none}
body[data-view=village] .brand span{font-size:24px}
body[data-view=village] .site-header nav button.active:after{bottom:10px;height:2px}
.scene-top{top:104px;left:auto;right:20px;justify-content:flex-end}
.character-switch{top:auto;bottom:26px;right:20px;left:auto}
.keyboard-hint{bottom:26px;left:20px;right:auto;max-width:none}
.travel-menu{position:absolute;left:20px;right:auto;top:104px;display:flex;gap:8px}
.travel-menu button{font-family:Galmuri;font-size:12px;padding:9px 12px;background:#fffdf3f0;border:1px solid #33423d;box-shadow:2px 2px 0 #26373530;white-space:nowrap}
.destination small{display:none}.destination{min-width:145px;padding:10px 14px}
.destination:disabled{opacity:1;cursor:default;pointer-events:none}
.barricade-label{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;box-sizing:border-box;background:#d9b77d;border:2px solid #63452c;color:#493524;font-family:Galmuri;font-size:15px;line-height:1.2;white-space:nowrap;box-shadow:2px 2px 0 #382a2255;pointer-events:none}
.construction-tag{font-family:Galmuri;font-size:12px}
.picker-description{margin-bottom:20px}.character-option{padding-bottom:19px}
@media(max-width:900px){
 .site-header nav button:last-child{display:block}
 body[data-view=village] .site-header{top:max(10px,env(safe-area-inset-top));left:10px;right:10px;height:58px;padding:0 10px;gap:6px}
 .site-header nav{gap:8px}.site-header nav button{white-space:nowrap}
 body[data-view=village] .brand svg{width:20px;height:28px}
 body[data-view=village] .brand span{font-size:24px}
 .scene-top{top:84px;left:auto;right:10px}
 .view-controls button{width:32px;height:32px}
 .travel-menu{top:84px;left:10px;right:auto;gap:5px}
 .travel-menu button{padding:8px;font-size:12px}
 .character-switch{top:auto;bottom:30px;right:10px;left:auto;min-height:44px;padding:5px 9px}
 .dpad{bottom:max(22px,env(safe-area-inset-bottom));left:16px}
 #interact{display:none}.keyboard-hint{display:none}
 .character-picker{max-height:calc(100dvh - 24px)}
}
@media(max-width:360px){
 .site-header{gap:5px;padding:0 10px}.site-header nav{gap:5px}
 .site-header .brand svg{display:none}.site-header .brand small{display:none}
 body[data-view=village] .site-header{padding:0 8px;left:8px;right:8px}
 .travel-menu button{padding:8px 6px}.view-controls button{width:28px;height:32px}.view-controls{gap:3px}
 .scene-top{right:8px}.travel-menu{left:8px}
}