﻿.evpf-play-review {
  position: fixed;
  z-index: 9999;
  left: max(16px, env(safe-area-inset-left));
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(88px + env(safe-area-inset-bottom));
  max-width: 420px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid #cde5df;
  border-radius: 22px;
  background: linear-gradient(150deg, #f1fbf8 0%, #fff 53%);
  color: #142724;
  box-shadow: 0 18px 48px #103b3533, 0 2px 10px #103b3514;
  font-family: inherit;
  animation: evpf-review-enter .24s ease-out both;
}
.evpf-play-review__brand { display: flex; align-items: center; gap: 8px; font-size: .85rem; font-weight: 750; }
.evpf-play-review__brand img { width: 23px; height: 23px; }
.evpf-play-review__close { margin-left: auto; padding: 0 5px; border: 0; background: transparent; color: #607570; font: inherit; font-size: 1.45rem; cursor: pointer; }
.evpf-play-review__eyebrow { margin: 18px 0 5px; color: #087d71; font-size: .68rem; font-weight: 800; letter-spacing: .14em; }
.evpf-play-review h2 { margin: 0; color: #142724; font-size: 1.45rem; line-height: 1.18; letter-spacing: -.025em; }
.evpf-play-review__copy { margin: 9px 0 19px; color: #607570; font-size: .91rem; line-height: 1.5; }
.evpf-play-review__actions { display: grid; gap: 9px; }
.evpf-play-review__actions a, .evpf-play-review__later { display: flex; align-items: center; justify-content: center; min-height: 46px; box-sizing: border-box; border-radius: 12px; font: inherit; font-size: .91rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.evpf-play-review__actions a { gap: 8px; border: 1px solid #087d71; background: #087d71; color: #fff; box-shadow: 0 5px 12px #087d7126; }
.evpf-play-review__actions a:hover { background: #076f64; }
.evpf-play-review__actions a:visited { color: #fff; }
.evpf-play-review__later { border: 1px solid #d6e8e3; background: #fff; color: #365c55; }
.evpf-play-review__later:hover { background: #f1faf7; }
.evpf-play-review :focus-visible { outline: 3px solid #1ca897; outline-offset: 2px; }
@keyframes evpf-review-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-height: 600px) { .evpf-play-review { bottom: max(12px, env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion: reduce) { .evpf-play-review { animation: none; } }
