.map-page-shell{padding-top:10px;padding-bottom:28px}.map-tool{align-items:stretch;gap:14px;height:calc(100dvh - 232px);min-height:540px;display:flex}.map-search{flex:none;margin-bottom:3px;position:relative}.map-search>svg{color:#f0f0f566;pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.map-search input{color:#f0f0f4;background:#161616;border:0;border-radius:4px;width:100%;min-height:30px;padding:5px 26px 5px 28px;font-family:inherit;font-size:12.5px;font-weight:600}.map-search input::placeholder{color:#f0f0f559}.map-search input:focus-visible{outline-offset:1px;outline:2px solid #ffffff40}.map-search-clear{color:#f0f0f580;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.map-search-clear:hover{color:#fff;background:#ffffff14}.map-sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;background:#1f1f1f;border-radius:10px;flex-direction:column;flex:0 0 280px;min-width:0;padding:8px 12px;display:flex;overflow-y:auto}.map-levels{background:#161616;border-radius:6px;flex:none;gap:4px;margin-bottom:3px;padding:3px;display:flex}.map-levels .map-chip{background:0 0;flex:1 1 0;justify-content:center;min-height:30px;padding:4px}.map-levels .map-chip:hover{background:#2a2a2a}.map-levels .map-chip[aria-pressed=true]{background:#333}.map-group{padding-top:3px}.map-group-head{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.map-group-head span{letter-spacing:.06em;text-transform:uppercase;color:#fff;font-size:12px;font-weight:900}.map-hide-all{letter-spacing:.06em;text-transform:uppercase;color:#f0f0f566;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:900;transition:color .15s}.map-hide-all:hover{color:#f5f5f7}.map-chips{flex-wrap:wrap;gap:3px;display:flex}.map-chip{color:#f0f0f5f2;white-space:nowrap;cursor:pointer;text-align:left;background:#2a2a2a;border:0;border-radius:4px;align-items:center;gap:8px;min-height:30px;padding:5px 11px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;transition:background-color .18s,opacity .18s;display:inline-flex}.map-chip:hover{background:#343434}.map-chip:focus-visible{outline-offset:1px;outline:2px solid #ffffff40}.map-chip[aria-pressed=false]{opacity:.42}.map-chip[aria-pressed=false] .map-chip-glyph{filter:grayscale(.9)}.map-chip-glyph{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.map-chip-glyph svg{width:16px;height:16px;display:block}.map-chip-glyph .map-chip-icon{object-fit:contain;width:16px;height:16px;display:block}.map-chip-glyph-text{color:#f0f0f5bf;font-size:9px;font-weight:700}.map-stage-col{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.map-stage-wrap{flex:auto;min-width:0;position:relative}.map-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#1a1a1a;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.map-stage:active{cursor:grabbing}.map-stage-inner{aspect-ratio:1;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.map-img{user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.map-mk-g{cursor:pointer}.map-mk-g image{filter:drop-shadow(0 0 2px #000c)}.map-mk-label{letter-spacing:.02em;fill:#f0f0f4;text-anchor:middle;paint-order:stroke;stroke:#0b0c10d9;stroke-width:2px;pointer-events:none;font-size:7.5px;font-weight:600}.map-controls{z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.map-controls button{color:#d8d8e2;cursor:pointer;background:#1a1a1ae0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.map-controls button:hover{color:#fff;background:#2c2c34f2}.map-zoom-hint{z-index:5;color:#9a9aa6;pointer-events:none;background:#1a1a1abf;border-radius:6px;padding:4px 9px;font-size:11px;position:absolute;bottom:12px;left:12px}.map-timeline{background:#1f1f1f;border-radius:10px;flex:none;align-items:center;gap:12px;padding:8px 12px;display:flex}.map-tl-play{color:#1a0e02;cursor:pointer;background:#f5b04d;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;transition:filter .15s;display:flex}.map-tl-play:hover{filter:brightness(1.1)}.map-tl-play:focus-visible{outline-offset:1px;outline:2px solid #ffffff59}.map-tl-clock{text-align:center;font-variant-numeric:tabular-nums;color:#fff;flex:none;min-width:44px;font-size:16px;font-weight:800}.map-tl-track{flex:auto;min-width:0;padding:6px 0;position:relative}.map-tl-range{-webkit-appearance:none;appearance:none;background:linear-gradient(to right, #f5b04d var(--pct,0%), #161616 var(--pct,0%));cursor:pointer;border:0;border-radius:3px;width:100%;height:6px;margin:0;display:block}.map-tl-range::-webkit-slider-thumb{-webkit-appearance:none;background:#f0f0f4;border:2px solid #0f0f0f;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #ffffff59}.map-tl-range::-moz-range-thumb{background:#f0f0f4;border:2px solid #0f0f0f;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #ffffff59}.map-tl-range:focus-visible{outline-offset:4px;outline:2px solid #ffffff40}.map-tl-ticks{pointer-events:none;position:absolute;inset:0}.map-tl-tick{pointer-events:auto;width:12px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%)}.map-tl-tick:before{content:"";background:#f5b04de6;border-radius:50%;width:5px;height:5px;transition:background-color .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-tl-tick:hover:before{background:#f0f0f4}.map-tl-status{color:#9a9aa6;text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0;font-size:11px;overflow:hidden}.map-tip{z-index:40;pointer-events:none;background:#222;border-radius:8px;width:max-content;max-width:300px;padding:12px 14px;position:fixed;box-shadow:0 12px 28px -4px #000c,0 4px 10px -2px #0009}.map-tip.pinned{pointer-events:auto}.map-tip-close{color:#9a9aa6;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:6px;right:6px}.map-tip-close:hover{color:#fff;background:#ffffff14}.map-tip-title{letter-spacing:.02em;color:#fff;font-size:13px;font-weight:800}.map-tip-sub{color:#b8b8c4;margin-top:2px;font-size:12px;font-weight:600}.map-tip-sub-team0{color:#f5b04d}.map-tip-sub-team1{color:#7cabff}.map-tip-body{color:#c9c9d4;margin-top:6px;font-size:12.5px;line-height:1.5}.map-tip-kind{color:#8a8a9a;margin-top:3px}.map-tip-timer{color:#f5b04d;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.map-tip-timer svg{color:#f5b04d;flex:none}@media (width<=900px){.map-tool{flex-direction:column;align-items:stretch;height:auto}.map-sidebar{flex-basis:auto;width:100%;max-height:60vh}.map-tl-status{display:none}.map-stage{height:calc(100vw - 48px)}}@media (prefers-reduced-motion:reduce){.map-chip,.map-hide-all,.map-controls button,.map-tl-play{transition:none}}.map-strat-toolbar{z-index:6;background:#1f1f1f;border-radius:10px;flex-direction:column;gap:3px;padding:5px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 22px -6px #000000b3}.map-strat-btn{color:#c9c9d4;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,color .12s;display:inline-flex}.map-strat-btn:hover:not(:disabled){color:#f0f0f4;background:#2a2a2a}.map-strat-btn:disabled{opacity:.35;cursor:default}.map-strat-btn.is-active{color:#1a0e02;background:#f5b04d}.map-strat-btn.is-shared{color:#04170c;background:#2ccf74}.map-strat-sep{background:#161616;height:1px;margin:3px 2px}.map-strat-pop{background:#1f1f1f;border-radius:10px;flex-direction:column;gap:9px;width:196px;padding:10px;display:flex;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 12px 28px -4px #000c,0 4px 10px -2px #0009}.map-strat-colors{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.map-strat-swatch{cursor:pointer;border:none;border-radius:5px;width:19px;height:19px;padding:0}.map-strat-swatch.is-active{box-shadow:0 0 0 2px #1f1f1f,0 0 0 3.5px #f0f0f4}.map-strat-custom{cursor:pointer;background:0 0;border:none;border-radius:5px;width:21px;height:21px;padding:0}.map-strat-widths{gap:4px;display:flex}.map-strat-width{cursor:pointer;background:#2a2a2a;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:24px;display:inline-flex}.map-strat-width span{background:#c9c9d4;border-radius:1px;width:14px;display:block}.map-strat-width.is-active{background:#f5b04d}.map-strat-width.is-active span{background:#1a0e02}.map-strat-pin-block{flex-direction:column;gap:3px;display:flex}.map-strat-pin{color:#c9c9d4;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.map-strat-pin input{accent-color:#f5b04d;width:13px;height:13px;margin:0}.map-strat-pin input:disabled+span{opacity:.45}.map-strat-pin-hint{color:#8a8a96;margin:0;font-size:11px}.map-strat-teams{background:#161616;border-radius:6px;gap:2px;padding:2px;display:flex}.map-strat-team{letter-spacing:.02em;color:#9a9aa6;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:50%;padding:5px 0;font-size:11px;font-weight:700}.map-strat-team.is-ally[aria-pressed=true]{color:#f5b04d;background:#f59e0b29}.map-strat-team.is-enemy[aria-pressed=true]{color:#7cabff;background:#3b82f629}.map-strat-picker-search{color:#ececf2;background:#161616;border:none;border-radius:4px;padding:5px 8px;font-size:12px}.map-strat-picker-search::placeholder{color:#71717c}.map-strat-picker-grid{grid-template-columns:repeat(5,1fr);gap:3px;max-height:184px;display:grid;overflow-y:auto}.map-strat-hero{cursor:pointer;background:#262626;border:none;border-radius:5px;padding:2px}.map-strat-hero img{border-radius:3px;width:100%;height:auto;display:block}.map-strat-hero.is-selected{box-shadow:0 0 0 1.5px #f5b04d}.map-strat-picker-empty{color:#8a8a96;grid-column:1/-1;margin:2px 0;font-size:11px}.map-strat-input{z-index:7;color:#f0f0f4;user-select:text;background:#161616;border:none;border-radius:4px;width:170px;padding:4px 8px;font-size:13px;position:absolute;box-shadow:0 0 0 1.5px #f5b04d}.map-strat-input:focus{outline:none}g[data-map-strategy] *{pointer-events:none}.map-strat-text{paint-order:stroke;stroke:#0b0c10;stroke-width:3px;stroke-linejoin:round;font-size:22px;font-weight:700}.map-strat-capture{cursor:crosshair}[data-strategy-tool=select] .map-strat-capture,[data-strategy-tool=erase] .map-strat-capture{cursor:pointer}[data-strategy-tool=hero] .map-strat-capture{cursor:copy}.map-strat-sel *{pointer-events:none}.map-strat-del{pointer-events:auto;cursor:pointer}@media (prefers-reduced-motion:reduce){.map-strat-btn,.map-strat-swatch,.map-strat-width,.map-strat-team,.map-strat-hero{transition:none}}@media (width<=900px){.map-strat-toolbar{flex-flow:wrap;max-width:calc(100% - 76px);top:8px;left:8px}.map-strat-sep{width:1px;height:auto;margin:2px 3px}.map-strat-pop{top:calc(100% + 8px);left:0}}