.mapgenie-toolbar{display:flex;gap:10px;align-items:center;margin:14px 0}.mapgenie-toolbar .search{flex:1;min-width:160px}.mapgenie-map{height:min(76vh,780px);min-height:520px;overflow:hidden;position:relative;border:1px solid var(--line);background:#15262d}.mapgenie-map canvas{outline:none}.mapgenie-marker{display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid #f4fbf8;border-radius:50%;background:#176578;color:#fff;box-shadow:0 1px 3px #06191e99;cursor:pointer;font:bold 14px "Segoe UI Symbol",sans-serif;overflow:hidden}.mapgenie-marker img{width:25px;height:25px;object-fit:contain}.mapgenie-marker:hover{scale:1.08}.mapgenie-marker-materials{background:#6f7b4d}.mapgenie-marker-collectibles{background:#8a6b3f}.mapgenie-marker-npcs{background:#725c8d}.mapgenie-marker-pals{background:#4d7ca4}.mapgenie-marker-locations{background:#287d88}.maplibregl-popup-content{color:#18252b;font:14px/1.45 "Segoe UI",sans-serif;min-width:180px}.maplibregl-popup-content strong{display:block}.maplibregl-popup-content small{display:block;color:#657579;margin-top:4px}.maplibregl-popup-content p{margin:6px 0 0}.mapgenie-note a{color:#176578}@media(max-width:800px){.mapgenie-toolbar{align-items:stretch;flex-wrap:wrap}.mapgenie-toolbar .search{flex-basis:100%}.mapgenie-map{min-height:520px;height:70vh}}@media(max-width:500px){.mapgenie-map{min-height:440px}}