/* Everfriend Realm: a whimsical, page-scoped layer over the shared ABSZ storefront. */

.everfriend-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:center;gap:20px;overflow:hidden;min-height:305px;padding:35px 42px;margin:12px 0 28px;border-radius:27px;border:1px solid #e5ddff;background:radial-gradient(circle at 75% 20%,#fff1c9 0,transparent 37%),radial-gradient(circle at 18% 85%,#c9faf0 0,transparent 43%),linear-gradient(119deg,#f5e8ff 0%,#e4f0ff 53%,#ffebf4 100%);box-shadow:0 15px 39px #9078bd1c}
.everfriend-banner:after{content:"";pointer-events:none;position:absolute;inset:auto -25% -65% 25%;height:245px;border-radius:50%;border:28px solid #ffffff55;transform:rotate(-9deg);z-index:-1}
.everfriend-banner-copy{position:relative;z-index:2;max-width:440px}
.everfriend-kicker{display:inline-flex;align-items:center;gap:8px;color:#8654b6;font-size:11px;font-weight:850;letter-spacing:1.6px}
.everfriend-banner h2{color:#35264f;font-size:clamp(31px,4.7vw,52px);line-height:1.08;letter-spacing:-1.9px;font-weight:850;margin:15px 0 11px}
.everfriend-banner h2 em{font-style:normal;background:linear-gradient(90deg,#b35acc,#5d7fe0,#1f9b9b);-webkit-background-clip:text;background-clip:text;color:transparent}
.ps-detail-main .everfriend-banner p{font-size:14px;line-height:1.65;color:#685575;max-width:355px;margin:0 0 20px}
.everfriend-banner-cta{display:inline-flex;align-items:center;gap:14px;padding:11px 20px;border-radius:999px;background:#6540a6;color:white;font-size:13px;font-weight:800;box-shadow:0 8px 18px #7955bd35;transition:transform .15s,background .15s}
.everfriend-banner-cta:hover{background:#513184;transform:translateY(-2px)}
.everfriend-banner-visual{position:relative;min-height:225px;display:grid;place-items:center}
.everfriend-banner-icon-wrap{z-index:1;display:grid;place-items:center;transform:rotate(5deg);width:170px;height:170px;padding:9px;border-radius:42px;background:#ffffffaf;border:1px solid #fff;box-shadow:0 19px 38px #865ca936}
.everfriend-banner-icon-wrap img{width:100%;height:100%;border-radius:34px;object-fit:cover;background:#e7d9ed}
.everfriend-float{position:absolute;z-index:0;color:#a274c5;font-size:35px;text-shadow:0 3px 9px #fff}
.everfriend-float-a{top:5px;left:4%;color:#c475b9}.everfriend-float-b{top:6%;right:8%;color:#f3aa55}.everfriend-float-c{bottom:6px;left:15%;color:#79b7c7}
.everfriend-pill{position:absolute;z-index:2;white-space:nowrap;background:#ffffffeb;border:1px solid #fff;padding:8px 12px;border-radius:999px;box-shadow:0 5px 20px #81528d25;color:#704b87;font-size:12px;font-weight:750}
.everfriend-pill-one{left:-6%;bottom:22%}.everfriend-pill-two{right:-7%;top:16%}

/* Official Everfriend screenshot carousel. Original captures retain portrait framing. */
.ps-detail-main .everfriend-gallery{padding-top:16px}
.ps-app-page .everfriend-gallery .section-head h2{font-size:24px}
.ps-market .ps-detail-main .everfriend-gallery .screenshot-track{gap:14px;padding-top:8px;padding-bottom:16px}
.ps-market .ps-detail-main .everfriend-gallery .screenshot-tile{flex:0 0 clamp(172px,23vw,210px);min-width:0;border-radius:16px}
.ps-market .ps-detail-main .everfriend-gallery .screenshot-tile img{display:block;width:100%;height:auto;aspect-ratio:709 / 1536;object-fit:contain;background:#25204f;border-radius:15px;box-shadow:0 9px 22px #34275220;transition:transform .2s,box-shadow .2s}
.ps-market .ps-detail-main .everfriend-gallery .screenshot-tile span{font-size:12px;line-height:1.45;color:#5e5a73;padding:10px 2px}
.ps-market .ps-detail-main .everfriend-gallery .screenshot-tile:hover img{transform:translateY(-3px);box-shadow:0 13px 24px #34275234}
.ps-market .ps-detail-main .everfriend-gallery .screenshot-tile:focus-visible{outline:3px solid #9672d0;outline-offset:5px}
.ps-detail-main .everfriend-gallery .art-disclaimer{font-size:12px!important;color:#706d82!important;margin-top:0!important}

@media(max-width:700px){
  .everfriend-banner{grid-template-columns:1fr;gap:6px;min-height:0;margin:7px 0 21px;padding:26px 23px 17px;border-radius:22px}
  .everfriend-banner h2{font-size:clamp(31px,8vw,44px);letter-spacing:-1.15px}
  .everfriend-banner-visual{min-height:158px;max-width:295px;width:100%;margin:0 auto}
  .everfriend-banner-icon-wrap{width:128px;height:128px;border-radius:32px;padding:7px}
  .everfriend-banner-icon-wrap img{border-radius:24px}
  .everfriend-pill{font-size:10px;padding:6px 9px}
  .everfriend-pill-one{left:1%;bottom:11%}.everfriend-pill-two{right:0;top:12%}
  .everfriend-float{font-size:26px}
  .ps-detail-main .everfriend-gallery{padding-top:10px}
}
@media(prefers-reduced-motion:reduce){.everfriend-banner-cta,.ps-market .ps-detail-main .everfriend-gallery .screenshot-tile img{transition:none}}