.is-map .map-page{max-width:none;padding-inline:0}.karta-stage{position:relative;height:calc(100dvh - var(--header-h));min-height:340px;overflow:hidden;touch-action:none;background:var(--surface-page);cursor:grab;user-select:none}.karta-stage.is-dragging{cursor:grabbing}.karta-stage.has-hit{cursor:pointer}.karta-world{position:absolute;inset:0 auto auto 0;transform-origin:0 0;will-change:transform;--mark-k:.25}.karta-world.is-animating{transition:transform var(--dur-move) var(--ease)}.karta-image,.karta-image img{position:absolute;display:block;width:100%;height:100%;object-fit:fill}.karta-image{background:var(--surface-panel)}.karta-image::before{content:'';position:absolute;inset:0;background:var(--karta-lazy) center / cover;filter:blur(10px)}.karta-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.karta-lines polyline{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.karta-lines circle{stroke:var(--surface-page);stroke-width:2;vector-effect:non-scaling-stroke}.karta-mark{position:absolute;z-index:2;display:block;transform:translate(-50%,-50%);text-decoration:none;cursor:pointer;outline:none;pointer-events:none}.karta-mark[hidden]{display:none}.karta-mark img{display:block;width:calc(var(--icon-w) * var(--marker-scale, .3) * var(--mark-k) * 1px);height:auto;max-width:none;pointer-events:none;transition:scale var(--dur-hover) var(--ease), filter var(--dur-hover) var(--ease)}.karta-mark.is-hovered,.karta-mark:focus-visible{cursor:pointer}.karta-mark.is-hovered img,.karta-mark:focus-visible img,.karta-mark.is-filtered img{filter:none}.karta-mark-label{position:absolute;top:calc(100% + var(--label-gap, 12px));left:50%;width:max-content;transform:translateX(-50%);pointer-events:none;opacity:0;color:#fff;font:700 var(--label-size, 40px)/1.2 var(--text);white-space:nowrap;-webkit-text-stroke:var(--label-stroke, 5px) #000;paint-order:stroke fill;text-shadow:0 1px 3px #000}.karta-lvl{margin-left:.25em;font-size:.72em;font-weight:700;color:var(--accent)}.karta-mark-label.is-visible,.karta-mark.is-hovered .karta-mark-label,.karta-mark:focus-visible .karta-mark-label,.karta-mark.is-selected .karta-mark-label{opacity:1}.karta-mark.is-selected{z-index:4;isolation:isolate}.karta-hit{position:absolute;left:50%;top:50%;width:max(calc(36 * var(--screen-px)), calc(var(--icon-size) * var(--mark-k) + 8 * var(--screen-px)));aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;clip-path:circle(50%);pointer-events:auto}.karta-hit::before{content:'';position:absolute;inset:0;border:calc(1.5 * var(--screen-px)) solid transparent;border-radius:50%}.karta-mark:is(.is-hovered,:focus-visible,.is-selected) .karta-hit::before{border-color:var(--accent);background:var(--accent-glow)}.karta-mark:focus-visible .karta-hit::before{border-width:calc(3 * var(--screen-px))}.karta-mark.is-clean img{opacity:.55}.karta-clean-badge{display:none;position:absolute;left:65%;top:-10%;z-index:2;width:calc(17 * var(--screen-px));height:calc(17 * var(--screen-px));place-items:center;border-radius:50%;background:var(--element-poison);color:var(--surface-page);font:700 calc(12 * var(--screen-px))/1 var(--text);pointer-events:none}.karta-mark.is-clean .karta-clean-badge{display:grid}.karta-mark.is-route::after{content:attr(data-step);position:absolute;bottom:0;right:calc(-10 * var(--screen-px));min-width:calc(18 * var(--screen-px));height:calc(18 * var(--screen-px));padding-inline:calc(2 * var(--screen-px));display:grid;place-items:center;border-radius:50%;background:var(--route-color, var(--accent));color:#171a1f;font:700 calc(12 * var(--screen-px))/1 var(--text);pointer-events:none}.karta-controls{position:absolute;z-index:5;right:20px;bottom:20px;display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--r);background:var(--glass-drop);backdrop-filter:var(--blur-area);box-shadow:0 12px 36px var(--shade-lg)}.karta-controls button{width:40px;height:40px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);font:700 22px/1 var(--text);cursor:pointer}.karta-controls button:hover,.karta-controls button:focus-visible{background:var(--act-main-hover);backdrop-filter:var(--act-pressed-filter);color:var(--act-pressed-ink)}.karta-route-strip{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--accent);border-radius:var(--r);background:var(--glass-drop);backdrop-filter:var(--blur-area);color:var(--ink);font-size:var(--fs-hint)}.karta-route-strip[hidden]{display:none}.karta-route-strip button{border:1px solid var(--accent);border-radius:var(--r-sm);padding:8px 10px;background:var(--act-pressed-bg);backdrop-filter:var(--act-pressed-filter);color:var(--act-pressed-ink);cursor:pointer}.karta-locations{max-width:var(--shell);margin:auto;padding:48px var(--gutter) 48px}.karta-locations h2{margin:0 0 20px;font:500 var(--fs-h2)/1.3 var(--heading)}.karta-location-list{columns:3 260px;column-gap:22px}.karta-location{break-inside:avoid;padding:12px 0;border-top:1px solid var(--line);color:var(--ink-muted)}.karta-location h3{margin:0 0 6px;font:500 var(--fs-item)/1.35 var(--heading)}.karta-location p{margin:0 0 6px;font:400 var(--fs-text)/1.55 var(--text)}.karta-location a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:3px}.karta-location a:hover{color:var(--accent)}.karta-location-links{display:flex;flex-wrap:wrap;gap:4px 10px}.k-lvl{color:var(--accent)}.k-unit{color:var(--ink-muted)}.k-num{color:var(--ink);font-weight:700}.k-warn{color:var(--element-fire)}.k-loot{color:var(--element-sun)}.k-art{color:var(--element-magic)}.is-map .site-search{flex:1 1 300px;max-width:460px;min-width:170px}.is-map .site-header-inner{gap:6px}.is-map .header-button-text{display:none}.karta-tools{display:flex;gap:4px;flex:0 0 auto;align-items:center}.karta-tool{display:inline-flex;gap:6px;align-items:center;height:34px;padding:0 6px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink);font:600 var(--fs-ui)/1 var(--text);cursor:pointer;white-space:nowrap}.karta-tool svg{width:17px;height:17px;flex:none}.karta-tool .pack-caret{width:5px;height:5px}.karta-tool:hover,.karta-tool:focus-visible,.karta-tool[aria-expanded=true]{color:var(--accent);border-color:var(--line);background:var(--glass-drop)}.karta-panel,.karta-pop,.karta-context{position:fixed;z-index:60;border:1px solid var(--line);border-radius:var(--r);background:var(--glass-drop);backdrop-filter:var(--blur-area);box-shadow:0 22px 60px var(--shade-lg);color:var(--ink);animation:drop-in var(--dur-open) var(--ease) both}.karta-panel[hidden],.karta-pop[hidden],.karta-context[hidden]{display:none}.karta-panel{width:min(390px,calc(100vw - 24px));max-height:min(76dvh,640px);overflow:auto;padding:14px}.karta-panel h2{margin:0 0 12px;font:500 var(--fs-h2)/1.2 var(--heading)}.karta-panel h3{margin:14px 0 8px;font:500 var(--fs-group)/1.2 var(--heading);color:var(--ink-muted)}.karta-panel-list{display:grid;gap:4px}.karta-panel :is(button,a),.karta-context button{min-height:36px;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);text-align:left;text-decoration:none;font:500 var(--fs-name)/1.35 var(--text);cursor:pointer}.karta-panel :is(button,a):hover,.karta-panel :is(button,a):focus-visible,.karta-context button:hover{background:var(--node-bg-hover)}.karta-panel small,.karta-pop small{font-size:var(--fs-hint)}.karta-panel .is-selected{border:1px solid var(--accent);color:var(--accent)}.karta-panel .karta-muted{color:var(--ink-muted);font-size:var(--fs-text)}.karta-filter-skull{width:18px;height:18px;flex:none}.karta-panel .karta-route-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px;padding-block:6px;border-bottom:1px solid var(--line)}.karta-panel .karta-route-row>a{overflow:hidden;text-overflow:ellipsis}.karta-panel .karta-route-row>button{width:30px;min-height:28px;justify-content:center}.karta-panel .karta-route-row>button:first-child{width:100%;justify-content:flex-start}.karta-panel .karta-boss-row{grid-template-columns:minmax(0,1fr) 34px}.karta-boss[data-el],.karta-boss-row [data-el]{color:var(--el, var(--ink))}.karta-boss[data-el="fire"],.karta-boss-row [data-el="fire"]{--el:var(--element-fire)}.karta-boss[data-el="frost"],.karta-boss-row [data-el="frost"]{--el:var(--element-frost)}.karta-boss[data-el="shock"],.karta-boss-row [data-el="shock"]{--el:var(--element-shock)}.karta-boss[data-el="poison"],.karta-boss-row [data-el="poison"]{--el:var(--element-poison)}.karta-boss[data-el="disease"],.karta-boss-row [data-el="disease"]{--el:var(--element-disease)}.karta-boss[data-el="magic"],.karta-boss-row [data-el="magic"]{--el:var(--element-magic)}.karta-boss[data-el="shout"],.karta-boss-row [data-el="shout"]{--el:var(--element-shout)}.karta-boss-glyph{width:24px;height:24px;flex:none;color:var(--el, var(--ink))}.karta-panel .karta-boss-row span{min-width:0}.karta-panel .karta-boss-row small{display:block;color:var(--ink-muted);font-size:var(--fs-hint)}.karta-panel .karta-boss-row>a{justify-content:center}.karta-panel .karta-route-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:4px;align-items:center;padding:4px}.karta-panel .karta-route-step input{width:17px;height:17px;accent-color:var(--accent)}.karta-panel .karta-route-step button{width:auto;min-height:28px;padding:4px 6px}.karta-panel .karta-step-name img{width:22px;height:22px;object-fit:contain;flex:none}.karta-new-route{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;margin-bottom:12px}.karta-new-route label{grid-column:1 / -1;font:500 var(--fs-group)/1.3 var(--heading)}.karta-new-route input{min-width:0;height:36px;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 8px;background:var(--glass-drop);color:var(--ink);font:400 var(--fs-field)/1 var(--text)}.karta-new-route button{width:auto;border:1px solid var(--accent);background:var(--act-pressed-bg);backdrop-filter:var(--act-pressed-filter);color:var(--act-pressed-ink)}.karta-palette{display:flex;gap:6px;margin:6px 0 12px}.karta-panel .karta-palette button{width:28px;height:28px;min-height:28px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch)}.karta-panel .karta-palette button.is-selected{border-color:var(--ink);outline:2px solid var(--swatch)}.karta-pop{width:min(var(--pop-w, 400px), calc(100vw - 32px));max-height:min(75dvh,650px);overflow:auto;padding:16px;font:400 var(--fs-text)/1.5 var(--text)}.karta-pop.is-pinned{border-color:var(--accent)}.karta-pop h3{margin:0 40px 12px 0;font:500 var(--fs-title)/1.3 var(--heading)}.karta-pop h4{margin:14px 0 6px;font:500 var(--fs-group)/1.3 var(--heading);color:var(--accent)}.karta-pop p{margin:0 0 8px}.karta-pop .karta-boss{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:8px;margin:8px 0;padding:8px;border:1px solid var(--line);border-radius:var(--r-sm)}.karta-pop .karta-boss .karta-boss-glyph{width:22px;height:22px}.karta-pop .karta-boss a,.karta-pop a{color:var(--accent);text-underline-offset:2px}.karta-pop .karta-boss small{display:block;color:var(--ink-muted)}.karta-pop .karta-prizes{display:flex;gap:8px;flex-wrap:wrap}.karta-pop .karta-prizes img{width:auto;height:25px;max-width:35px;object-fit:contain}.karta-pop .karta-close{position:absolute;right:9px;top:8px;width:34px;height:34px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);cursor:pointer}.karta-pop .karta-close:hover{background:var(--act-main-hover);backdrop-filter:var(--act-pressed-filter);color:var(--act-pressed-ink)}.karta-context{min-width:200px;padding:6px}.karta-context button{white-space:nowrap}.karta-context hr{border:0;border-top:1px solid var(--line)}.karta-toast{position:fixed;z-index:80;padding:8px 10px;border:1px solid var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent) 30%, var(--glass-drop));backdrop-filter:var(--blur-bar);color:var(--ink);font:600 var(--fs-text)/1 var(--text);pointer-events:none}.karta-search-row{display:block;padding:8px 10px;color:var(--ink);text-decoration:none}.karta-search-row:hover,.karta-search-row:focus-visible{background:var(--node-bg-hover)}.karta-search-row small{display:block;color:var(--ink-muted);font-size:var(--fs-hint)}.karta-search-group{padding:6px 0;border-bottom:1px solid var(--line)}.karta-search-group>b{display:block;padding:8px 10px 4px;color:var(--accent);font:500 var(--fs-group)/1 var(--heading)}.karta-search-group>p{padding-inline:10px;color:var(--ink-muted)}.karta-error{position:absolute;z-index:9;left:20px;top:20px;max-width:320px;padding:12px;border:1px solid var(--element-fire);border-radius:var(--r);background:var(--glass-drop);color:var(--ink)}@media (max-width:1480px){.karta-tool span:not(.pack-caret){display:none}.karta-tool .pack-caret{display:none}}@media (max-width:1100px){.is-map .karta-tools{margin-left:auto}.is-map .site-search{margin-left:0}}@media (min-width:761px) and (max-width:900px){.is-map .karta-tools{position:fixed;z-index:24;left:0;right:0;bottom:0;margin:0;padding:4px 8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--glass-header);border-top:1px solid var(--line)}.is-map .karta-tool{height:40px;justify-content:center}.karta-stage{height:calc(100dvh - var(--header-h) - 47px)}.has-pack-nav.is-map .karta-stage{height:calc(100dvh - var(--top-offset) - var(--map-tools-h))}}@media (max-width:760px),(max-height:480px) and (pointer:coarse){.is-map .karta-tools{position:fixed;z-index:24;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));margin:0;padding:4px 8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--glass-header);border-top:1px solid var(--line)}.is-map .karta-tool{height:40px;justify-content:center;flex-direction:column;gap:1px;padding:2px}.is-map .karta-tool span:not(.pack-caret){display:inline;font-size:var(--fs-label)}.is-map .site-search{flex-basis:auto}.karta-stage{height:calc(100dvh - var(--header-h) - 100px - env(safe-area-inset-bottom));min-height:250px}.karta-controls{right:8px;bottom:10px}.karta-panel{left:0!important;right:0;bottom:calc(100px + env(safe-area-inset-bottom));top:auto!important;width:100%;max-height:65dvh;border-radius:var(--r) var(--r) 0 0;animation:sheet-up var(--dur-open) var(--ease) both}.karta-pop{left:0!important;right:0;bottom:calc(100px + env(safe-area-inset-bottom));top:auto!important;width:100%;max-height:min(85dvh, calc(100dvh - var(--header-h) - 32px - 100px - env(safe-area-inset-bottom)));min-height:0;border-radius:var(--r) var(--r) 0 0;animation:sheet-up var(--dur-open) var(--ease) both}.karta-route-strip{bottom:10px;width:min(100% - 90px,360px)}.karta-locations{padding:32px 16px}.karta-location-list{columns:1}}@media (prefers-reduced-motion:reduce){.karta-world.is-animating{transition:none}.karta-panel,.karta-pop,.karta-context{animation:none}}.karta-hud{position:absolute;z-index:5;left:16px;top:16px;width:min(330px,calc(100% - 32px));padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--glass-drop);backdrop-filter:var(--blur-bar);color:var(--ink)}.karta-hud-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.is-map:has(.kroshki-over) .karta-hud{top:52px}.karta-hud h1{margin:0;font:400 var(--fs-item)/1.3 var(--heading)}.karta-hud p{margin:8px 0 0;font-size:var(--fs-hint);line-height:var(--lh-text);color:var(--ink-muted)}.karta-hud button,.karta-pop-actions button{min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--node-bg);color:var(--ink);font:500 var(--fs-hint)/1.3 var(--text);cursor:pointer}.karta-hud button[aria-pressed=true],.karta-pop-actions button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.karta-hud .karta-filter-reset{margin-top:8px;width:100%;text-align:left;color:var(--accent)}.karta-help{margin-top:8px;font-size:var(--fs-hint)}.karta-help summary{cursor:pointer;color:var(--ink-muted)}.karta-pop-actions{position:sticky;bottom:-16px;display:flex;gap:8px;flex-wrap:wrap;margin:16px -16px -16px;padding:12px 16px;border-top:1px solid var(--line);background:var(--glass-header);backdrop-filter:var(--blur-bar)}.karta-pop-actions button:hover,.karta-hud button:hover{border-color:var(--accent);color:var(--accent)}.karta-pop.is-pinned{box-shadow:0 16px 44px var(--shade-lg)}.karta-pop,.karta-panel{overscroll-behavior:contain}.karta-panel .karta-step-order{display:grid;gap:2px}.karta-panel .karta-step-order button{width:32px;height:28px;padding:2px;justify-content:center}.karta-step-grip{touch-action:none}.karta-stage button:disabled,.karta-panel button:disabled{opacity:.4;cursor:default}.karta-panel .karta-route-row>button:first-child{min-width:0;overflow-wrap:anywhere}.karta-toast{max-width:calc(100vw - 24px);line-height:var(--lh-text)}.karta-route-strip{max-width:calc(100% - 150px);flex-wrap:wrap;justify-content:center}@media (pointer:coarse){.karta-hit{width:max(calc(44 * var(--screen-px)), calc(var(--icon-size) * var(--mark-k) + 8 * var(--screen-px)))}}@media (max-width:760px){.karta-hud{left:8px;top:8px;width:min(310px,calc(100% - 16px));padding:10px 12px}.is-map:has(.kroshki-over) .karta-hud{top:44px}.karta-hud-head{gap:8px}.karta-pop-actions button{min-height:44px;flex:1 1 auto}.karta-panel .karta-step-grip{display:none}.karta-panel .karta-route-step{grid-template-columns:auto minmax(0,1fr) auto auto;padding-inline:0}.karta-route-strip{left:8px;transform:none;width:calc(100% - 80px);max-width:none;padding:8px}}.karta-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.karta-panel-head h2{margin:0}.karta-panel .karta-panel-head button{width:36px;min-height:36px;flex:none;justify-content:center;font-size:var(--fs-title)}.karta-search-row.is-selected{background:var(--node-bg-hover);outline:1px solid var(--accent);outline-offset:-1px}.karta-hud button:focus-visible,.karta-pop-actions button:focus-visible,.karta-context button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.karta-panel .karta-step-name span{min-width:0;overflow-wrap:anywhere}.map-sidebar .karta-tools{position:static;display:grid;height:auto;padding:4px;gap:4px;width:auto;border:0;background:transparent}.map-sidebar .karta-tool{justify-content:flex-start;min-width:0;height:auto;font-size:var(--fs-ui)}.map-sidebar .karta-tool .pack-caret{margin-left:auto}.map-sidebar .karta-tool[aria-expanded=true]{color:var(--accent);background:var(--surface-card)}.is-map.has-side-nav{--map-tools-h:0px}@media (max-width:760px){.is-map.has-side-nav .map-page{margin-left:0}.is-map.has-side-nav .karta-panel{bottom:calc(72px + env(safe-area-inset-bottom))}}