.map-page{grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 57px);display:grid}.map-side{border-right:1px solid var(--line);max-height:calc(100vh - 57px);padding:4px 18px 24px;overflow-y:auto}.map-side h1{margin:16px 0 10px;font-size:30px}.map-side h2{text-transform:none;margin:18px 0 4px;font-size:22px}.side-form{flex-direction:column;gap:6px;display:flex}.side-form .btn{margin-top:6px}.status{min-height:22px;margin:8px 0}.status.missing{color:var(--text)}.layers{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;margin:12px 0 6px;padding:8px 12px;display:flex}.layers legend{color:var(--muted);font-size:13px}.layers label{color:var(--text)}.layers select{padding:2px 6px}.map-side .stats{grid-template-columns:1fr 1fr}.map-side .stat b{font-size:20px}#poi-search{width:100%;margin-top:4px}.details{margin-top:10px;font-size:15px}.details h3{text-transform:none;margin:0 0 4px}.details p{margin:2px 0}.map-wrap{background:#0b0c0e;min-height:420px;position:relative}#map{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;position:absolute;inset:0}#map:active{cursor:grabbing}.map-buttons{flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.map-buttons button{border:1px solid var(--line);width:38px;height:38px;color:var(--text);cursor:pointer;background:#17191ceb;border-radius:8px;font-size:20px}.map-buttons button:hover{color:var(--accent2)}.tooltip{pointer-events:none;border:1px solid var(--line);z-index:3;background:#0f1012f0;border-radius:6px;max-width:280px;padding:5px 9px;font-size:14px;position:absolute}.coords{color:var(--muted);background:#0f1012d9;border-radius:6px;padding:3px 8px;position:absolute;bottom:10px;left:12px}.coords:empty{display:none}.map-empty{text-align:center;color:var(--muted);pointer-events:none;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.map-empty:empty{display:none}@media (width<=860px){.map-page{grid-template-columns:minmax(0,1fr)}.map-side{display:contents}.map-side>*,.map-side>h1{margin-left:16px;margin-right:16px}.map-side>#world-info{order:2;padding-bottom:20px}.map-wrap{order:1;height:70vh}}