.review-host{display:contents}
.review-notification{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(var(--review-bottom,20px),env(safe-area-inset-bottom));width:276px;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 32px);z-index:25;padding:25px 34px 12px 12px;border:1px solid #ffffff26;border-radius:24px;background:linear-gradient(135deg,#353740b8,#1c1e26a6);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%);box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08,0 8px 28px #0004;color:#f5f5f8;animation:review-arrive .5s cubic-bezier(.16,1,.3,1) both;transition:opacity .22s,transform .22s}
.review-notification[hidden]{display:none}.review-notification.is-changing [data-review-message]{opacity:0;transform:translateY(-4px)}[data-review-message]{transition:opacity .18s,transform .18s}.review-notification.is-obstructed{visibility:hidden;pointer-events:none}
.review-notification-label{position:absolute;top:8px;left:13px;font-size:9px;color:#b8bbc6;letter-spacing:.02em}.review-notification-label:hover{color:#fff}
.review-notification button{position:absolute;right:2px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#b8bbc6;cursor:pointer;font-size:17px}.review-close{top:2px}.review-pause{bottom:5px;font-size:12px!important}.review-notification button:hover{background:#ffffff12;color:#fff}
.review-message{display:flex;align-items:flex-start;gap:12px;min-width:0}.review-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;background:#34363f;color:#fff;font-size:17px;font-weight:700}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-copy{min-width:0}.review-copy strong{display:block;font-size:14px;overflow-wrap:anywhere}.review-game{display:block;font-size:11px;line-height:1.4;color:#9698a5;margin-top:3px;overflow-wrap:anywhere}.review-copy p{font-size:14px;line-height:1.5;margin:7px 0 0;white-space:pre-line;overflow-wrap:anywhere}.review-message-compact{gap:8px;animation:review-copy-arrive .4s ease-out both}.review-message-compact .review-avatar{width:28px;height:28px;flex-basis:28px;font-size:12px;background:#ffffff14;color:#f5f5f8}.review-message-compact .review-copy strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}.review-message-compact .review-game{font-size:10px;white-space:normal}.review-message-compact .review-copy p{font-size:12px;line-height:1.45;margin:4px 0 0;display:block;overflow:visible}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reviews-grid .review-message{padding:24px;border-radius:22px;background:#ffffff04;border:1px solid #ffffff0c}.review-notification button:focus-visible,.review-notification a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes review-copy-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes review-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.review-notification{right:16px;bottom:max(var(--review-bottom,16px),env(safe-area-inset-bottom));width:264px;border-radius:23px}.reviews-grid{grid-template-columns:1fr}.reviews-grid .review-message{padding:20px}}
@media(prefers-reduced-motion:reduce){.review-notification,.review-message-compact,[data-review-message]{animation:none;transition:none}}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.review-notification{background:#25272f}}
@media(prefers-reduced-transparency:reduce){.review-notification{background:#25272f;-webkit-backdrop-filter:none;backdrop-filter:none}}
