/* A manually rotated wheel. Only the centered card reveals its reverse. */
.has-oraculo-wheel .oraculo-controls{display:flex;align-items:center;gap:10px}
.oraculo-position{min-width:40px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--oraculo-gold)}
.oraculo-deck.is-wheel{--wheel-card-width:220px;display:block;position:relative;height:510px;width:100%;margin:0;padding:0;overflow:hidden;list-style:none;perspective:1000px;scroll-snap-type:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.oraculo-deck.is-wheel .oraculo-card{position:absolute;top:18px;left:50%;width:var(--wheel-card-width);max-width:none;min-width:0;margin:0;transform-origin:50% 45%;transition:transform 420ms cubic-bezier(.23,1,.32,1),opacity 300ms cubic-bezier(.23,1,.32,1);scroll-snap-align:none}
.is-wheel .oraculo-flip{touch-action:pan-y;outline-offset:8px}
.is-wheel .oraculo-turn{transition:transform 520ms cubic-bezier(.23,1,.32,1)}
.is-wheel .oraculo-card:not(.is-center) .oraculo-turn{transform:none}
.is-wheel .oraculo-card-name{font-size:25px;line-height:1.25;margin:16px 0 5px;text-align:center}
.is-wheel .oraculo-card-action{justify-content:center;font-size:13px;gap:14px}
.is-wheel .oraculo-card:not(.is-center) .oraculo-card-name,.is-wheel .oraculo-card:not(.is-center) .oraculo-card-action{visibility:hidden}
.is-wheel .oraculo-card-result{display:none!important}
.is-wheel img{-webkit-user-drag:none;pointer-events:none}
.is-wheel .is-center .oraculo-face{box-shadow:0 12px 24px #0006}
.oraculo-deck.is-wheel[data-instant=true] .oraculo-card,.oraculo-deck.is-wheel[data-instant=true] .oraculo-turn{transition:none}
.paused .is-wheel .oraculo-card,.paused .is-wheel .oraculo-turn{transition:none}
.has-oraculo-wheel .oraculo-readout{max-width:780px;margin:8px auto 0}
@media(max-width:720px){
 .has-oraculo-wheel .oraculo-toolbar{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:4px}
 .has-oraculo-wheel .oraculo-controls{justify-content:center;gap:18px}
 .has-oraculo-wheel .oraculo-controls button{width:46px;height:46px}
 .oraculo-deck.is-wheel{--wheel-card-width:clamp(144px,50vw,200px);height:calc(var(--wheel-card-width)*1.773 + 108px);margin:0;padding:0}
 .oraculo-deck.is-wheel .oraculo-card{top:20px;width:var(--wheel-card-width);max-width:none}
 .is-wheel .oraculo-card-name{font-size:23px;margin-top:13px}
 .is-wheel .oraculo-card-action{font-size:12px}
 .has-oraculo-wheel .oraculo-readout{padding:20px 16px;margin-top:0}
}
@media(prefers-reduced-motion:reduce){.is-wheel .oraculo-card,.is-wheel .oraculo-turn{transition:none}}
