.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{font-size:15px}.details h3{text-transform:none;margin:0 0 4px;padding-right:22px}.details p{margin:2px 0}.map-pop{z-index:4;border:1px solid var(--line2);background:#0d0d0df5;border-radius:8px;width:280px;max-width:calc(100% - 16px);padding:10px 12px;position:absolute;box-shadow:0 8px 24px #0000008c}.pop-img{aspect-ratio:4/3;background:var(--panel2);border-radius:8px 8px 0 0;margin:-10px -12px 8px;overflow:hidden}.pop-img img{object-fit:cover;width:100%;height:100%;display:block}.pop-close{z-index:1;width:26px;height:26px;color:var(--text);cursor:pointer;background:#000000b3;border:0;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:6px;right:6px}.pop-sub{color:var(--muted);font-size:14px}.pop-quests{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.pop-quests span{border:1px solid var(--line2);color:var(--text);border-radius:10px;padding:1px 7px;font-size:12px}#cat-layers{flex-direction:column;gap:4px;display:flex}#cat-layers label{align-items:center;gap:2px;display:flex}#cat-layers label span{margin-left:auto}.legend[hidden]{display:none}.cat-layers .dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.cat-layers p{margin:4px 0 0}.colour-by{margin-bottom:4px}.rad-key{vertical-align:middle;border-top:2px dashed #ff3b3b;width:22px;margin-left:4px;display:inline-block}.linkish{color:var(--accent2);font:inherit;cursor:pointer;background:0 0;border:0;padding: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}}