/* Envie en Vue — Alpha 25
   Roue Surprise-moi illustrée, curseur dédié, ombre et arrêt progressif. */

.what-wheel-scene{
  position:relative;
  display:grid;
  width:286px;
  height:304px;
  place-items:center;
  isolation:isolate;
  --wheel-rest:0deg;
  --wheel-spin:1800deg
}
.what-wheel-v2{
  z-index:2;
  width:264px;
  height:264px;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transform:rotate(var(--wheel-rest));
  transform-origin:50% 50%;
  transition:none
}
.what-wheel-v2>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 12px 16px rgba(64,58,92,.13))
}
.what-wheel-pointer-v2{
  position:absolute;
  z-index:5;
  top:-2px;
  left:50%;
  width:58px;
  height:96px;
  transform:translateX(-50%);
  transform-origin:50% 16px;
  pointer-events:none
}
.what-wheel-pointer-v2 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 7px rgba(64,58,92,.18))
}
.what-wheel-shadow-v2{
  position:absolute;
  z-index:1;
  left:50%;
  bottom:0;
  width:230px;
  height:70px;
  transform:translateX(-50%);
  transform-origin:center;
  opacity:.5;
  pointer-events:none
}
.what-wheel-shadow-v2 img{display:block;width:100%;height:100%;object-fit:contain}
.what-wheel-scene.is-selected .what-wheel-v2>img{
  filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 13px 18px rgba(64,58,92,.18))
}
.what-wheel-scene.is-spinning .what-wheel-v2{animation:eiv-wheel-spin 3.2s cubic-bezier(.12,.68,.12,1) both}
.what-wheel-scene.is-spinning .what-wheel-pointer-v2{animation:eiv-wheel-pointer-tick .16s ease-in-out 20 alternate}
.what-wheel-scene.is-spinning .what-wheel-shadow-v2{animation:eiv-wheel-shadow-pulse 3.2s ease-in-out both}
@keyframes eiv-wheel-spin{from{transform:rotate(0deg)}to{transform:rotate(var(--wheel-spin))}}
@keyframes eiv-wheel-pointer-tick{from{transform:translateX(-50%) rotate(-3deg)}to{transform:translateX(-50%) rotate(8deg)}}
@keyframes eiv-wheel-shadow-pulse{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}48%{opacity:.28;transform:translateX(-50%) scale(.84)}}

@media(max-width:680px){
  .what-wheel-scene{width:258px;height:278px}
  .what-wheel-v2{width:236px;height:236px;transform:rotate(var(--wheel-rest))}
  .what-wheel-pointer-v2{top:0;width:52px;height:86px}
  .what-wheel-shadow-v2{width:208px;height:62px}
}
@media(max-width:430px){
  .what-wheel-scene{width:228px;height:248px;margin-block:-5px}
  .what-wheel-v2{width:210px;height:210px;transform:rotate(var(--wheel-rest))}
  .what-wheel-pointer-v2{width:47px;height:78px}
  .what-wheel-shadow-v2{width:184px;height:56px}
}
@media(prefers-reduced-motion:reduce){
  .what-wheel-scene.is-spinning .what-wheel-v2,
  .what-wheel-scene.is-spinning .what-wheel-pointer-v2,
  .what-wheel-scene.is-spinning .what-wheel-shadow-v2{animation-duration:.01ms;animation-iteration-count:1}
}