.playactu-games-recommendation-page{background:#f7f5ff}
.pa-reco{--pa-navy:#07112d;--pa-blue:#0c55d9;--pa-muted:#54607a;--pa-line:rgba(12,32,77,.12);position:relative;overflow:hidden;background:#f7f5ff;color:var(--pa-navy);isolation:isolate}
.pa-reco *{box-sizing:border-box}
.pa-reco-container{position:relative;width:min(1320px,calc(100% - 2rem));margin-inline:auto}

.pa-reco-stage{position:relative;min-height:920px;overflow:hidden;background:#07112d;color:#fff}
.pa-reco-stage__art,.pa-reco-stage__veil{position:absolute;inset:0;width:100%;height:100%}
.pa-reco-stage__art{object-fit:cover;object-position:center bottom}
.pa-reco-stage__veil{background:linear-gradient(90deg,rgba(3,10,33,.86) 0%,rgba(3,10,33,.52) 41%,rgba(10,12,42,.08) 70%),linear-gradient(0deg,rgba(7,17,45,.82) 0%,transparent 30%)}
.pa-reco-breadcrumbs{display:flex;gap:.55rem;align-items:center;overflow:auto;padding:1.15rem 0;color:rgba(255,255,255,.72);font-size:.82rem;white-space:nowrap}
.pa-reco-breadcrumbs a{color:inherit;text-decoration:none}.pa-reco-breadcrumbs a:hover{color:#fff}
.pa-reco-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);gap:1.5rem;align-items:center;min-height:710px;padding:2rem 0 4.2rem}
.pa-reco-hero__copy{position:relative;z-index:2;max-width:620px}
.pa-reco-kicker{margin:0 0 1rem;color:#44f1e1!important;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.pa-reco-hero h1{max-width:720px;margin:0!important;color:#fff!important;font-size:clamp(3rem,5.3vw,5.9rem)!important;font-weight:900!important;line-height:.94!important;letter-spacing:-.055em!important;text-wrap:balance;text-shadow:0 8px 35px rgba(1,4,18,.36)}
.pa-reco-lead{max-width:640px;margin:1.55rem 0 0;color:#eef3ff!important;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7;text-wrap:pretty}
.pa-reco-proof{display:inline-flex;align-items:center;gap:.85rem;margin-top:1.8rem;padding:.7rem 1rem;border:1px solid rgba(115,196,255,.45);border-radius:10px;background:rgba(19,57,151,.36);box-shadow:0 15px 42px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.pa-reco-proof strong{font-size:2.4rem;line-height:1;color:#fff}.pa-reco-proof span{max-width:155px;color:#fff;font-size:.72rem;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.09em}

.pa-reco-orbit{position:relative;min-height:580px}
.pa-reco-orbit__paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px rgba(102,226,255,.7))}
.pa-reco-orbit__paths line{stroke:rgba(209,226,255,.62);stroke-width:.23;stroke-dasharray:1.2 1.2;vector-effect:non-scaling-stroke;animation:pa-reco-path 18s linear infinite}
.pa-reco-source{position:absolute;z-index:3;top:2%;left:50%;display:block;width:180px;color:#fff;text-align:center;text-decoration:none;transform:translateX(-50%);transition:transform .35s ease}
.pa-reco-source::before,.pa-reco-source::after{content:"";position:absolute;z-index:-1;inset:-22px;border:1px solid rgba(135,221,255,.55);border-radius:50%;box-shadow:0 0 45px rgba(34,167,255,.5);animation:pa-reco-pulse 3s ease-in-out infinite}
.pa-reco-source::after{inset:-40px;border-color:rgba(255,116,209,.24);animation-delay:-1.2s}
.pa-reco-source:hover{transform:translateX(-50%) translateY(-7px)}
.pa-reco-source img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border:3px solid #fff;border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.62),0 0 24px rgba(69,184,255,.75)}
.pa-reco-source span{display:block;margin-top:1rem;color:#fff;font-size:.74rem;font-weight:700;text-shadow:0 2px 10px #02091e}
.pa-reco-orbit__nodes{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.pa-reco-orbit__node{--pa-node:#19c3ff;position:absolute;z-index:4;width:122px;text-align:center;transform:translate(-50%,-50%)}
.pa-reco-orbit__node--1{left:10%;top:56%;--pa-node:#29b8ff}.pa-reco-orbit__node--2{left:29%;top:78%;--pa-node:#9b5de5}.pa-reco-orbit__node--3{left:50%;top:88%;--pa-node:#1cc7c9}.pa-reco-orbit__node--4{left:71%;top:76%;--pa-node:#f6a609}.pa-reco-orbit__node--5{left:90%;top:53%;--pa-node:#f43f5e}
.pa-reco-orbit__node a{display:block;color:#fff;text-decoration:none;transition:transform .25s ease}.pa-reco-orbit__node a:hover{transform:translateY(-5px)}
.pa-reco-orbit__cover{position:relative;display:block;width:74px;height:74px;margin:auto;border:3px solid #fff;border-radius:50%;background:rgba(7,17,45,.82);box-shadow:0 0 0 5px color-mix(in srgb,var(--pa-node) 60%,transparent),0 0 28px var(--pa-node);animation:pa-reco-float 4s ease-in-out infinite}
.pa-reco-orbit__cover img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.pa-reco-orbit__cover b{position:absolute;right:-13px;bottom:-10px;display:grid;width:34px;height:34px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--pa-node);color:#fff;font-size:.74rem;box-shadow:0 5px 16px rgba(2,7,25,.4)}
.pa-reco-orbit__node strong{display:block;margin-top:.75rem;color:#fff;font-size:.75rem;line-height:1.25;text-shadow:0 2px 10px #02091e}

.pa-reco-method{position:absolute;right:0;bottom:1.3rem;left:0;display:grid;grid-template-columns:190px 1fr;gap:1.5rem;padding:1.05rem 1.4rem;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(7,17,45,.55);box-shadow:0 20px 60px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.pa-reco-method>span{color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.pa-reco-method ul{display:flex;flex-wrap:wrap;gap:.45rem 1.2rem;margin:0;padding:0;list-style:none;color:#dce8ff;font-size:.79rem}.pa-reco-method li::before{content:"";display:inline-block;width:7px;height:7px;margin-right:.5rem;border-radius:50%;background:#44f1e1;box-shadow:0 0 10px #44f1e1}

.pa-reco-journey{position:relative;min-height:900px;padding:5rem 0 7rem;background:#f5f2ff}
.pa-reco-journey__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.88}
.pa-reco-list{position:relative;display:grid;gap:2.2rem;padding-left:86px}
.pa-reco-list::before{content:"";position:absolute;top:62px;bottom:62px;left:31px;width:3px;border-radius:99px;background:linear-gradient(#1f6cff,#9453df,#1eb5bd,#f3a000,#f02d52);box-shadow:0 0 18px rgba(67,89,225,.42)}
.pa-reco-card{--pa-accent:#1f6cff;position:relative;display:grid;grid-template-columns:230px minmax(0,1fr) 164px;min-height:405px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(51,43,104,.14),inset 0 1px 0 #fff;scroll-margin-top:2rem;backdrop-filter:blur(18px);transition:transform .35s ease,box-shadow .35s ease}
.pa-reco-card:hover{transform:translateY(-5px);box-shadow:0 32px 90px rgba(51,43,104,.21),inset 0 1px 0 #fff}
.pa-reco-card--tone-2{--pa-accent:#8c42d8}.pa-reco-card--tone-3{--pa-accent:#0ca7b7}.pa-reco-card--tone-4{--pa-accent:#ee9300}.pa-reco-card--tone-5{--pa-accent:#ed2046}
.pa-reco-card__marker{position:absolute;z-index:3;top:28px;left:-86px;display:grid;width:62px;height:62px;place-items:center;border:4px solid #fff;border-radius:50%;background:var(--pa-accent);color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 0 0 1px color-mix(in srgb,var(--pa-accent) 35%,transparent),0 12px 30px color-mix(in srgb,var(--pa-accent) 35%,transparent)}
.pa-reco-card__cover{display:block;align-self:center;margin:-18px 0 -18px 18px;transform:rotate(-2deg);transition:transform .35s ease}
.pa-reco-card__cover:hover{transform:rotate(0) translateY(-5px)}
.pa-reco-card__cover img{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:2/3;object-fit:cover;border:3px solid #fff;border-radius:14px;box-shadow:0 20px 38px rgba(29,39,88,.24)}
.pa-reco-card__body{min-width:0;padding:2.25rem 1.6rem 2rem 2rem}
.pa-reco-card h2{max-width:760px;margin:0 0 .8rem!important;color:var(--pa-navy)!important;font-size:clamp(1.8rem,3vw,2.8rem)!important;line-height:1!important;letter-spacing:-.04em!important}.pa-reco-card h2 a{color:inherit!important;text-decoration:none}.pa-reco-card h2 a:hover{color:var(--pa-accent)!important}
.pa-reco-card__excerpt{max-width:770px;margin:0 0 1.25rem;color:#293654;font-size:.9rem;line-height:1.55}
.pa-reco-card__reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1rem 0 1.3rem}.pa-reco-card__reasons>div+div{padding-left:1.35rem;border-left:1px solid var(--pa-line)}.pa-reco-card__reasons span{display:block;margin-bottom:.55rem;color:var(--pa-accent);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pa-reco-card__why,.pa-reco-card__difference{margin:0;color:#26324d;font-size:.84rem;line-height:1.5}
.pa-reco-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.35rem;margin:1.25rem 0}.pa-reco-breakdown>div{display:grid;grid-template-columns:minmax(115px,1fr) minmax(70px,1.2fr) 35px;gap:.55rem;align-items:center;color:#59647c;font-size:.66rem}.pa-reco-breakdown i{height:4px;overflow:hidden;border-radius:999px;background:rgba(12,32,77,.11)}.pa-reco-breakdown b{display:block;width:var(--pa-value);height:100%;border-radius:inherit;background:var(--pa-accent);transform-origin:left}.pa-reco-breakdown em{color:#17223e;font-style:normal;text-align:right}
.pa-reco-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.pa-reco-card__meta span{max-width:100%;padding:.35rem .58rem;overflow-wrap:anywhere;border:1px solid var(--pa-line);border-radius:999px;color:#59647c;font-size:.66rem;background:rgba(255,255,255,.52)}
.pa-reco-card__cta{display:inline-flex;gap:.65rem;align-items:center;color:var(--pa-navy)!important;font-size:.78rem;font-weight:900;text-decoration:none!important;text-transform:uppercase;letter-spacing:.08em}.pa-reco-card__cta span{color:var(--pa-accent);font-size:1.25rem;transition:transform .2s}.pa-reco-card__cta:hover span{transform:translateX(5px)}
.pa-reco-score{align-self:center;padding:1.2rem;text-align:center}.pa-reco-score>div{position:relative;display:grid;width:126px;height:126px;margin:auto;place-content:center;border-radius:50%;background:conic-gradient(var(--pa-accent) calc(var(--pa-score)*1%),rgba(12,32,77,.1) 0);color:var(--pa-navy)}.pa-reco-score>div::before{content:"";position:absolute;inset:10px;border-radius:50%;background:rgba(255,255,255,.94)}.pa-reco-score strong,.pa-reco-score small{position:relative;z-index:1}.pa-reco-score strong{font-size:2.65rem;line-height:.9}.pa-reco-score small{font-size:.68rem}.pa-reco-score span{display:block;margin-top:.8rem;color:var(--pa-accent);font-size:.66rem;font-weight:900;line-height:1.25;text-transform:uppercase;letter-spacing:.07em}

.pa-reco.is-enhanced [data-pa-reveal]{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.pa-reco.is-enhanced [data-pa-reveal].is-visible{opacity:1;transform:none}
.pa-reco.is-enhanced [data-pa-reveal].is-visible .pa-reco-breakdown b{animation:pa-reco-bar .9s .25s both}
@keyframes pa-reco-path{to{stroke-dashoffset:-40}}
@keyframes pa-reco-pulse{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
@keyframes pa-reco-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes pa-reco-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(max-width:1050px){
	.pa-reco-stage{min-height:1080px}.pa-reco-hero{grid-template-columns:1fr;min-height:900px;padding-top:3rem}.pa-reco-hero__copy{max-width:760px}.pa-reco-orbit{min-height:540px}.pa-reco-card{grid-template-columns:190px minmax(0,1fr) 135px}.pa-reco-card__cover{margin-inline-start:14px}.pa-reco-score>div{width:106px;height:106px}.pa-reco-score strong{font-size:2.25rem}.pa-reco-card__reasons{grid-template-columns:1fr}.pa-reco-card__reasons>div+div{padding:0;border:0}
}
@media(max-width:760px){
	.pa-reco-container{width:min(100% - 1.25rem,1320px)}.pa-reco-stage{min-height:auto}.pa-reco-stage__veil{background:linear-gradient(180deg,rgba(3,10,33,.72),rgba(3,10,33,.35) 48%,rgba(7,17,45,.9))}.pa-reco-hero{display:block;min-height:0;padding:2.2rem 0 2rem}.pa-reco-hero h1{font-size:clamp(2.7rem,12vw,4.8rem)!important}.pa-reco-orbit{min-height:470px;margin-top:2.2rem}.pa-reco-source{width:130px}.pa-reco-orbit__node{width:88px}.pa-reco-orbit__cover{width:58px;height:58px}.pa-reco-orbit__node strong{font-size:.64rem}.pa-reco-method{position:relative;bottom:auto;grid-template-columns:1fr;margin-bottom:1rem}.pa-reco-method ul{gap:.5rem 1rem}.pa-reco-journey{padding:3.5rem 0 5rem}.pa-reco-list{gap:4.5rem;padding-left:0}.pa-reco-list::before{left:50%;opacity:.28}.pa-reco-card{grid-template-columns:125px minmax(0,1fr);min-height:0}.pa-reco-card__marker{top:-34px;left:50%;width:52px;height:52px;transform:translateX(-50%);font-size:1rem}.pa-reco-card__cover{align-self:start;margin:1rem 0 0 1rem}.pa-reco-card__cover img{max-height:260px}.pa-reco-card__body{padding:1.35rem 1rem 1.45rem}.pa-reco-card h2{font-size:clamp(1.5rem,7vw,2.2rem)!important}.pa-reco-card__excerpt{font-size:.8rem}.pa-reco-breakdown{grid-template-columns:1fr}.pa-reco-score{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding:0 1rem 1.35rem}.pa-reco-score>div{width:82px;height:82px;margin:0}.pa-reco-score strong{font-size:1.8rem}.pa-reco-score span{max-width:140px;margin:0;text-align:left}
}
@media(max-width:480px){
	.pa-reco-breadcrumbs{font-size:.72rem}.pa-reco-proof{display:flex}.pa-reco-orbit{min-height:390px}.pa-reco-source{width:105px}.pa-reco-orbit__node--1{left:9%;top:58%}.pa-reco-orbit__node--2{left:28%;top:79%}.pa-reco-orbit__node--3{left:50%;top:88%}.pa-reco-orbit__node--4{left:72%;top:79%}.pa-reco-orbit__node--5{left:91%;top:58%}.pa-reco-orbit__cover{width:48px;height:48px}.pa-reco-orbit__cover b{right:-10px;bottom:-8px;width:27px;height:27px;font-size:.6rem}.pa-reco-orbit__node strong{display:none}.pa-reco-card{grid-template-columns:92px minmax(0,1fr)}.pa-reco-card__cover{margin:.8rem 0 0 .7rem}.pa-reco-card__body{padding:1.1rem .8rem}.pa-reco-card__excerpt{display:none}.pa-reco-card__reasons{display:block}.pa-reco-card__reasons>div+div{margin-top:.8rem}.pa-reco-breakdown{display:grid;gap:.45rem;margin:.9rem 0}.pa-reco-breakdown>div{grid-template-columns:minmax(78px,1fr) minmax(42px,.75fr) 28px;gap:.35rem;font-size:.58rem}.pa-reco-card__meta span:nth-child(n+2){display:none}.pa-reco-score{padding:.2rem .8rem 1.1rem}
}
@media(prefers-reduced-motion:reduce){
	.pa-reco *{scroll-behavior:auto!important}.pa-reco-orbit__paths line,.pa-reco-source::before,.pa-reco-source::after,.pa-reco-orbit__cover,.pa-reco-breakdown b{animation:none!important}.pa-reco.is-enhanced [data-pa-reveal]{opacity:1;transform:none;transition:none}.pa-reco-source,.pa-reco-orbit__node a,.pa-reco-card,.pa-reco-card__cover,.pa-reco-card__cta span{transition:none}
}