/* Progressive enhancement: the original image and SVG remain the static fallback. */
.map-art{position:relative;display:block;flex:none;height:258px;aspect-ratio:71/190}
.map-art>img{display:block;width:100%;height:100%}
.map-art:not([data-reveal=done])>.map-base{filter:grayscale(1);opacity:.7}
.map-art>.map-colour{position:absolute;inset:0;pointer-events:none}
.map-art[data-reveal=done]>.map-colour{display:none}
.map-colour.has-sweep{
  -webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 60%);
  mask-image:linear-gradient(to bottom,#000 40%,transparent 60%);
  -webkit-mask-size:100% 300%;mask-size:100% 300%;
  -webkit-mask-position:0% 100%;mask-position:0% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.work-score-track{fill:var(--muted);opacity:.22}
.work-score-fill{transform-box:view-box;transform:scaleX(0)}
[data-reveal=done] .work-score-fill{transform:none}
[data-reveal=done] .work-score-track{display:none}
.release-chart{display:block;font-family:var(--sans);font-size:10px}
.release-heading{fill:var(--muted);letter-spacing:1px;font-size:10px}
.release-subtitle,.release-caption,.release-ticks{fill:var(--muted);font-size:9px}
.release-ticks,.release-value{font-family:var(--mono)}
.release-grid{stroke:var(--rule);stroke-width:.7}
.release-floor{fill:var(--rule);opacity:.4}
.release-baseline{stroke:var(--rule-strong);stroke-width:.7}
.release-column{color:var(--column-color)}
.release-front{fill:currentColor;fill:color-mix(in srgb,currentColor 72%,var(--paper-2))}
.release-side{fill:currentColor;fill:color-mix(in srgb,currentColor 46%,var(--paper-2))}
.release-top{fill:currentColor;fill:color-mix(in srgb,currentColor 82%,var(--paper))}
.release-value{fill:var(--ink);text-anchor:middle;font-size:11px}
.release-client{fill:var(--body);text-anchor:middle;font-size:9px}
.release-prism{transform-box:view-box;transform-origin:0 220px}
[data-reveal=waiting] .release-prism,[data-reveal=running] .release-prism{transform:scaleY(0)}
[data-reveal=waiting] .release-value,[data-reveal=running] .release-value{opacity:0}
[data-work-reveal=sync] .system-flow,[data-work-reveal=sync] .system-flow>span{position:relative}
.sync-connector{width:clamp(42px,5vw,72px);height:44px;flex:0 0 clamp(42px,5vw,72px);color:var(--accent)}
.sync-arrow-forward,.sync-arrow-back{transform-box:view-box}
.sync-trace{opacity:0}
[data-work-reveal=sync][data-reveal=running] .sync-trace{opacity:.16}
.sync-glint{position:absolute;inset:-1px 0;border-block:1px solid var(--accent);opacity:0;pointer-events:none}
@media(max-width:760px){.map-art{height:210px}}
@media(prefers-reduced-motion:reduce){
  .map-art>.map-base{filter:none!important;opacity:1!important}
  .map-art>.map-colour{display:none!important}
  .work-score-fill{transform:none!important;opacity:1!important}
  .work-score-track{display:none}
  .release-prism{transform:none!important}
  .release-value{opacity:1!important}
  .sync-glint{display:none}
}
@media print{
  .sync-trace{display:none}
  .map-art>.map-base{filter:none!important;opacity:1!important}
  .map-art>.map-colour,.work-score-track{display:none!important}
  .work-score-fill{transform:none!important;opacity:1!important}
  .release-prism{transform:none!important}
  .release-value{opacity:1!important}
  .sync-glint{display:none!important}
}