/* Compensate the rounded artwork corners: the two outer cards sit slightly lower. */
[class*="_cardWrap_12a6j"]{--rest-y:0px}
[class*="_card-0_12a6j"],[class*="_card-3_12a6j"]{--rest-y:4.5px}
[class*="_phase-fan_12a6j"] [class*="_cardWrap_12a6j"],[class*="_phase-flip_12a6j"] [class*="_cardWrap_12a6j"],[class*="_phase-done_12a6j"] [class*="_cardWrap_12a6j"]{transform:translate(-50%,-50%) translateX(var(--offset)) translateY(var(--rest-y)) rotate(var(--angle)) scale(var(--card-scale))!important}
[class*="_phase-done_12a6j"] [class*="_cardWrap_12a6j"][class*="_isHovered_12a6j"]{transform:translate(-50%,-50%) translateX(var(--offset)) translateY(calc(var(--rest-y) - 20px)) rotate(var(--angle)) scale(var(--card-scale))!important}
[class*="_cardWrap_12a6j"]:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:14px}
.tilt30-effects{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden}
.tilt30-effects i{position:absolute;display:block;opacity:0;pointer-events:none}
/* A short trail along the road, behind the chicken's feet. */
.tilt30-effects[data-mode="chicken"] i{width:5%;height:3%;border-radius:60% 60% 40% 40%;background:#ffd65c;box-shadow:2px -3px 0 -1px #ffe493;left:46%;top:66%}
.tilt30-effects[data-mode="chicken"] i:nth-child(2){left:55%;top:62%}
.tilt30-effects[data-mode="chicken"] i:nth-child(3){left:49%;top:58%}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="chicken"] i{animation:tilt30-step 1.2s ease-out both}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="chicken"] i:nth-child(2){animation-delay:.16s}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="chicken"] i:nth-child(3){animation-delay:.32s}
/* One upgrade ripple and two rose-colored sparks. */
.tilt30-effects[data-mode="upgrade"] i:first-child{left:22%;top:25%;width:56%;height:36%;border:1px solid #ffc0df;border-radius:50%;box-shadow:0 0 9px #ff78aa}
.tilt30-effects[data-mode="upgrade"] i:not(:first-child){width:4px;height:4px;left:37%;top:45%;border-radius:50%;background:#fff0fb;box-shadow:0 0 8px #ff5fa9}
.tilt30-effects[data-mode="upgrade"] i:nth-child(3){left:66%;top:37%}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="upgrade"] i:first-child{animation:tilt30-ripple 1.2s ease-out both}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="upgrade"] i:not(:first-child){animation:tilt30-spark 1.1s .15s ease-out both}
/* Reveal three existing gift cells in sequence. */
.tilt30-effects[data-mode="mines"] i{width:21%;height:14%;border-radius:5px;background:#ff607a33;box-shadow:inset 0 0 8px #ffb8c6,0 0 5px #ff315a;left:40%;top:10%}
.tilt30-effects[data-mode="mines"] i:nth-child(2){left:63%;top:25%}
.tilt30-effects[data-mode="mines"] i:nth-child(3){left:17%;top:41%}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="mines"] i{animation:tilt30-cell .85s ease-out both}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="mines"] i:nth-child(2){animation-delay:.18s}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="mines"] i:nth-child(3){animation-delay:.36s}
/* A glint crosses the icy platform, followed by two snow sparks. */
.tilt30-effects[data-mode="arena"] i:first-child{left:12%;top:56%;width:76%;height:12%;border-radius:50%;background:linear-gradient(110deg,transparent 30%,#d7faffb3 48%,transparent 65%);transform-origin:center}
.tilt30-effects[data-mode="arena"] i:not(:first-child){left:30%;top:32%;width:7px;height:7px;background:linear-gradient(#e5ffff,#e5ffff) center/1px 100% no-repeat,linear-gradient(#e5ffff,#e5ffff) center/100% 1px no-repeat;filter:drop-shadow(0 0 3px #7cdbff)}
.tilt30-effects[data-mode="arena"] i:nth-child(3){left:73%;top:42%}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="arena"] i:first-child{animation:tilt30-ice 1.25s ease-out both}
[class*="_isHovered_12a6j"] .tilt30-effects[data-mode="arena"] i:not(:first-child){animation:tilt30-spark 1.2s .1s ease-out both}
@keyframes tilt30-step{0%{opacity:0;transform:translateY(3px) scale(.8)}25%,55%{opacity:.65;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(.85)}}
@keyframes tilt30-ripple{0%{opacity:0;transform:scale(.7)}25%{opacity:.55}100%{opacity:0;transform:scale(1.35)}}
@keyframes tilt30-spark{0%{opacity:0;transform:translateY(4px) scale(.5)}30%{opacity:.8}100%{opacity:0;transform:translateY(-11px) scale(1.1)}}
@keyframes tilt30-cell{0%{opacity:0;transform:scale(.94)}35%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes tilt30-ice{0%{opacity:0;transform:translateX(-35%)}30%{opacity:.6}100%{opacity:0;transform:translateX(35%)}}
@media(prefers-reduced-motion:reduce){.tilt30-effects i{animation:none!important;opacity:0!important}}