.world-command-map{--wcm-bg:#020b11;--wcm-panel:#071720;--wcm-line:#1a4654;--wcm-text:#dcf8f1;--wcm-muted:#78a29e;--wcm-green:#55ffc7;--wcm-cyan:#55d9ff;--wcm-amber:#ffd461;--wcm-red:#ff707a;position:relative;width:100%;min-width:0;color:var(--wcm-text);font-family:Segoe UI,Arial,sans-serif}
.wcm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px}.wcm-head small{color:var(--wcm-green);font-size:9px;letter-spacing:.18em}.wcm-head h2{margin:5px 0 3px;font-size:clamp(20px,2vw,31px);line-height:1.1}.wcm-head p{margin:0;color:var(--wcm-muted);font-size:11px}.wcm-health{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;text-align:right}.wcm-health i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--wcm-green);box-shadow:0 0 12px var(--wcm-green)}.wcm-health b{color:var(--wcm-green);font-size:9px;letter-spacing:.1em}.wcm-health span{color:var(--wcm-muted);font-size:8px}
.wcm-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.wcm-toolbar button,.wcm-zoom button,.wcm-evidence-actions button{border:1px solid var(--wcm-line);border-radius:999px;background:#06141c;color:#86aaa8;padding:6px 9px;font:600 8px/1 Segoe UI,Arial;letter-spacing:.05em;cursor:pointer}.wcm-toolbar button.active,.wcm-toolbar button:hover,.wcm-zoom button:hover{border-color:var(--wcm-cyan);color:var(--wcm-text);background:rgba(85,217,255,.08)}
.wcm-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,25%);gap:10px}.wcm-viewport{position:relative;min-height:360px;aspect-ratio:2/1;overflow:hidden;border:1px solid var(--wcm-line);border-radius:14px;background:#031018;box-shadow:0 18px 50px rgba(0,0,0,.36);touch-action:none;cursor:grab}.wcm-viewport:active{cursor:grabbing}.wcm-viewport:focus-visible{outline:2px solid var(--wcm-cyan);outline-offset:2px}.wcm-panzoom{position:absolute;inset:0;transform-origin:center;transition:transform .12s ease-out}.wcm-map-image{position:absolute;inset:0;background:linear-gradient(rgba(2,13,20,.12),rgba(2,13,20,.34)),url('/earth/assets/earth_day.jpg') center/cover no-repeat;filter:saturate(.72) contrast(1.12) brightness(.72)}.wcm-map-image:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(85,217,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(85,217,255,.055) 1px,transparent 1px);background-size:12.5% 25%}
.wcm-night{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,4,9,.68),transparent 22%,transparent 72%,rgba(0,4,9,.5));mix-blend-mode:multiply}.wcm-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wcm-routes path{fill:none;stroke:rgba(85,217,255,.48);stroke-width:1.3;stroke-dasharray:5 7;vector-effect:non-scaling-stroke;animation:wcmRoute 8s linear infinite;animation-delay:var(--route-delay)}.wcm-routes path[data-layer="energy"]{stroke:rgba(255,212,97,.62)}.wcm-routes path[data-layer="supply"]{stroke:rgba(85,255,199,.52)}
.wcm-markers{position:absolute;inset:0}.wcm-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);border:0;background:transparent;color:var(--wcm-text);cursor:pointer;padding:0;text-align:left}.wcm-marker i{display:block;width:9px;height:9px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:var(--wcm-cyan);box-shadow:0 0 0 4px rgba(85,217,255,.15),0 0 15px rgba(85,217,255,.9);animation:wcmPulse 2.5s ease-in-out infinite}.wcm-marker span,.wcm-marker small{position:absolute;left:13px;top:-3px;width:max-content;max-width:140px;padding:3px 5px;border:1px solid rgba(85,217,255,.23);border-radius:5px;background:rgba(3,13,19,.82);font-size:8px;line-height:1.2;white-space:nowrap;backdrop-filter:blur(6px)}.wcm-marker small{display:none;top:17px;color:var(--wcm-muted);font-size:7px}.wcm-marker:hover,.wcm-marker:focus-visible,.wcm-marker.selected{z-index:9}.wcm-marker:hover small,.wcm-marker:focus-visible small,.wcm-marker.selected small{display:block}.wcm-marker.selected span{border-color:#fff}.wcm-marker.edge-right span,.wcm-marker.edge-right small{left:auto;right:13px}.wcm-marker.severity-green i{background:var(--wcm-green);box-shadow:0 0 0 4px rgba(85,255,199,.16),0 0 16px var(--wcm-green)}.wcm-marker.severity-unrated i{background:var(--wcm-amber);box-shadow:0 0 0 4px rgba(255,212,97,.14),0 0 14px rgba(255,212,97,.7)}.wcm-marker.severity-red i{background:var(--wcm-red);box-shadow:0 0 0 4px rgba(255,112,122,.18),0 0 18px var(--wcm-red)}.wcm-marker.severity-amber i{background:var(--wcm-amber);box-shadow:0 0 0 4px rgba(255,212,97,.18),0 0 18px var(--wcm-amber)}.wcm-marker.severity-reference i{width:7px;height:7px;background:#8fa8aa;box-shadow:0 0 0 3px rgba(143,168,170,.14),0 0 10px rgba(143,168,170,.45)}
.wcm-scan{position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(85,255,199,.07) 50%,transparent 58%);animation:wcmScan 9s linear infinite}.wcm-legend{position:absolute;left:9px;bottom:9px;z-index:8;display:flex;gap:9px;flex-wrap:wrap;padding:6px 8px;border:1px solid rgba(85,217,255,.18);border-radius:7px;background:rgba(2,10,15,.78);font-size:7px;color:#a7c7c3}.wcm-legend span{display:flex;align-items:center;gap:4px}.wcm-legend i{width:6px;height:6px;border-radius:50%;background:var(--wcm-cyan)}.wcm-legend i.reference{background:#8fa8aa}.wcm-legend i.unrated{background:var(--wcm-amber)}.wcm-zoom{position:absolute;right:9px;top:9px;z-index:9;display:flex;gap:4px}.wcm-zoom button{width:28px;height:28px;padding:0;border-radius:7px;font-size:16px}
.wcm-evidence{min-width:0;padding:13px;border:1px solid var(--wcm-line);border-radius:14px;background:linear-gradient(150deg,rgba(8,29,38,.96),rgba(4,14,21,.98));box-shadow:0 18px 50px rgba(0,0,0,.25)}.wcm-evidence>small{color:var(--wcm-green);font-size:8px;letter-spacing:.14em}.wcm-evidence h3{margin:7px 0;font-size:16px}.wcm-evidence p{margin:0 0 10px;color:#abcac6;font-size:10px;line-height:1.5}.wcm-evidence-meta{display:grid;gap:6px}.wcm-evidence-meta span,.wcm-evidence>[data-voice-note]{display:block;color:var(--wcm-amber);font-size:8px;line-height:1.4}.wcm-evidence dl{margin:10px 0;display:grid;gap:6px}.wcm-evidence dl div{padding-top:6px;border-top:1px solid rgba(85,217,255,.12)}.wcm-evidence dt{color:var(--wcm-muted);font-size:7px}.wcm-evidence dd{margin:2px 0 0;font-size:9px;line-height:1.35}.wcm-evidence-actions{display:flex;gap:5px;flex-wrap:wrap}.wcm-evidence-actions a,.wcm-evidence-actions button{padding:6px 8px;border:1px solid var(--wcm-line);border-radius:7px;background:#06141c;color:var(--wcm-cyan);font-size:8px;text-decoration:none;cursor:pointer}
.wcm-list{margin-top:8px;max-height:250px;overflow:auto;border:1px solid var(--wcm-line);border-radius:10px;background:#04121a;padding:7px}.wcm-list button{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px;border:0;border-bottom:1px solid rgba(85,217,255,.1);background:transparent;color:var(--wcm-text);text-align:left;cursor:pointer}.wcm-list button:hover,.wcm-list button.selected{background:rgba(85,217,255,.07)}.wcm-list b{font-size:9px}.wcm-list span{color:var(--wcm-muted);font-size:7px;text-align:right}.wcm-boundary{margin:7px 0 0;color:var(--wcm-muted);font-size:8px;line-height:1.4}
.hero-public-earth .world-command-map{align-self:center}.hero-public-earth .wcm-head h2{font-size:21px}.hero-public-earth .wcm-workspace{grid-template-columns:1fr}.hero-public-earth .wcm-evidence{display:none}.hero-public-earth .wcm-viewport{min-height:310px}.hero-public-earth .wcm-marker span{font-size:7px}.earth-stage .world-command-map{height:100%;display:flex;flex-direction:column}.earth-stage .wcm-head{margin:0 0 8px}.earth-stage .wcm-toolbar{margin-bottom:7px}.earth-stage .wcm-workspace{flex:1;min-height:0}.earth-stage .wcm-viewport{min-height:0;height:100%;aspect-ratio:auto}
@keyframes wcmPulse{50%{transform:scale(.78);opacity:.72}}@keyframes wcmRoute{to{stroke-dashoffset:-48}}@keyframes wcmScan{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
@media(prefers-reduced-motion:reduce){.wcm-marker i,.wcm-routes path,.wcm-scan{animation:none}.wcm-panzoom{transition:none}}
@media(max-width:980px){.wcm-workspace{grid-template-columns:1fr}.wcm-evidence{min-height:150px}.wcm-viewport{min-height:340px}.earth-stage .wcm-viewport{min-height:380px}.earth-stage .world-command-map{height:auto}}
@media(max-width:620px){.wcm-head{align-items:flex-start;flex-direction:column}.wcm-health{text-align:left}.wcm-viewport,.hero-public-earth .wcm-viewport{min-height:280px}.wcm-marker span{display:none}.wcm-marker:hover span,.wcm-marker:focus-visible span,.wcm-marker.selected span{display:block}.wcm-legend{right:48px}.wcm-list button{grid-template-columns:1fr}.wcm-list span{text-align:left}}

/* Mobile visual-acceptance fixes: contain compact maps and preserve touch controls. */
.world-command-map,.wcm-workspace,.wcm-viewport{max-width:100%}
.hero-public-earth .world-command-map{overflow:clip}
@media(max-width:620px){
  .world-command-map{overflow:hidden}
  .hero-public-earth .wcm-workspace{width:100%;min-width:0;overflow:hidden}
  .hero-public-earth .wcm-viewport{width:100%;min-width:0;height:clamp(250px,70vw,310px);min-height:0;aspect-ratio:auto}
  .hero-public-earth .world-command-map .wcm-boundary{margin-top:10px;font-size:10px!important;line-height:1.5!important}
  .hero-public-earth .wcm-legend{left:8px;right:8px;bottom:8px;gap:6px}
  .wcm-toolbar button,.wcm-evidence-actions button{min-height:38px;padding:8px 10px}
  .wcm-zoom button{width:38px;height:38px}
}