/* Scoped ship doll. The SVG fits either the combat HUD or a smaller review panel. */
.ship-infographic{margin:0;width:100%;height:100%;max-width:360px;aspect-ratio:768/420;min-width:0;position:relative}
.ship-infographic-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 1px #51361738)}
.ship-infographic .inf-hull-art,.ship-infographic .inf-mast-art{pointer-events:none}
.ship-infographic .inf-edge{fill:none;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;cursor:help}
.ship-infographic .inf-edge-healthy{stroke:#55807b}
.ship-infographic .inf-edge-damaged{stroke:#bc8a38}
.ship-infographic .inf-edge-critical{stroke:#b86635}
.ship-infographic .inf-edge-destroyed{stroke:#9c342a}
.ship-infographic .inf-edge-absent{stroke:#8c7961}
.ship-infographic .inf-gun{cursor:help;fill:#34251d;stroke:#cfaa65;stroke-width:2;stroke-linejoin:round}
.ship-infographic .inf-carriage{fill:#956333;stroke:#483322}
.ship-infographic .inf-barrel{fill:#342d28}
.ship-infographic .inf-gun-ready{stroke:#edd2a0}
.ship-infographic .inf-gun-fired,.ship-infographic .inf-gun-locked{opacity:.52}
.ship-infographic .inf-gun-broken .inf-carriage,.ship-infographic .inf-gun-broken .inf-barrel{fill:#5e4940;stroke:#775546}
.ship-infographic .inf-gun-cross,.ship-infographic .inf-mast-break{fill:none;stroke:#a72e26;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 1px 1px #f6dfac)}
.ship-infographic .inf-mast{cursor:help}
.ship-infographic .inf-mast-damaged .inf-mast-art{filter:sepia(.2) saturate(.75)}
.ship-infographic .inf-mast-critical .inf-mast-art,.ship-infographic .inf-mast-destroyed .inf-mast-art{filter:sepia(.5) saturate(.5) brightness(.9)}
.ship-infographic .inf-mast-burning .inf-mast-art{filter:drop-shadow(0 0 4px #ae5025)}
.ship-infographic .inf-hit-area{fill:transparent;stroke:none;pointer-events:all}
.ship-infographic .inf-fire{cursor:help;stroke:none}
.ship-infographic .inf-flame-outer{fill:#d75d27;stroke:#93402b;stroke-width:1.5;transform-origin:0 5px;animation:naval-doll-flame 1.1s ease-in-out infinite alternate}
.ship-infographic .inf-flame-inner{fill:#ffe189;transform-origin:0 5px;animation:naval-doll-flame .8s ease-in-out infinite alternate-reverse}
.ship-infographic .inf-smoke{fill:#61534b;opacity:.55;animation:naval-doll-smoke 2.3s ease-in-out infinite}
.ship-infographic [tabindex]:focus-visible{outline:none;filter:drop-shadow(0 0 3px #eeb74f)}
@keyframes naval-doll-flame{from{transform:scale(.96,1)}to{transform:scale(1.05,1.15)}}
@keyframes naval-doll-smoke{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:.55;transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.ship-infographic .inf-flame-outer,.ship-infographic .inf-flame-inner,.ship-infographic .inf-smoke{animation:none}}