/* Release 385: the progress card splits in two while games run: progress on the left, game 1 playing fast on the right
   (static/js/analysis_engine.js). Without a run the card stays as it was. */
.analysis .progress-split.has-engine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.analysis .progress-main{min-width:0}
.analysis .engine-view{margin:0;min-width:0}
.analysis .engine-view canvas{display:block;width:100%;height:auto;border-radius:10px}
@media (max-width:820px){.analysis .progress-split.has-engine{grid-template-columns:1fr;gap:16px}}
/* release 439 (owner: "make it small, the whole pitch as small as the first page"): the engine view at most the home simulator's width */
.analysis .progress-split.has-engine{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.analysis .engine-view{width:100%;max-width:460px;justify-self:end}
@media (max-width:820px){.analysis .progress-split.has-engine{grid-template-columns:1fr}.analysis .engine-view{justify-self:center}}
/* release 442 (owner: "make the pitch smaller, like the first page hockey"): every surface about the home rink's height (~230px with
   the benches band): width = height x the surface's shape; the rink keeps 460px */
.analysis .engine-view.is-pitch{max-width:310px}
.analysis .engine-view.is-court{max-width:380px}
.analysis .engine-view.is-field{max-width:400px}
.analysis .engine-view.is-rink{max-width:460px}
.analysis .progress-split.has-engine{grid-template-columns:minmax(0,1fr) auto}
.analysis .progress-split.has-engine .engine-view{width:min(460px,42vw)}
@media (max-width:820px){.analysis .progress-split.has-engine{grid-template-columns:1fr}.analysis .progress-split.has-engine .engine-view{width:100%;justify-self:center}}

/* release 443: calibration fills the bar first (lighter, striped), then games replay one by one with a Skip link */
html body .analysis .progress-track span.is-cal{background:repeating-linear-gradient(45deg,#a5b4fc 0 6px,#c7d2fe 6px 12px)!important;background-size:17px 17px!important;animation:b443cal 1s linear infinite}
@keyframes b443cal{to{background-position:17px 0}}
.analysis .reveal-skip-row{margin:6px 0 0;min-height:0}
.analysis .reveal-skip{appearance:none;border:0;background:none;padding:2px 0;font:600 12px/1.4 inherit;font-family:inherit;color:#3131eb;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.analysis .reveal-skip:hover{color:#1e1eb8}
.analysis .reveal-skip:focus-visible{outline:2px solid #3131eb;outline-offset:2px;border-radius:3px}
.analysis .reveal-skip[hidden]{display:none}
@media (prefers-reduced-motion:reduce){html body .analysis .progress-track span.is-cal{animation:none}}
.analysis .reveal-skip-row:has(> .reveal-skip[hidden]){display:none}