.map-view{max-width:none}.map-view .page-head{max-width:1660px;margin-inline:auto}.map-range{display:flex;gap:5px;flex-wrap:wrap}.map-range button{min-height:38px;padding:0 12px;background:#11161a}.map-range button.active{border-color:#c86a47;color:#fff;background:#713b2a}.map-layout{display:grid;grid-template-columns:220px minmax(480px,1fr) 270px;gap:10px;max-width:1660px;margin:auto}.map-sidebar,.map-inspector{height:calc(100vh - 205px);min-height:590px;overflow:auto;padding:14px}.map-sidebar header,.map-inspector header{position:sticky;top:-14px;z-index:3;margin:-14px -14px 10px;padding:14px;background:#11161af2;border-bottom:1px solid #273038}.map-layer-list{display:grid;gap:4px}.map-layer-list label{min-height:38px;display:flex;align-items:center;gap:9px;padding:0 9px;border:1px solid transparent;color:#aeb6bb;cursor:pointer}.map-layer-list label:hover{background:#181e22;border-color:#2d373e}.map-layer-list input{accent-color:#d76f49}.map-team-filter{margin-top:16px;padding-top:14px;border-top:1px solid #293138}.map-team-filter>strong{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#818b91}.map-team-filter>div{display:grid;gap:4px;margin-top:8px}.map-team-filter label{display:grid;grid-template-columns:auto 7px 1fr;align-items:center;gap:8px;padding:5px 2px;color:#bac1c5}.map-team-filter i{width:7px;height:7px;border-radius:50%;background:var(--player)}.map-team-filter p,.map-annotations>p,.map-events>p{color:#747f86;font-size:12px}.map-stage{height:calc(100vh - 205px);min-height:590px;display:grid;grid-template-rows:minmax(0,1fr) 74px;overflow:hidden}.map-viewport{position:relative;overflow:hidden;touch-action:none;background:#080b0d;outline:none;cursor:grab}.map-viewport[data-tool="draw"]{cursor:crosshair}.map-viewport[data-tool="pin"]{cursor:copy}.map-viewport:active{cursor:grabbing}.full-map{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);transform-origin:center;overflow:visible;background:#0a0d0f}.map-image,.map-content{position:absolute;inset:0;width:100%;height:100%}.map-image{object-fit:fill;user-select:none}.full-map.enhanced .map-image{filter:contrast(1.08) saturate(1.04) sharpen(1)}.map-content{pointer-events:none}.map-content button{pointer-events:auto}.map-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.map-svg .route{fill:none;stroke-width:2.2;opacity:.72}.map-svg .drawing{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.precise-grid{position:absolute;background-image:linear-gradient(rgba(235,240,242,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(235,240,242,.2) 1px,transparent 1px);background-size:calc(100% / var(--cells)) calc(100% / var(--cells));opacity:.42}.grid-labels i{position:absolute;transform:translate(-50%,-50%) scale(var(--map-inverse));font-style:normal;font-size:10px;font-weight:800;color:rgba(255,255,255,.68);text-shadow:0 1px 3px #000,0 0 7px #000}.heat-dot{position:absolute;width:9%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,75,45,.52),rgba(255,114,58,.18) 42%,transparent 70%);mix-blend-mode:screen}.web-monument{position:absolute;transform:translate(-50%,-50%) scale(var(--map-inverse));display:flex;align-items:center;gap:5px;white-space:nowrap}.web-monument>i{width:5px;height:5px;border-radius:50%;background:#d2d9dc;box-shadow:0 0 0 3px rgba(8,11,13,.62)}.web-monument.major>i{width:7px;height:7px;background:#ef9169}.web-monument b{padding:2px 5px;background:rgba(7,10,12,.84);font-size:9px;font-weight:700;color:#e7e9ea}.web-death,.web-player,.web-pin{position:absolute;transform:translate(-50%,-50%) scale(var(--map-inverse));border:0;background:transparent;padding:0}.web-death{color:#ff8a76;font-size:17px;font-weight:900;text-shadow:0 2px 5px #000}.web-death b,.web-player b,.web-pin b{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);padding:2px 5px;background:rgba(6,8,10,.87);color:#f5f6f6;font-size:9px;line-height:1.3;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.web-player{width:30px;height:30px;border:2px solid var(--player);border-radius:50%;background:#161d21;box-shadow:0 4px 14px #000}.web-player img{width:100%;height:100%;border-radius:50%;object-fit:cover}.web-pin{color:var(--pin)}.web-pin>i{font-style:normal;font-size:18px;text-shadow:0 2px 7px #000}.web-pin b small{display:block;color:#8d989e;font-size:8px}.map-zoom{position:absolute;right:12px;top:12px;display:grid;z-index:3;box-shadow:0 8px 25px #0008}.map-zoom button{width:38px;height:36px;background:#11171bd9}.map-tools{position:absolute;z-index:3;left:12px;bottom:12px;display:flex;gap:4px;align-items:center;padding:5px;border:1px solid #303a40;background:#0b0f12e8;box-shadow:0 10px 30px #0008}.map-tools button{height:34px;padding:0 10px;background:transparent}.map-tools button.active{border-color:#d47552;background:#713a29}.map-tools label{height:34px;display:flex;align-items:center}.map-tools input[type="color"]{width:34px;height:34px;border:0;background:transparent;padding:2px}.map-width input{width:70px;accent-color:#d76f49}.map-legend{z-index:3;right:12px;bottom:12px}.map-timeline{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;padding:12px 16px;border-top:1px solid #273038;background:#0d1215}.map-timeline div{display:flex;flex-direction:column}.map-timeline strong{font-size:12px}.map-timeline span{color:#78838a;font-size:10px}.map-timeline input{width:100%;accent-color:#d76f49}.map-annotations,.map-events{display:grid;gap:5px}.map-events{margin-top:16px;padding-top:14px;border-top:1px solid #293138}.map-annotations article,.map-events article{display:grid;grid-template-columns:7px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #252d32}.map-annotations article>i,.map-events article>i{width:7px;height:7px;border-radius:50%;background:#67727a}.map-events article>i.death{background:#ee7468}.map-events article>i.online,.map-events article>i.afk_return{background:#6fc19a}.map-events article>i.alarm{background:#e3ad62}.map-annotations span,.map-events span{min-width:0;display:flex;flex-direction:column}.map-annotations b,.map-events b,.map-annotations small,.map-events small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-annotations small,.map-events small,.map-events time{color:#78838a;font-size:9px}.map-annotations article>div{display:flex}.map-annotations button{width:27px;height:27px;border:0;background:transparent}.map-events time{white-space:nowrap}
@media(max-width:1220px){.map-layout{grid-template-columns:200px minmax(460px,1fr)}.map-inspector{grid-column:1/-1;height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.map-inspector header{grid-column:1/-1;position:static}.map-events{margin:0;padding:0;border:0}}
@media(max-width:900px){.map-view .page-head{display:block}.map-range{margin-top:14px;overflow-x:auto;flex-wrap:nowrap}.map-range button{white-space:nowrap}.map-layout{display:flex;flex-direction:column}.map-sidebar,.map-inspector{height:auto;min-height:0}.map-sidebar{order:2}.map-stage{order:1;height:calc(100dvh - 235px);min-height:480px}.map-inspector{order:3;display:block}.map-layer-list{grid-template-columns:1fr 1fr}.map-team-filter>div{grid-template-columns:1fr 1fr}.map-tools{max-width:calc(100% - 24px);overflow-x:auto}.map-tools button{white-space:nowrap}.map-width{display:none}.map-timeline{grid-template-columns:1fr;gap:6px}.map-inspector header{margin:0 0 10px;padding:0 0 10px}}
@media(max-width:560px){.map-stage{height:calc(100dvh - 218px);min-height:430px}.map-layer-list{grid-template-columns:1fr}.map-sidebar{padding:12px}.map-team-filter>div{grid-template-columns:1fr}.map-tools button{padding:0 8px;font-size:11px}.map-zoom button{width:34px;height:33px}.map-legend{display:none}}