/* The game world opens the comparison; controls below keep their existing layout. */
.comparison-page.gaming-view .comparison-title.comparison-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:530px;margin:24px 0 28px;padding:48px;gap:0;overflow:hidden;border:0;border-radius:12px;background:#102225;color:#f5fcff}
.comparison-page.gaming-view .comparison-hero .hero-scene{position:absolute;inset:0;display:block;z-index:-2}
.comparison-page.gaming-view .comparison-title.comparison-hero .hero-art{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:62% 50%;border:0;border-radius:0;margin:0}
.comparison-page.gaming-view .comparison-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,17,22,.94),rgba(4,17,22,.76) 38%,rgba(4,17,22,.1) 74%,rgba(4,17,22,0))}
.comparison-page.gaming-view .comparison-hero .hero-copy{display:block;position:relative;flex:none;max-width:650px;width:62%;min-width:0}
.comparison-page.gaming-view .comparison-hero .hero-copy h1{font-family:Chakra,sans-serif;font-size:clamp(44px,5.2vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.025em;text-wrap:balance;max-width:none;margin:0 0 24px;color:#f5fcff}
.comparison-page.gaming-view .comparison-hero .hero-copy h1 span{color:#6de1f7}
.comparison-page.gaming-view .comparison-hero .hero-copy .intro{font-size:19px;line-height:1.6;max-width:48ch;margin:0;color:#e0f1f5;text-wrap:pretty}
.comparison-page.gaming-view .comparison-hero .intro-action,.comparison-page.gaming-view .comparison-hero .decision-jumps a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid #6de1f7;border-radius:6px;background:#6de1f7;color:#092027;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none}
.comparison-page.gaming-view .comparison-hero .intro-action{margin:28px 0 0}
.comparison-page.gaming-view .comparison-hero .decision-jumps{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.comparison-page.gaming-view .comparison-hero .decision-jumps a:not(.decision-primary){background:rgba(4,17,22,.65);color:#e7fbff;border-color:#a1dae5;font-weight:600}
.comparison-page.gaming-view .comparison-hero .intro-action:hover,.comparison-page.gaming-view .comparison-hero .decision-jumps .decision-primary:hover{background:#a0effc;border-color:#a0effc;color:#092027}
.comparison-page.gaming-view .comparison-hero .decision-jumps a:not(.decision-primary):hover{background:#19444e;color:#ffffff;border-color:#d0f8ff}
.comparison-page.gaming-view .comparison-hero a:focus-visible{outline:3px solid #ffd378;outline-offset:5px}
.comparison-page.gaming-view .comparison-hero:not(.has-game-art){min-height:360px;background:#123a42}
.comparison-page.gaming-view .comparison-hero:not(.has-game-art) .hero-copy{width:100%;max-width:850px}
@media(min-width:768px) and (max-width:1000px){
 .comparison-page.gaming-view .comparison-title.comparison-hero{min-height:500px;padding:36px}
 .comparison-page.gaming-view .comparison-hero .hero-copy{display:block;max-width:580px;width:75%}
 .comparison-page.gaming-view .comparison-hero .hero-copy h1{font-size:50px}
 .comparison-page.gaming-view .comparison-hero .hero-copy .intro{max-width:36ch}
 .comparison-page.gaming-view .comparison-hero:after{background:linear-gradient(90deg,rgba(4,17,22,.94),rgba(4,17,22,.82) 52%,rgba(4,17,22,.65) 68%,rgba(4,17,22,.1) 92%,rgba(4,17,22,0))}
}
@media(max-width:767px){
 .comparison-page.gaming-view .comparison-title.comparison-hero{display:flex;align-items:flex-end;min-height:580px;padding:240px 22px 26px;margin:16px 0 22px;border-radius:8px}
 .comparison-page.gaming-view .comparison-hero .hero-scene{inset:0 0 auto;height:300px}
 .comparison-page.gaming-view .comparison-title.comparison-hero .hero-art{display:block;object-position:65% 35%}
 .comparison-page.gaming-view .comparison-hero:after{background:linear-gradient(180deg,rgba(4,17,22,0) 6%,rgba(4,17,22,.12) 25%,rgba(4,17,22,.86) 51%,rgba(4,17,22,.98) 84%)}
 .comparison-page.gaming-view .comparison-hero .hero-copy{display:block;isolation:isolate;width:100%;max-width:none}
 .comparison-page.gaming-view .comparison-hero .hero-copy:before{content:"";position:absolute;inset:-32px -22px -26px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(4,17,22,0),rgba(4,17,22,.92) 32px)}
 .comparison-page.gaming-view .comparison-hero .hero-copy h1{font-size:clamp(34px,9.5vw,44px);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px}
 .comparison-page.gaming-view .comparison-hero .hero-copy .intro{font-size:16px;line-height:1.6;margin:0}
 .comparison-page.gaming-view .comparison-hero .intro-action{margin-top:22px}
 .comparison-page.gaming-view .comparison-hero .decision-jumps{gap:10px;margin-top:22px}
 .comparison-page.gaming-view .comparison-hero .decision-jumps a{width:100%;font-size:15px;min-height:48px;padding:10px 12px}
 .comparison-page.gaming-view .comparison-hero:not(.has-game-art){min-height:350px;padding-top:26px}
}