.wheel-layout { display: grid; gap: 1.5rem; align-items: start; }
@media (min-width: 760px) { .wheel-layout { grid-template-columns: 1.25fr 1fr; } }
.wheel-stage { position: relative; display: grid; gap: .75rem; justify-items: center; }
.wheel-canvas { width: min(100%, 460px); height: auto; aspect-ratio: 1; cursor: pointer; }
.wheel-pointer { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0;
  border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 34px solid var(--ink, #2a1f5c); z-index: 2; filter: drop-shadow(0 2px 0 var(--c-accent)); }
.wheel-result { font-size: 1.3rem; text-align: center; min-height: 1.6em; }
.wheel-result strong { font-family: var(--font-heading); font-size: 1.6rem; }