.pp-map .ch-map-wrap{position:relative}
.ch-map3d{position:absolute;inset:10px;z-index:3;overflow:hidden;border:1px solid var(--ko-line-2,rgba(242,215,143,.3));background:#14110c;opacity:0;pointer-events:none;transition:opacity .5s}
.ch-map3d.is-ready{opacity:1;pointer-events:auto}
.ch-map3d.is-fail{display:none}
.ch-map3d__load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--ko-muted,#a89b85);font-size:12px;white-space:nowrap}
.ch-map3d.is-ready .ch-map3d__load{display:none}
.ch-map-wrap:has(.ch-map3d:not(.is-ready):not(.is-fail)) .ch-map3d{opacity:1;background:rgba(10,8,6,.55);pointer-events:none}
.ch-map3d__cv{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.ch-map3d__cv:active{cursor:grabbing}
.ch-map3d__tag{position:absolute;left:0;top:0;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid rgba(242,215,143,.55);background:rgba(10,8,6,.78);color:#f2d78f;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.ch-map3d__tag i{width:7px;height:7px;border-radius:50%;background:#7a6f5d}
.ch-map3d__tag.is-on i{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}
.ch-map3d__hud{position:absolute;right:8px;top:8px;z-index:2;display:flex;flex-direction:column;gap:4px}
.ch-map3d__hud button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(242,215,143,.35);background:rgba(10,8,6,.78);color:#f2d78f;font-size:13px;cursor:pointer}
.ch-map3d__hud button:hover{border-color:#d4a64a;background:rgba(58,44,22,.9)}
.ch-map3d__hint{position:absolute;left:8px;bottom:8px;z-index:2;padding:2px 8px;background:rgba(10,8,6,.65);color:#a89b85;font-size:10.5px;pointer-events:none}
.pp-map .ch-map-wrap.is-3d{min-height:340px}