@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Outfit,Arial,sans-serif;color:#4b5082;background:#f7f9fc}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;background:white}nav{display:flex;gap:24px;font-size:12px}nav a:hover{color:#0abec5}.brand{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1px}.brand span{color:#0abec5}.game-hero{position:relative;isolation:isolate;overflow:hidden;background:#20243c;color:white;padding:60px 6% 70px}.hero-backdrop{position:absolute;inset:-40px;background:linear-gradient(90deg,#111629df,#13182b80),var(--scene) center/cover;filter:blur(18px);z-index:-1}.hero-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:32% 1fr;gap:6%;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:#65d9df}.game-logo{max-width:240px;width:80%;height:100px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px #0008)}h1{font-size:clamp(34px,3.8vw,62px);line-height:1.05;margin:20px 0;letter-spacing:-2px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:11px;padding:6px 11px;border:1px solid #a4b0ca44;border-radius:20px}.download{display:inline-block;background:#0abec5 url('../assets/button-texture.png') center/cover;border:2px solid #0abec5;border-radius:30px;padding:15px 25px;color:white;font-size:13px;font-weight:600;margin-top:26px}.download:hover{background:white;color:#0abec5}.jump{display:block;font-size:11px;margin-top:22px;color:#cad4e6}.cinema{background:#11152480;border:1px solid #ffffff25;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px #0004}.cinema video{display:block;width:100%;height:420px;object-fit:contain;background:#111522}.key-art{display:block;width:100%;height:420px;object-fit:contain}.media-caption{display:flex;justify-content:space-between;padding:17px 22px;font-size:9px;letter-spacing:2px;color:#d5dced}.content{max-width:1360px;margin:auto;padding:50px 5%}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading>span{font-size:9px;letter-spacing:2px;color:#8f95af}h2{font-size:28px;letter-spacing:-.7px}.gallery{display:flex;gap:18px;overflow-x:auto;padding:0 0 18px}.art{border:0;padding:0;background:#edf0f7;border-radius:12px;overflow:hidden;color:#4b5082}.gallery .art{flex:0 0 46%;height:280px}.art img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.art:hover img{transform:scale(1.03)}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.characters .art{height:360px;background:radial-gradient(ellipse at bottom,#dfeff2,#f0f2f9);padding:15px}.characters img{height:87%;filter:drop-shadow(0 12px 15px #263a4d22)}.characters span{display:block;padding-top:12px;font-size:14px}.about{display:grid;grid-template-columns:2fr 1fr;gap:70px;margin-top:60px;padding-top:35px;border-top:1px solid #dde2ed}.about p{font-size:15px;line-height:1.9}.about aside{background:white;padding:24px;border-radius:12px}.about aside p{display:flex;justify-content:space-between;font-size:12px}.about .eyebrow{color:#0abec5}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5%;background:white;font-size:12px}dialog{border:0;background:#151a2de8;border-radius:12px;padding:15px;max-width:95vw}dialog::backdrop{background:#101525e8;backdrop-filter:blur(12px)}dialog img{display:block;max-width:88vw;max-height:80vh}.close{display:block;margin-left:auto;color:white;background:none;border:0;font-size:30px}:focus-visible{outline:3px solid #0abec5;outline-offset:4px}@media(max-width:850px){header{flex-wrap:wrap;gap:16px}nav{width:100%;overflow:auto;white-space:nowrap;padding-bottom:8px}.hero-grid{grid-template-columns:1fr;gap:30px}.game-hero{padding:30px 6%}.identity{position:relative}.game-logo{height:65px;width:160px}h1{font-size:36px;margin:12px 0}.cinema video,.key-art{height:280px}.gallery .art{flex-basis:85%;height:240px}.characters{grid-template-columns:repeat(2,1fr);gap:12px}.characters .art{height:280px}.about{grid-template-columns:1fr;gap:20px}.content{padding:25px 6%}footer{gap:20px;flex-wrap:wrap}h2{font-size:23px}.section-heading>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}
/* Cinematic full-bleed media with overlaid game identity. */
.game-hero{min-height:680px;height:82svh;padding:0;display:flex;align-items:center;background:#171c30}
.hero-grid{width:100%;max-width:none;display:block;margin:0}
.cinema{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;background:transparent;z-index:-2}
.cinema video,.cinema .key-art{width:100%;height:100%;object-fit:cover;object-position:center;background:transparent}
.hero-backdrop{inset:0;filter:none;background:linear-gradient(90deg,#11182be8 0%,#11182ba6 30%,#11182b22 65%),linear-gradient(0deg,#171c30c9,transparent 35%);z-index:-1;pointer-events:none}
.identity{position:relative;margin:0 0 0 9%;max-width:490px;width:43%;padding:50px 0;z-index:2;text-shadow:0 2px 18px #0005}
.game-logo{height:125px;max-width:310px;width:85%;margin:15px 0;filter:drop-shadow(0 5px 20px #0007)}
.identity h1{font-size:clamp(44px,5vw,78px);margin:12px 0 25px}.identity .tags span{background:#ffffff12;border-color:#ffffff40;backdrop-filter:blur(8px)}
.identity .download{margin-top:35px;text-shadow:none}.media-caption{position:absolute;bottom:25px;left:9%;right:6%;padding:0;pointer-events:none;color:#ffffffa8}
.media-toggle{position:absolute;right:5%;bottom:65px;z-index:4;border:1px solid #ffffff70;background:#17243c70;backdrop-filter:blur(12px);color:white;border-radius:30px;padding:12px 20px;font:inherit;font-size:11px;cursor:pointer}
@media(max-width:850px){.game-hero{min-height:640px;height:85svh}.identity{margin-left:7%;width:80%;max-width:430px;padding-top:160px}.identity h1{font-size:46px}.game-logo{height:90px;max-width:240px}.hero-backdrop{background:linear-gradient(0deg,#101829f2 0%,#101829a6 45%,#10182926 100%)}.cinema video,.cinema .key-art{object-position:65% center}.media-caption{left:7%;bottom:20px}.media-toggle{bottom:55px;right:6%}}

/* Restore media-first catalog layout with identity below the video. */
.game-hero{height:auto;min-height:0;display:block;background:#f7f9fc;color:#4b5082;overflow:hidden;padding-top:clamp(300px,52vh,620px)}
.hero-grid{display:block;position:static}.hero-backdrop{inset:0 0 auto;height:clamp(300px,52vh,620px);background:linear-gradient(90deg,#17223a80,#17223a30 50%,#17223a80),var(--scene) center/cover;filter:blur(18px);transform:scaleX(1.04);z-index:-1}
.cinema{inset:0 0 auto;height:clamp(300px,52vh,620px);z-index:0;display:flex;justify-content:center;overflow:hidden;border-radius:0}
.cinema video,.cinema .key-art{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.identity{margin:0 auto;width:100%;max-width:1300px;padding:32px 44px;display:grid;grid-template-columns:110px 1fr auto;grid-template-rows:auto auto auto;column-gap:25px;align-items:center;text-shadow:none}
.identity .game-logo{grid-column:1;grid-row:1/4;width:108px;height:108px;max-width:none;margin:0;object-fit:contain;object-position:center;border-radius:22px;filter:none;background:#fff;box-shadow:0 8px 24px #34385c12}
.identity .eyebrow{grid-column:2;grid-row:1;color:#0abec5;margin:0 0 8px;font-size:9px;letter-spacing:2px}.identity h1{grid-column:2;grid-row:2;font-size:42px;margin:0 0 12px;letter-spacing:-1px;line-height:1.1}.identity .tags{grid-column:2;grid-row:3}.identity .tags span{background:#eaf0f5;color:#626886;border:0;border-radius:4px;font-size:11px;padding:5px 10px;backdrop-filter:none}.identity .download{grid-column:3;grid-row:1/4;margin:0;align-self:center}
.content{padding-top:10px}.section-heading{border-top:1px solid #e2e5ee;padding-top:24px}
@media(max-width:850px){.game-hero{padding-top:32vh}.hero-backdrop,.cinema{height:32vh;min-height:0}.identity{padding:24px 6%;grid-template-columns:76px 1fr;gap:0 16px}.identity .game-logo{width:76px;height:76px;border-radius:16px}.identity h1{font-size:30px;margin-bottom:8px}.identity .eyebrow{font-size:8px}.identity .tags span{font-size:9px;padding:4px 6px}.identity .download{grid-column:1/3;grid-row:4;margin-top:22px;text-align:center}.identity .tags{gap:5px}}