/* Star Chase uses the accepted responsive shell, with its own scene actors. */
.stars-exemplar .chase-world { position: absolute; inset: 0; background: #174a55 url('../assets/stars/dusk-orbit-world.webp') center / cover; }
.stars-exemplar .chase-orbit { position: absolute; left: 20%; top: 41%; width: 60%; height: 32%; border: 1px dashed #fff0b84a; border-radius: 50%; }
.stars-exemplar .scene-art.space { background: #174a55; }
.stars-exemplar .scene-art.space.pulse, .stars-exemplar .scene-art.space.is-launched { animation: none; }
.stars-exemplar .power-burst { display: none; }
.stars-exemplar .chase-rocket { position: absolute; width: clamp(54px, 16%, 145px); height: 35%; min-height: 44px; min-width: 44px; background: transparent; border: 0; box-shadow: none; padding: 0; transform: translate(-50%, -50%); z-index: 3; }
.stars-exemplar .chase-rocket img { width: 100%; height: 100%; object-fit: contain; transform: rotate(var(--heading,90deg)); pointer-events: none; filter: drop-shadow(0 5px 7px #061f3533); }
.stars-exemplar .chase-rocket:focus-visible { outline: 3px solid #fff1bd; outline-offset: 8px; border-radius: 30px; }
.stars-exemplar .chase-rocket .rocket-tap-cue { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); font-size: .64rem; white-space: nowrap; }
.stars-exemplar .chase-star { position: absolute; width: clamp(34px, 10%, 82px); aspect-ratio: 1; transform: translate(-50%,-50%); z-index: 2; filter: drop-shadow(0 0 14px #ffd78044); }
.stars-exemplar .chase-star svg { width: 100%; height: 100%; }

.stars-exemplar [data-chase-response="fast"] .chase-rocket img { filter: drop-shadow(-9px 5px 0 #e8b86b45); }
.stars-exemplar .star-card-art { position: relative; display: block; width: 100%; height: 100%; }
.stars-exemplar .star-card-art .phrase-picture { width: 58%; height: 95%; min-height: 0; object-fit: contain; position: absolute; left: 10%; top: 4%; transform: rotate(65deg); }
.stars-exemplar .card-star { position: absolute; width: 29%; height: 34%; top: 0; right: 0; }
.stars-exemplar .card-star svg { width: 100%; height: 100%; }
.stars-exemplar .card-path { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #3c8185; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.stars-exemplar .pose-fast .card-path { display: none; }
.stars-exemplar .pose-fast::before, .stars-exemplar .pose-fast::after { content: ''; position: absolute; width: 33%; height: 3px; background: #3c8185; border-radius: 5px; left: 0; top: 65%; transform: rotate(-15deg); }
.stars-exemplar .pose-fast::after { top: 77%; width: 25%; }
.stars-exemplar .pose-slow .card-path { stroke-dasharray: 1 7; opacity: .8; }
.stars-exemplar .pose-slow .phrase-picture { transform: rotate(35deg); left: 17%; }
.stars-exemplar .pose-turn .phrase-picture { transform: rotate(-50deg); left: 29%; top: 16%; }
.stars-exemplar .pose-turn .card-star { right: 65%; top: 4%; }
.stars-exemplar .remix-strip .star-card-art { width: 56px; height: 62px; }
@media(max-width:760px) {
 .stars-exemplar .phrase-grid .phrase-icon { width: 70px; }
 .stars-exemplar .chase-rocket .rocket-tap-cue { bottom: -14px; padding: 4px 7px; font-size: .53rem; }
}
@media(prefers-reduced-motion:reduce) { .stars-exemplar .scene-art *, .stars-exemplar .phrase-button { animation: none !important; transition: none !important; } }
.stars-exemplar.quiet-mode .scene-art *, .stars-exemplar.quiet-mode .phrase-button { animation: none !important; transition: none !important; }

@media(max-height:700px) and (max-width:760px) { .stars-exemplar .chase-orbit { top: 56%; height: 20%; } }