/* Original concept artwork supplied in the Vrool Play brief. */
.vp-play .vp-challenge-explainer{max-width:570px;font-size:12px;line-height:1.7;margin-top:10px}
.vp-play .vp-challenge-grid{align-items:stretch}
.vp-play .vp-challenge-card{display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;border-radius:22px;animation:vp-guide-arrive .5s ease backwards;animation-delay:calc(var(--vp-card-order,0)*45ms)}
.vp-play .vp-challenge-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #62447d14}
.vp-play .vp-challenge-art.vp-game-visual{height:auto;padding:0;background:#f6effa;overflow:hidden;flex-shrink:0;border-radius:0}
.vp-play .vp-game-visual:before,.vp-play .vp-game-visual:after{display:none}
.vp-play .vp-visual-status{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:#f8f4fb;border-bottom:1px solid #eee4f2}
.vp-play .vp-visual-status>.vp-label{position:static;font-size:8px;padding:5px 8px;letter-spacing:1px;background:#fff;color:#77509b}
.vp-play .vp-visual-status>span:last-child{color:#b698ca;font-size:19px;line-height:1}
.vp-play .vp-game-visual>img{display:block;width:100%;height:auto;aspect-ratio:483/471;object-fit:contain;object-position:center top;background:#f4eaf8;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.vp-play .vp-challenge-card:hover .vp-game-visual>img{transform:scale(1.015)}
.vp-play .vp-artwork-note{display:block;padding:8px 12px;text-align:center;color:#7d658b;background:#faf7fc;font-size:8px;letter-spacing:.15px;border-top:1px solid #efe5f3}
.vp-play .vp-challenge-body{display:flex;flex-direction:column;flex:1;padding:21px}
.vp-play .vp-challenge-body>h3{font-size:19px;line-height:1.3}
.vp-play .vp-challenge-body>p:not(.vp-game-tag){font-size:12px;line-height:1.75;margin-bottom:18px}
.vp-play .vp-mini-steps{display:flex;justify-content:space-between;gap:7px;list-style:none;padding:0;margin:0 0 20px}
.vp-play .vp-mini-steps>li{flex:1;min-width:0;color:#7c6889;font-size:9px;line-height:1.45}
.vp-play .vp-mini-steps>li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1e8f7;color:#8a62a7;font-size:10px;font-weight:750;margin-bottom:7px}
.vp-play .vp-challenge-meta{margin-top:auto}
.vp-play .vp-challenge-body>.vp-button{width:100%;flex-shrink:0}
.vp-play .vp-guide-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:0;background:none;color:#806394;font-size:10px;font-weight:650;padding:12px 0 0;line-height:1.5}
.vp-play .vp-guide-link:hover{color:#513264;text-decoration:underline;text-underline-offset:4px}
.vp-play .vp-game-gallery{padding-top:38px;border-top:1px solid #eee5f3}
.vp-play .vp-game-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vp-play .vp-future-game{border:1px solid #e9dfef;border-radius:18px;background:#fff;overflow:hidden;min-width:0;transition:transform .3s,box-shadow .3s}
.vp-play .vp-future-game:hover{transform:translateY(-4px);box-shadow:0 12px 30px #67458012}
.vp-play .vp-future-game figure{margin:0;background:#f7f0fa}
.vp-play .vp-future-game figure>img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:contain}
.vp-play .vp-future-game figcaption{font-size:8px;line-height:1.5;padding:8px 10px;color:#80698d;text-align:center;background:#faf7fc}
.vp-play .vp-future-copy{padding:18px}
.vp-play .vp-future-badge{display:inline-block;font-size:8px;font-weight:750;letter-spacing:.8px;text-transform:uppercase;color:#8b6c9c;background:#f3ecf8;padding:5px 8px;border-radius:5px;margin-bottom:12px}
.vp-play .vp-future-copy h3{font-size:19px;letter-spacing:-.5px}
.vp-play .vp-future-copy>p{font-size:11px;line-height:1.7;margin:8px 0}
.vp-play .vp-future-copy button{font-size:11px;color:#77509b;min-height:44px}
.vp-play .vp-guide-art{border-radius:12px;overflow:hidden;background:#f7f0fb;margin-bottom:22px}
.vp-play .vp-guide-art img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain}
.vp-play .vp-guide-art p{font-size:9px;line-height:1.6;text-align:center;padding:10px 15px;margin:0;color:#7a6388}
.vp-play .vp-guide-steps{padding-left:22px;margin-bottom:20px}
.vp-play .vp-guide-steps li::marker{color:#9c77b7;font-weight:750}
.vp-play .vp-guide-steps strong{font-size:14px}
.vp-play .vp-guide-steps p{font-size:12px;line-height:1.7;margin:5px 0 18px}
.vp-play .vp-guide-coming{padding:12px 15px;background:#f5eff9;border-radius:8px;font-size:11px!important;color:#79598b}
@keyframes vp-guide-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.vp-play .vp-game-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-play .vp-challenge-body{padding:17px}.vp-play .vp-challenge-body>h3{font-size:17px}.vp-play .vp-guide-link{font-size:9px}.vp-play .vp-mini-steps{gap:5px}.vp-play .vp-mini-steps>li{font-size:8px}}
@media(max-width:680px){.vp-play .vp-challenge-card{display:flex;grid-template-columns:none;border-radius:18px}.vp-play .vp-challenge-art.vp-game-visual{height:auto}.vp-play .vp-game-visual>img{aspect-ratio:483/471;max-height:350px}.vp-play .vp-challenge-body{padding:20px}.vp-play .vp-challenge-body>h3{font-size:21px}.vp-play .vp-challenge-body>p:not(.vp-game-tag){font-size:12px}.vp-play .vp-mini-steps>li{font-size:10px}.vp-play .vp-challenge-body>.vp-button{font-size:12px;min-height:46px}.vp-play .vp-guide-link{font-size:11px}.vp-play .vp-challenge-meta{font-size:10px}.vp-play .vp-game-gallery-grid{grid-template-columns:1fr;gap:22px}.vp-play .vp-future-game figure>img{max-height:350px}.vp-play .vp-future-copy{padding:20px}.vp-play .vp-future-copy h3{font-size:22px}.vp-play .vp-future-copy>p{font-size:12px}.vp-play .vp-guide-art img{max-height:280px}.vp-play .vp-artwork-note,.vp-play .vp-future-game figcaption{font-size:9px}}