.game-detail{--accent:#e8b266;--base:#151b17;background:var(--base);color:#eee4d2}.theme-ocean{--accent:#8cdbdf;--base:#101e25}.theme-violet{--accent:#b8a1ef;--base:#171421}.detail-hero{position:relative;isolation:isolate;min-height:620px;padding:65px 0;background:#101510;overflow:hidden}.detail-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:-2}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--base),transparent 120%),linear-gradient(0deg,var(--base),transparent 45%);z-index:-1}.detail-hero-copy{position:relative}.detail-hero-copy>.eyebrow{display:block;margin-bottom:28px}.detail-hero h1{font-size:clamp(48px,7vw,95px);max-width:800px;line-height:1.1}.detail-logo{width:min(450px,85vw);height:250px;object-fit:contain;object-position:left}.detail-tagline{font:clamp(24px,3vw,36px)/1.4 Georgia,serif;max-width:650px;color:#f4e3c5}.detail-intro{padding-top:60px;padding-bottom:70px;max-width:860px}.detail-intro h2,.detail-feature h2,.detail-closing h2,.detail-gallery h2{font:clamp(30px,4vw,52px)/1.15 Georgia,serif;color:var(--accent)}.detail-features{display:grid;gap:80px}.detail-feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-feature:nth-child(even)>img{order:2}.detail-feature>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#0003;border:1px solid #806849;border-radius:12px}.detail-feature p{line-height:1.85;color:#c0b9ae}.detail-gallery{padding-top:90px;padding-bottom:70px}.detail-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-shot{padding:0;border:1px solid #594e3a;border-radius:12px;overflow:hidden;background:#171c19;color:#dfd2bc;text-align:left;cursor:pointer;font:15px system-ui}.detail-shot img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080d0b;display:block}.detail-shot span{display:block;padding:16px}.detail-closing{border-top:1px solid #675840;text-align:center;padding-top:60px;padding-bottom:90px}.detail-closing .game-platforms,.detail-store-links{justify-content:center}.detail-store-links{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.game-detail .eyebrow{color:var(--accent)}.game-lightbox{background:#111;border:1px solid #777;border-radius:10px;max-width:94vw;color:#fff;padding:15px}.game-lightbox::backdrop{background:#000d}.game-lightbox img{display:block;max-width:88vw;max-height:75vh;object-fit:contain;margin-top:12px}.preserve-lines{white-space:pre-wrap}.detail-closing details{text-align:left;max-width:800px;margin:30px auto}.detail-closing summary{cursor:pointer}.detail-closing details p{line-height:1.8}.detail-video{padding-bottom:50px}@media(max-width:720px){.detail-hero{min-height:0;padding:35px 0}.detail-logo{height:180px}.detail-feature{grid-template-columns:1fr;gap:20px}.detail-feature:nth-child(even)>img{order:0}.detail-features{gap:45px}.detail-shots{grid-template-columns:1fr}.detail-gallery{padding-top:55px}.detail-intro{padding-top:35px;padding-bottom:40px}}

.theme-embers .detail-feature>img,.theme-embers .detail-shot{border:16px solid transparent;border-image:url('/assets/hearth-inset.png') 30 fill / 16px / 0 stretch;border-radius:0}.theme-embers .detail-feature>div{border:26px solid transparent;border-image:url('/assets/hearth-panel.png') 48 fill / 26px / 0 stretch;padding:20px}.theme-embers .detail-closing{position:relative;margin-top:35px;border:26px solid transparent;border-image:url('/assets/hearth-panel.png') 48 fill / 26px / 0 stretch;margin-bottom:65px;padding:40px 24px}.theme-embers .detail-closing:before{content:'';position:absolute;top:-58px;left:calc(50% - 70px);width:140px;height:70px;background:url('/assets/hearth-crest.png') center/contain no-repeat}.theme-embers .button{border:14px solid transparent;border-image:url('/assets/hearth-primary.png') 18 fill / 14px / 0 stretch;border-radius:0;background:transparent;color:#24140a;font:700 19px Georgia,serif;padding:6px 22px}.detail-feature:not(:has(>img)){grid-template-columns:1fr}.game-detail .game-platforms img{width:24px;height:24px}.game-detail .game-platforms span{color:#d7cbb5}@media(max-width:720px){.theme-embers .detail-feature>div{padding:14px 4px;border-width:23px}.theme-embers .detail-closing{padding:24px 8px}.detail-hero h1{margin:16px 0}}

.theme-embers .detail-backdrop{opacity:.8;object-position:70% 44%}.theme-embers .detail-hero:after{background:linear-gradient(90deg,#151a15fa 3%,#151a15d9 36%,#151a1520 85%),linear-gradient(0deg,var(--base),transparent 45%)}