body.ph-site:has(.game-detail-wrap) #main{background:transparent}
body.ph-site .game-detail-wrap{width:min(100% - 40px,1280px);max-width:1280px;margin:0 auto;padding:44px 0 96px;color:var(--ph-text);position:relative;isolation:isolate}
.game-detail-artwork{position:absolute;z-index:-1;top:0;left:50%;width:100vw;height:680px;transform:translateX(-50%);overflow:hidden;pointer-events:none;background:var(--bg);mask-image:linear-gradient(#000 0%,#000 24%,transparent 100%)}
.game-detail-artwork img{width:100%;height:100%;object-fit:cover;filter:blur(2px) saturate(.72);opacity:.25}
.game-detail-artwork::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 30%,transparent 70%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 70%)}
body.ph-site .game-detail-wrap .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 26px;color:#a9b9ca;font:600 12px var(--ph-body)}
body.ph-site .game-detail-wrap .breadcrumb a{color:#83d5f7;text-decoration:none}body.ph-site .game-detail-wrap .breadcrumb a:hover{text-decoration:underline}
body.ph-site .game-hero-card{display:grid;grid-template-columns:minmax(230px,340px) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start;margin:0 0 24px;padding:clamp(20px,3vw,36px);border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,rgba(31,44,62,.96),rgba(19,25,38,.97));box-shadow:0 20px 60px #0003}
body.ph-site .game-poster-box{width:100%;aspect-ratio:2/3;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#111b29;box-shadow:0 18px 35px #0005}body.ph-site .game-poster-box img{display:block;width:100%;height:100%;object-fit:cover}
body.ph-site .game-hero-card>div:last-child{min-width:0}body.ph-site .game-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}body.ph-site .game-hero-tags .pill{display:inline-flex;align-items:center;min-height:27px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--ph-primary) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ph-primary) 8%,transparent);color:#a7e1fb;font:600 11px var(--ph-body)}
body.ph-site .game-hero-card h1{margin:0 0 16px;color:#f7fafc;font:700 clamp(30px,3.3vw,52px)/1.1 var(--ph-display)!important;letter-spacing:-.03em;overflow-wrap:anywhere;line-height:1.16;}body.ph-site .game-hero-card>div:last-child>p{max-width:68ch;margin:0;color:#b8c6d6;font:400 15px/1.75 var(--ph-body)}
body.ph-site .ph-detail-price{display:block;margin:17px 0 0;color:#78e1b4;font:700 clamp(22px,2.2vw,30px)/1.2 var(--ph-display)}
body.ph-site .game-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:24px 0;padding:0;border:0}body.ph-site .game-spec-item{min-width:0;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(10,17,27,.45)}body.ph-site .game-spec-item dt{margin-bottom:5px;color:#9fb3c7;font:600 11px var(--ph-body)!important;letter-spacing:0;text-transform:none}body.ph-site .game-spec-item dd{margin:0;color:#eef4fa;font:600 13px/1.45 var(--ph-body);overflow-wrap:anywhere}
body.ph-site .game-detail-wrap .source-clarity{display:flex;gap:11px;margin:0 0 21px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--ph-primary) 19%,transparent);border-radius:11px;background:color-mix(in srgb,var(--ph-primary) 5.5%,transparent);color:#c7d7e5}body.ph-site .source-clarity .icon{flex:none;color:#73cff7}body.ph-site .source-clarity strong{display:block;margin-bottom:4px;color:#e5f4fc;font:700 13px var(--ph-body)}body.ph-site .source-clarity small{display:block;color:#afc0d1;font:400 12px/1.55 var(--ph-body)}
body.ph-site .game-hero-actions{display:flex;flex-wrap:wrap;gap:10px}body.ph-site .game-hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:9px;background:linear-gradient(105deg,var(--ph-primary),var(--ph-secondary));color:#fff!important;text-decoration:none;font:700 13px var(--ph-body)!important;box-shadow:0 6px 16px rgba(0,0,0,.16);transition:transform .2s,background .2s,border-color .2s}body.ph-site .game-hero-actions .btn.secondary{border-color:rgba(255,255,255,.18);background:#202e40;box-shadow:none}body.ph-site .game-hero-actions .btn.secondary:hover{border-color:color-mix(in srgb,var(--ph-primary) 60%,transparent);background:#263a50}body.ph-site .game-hero-actions .btn:hover{transform:translateY(-2px)}body.ph-site .game-hero-actions .icon{width:16px;height:16px}
body.ph-site .game-detail-wrap .acc-section,body.ph-site .game-detail-wrap .req-box{min-width:0;padding:clamp(22px,3vw,35px);border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#171c28;box-shadow:none}body.ph-site .game-detail-wrap .acc-section{margin:0 0 24px}body.ph-site .game-detail-wrap .eyebrow{color:#73cff7!important;font:700 11px var(--ph-body)!important;letter-spacing:.12em}body.ph-site .game-detail-wrap :is(.acc-section h2,.section-heading h2){margin:9px 0 18px;color:#f5f8fc;font:700 clamp(22px,2.4vw,30px)/1.25 var(--ph-display)!important}body.ph-site .game-detail-wrap .game-about,body.ph-site .req-box :is(pre,div:not(.eyebrow)){color:#cad4df;font:400 14px/1.8 var(--ph-body);overflow-wrap:anywhere}body.ph-site .game-detail-wrap .game-about p{margin:0 0 12px}
body.ph-site .game-detail-wrap :is(.prose p,.req-box li){max-width:80ch;overflow-wrap:anywhere}
body.ph-site .game-detail-wrap .section-heading{margin:0 0 16px}body.ph-site .req-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}body.ph-site .req-box{background:#1b2838}body.ph-site .req-box h3{margin:8px 0 13px;color:#e7f1fb;font:700 17px var(--ph-display)!important}
@media(max-width:900px){body.ph-site .game-hero-card{grid-template-columns:240px minmax(0,1fr);gap:25px}body.ph-site .game-specs-grid{grid-template-columns:1fr}}
@media(max-width:650px){body.ph-site .game-detail-wrap{width:min(100% - 24px,520px);padding:25px 0 75px}body.ph-site .game-detail-wrap .breadcrumb{margin-bottom:17px}body.ph-site .game-hero-card{grid-template-columns:1fr;padding:18px;gap:24px}body.ph-site .game-poster-box{width:min(100%,255px);margin:auto}body.ph-site .game-hero-card h1{font-size:30px!important}body.ph-site .game-hero-actions{display:grid;grid-template-columns:1fr}body.ph-site .game-hero-actions .btn{width:100%}body.ph-site .req-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.ph-site .game-hero-actions .btn{transition:none}body.ph-site .game-hero-actions .btn:hover{transform:none}}