.tw-map-hud{position:absolute;inset:0;z-index:32;pointer-events:none;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f3ead7}
.tw-map-hud[hidden]{display:none!important}
.tw-map-top{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:minmax(150px,190px) 190px minmax(150px,190px);gap:6px}
.tw-side,.tw-timer,.tw-direction,.tw-leader,.tw-admin,.tw-control{background:rgba(9,10,8,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.4)}
.tw-side,.tw-timer{padding:9px 11px}
.tw-side small,.tw-timer small,.tw-direction small,.tw-leader small,.tw-admin small{display:block;color:#aa9b86;font-size:8px;letter-spacing:.11em;text-transform:uppercase}
.tw-side strong{display:block;margin-top:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw-owner{border-left:2px solid #7b913f}
.tw-challenger{border-right:2px solid #a54a3f;text-align:right}
.tw-timer{text-align:center;border-color:rgba(216,169,40,.45)}
.tw-timer b{display:block;margin:2px 0;font-size:22px;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.tw-timer span{font-size:8px;color:#d8a928;letter-spacing:.12em}
.tw-map-hud[data-phase="attack-warning"] .tw-timer{border-color:rgba(226,92,43,.82)}
.tw-map-hud[data-phase="attack-warning"] .tw-timer b{color:#ffb07c}
.tw-map-hud[data-phase="claim-arming"] .tw-timer{border-color:rgba(216,169,40,.9)}
.tw-map-hud[data-phase="claim-arming"] .tw-timer b{color:#ffd66a}
.tw-direction{position:absolute;right:14px;top:14px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:8px 10px}
.tw-direction i{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(216,169,40,.45);border-radius:50%;font-style:normal;font-size:18px;color:#d8a928;transition:transform .2s ease,opacity .2s ease}
.tw-direction strong{display:block;font-size:14px;letter-spacing:.08em}
.tw-left{position:absolute;left:14px;top:14px;width:230px;display:grid;gap:6px}
.tw-leader,.tw-admin{padding:9px}
.tw-leader header,.tw-admin header{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
.tw-leader header b,.tw-admin header b{font-size:8px;color:#d8a928;letter-spacing:.1em}
.tw-leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}
.tw-leader-grid div{padding:6px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.tw-leader-grid b{display:block;margin-top:3px;font-size:13px}
.tw-fighter-list{display:grid;gap:4px;margin-top:6px;max-height:160px;overflow:hidden}
.tw-fighter{display:grid;grid-template-columns:1fr auto;gap:7px;padding:5px 6px;border-left:2px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025)}
.tw-fighter[data-side="attacker"]{border-color:#a54a3f}.tw-fighter[data-side="defender"]{border-color:#7b913f}
.tw-fighter strong{font-size:8px}.tw-fighter span{align-self:center;font-size:7px;color:#d8a928;letter-spacing:.08em}
.tw-control{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(520px,58%);padding:7px 9px}
.tw-control-copy{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:4px;font-size:9px;font-weight:800}
.tw-control-copy span:last-child{text-align:right}.tw-control-copy b{font-size:7px;color:#aa9b86;letter-spacing:.13em}
.tw-control-track{display:flex;position:relative;height:7px;overflow:hidden;background:rgba(255,255,255,.08)}
.tw-control-owner{background:linear-gradient(90deg,#52672e,#879f4a)}.tw-control-challenger{background:linear-gradient(90deg,#8a332d,#b75a4c)}
.tw-control-mid{position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:rgba(255,255,255,.55)}
.tw-zone-shape{vector-effect:non-scaling-stroke;fill:rgba(216,169,40,.025);stroke:#d8a928;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5}
.tw-zone-shape.claim{fill:rgba(165,74,63,.04);stroke:#f0b948;stroke-width:1.35;stroke-dasharray:4 4}
.tw-zone-label{font:700 13px Inter,Arial,sans-serif;letter-spacing:2px;fill:#f2d477;paint-order:stroke;stroke:#0a0a08;stroke-width:4px;stroke-linejoin:round}
.tw-map-hud[data-mode="player"] .tw-leader,.tw-map-hud[data-mode="player"] .tw-admin{display:none!important}
.tw-map-hud[data-mode="leader"] .tw-admin{display:none!important}
@media(max-width:900px){.tw-map-top{grid-template-columns:130px 160px 130px}.tw-left{width:190px}.tw-control{width:64%}.tw-direction{right:8px;top:8px}.tw-map-top{top:8px}}

/* Explicit map stacking: territory intel stays above static cartography and
   wildlife, while live survivor/trail/pin layers always remain readable. */
#tracker-grid{z-index:2}
#tracker-heatmap,#tracker-wildlife-density{z-index:3}
#tracker-shapes{z-index:4}
#tracker-roads{z-index:5}
#tracker-pois,#tracker-wildlife,#tracker-labels{z-index:6}
#territory-war-shapes{z-index:8;pointer-events:none}
#tracker-trails{z-index:9}
#tracker-markers{z-index:10}
#tracker-target-pins,#map-navigation-layer{z-index:11}

.tw-timer em{
  display:inline-block;
  margin-top:5px;
  padding:2px 5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:4px;
  color:#c4b9a6;
  background:rgba(255,255,255,.035);
  font-style:normal;
  font-size:7px;
  font-weight:800;
  letter-spacing:.1em;
}
.tw-map-hud[data-phase="attack-warning"] .tw-timer em{color:#ffb07c;border-color:rgba(226,92,43,.45)}
.tw-map-hud[data-phase="claim-arming"] .tw-timer em{color:#ffd66a;border-color:rgba(216,169,40,.5)}
.tw-map-hud[data-phase="control-live"] .tw-timer em{color:#bfe28b;border-color:rgba(121,167,68,.45)}

#territory-war-shapes[data-phase="attack-warning"] .tw-zone-shape.battlefield{
  stroke:#e87942;
  fill:rgba(226,92,43,.045);
}
#territory-war-shapes[data-phase="claim-arming"] .tw-zone-shape.claim{
  stroke:#ffd66a;
  fill:rgba(216,169,40,.07);
  stroke-dasharray:3 3;
}
#territory-war-shapes[data-phase="control-live"] .tw-zone-shape.claim{
  stroke:#d8e86f;
  fill:rgba(121,167,68,.08);
  stroke-width:1.55;
  stroke-dasharray:none;
}
#territory-war-shapes[data-phase="control-live"] .tw-zone-label{
  fill:#f4e59a;
}


.layer-swatch.territory{
  position:relative;
  border:1px dashed rgba(216,169,40,.85);
  background:rgba(216,169,40,.06);
}
.layer-swatch.territory:after{
  position:absolute;
  inset:3px;
  content:"";
  border:1px dashed rgba(190,226,139,.9);
  border-radius:50%;
}

.territory-layer-tools{
  margin:8px 0 10px 23px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-left:2px solid rgba(216,169,40,.55);
  border-radius:7px;
  background:rgba(4,9,6,.34);
}
.territory-layer-tools[hidden]{display:none!important}
.territory-preview-switch{
  display:flex;
  align-items:center;
  gap:7px;
  color:#dfe6e1;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
}
.territory-preview-switch input{accent-color:#d8a928}
.territory-preview-select{
  display:grid;
  gap:4px;
  margin-top:8px;
}
.territory-preview-select>span{
  color:#77837c;
  font-size:7px;
  font-weight:800;
  letter-spacing:.09em;
}
.territory-preview-select select{
  width:100%;
  padding:5px 6px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  background:#0c120e;
  color:#dfe6e1;
  font-size:9px;
}
#territory-preview-note{
  display:block;
  margin-top:7px;
  color:#8f9b94;
  font-size:8px;
  line-height:1.4;
}

.tw-preview-banner{
  display:none;
  position:absolute;
  top:14px;
  left:50%;
  min-width:220px;
  max-width:min(420px,70%);
  transform:translateX(-50%);
  padding:8px 12px;
  border:1px solid rgba(216,169,40,.48);
  border-left:3px solid #d8a928;
  background:rgba(9,10,8,.82);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.4);
}
.tw-preview-banner small{
  display:block;
  color:#d8a928;
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
}
.tw-preview-banner strong{
  display:block;
  margin-top:2px;
  font-size:13px;
}
.tw-preview-banner span{
  display:block;
  margin-top:2px;
  color:#aa9b86;
  font-size:8px;
}
.tw-map-hud[data-preview="true"] .tw-preview-banner{display:block}
.tw-map-hud[data-preview="true"] .tw-map-top,
.tw-map-hud[data-preview="true"] .tw-left,
.tw-map-hud[data-preview="true"] .tw-direction,
.tw-map-hud[data-preview="true"] .tw-control{display:none!important}

#territory-war-shapes[data-preview="true"] .tw-zone-shape.battlefield{
  stroke:#d8a928;
  fill:rgba(216,169,40,.025);
  stroke-dasharray:8 5;
}
#territory-war-shapes[data-preview="true"] .tw-zone-shape.claim{
  stroke:#bfe28b;
  fill:rgba(121,167,68,.055);
  stroke-dasharray:4 3;
}
#territory-war-shapes[data-preview="true"] .tw-zone-label{
  fill:#f1df9c;
}
@media(max-width:700px){
  .territory-layer-tools{margin-left:0}
  .tw-preview-banner{top:8px;max-width:78%}
}


.territory-preview-legend{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  margin-top:8px;
  color:#9ca8a0;
  font-size:8px;
}
.territory-preview-legend span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.territory-preview-legend i{
  width:15px;
  height:8px;
  border:1px dashed currentColor;
  border-radius:999px;
}
.territory-preview-legend i.battlefield{color:#d8a928;background:rgba(216,169,40,.05)}
.territory-preview-legend i.claim{color:#bfe28b;background:rgba(121,167,68,.08)}

#territory-war-shapes[data-all-territories="true"] .tw-zone-shape{
  stroke-width:.8;
  fill-opacity:.6;
}
#territory-war-shapes[data-all-territories="true"] .tw-zone-shape.claim{
  stroke-width:1;
}
#territory-war-shapes[data-all-territories="true"] .tw-territory-name{
  font-size:8px;
  letter-spacing:.7px;
  stroke-width:2.5px;
  fill:#eee4c6;
}
#territory-war-shapes[data-all-territories="true"] .tw-zone-center{
  vector-effect:non-scaling-stroke;
  fill:#f0df9c;
  stroke:#0a0a08;
  stroke-width:1;
}