Narrow CoverFlow cards , 8 cardinal hour labels
Below the 640 px @container breakpoint the dial keeps every 3-hour position (0 / 3 / 6 / 9 / 12 / 15 / 18 / 21) instead of only the four primary cardinals (0 / 6 / 12 / 18). The cardinal-class predicate changed from a four-value match to h % 3 === 0; CSS rule unchanged. The dial keeps a richer set of anchors at small sizes.