/* A single direction, assembled from independent graphic pieces. */
.direction-stage{height:clamp(270px,27vw,350px);isolation:isolate;touch-action:pan-y}
.direction-stage canvas{position:relative;z-index:1}
.direction-fallback{position:absolute;inset:14px 3% 35px;width:94%;height:calc(100% - 49px);overflow:visible}
.direction-stage.is-ready .direction-fallback{visibility:hidden}
.direction-stage .particle-axis{z-index:2;pointer-events:none;bottom:12px}
@media(pointer:fine){.direction-stage.is-ready{cursor:crosshair}}
@media(max-width:760px){.direction-stage{height:270px;margin-top:24px}.direction-stage .particle-axis{font-size:.62rem;gap:12px}}
@media(prefers-reduced-motion:reduce){.direction-stage.is-ready{cursor:default}}
@media print{.direction-stage canvas{display:none}.direction-stage.is-ready .direction-fallback{visibility:visible}}