#town-map-dialog{width:min(1180px,95vw);max-width:95vw;padding:20px;border:1px solid #809d8c;border-radius:22px;background:#f5f1e5;color:#294c48;box-shadow:0 24px 100px #183c4e66;max-height:94dvh;overflow:auto}
#town-map-dialog::backdrop{background:#173a49a6;backdrop-filter:blur(5px)}
#town-map-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}#town-map-dialog h2{margin:4px 0;font-size:24px}#town-map-dialog header small{font-size:10px;letter-spacing:.16em;font-weight:800;color:#6c8373}
#town-map-dialog button{border:1px solid #c4d0bc;border-radius:10px;background:#fffaf0;color:#36594e;padding:10px 12px;font:700 13px system-ui;cursor:pointer}#town-map-dialog button:hover,#town-map-dialog button:focus-visible{background:#e5edd8;outline:2px solid #799888;outline-offset:1px}
.town-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px}.town-map-view{min-width:0;position:relative}#town-map-canvas{width:100%;aspect-ratio:960/760;display:block;border-radius:14px;border:1px solid #c2cbb4;cursor:crosshair;touch-action:none}.town-map-view p{font:12px system-ui;color:#657a69;margin:9px 0}.town-map-tools{position:absolute;top:12px;left:12px;display:flex;gap:5px}.town-map-tools button{box-shadow:0 2px 6px #47664a22}
.town-map-layout aside{display:flex;flex-direction:column;gap:9px;min-height:0}.town-map-layout aside label{font:700 13px system-ui}.town-map-layout aside input{width:100%;box-sizing:border-box;border:1px solid #bccbb5;border-radius:10px;padding:12px;background:white;color:#36594e}.town-map-layout aside small{font:12px/1.5 system-ui;color:#657a69}#map-place-list{display:grid;gap:5px;overflow:auto;max-height:395px}#map-place-list button{text-align:left}#map-route-status{font:600 13px/1.5 system-ui;margin:3px 0;color:#6f662e}#world-route-info{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#f8efd5ee;color:#4e5b41;border-radius:8px;font:700 11px/1.35 system-ui;max-width:200px}#world-route-info[hidden]{display:none}#world-route-info button{border:0;border-radius:50%;background:#dfd4b5;color:#405849;width:22px;height:22px;cursor:pointer;flex-shrink:0}
#minimap{cursor:pointer;border-radius:12px;max-height:210px;object-fit:contain}#minimap:focus-visible{outline:3px solid #e0b255}.minimap-panel:has(#minimap)::after{content:'M · Expand map';display:block;text-align:center;font:700 10px system-ui;color:#536b58;padding:3px}
@media(max-width:720px){#town-map-dialog{padding:12px;width:96vw;max-width:96vw;border-radius:16px}.town-map-layout{grid-template-columns:1fr;gap:10px}#town-map-dialog h2{font-size:18px}.town-map-layout aside{display:grid;grid-template-columns:1fr 1fr}.town-map-layout aside label,.town-map-layout aside input,#map-place-list{grid-column:1/-1}#map-place-list{max-height:150px;grid-template-columns:1fr 1fr}.town-map-layout aside small{grid-column:1/-1}.town-map-tools{top:8px;left:8px}.town-map-tools button{font-size:11px!important;padding:7px!important}#town-map-canvas{min-height:230px}.town-map-layout aside label{display:none}}

.minimap-panel #minimap{height:auto;aspect-ratio:1/1;max-height:none}.minimap-panel #world-route-info{padding:7px 8px;text-align:left}.minimap-panel #world-route-info button{padding:0;width:22px;height:22px;border:0;font-size:16px}