body{overflow:hidden}.sxs-map-tool{position:absolute;top:0;left:0;right:0;height:calc(100vh - 64px);overflow:hidden;background:#0d1116;user-select:none}.map-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}.map-viewport.dragging{cursor:grabbing}.map-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.map-image{display:block;image-rendering:pixelated;pointer-events:none}.map-markers{position:absolute;inset:0}.map-labels{position:absolute;inset:0;pointer-events:none}.map-label{position:absolute;transform:translate(-50%,-50%) scale(calc(1 / var(--zoom, 1)));color:#fff;font-size:15px;font-weight:700;line-height:1.15;white-space:nowrap;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 7px rgba(0,0,0,.75)}.map-label .lvl{display:none;font-size:10px;font-weight:600;opacity:.75}.map-label.branch{font-size:12px;color:#d9dfe9}.map-label.village{color:#ffe50e}.map-world.hide-branch .map-label.branch{display:none}.map-marker{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;transform:scale(calc(1 / var(--zoom, 1)));display:flex;align-items:center;justify-content:center;cursor:pointer}.map-marker img{max-width:100%;max-height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));pointer-events:none}.map-marker.tier-elite{width:44px;height:44px;margin:-22px 0 0 -22px}.map-marker.tier-boss{width:52px;height:52px;margin:-26px 0 0 -26px}.map-topbar{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;z-index:25}.filter-btn,.map-search{box-sizing:border-box;width:240px;height:38px;border-radius:999px;padding:0 18px;font-size:.95rem;font-family:inherit;pointer-events:auto}.map-search{display:flex;align-items:center;gap:8px;background:#181a1feb;border:1px solid rgba(255,255,255,.28);color:#e8e8e8;cursor:text;transition:.12s linear}.map-search[hidden]{display:none}.map-search i{color:#9aa2b1;flex-shrink:0}.map-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:inherit;font-size:inherit;font-family:inherit}.map-search input::placeholder{color:#9aa2b1}.map-search:hover,.map-search:focus-within{border-color:#ffffffb3}.zone-tabs{position:absolute;bottom:14px;right:12px;max-width:calc(100% - 24px);display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px;z-index:10}.zone-tab{position:relative;display:grid;background:none;border:none;padding:14px 2px 0;cursor:pointer;font-family:inherit}.zone-thumb{grid-area:1 / 1;justify-self:center;align-self:center;width:78px;height:78px;border-radius:50%;overflow:hidden;display:block;border:2px solid rgba(10,12,15,.55);box-shadow:0 2px 6px #00000080;transition:.12s linear}.zone-thumb img{width:100%;height:100%;object-fit:cover;display:block}.zone-name{grid-area:1 / 1;justify-self:center;align-self:center;z-index:1;background:#181a1feb;border-radius:7px;padding:4px 10px;color:#fff;font-size:.9rem;font-weight:700;white-space:nowrap;box-shadow:0 1px 3px #0006}.zone-tab:hover .zone-thumb{border-color:#ffffffa6}.zone-tab.active .zone-thumb{border-color:#e9d34b;box-shadow:0 0 0 2px #e9d34b,0 2px 6px #00000080}.zone-tab.active:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);border:10px solid transparent;border-top:16px solid #fff;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.filter-btn{display:flex;align-items:center;justify-content:space-between;background:#181a1feb;border:1px solid rgba(255,255,255,.28);color:#e8e8e8;font-weight:600;cursor:pointer;white-space:nowrap;transition:.12s linear}.filter-btn span{display:flex;align-items:center;gap:6px}.filter-btn:hover{border-color:#ffffffb3}.filter-panel.below-search{top:104px;max-height:calc(100% - 126px)}.filter-panel{position:absolute;top:58px;right:12px;max-height:calc(100% - 80px);overflow-y:auto;background:#14161af0;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;z-index:20;scrollbar-width:thin}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px}.filter-pill{display:flex;align-items:center;gap:8px;background:transparent;border:1.5px solid rgba(255,255,255,.45);color:#f0f0f0;border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;transition:.1s linear}.filter-pill:hover{border-color:#ffffffd9}.filter-pill img{width:22px;height:22px;object-fit:contain;flex-shrink:0}.filter-pill .count{margin-left:auto;opacity:.55;font-size:.75rem;font-weight:500}.filter-pill.active{background:#dbe070;border-color:#dbe070;color:#22252c}.filter-pill.active .count{opacity:.7}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.filter-actions button{background:none;border:none;color:#9aa2b1;font-size:.82rem;font-family:inherit;cursor:pointer;padding:4px 8px}.filter-actions button:hover{color:#fff}.map-tooltip{position:absolute;background:#121418f2;border:1px solid rgba(255,255,255,.18);padding:7px 12px;font-size:.85rem;pointer-events:none;z-index:30;max-width:260px}.map-tooltip .tt-type{opacity:.6;font-size:.74rem;display:block}.map-tooltip .tt-sub{opacity:.6;font-size:.74rem;display:block;margin-top:2px}.map-tooltip .tt-drops{margin-top:6px;border-top:1px solid rgba(255,255,255,.14);padding-top:5px;border-collapse:collapse;width:100%;font-size:.78rem}.map-tooltip .tt-drops td{padding:1px 0;vertical-align:top}.map-tooltip .tt-drops td.tt-pct{text-align:right;padding-left:12px;opacity:.85;font-variant-numeric:tabular-nums;white-space:nowrap}.map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#cfd6e4;background:#0d1116;z-index:40}@media (max-width: 860px){.filter-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.zone-thumb{width:56px;height:56px}.zone-name{font-size:.72rem;padding:2px 7px}.filter-panel{left:12px}}