
/* VOLVE_GAME_ART_V1 */
.wheel-art.has-game-art,.scratch-art.has-game-art{
 position:relative;width:100%;height:auto;aspect-ratio:1;
 border:0;border-radius:0;background:none;isolation:isolate
}
.scratch-art.has-game-art{aspect-ratio:1230/1278}
.art-full{
 position:absolute;inset:0;display:block;width:100%;height:100%;
 object-fit:contain;pointer-events:none;user-select:none
}
.card:has(.has-game-art){grid-template-columns:110px minmax(0,1fr)}
.play-wheel.has-game-art{
 position:relative;width:min(100%,360px);height:auto;aspect-ratio:1;
 margin:20px auto;border:0;border-radius:0;background:none;
 isolation:isolate
}
.play-wheel.has-game-art.turn{animation:none;transform:none}
.art-wheel-disc{transform-origin:50% 48.8%}
.play-wheel.has-game-art.turn .art-wheel-disc{
 animation:volve-turn 1.5s cubic-bezier(.12,.7,.15,1) forwards
}
.art-wheel-pointer{z-index:2}
.scratch-box.has-game-art{
 position:relative;width:min(100%,390px);aspect-ratio:1230/1278;
 margin:20px auto;background:none;border-radius:0;overflow:visible;
 isolation:isolate
}
.art-scratch-base{z-index:0}
.scratch-box.has-game-art #scratchCanvas{
 position:absolute;left:19.512195%;top:33.411581%;
 width:60.975610%;height:37.167449%;z-index:1;
 touch-action:none;cursor:crosshair
}
.art-scratch-frame{z-index:2}
@media(max-width:350px){
 .card:has(.has-game-art){grid-template-columns:86px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .play-wheel.has-game-art.turn .art-wheel-disc{animation:none}
}

/* VOLVE_GAME_EXPERIENCE_V2 */
@keyframes volve-suspense{to{transform:rotate(var(--wheel-stop,2160deg))}}
.play-wheel.turn{
 animation:volve-suspense 4.8s cubic-bezier(.12,.55,.08,1) forwards
}
.play-wheel.has-game-art.turn{animation:none}
.play-wheel.has-game-art.turn .art-wheel-disc{
 animation:volve-suspense 4.8s cubic-bezier(.12,.55,.08,1) forwards
}
.scratch-box{position:relative;isolation:isolate}
#scratchPrize{
 position:absolute;inset:0;z-index:1;display:flex;
 align-items:center;justify-content:center;text-align:center;
 padding:14px;background:#f6f1e7;color:#34452a;
 font:700 clamp(16px,5vw,25px)/1.15 Georgia,serif;
 overflow-wrap:anywhere;pointer-events:none;overflow:hidden
}
#scratchPrize:empty{visibility:hidden}
.scratch-box #scratchCanvas{position:relative;z-index:2;user-select:none}
.scratch-box.has-game-art #scratchCanvas{position:absolute;z-index:2}
.scratch-box.has-game-art #scratchPrize{
 inset:auto;left:20.5%;top:34.4%;width:59%;height:35%;border-radius:10px
}
.art-scratch-frame{z-index:3}
#gameConfetti{
 position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none
}
#gameConfetti i{
 position:absolute;top:-24px;width:9px;height:16px;
 animation:volve-confetti 3s ease-in forwards
}
@keyframes volve-confetti{
 from{transform:translate(0,-30px) rotate(0);opacity:1}
 to{transform:translate(var(--drift),105vh) rotate(var(--spin));opacity:0}
}
@media(prefers-reduced-motion:reduce){
 .play-wheel.turn,.play-wheel.has-game-art.turn .art-wheel-disc{animation:none}
 #gameConfetti{display:none}
}
