/* The demo uses the real campaign's hex geometry, palette and icon assets. */
.sector-panel .sector-art:not([data-scene="sector"]){background-image:linear-gradient(0deg,#182120 0%,#18212022 100%),url('./expedition-command-base-v4.png');background-position:center}
#map.discovery-map{height:400px;width:100%;max-height:440px}
.hex.demo-hex .tile,.hex.demo-hex[aria-pressed=true] .tile{fill:#273c2e;stroke:#465743;stroke-width:1.1;stroke-dasharray:none}
.hex.demo-hex.tomb .tile{fill:#182120;stroke:#345d4e}
.hex.demo-hex.player-base .tile{fill:#ed853b;stroke:#ed853b}
.hex.demo-hex text{font:5px 'Segoe UI',sans-serif;fill:#bac5bd;pointer-events:none}
.hex.demo-hex:hover .tile,.hex.demo-hex:focus-visible .tile{stroke:#e4c37d;stroke-width:2}
.discover-button{background:#e5b864;color:#191e18;border:1px solid #e5b864;padding:10px 13px;font-size:11px;white-space:nowrap}
.discover-button:disabled{background:#26332c;color:#a4b2a8;border-color:#465743;cursor:default}
.chart-toolbar{flex-wrap:wrap}
@media(max-width:600px){#map.discovery-map{height:330px}.chart-toolbar .micro{font-size:8px}}
.hex.demo-hex.nearby-sector .tile{stroke:#89cbb2;stroke-width:1.6}
#map .explorable-outline{fill:none;stroke:#a6e9c9;stroke-width:2.4;stroke-linejoin:round;animation:sector-pulse 2.8s ease-in-out infinite}
#map .base-hint text{font:700 9px 'Segoe UI',sans-serif;letter-spacing:1px;fill:#ffab6c}
#map .base-hint path{fill:none;stroke:#ffab6c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.discover-button.action-pulse{animation:action-pulse 2.4s ease-in-out infinite}
@keyframes action-pulse{0%,100%{background:#e5b864;box-shadow:0 0 0 0 #e5b86400}50%{background:#ffda91;box-shadow:0 0 0 5px #e5b86424,0 0 20px #e5b86440}}
@keyframes sector-pulse{0%,100%{stroke:#89cbb2;stroke-width:2;opacity:.8}50%{stroke:#c1ffe2;stroke-width:3;opacity:1}}
@media(prefers-reduced-motion:reduce){#map .explorable-outline,.discover-button.action-pulse{animation:none}}