/* The existing site's phone treatment, around a full native iPhone capture. */
.cube-phone.screenshot-phone{position:relative;aspect-ratio:110/239;padding-block:0;background:#08090b}
.cube-phone.screenshot-phone img{display:block;width:100%;height:auto;max-width:none;transform:none;filter:none;aspect-ratio:auto;object-fit:contain}
.phone-scene .cube-phone{width:33%;left:35%;top:25px;--rotate:5deg}
.game-art .cube-phone{height:333px;aspect-ratio:110/239;transform:rotate(5deg)}
.game-card:hover .cube-phone{transform:translateY(-9px) rotate(0) scale(1.03)}
.game-card:hover .cube-phone img{transform:none}
.cube-card{display:flex;flex-direction:column}
.cube-card .game-art{width:100%;flex-shrink:0}
.cube-card figcaption{align-self:stretch}
.cube-card .store-links{margin-top:auto;padding-bottom:0}
.cube-store-status{font-size:12px!important;text-align:center;max-width:none!important;padding:0 20px 22px;margin:0!important;grid-column:1/-1;line-height:1.5}
@media(max-width:1100px){.game-art .cube-phone{height:273px}.phone-scene .cube-phone{width:36%;left:33%;top:30px}}
@media(max-width:760px){.cube-card{display:grid}.cube-card .store-links{margin:0}.game-art .cube-phone{height:242px}.phone-scene .cube-phone{width:33%;left:37%;top:30px}}
@media(max-width:380px){.game-art .cube-phone{height:210px}}
@media(prefers-reduced-motion:reduce){.cube-phone{transition:none!important}}
/* Rotate the device as a whole; the shared placeholder rule rotates images. */
.cube-card .game-art .cube-phone img,.cube-card:hover .game-art .cube-phone img{transform:none;filter:none}