/* Refreshed screens captured from the updated app artifact. */
.hero-art{isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:30px -65px 55px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 22% 43%,rgba(129,201,255,.5) 0%,rgba(51,126,213,.2) 29%,transparent 58%),radial-gradient(ellipse at 79% 43%,rgba(232,191,98,.33) 0%,rgba(232,191,98,.09) 31%,transparent 61%);filter:blur(23px)}
.hero-art::after{content:"";position:absolute;bottom:49px;left:4%;width:92%;height:90px;border-radius:50%;background:radial-gradient(ellipse,rgba(116,175,232,.24),transparent 68%);filter:blur(15px);z-index:0;pointer-events:none}
.hero-art .captured-phone.main,.hero-art .captured-phone.back{width:274px;height:auto;top:78px;opacity:1;box-shadow:0 32px 56px rgba(0,0,0,.65),0 0 0 1px rgba(216,234,255,.62),-10px 0 28px rgba(117,191,255,.24),12px 0 25px rgba(232,191,98,.2)}
.hero-art .captured-phone.back{left:0;right:auto;transform:rotate(-4deg);z-index:1}
.hero-art .captured-phone.main{left:auto;right:0;transform:rotate(4deg);z-index:2}
.hero-art .hero-stamp{display:none}
.hero-art .art-caption{left:0;right:0;bottom:28px;width:100%;text-align:center;color:#b7c9de;font-size:8px;letter-spacing:1.25px}
.screen-detail.updated-arena,.screen-detail.updated-playbook,.screen-detail.updated-acropolis{height:300px;background:#1c1c1f;border-color:#41434b;display:flex;align-items:center;justify-content:center}
.screen-detail.updated-arena img{position:absolute;width:100%;max-width:390px;height:auto;left:50%;top:50%;transform:translate(-50%,-41%)}
.screen-detail.updated-playbook img,.screen-detail.updated-acropolis img{position:static;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center;transform:none;padding:20px}
@media(min-width:761px) and (max-width:1100px){.hero-art .captured-phone.main,.hero-art .captured-phone.back{width:225px;top:113px}.hero-art::before{inset:60px -45px 55px}}
@media(max-width:760px){.hero-art{height:510px;margin-top:25px}.hero-art .captured-phone.main,.hero-art .captured-phone.back{width:205px;top:25px}.hero-art .captured-phone.back{left:0;transform:rotate(-4deg)}.hero-art .captured-phone.main{right:0;transform:rotate(4deg)}.hero-art::before{inset:-8px -28px 18px;filter:blur(18px)}.hero-art::after{bottom:10px}.hero-art .art-caption{bottom:7px;font-size:6px;letter-spacing:.8px}.screen-detail.updated-arena,.screen-detail.updated-playbook,.screen-detail.updated-acropolis{height:280px}.screen-detail.updated-playbook img,.screen-detail.updated-acropolis img{padding:15px}}