.world-map{box-sizing:border-box;width:min(1000px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:16px;border:1px solid #87998b;border-radius:14px;background:#13251f;color:#f0eedc;font:14px/1.45 system-ui,sans-serif;overflow:auto}
.world-map::backdrop{background:#07110fe0}.world-map header{display:flex;align-items:center;justify-content:space-between;gap:12px}.world-map h2{margin:0;font:600 23px/1.3 system-ui,sans-serif;color:#eee0b4}.world-map p{margin:8px 0}.world-map button{box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid #889c8b;border-radius:7px;background:#294137;color:#f4efdc;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer}.world-map button:focus-visible{outline:3px solid #efd57f;outline-offset:2px}.world-map-tools{display:flex;gap:6px;margin:8px 0}.world-map-tools button{min-width:44px}.world-map-window{height:clamp(170px,48dvh,540px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;border:1px solid #4c6555;border-radius:8px;background:radial-gradient(ellipse at center,#294237,#112018)}.world-map-area{position:relative}.world-map-canvas{position:absolute;inset:0 auto auto 0;width:970px;height:540px;transform-origin:top left}.world-map-canvas button{position:absolute;width:160px;height:80px;white-space:pre-line;z-index:1;background:#263e33;box-shadow:0 6px 16px #0005}.world-map-canvas button[aria-current="true"]{background:#675837;border:2px solid #f1d583}.world-map-line{position:absolute;height:4px;background:#9ba67c;transform-origin:0 50%}.world-map-route{min-height:42px;color:#e6dcb8}.world-map-window:focus-visible{outline:2px solid #efd57f;outline-offset:2px}
@media(max-height:450px){.world-map{padding:10px}.world-map>p:first-of-type{display:none}.world-map-window{height:145px}.world-map h2{font-size:20px}.world-map-tools{margin:4px 0}.world-map-route{font-size:12px}}