/* Player review wall; no third-party animation dependencies. */
:root{--green:#00E884;--green-soft:#78FFC2;--gold:#E5C46A;--bg:#07110E;--panel:#0D1A16;--line:#1A382D;--line-hi:#2A5845;--tx:#F7FFFB;--tx2:#A1B1AA;--muted:#78988B}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--tx);background:radial-gradient(ellipse at 65% 18%,#10382a66,transparent 50%),#07110E;font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;line-height:1.7}
a{color:inherit}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin:auto;padding:0 max(24px,env(safe-area-inset-right)) 40px max(24px,env(safe-area-inset-left))}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);padding:10px;background:var(--green);color:var(--bg);z-index:100}
.skip-link:focus{transform:none}
.site-head{min-height:76px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{width:87px;height:40px;object-fit:contain}
.brand small{white-space:nowrap;color:var(--muted);font:10px Consolas,monospace;letter-spacing:.08em}
.site-head nav{display:flex;gap:20px;align-items:center}
.site-head nav a{font-size:12px;color:var(--tx2);text-decoration:none}
.site-head nav a:hover,.site-head nav a[aria-current]{color:var(--green)}

.review-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:32px;padding:62px 0 30px}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:var(--green);font:700 11px Consolas,monospace;letter-spacing:.16em}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--green)}
h1{margin:18px 0 12px;font-size:clamp(42px,6vw,70px);letter-spacing:-.05em;line-height:1.08}
.hero-caption{margin:0;color:var(--tx2);font-size:15px}
.hero-caption strong{color:var(--tx);font-weight:500}
.wall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:13px 0;color:var(--muted);font-size:11px}
.wall-toolbar p{margin:0}
.motion-icon{font-size:13px}
.review-wall{position:relative;height:520px;overflow:hidden;border-block:1px solid var(--line-hi);background:linear-gradient(90deg,#07110e00,#0c211833,#07110e00);isolation:isolate}
.review-wall::before,.review-wall::after{content:"";position:absolute;left:0;right:0;height:44px;z-index:2;pointer-events:none}
.review-wall::before{top:0;background:linear-gradient(#07110e,transparent)}
.review-wall::after{bottom:0;background:linear-gradient(transparent,#07110e)}
.wall-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wall-track{animation:review-drift var(--duration,65s) linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.wall-lane:nth-child(2) .wall-track{animation-direction:reverse}
.wall-copy{display:grid;gap:16px;padding-bottom:16px}
.wall-card{min-height:180px;padding:25px 24px;background:linear-gradient(130deg,#12291f,#0b1a14 72%);border:1px solid #244b39;border-radius:3px;box-shadow:0 12px 30px #0002}
.wall-card:nth-child(2n){background:linear-gradient(130deg,#0e211a,#0a1712)}
.wall-card .quote{font-size:16px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.wall-card .quote-mark{color:var(--green);font:40px/.6 Georgia,serif}
.wall-card .attribution{margin-top:19px}
.wall-card .category{color:var(--green-soft)}
.review-wall:hover .wall-track,.reviews-page.motion-idle .wall-track{animation-play-state:paused}
.wall-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 60px}
.wall-note{margin:0;max-width:700px;color:var(--muted);font-size:12px}
.browse-link{flex-shrink:0;text-decoration:none;font-size:13px;color:var(--green);border-bottom:1px solid var(--line-hi);padding:10px 0}
.browse-link:hover{border-color:var(--green)}

.review-library{scroll-margin-top:22px}
.library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}
.library-heading h2{font-size:29px;line-height:1.2;margin:10px 0 0;letter-spacing:-.025em}
.review-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.review-card{position:relative;min-width:0;padding:24px;border:1px solid var(--line);background:linear-gradient(140deg,#10241b,#0b1913);transition:border-color .2s,transform .2s}
.review-card:hover{border-color:#3b8060;transform:translateY(-3px)}
.review-card:target{border-color:var(--green);scroll-margin-top:24px}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.category{font-size:10px;color:var(--gold);letter-spacing:.03em}
.source-label{font-size:10px;color:var(--muted);white-space:nowrap}
.quote{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95}
.attribution{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:17px;border-top:1px solid var(--line)}
.avatar{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;color:var(--green-soft);background:#1b3c2b;border:1px solid #2b503c;border-radius:50%;font-size:12px;font-weight:600;overflow:hidden}
.author{min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:500}
.load-more-wrap{text-align:center;margin:30px 0}
.load-more{padding:12px 30px;min-height:48px;color:var(--green);border:1px solid var(--green);background:transparent;font-size:13px}
.load-more:hover{background:#103323}
.collection-note{padding:18px 0;margin-top:36px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.collection-note p{margin:5px 0}
.review-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:42px;padding:32px;border:1px solid var(--line-hi);background:linear-gradient(105deg,#183e29,#0a1b13)}
.review-cta h2{font-size:25px;margin:0 0 7px}
.review-cta p{margin:0;color:var(--tx2);font-size:13px}
.cta-links{display:flex;gap:10px;flex-shrink:0}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;background:var(--green);color:#04231A;text-decoration:none;font-size:13px;font-weight:700}
.cta.alt{background:transparent;color:var(--green);border:1px solid var(--line-hi)}
footer{margin-top:58px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-links a{text-decoration:none}
.footer-links a:hover{color:var(--green)}
.footer-filing{margin-top:18px;text-align:center}
.footer-filing a{text-decoration:none}
.revealing{animation:review-reveal .45s backwards;animation-delay:var(--reveal-delay,0ms)}
@keyframes review-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}
}
@keyframes review-reveal{from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:none}
}

@media(max-width:900px){.review-hero{padding-top:42px}
.review-wall{height:470px}
.wall-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}
.wall-lane:nth-child(3){display:none}
.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-cta{flex-wrap:wrap}
.wall-card{padding:22px}
}

@media(max-width:600px){.wrap{padding-inline:max(16px,env(safe-area-inset-left))}
.review-hero{gap:16px;padding:34px 0 20px;align-items:center}
h1{font-size:43px;margin-top:15px}
.hero-caption{font-size:12px;max-width:240px}
.wall-toolbar{align-items:center;font-size:10px}
.wall-toolbar p{max-width:180px}
.review-wall{height:410px}
.wall-lanes{grid-template-columns:minmax(0,1fr)}
.wall-lane:nth-child(2){display:none}
.wall-card .quote{font-size:15px}
.wall-footer{display:block;margin-bottom:40px}
.browse-link{display:inline-block;margin-top:10px}
.library-heading{display:block}
.library-heading h2{font-size:25px}
.review-grid{grid-template-columns:minmax(0,1fr)}
.review-card{padding:22px}
.review-cta{padding:24px}
.review-cta h2{font-size:23px}
.cta-links{width:100%;flex-wrap:wrap}
.cta{flex:1;white-space:nowrap}
.footer-row{display:block}
.footer-links{margin-top:14px}
.footer-links a{min-height:40px;display:inline-flex;align-items:center}
}




/* Without scripting, keep the decorative wall still and all reviews readable. */
.reviews-page:not(.motion-ready) .wall-track{animation-play-state:paused}


@media(max-width:600px){.reviews-page .brand small{display:none}
}


.review-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1b3c2b}