#area-transition{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at 50% 40%,#30444d,#142129 75%);color:#f4e6cb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;font-family:'Noto Serif JP',serif;letter-spacing:.08em;touch-action:none;pointer-events:auto;text-align:center}
#area-transition h2{font-size:clamp(22px,5vw,32px);margin:0;font-weight:500}
#area-transition h2,#area-transition p{max-width:min(32em,100%);overflow-wrap:anywhere}
#area-transition{padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));box-sizing:border-box}
#map-dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
#map-dialog canvas{display:block;max-width:100%;height:auto}
#area-transition p{font-size:13px;color:#c9c8bc;margin:0;line-height:1.7;letter-spacing:.03em}
#area-transition button{padding:12px 20px;border:1px solid #cab78f;border-radius:8px;background:#263a43;color:#fff2d5;min-height:44px;font-size:14px}
#area-transition[hidden],#area-title[hidden]{display:none}
#area-title{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:20px;background:rgba(25,40,47,.8);color:#f5e4be;font-size:12px;white-space:nowrap;pointer-events:none}
@media(max-width:650px){#area-title{display:none}#minimap span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px}#area-transition h2{font-size:22px}#area-transition p{font-size:12px}}