:root{font-family:Inter,Arial,sans-serif;color:#f8f5ee;background:#101719;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.narrow{max-width:760px}.skip{position:absolute;top:-100px;background:white;color:black;padding:12px;z-index:9}.skip:focus{top:0}.site-header{border-bottom:1px solid #ffffff22;background:#101719}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px}.brand img{width:185px;max-height:58px}.site-header nav{display:flex;gap:30px;flex-wrap:wrap}.site-header nav a,.footer-links a{text-decoration:none;font-size:14px;color:#d2dcd8}.site-header nav a:hover,.site-header nav a[aria-current],.footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:12px;color:#fa4d58}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.03;letter-spacing:-.055em}h2{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.1;letter-spacing:-.04em}h3{font-size:1.35rem}p{font-size:1.08rem;line-height:1.65;color:#c6d1ce}.button{display:inline-block;background:#e91522;color:#fff;padding:15px 23px;border-radius:6px;text-decoration:none;font-weight:800;font-size:15px}.button:hover{background:#bd0e19}.text-link{color:#fff;font-weight:800;text-decoration-color:#e91522;text-decoration-thickness:3px;text-underline-offset:7px}.hero{background:radial-gradient(circle at 78% 35%,#114d43 0%,#101719 52%)}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;padding:70px 0 95px}.hero-copy h1{margin:20px 0}.hero-copy p{max-width:490px;margin-bottom:30px}.hero-art{position:relative}.hero-art>img{width:100%;height:500px;object-fit:cover;border-radius:9px}.art-caption{position:absolute;bottom:18px;left:18px;background:#101719ec;padding:13px 18px;border-left:4px solid #e91522;font-size:14px}.art-caption strong{display:block;font-size:19px;margin-top:4px}.feature{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:center;padding:110px 0}.feature h2,.game-content h2,.gallery h2{margin:15px 0 25px}.feature img,.game-lead,.gallery img{border-radius:8px;box-shadow:0 20px 50px #0005}.next{border-top:1px solid #ffffff24;padding:80px 0 100px}.next p{max-width:680px}.game-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;padding:80px 0}.game-logo{width:min(440px,100%);margin:25px 0}.game-heading p{max-width:510px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.chips span{border:1px solid #ffffff40;border-radius:30px;padding:8px 11px;font-size:13px;color:#e9efed}.game-content,.gallery{padding:70px 0;border-top:1px solid #ffffff24}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three article{background:#192527;padding:26px;border-top:3px solid #006451}.three b{color:#ef4651}.three h3{margin:18px 0 8px}.three p{font-size:1rem;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.gallery figure{margin:0}.gallery figcaption{font-size:14px;color:#d2dcd8;padding:12px 0}.note{padding:45px 0 100px}.note p{max-width:600px}.inner{padding:85px 0 140px;min-height:65vh}.inner h1{font-size:clamp(2.8rem,6vw,4.8rem);margin:20px 0}.callout{background:#192527;border-left:4px solid #e91522;padding:28px;margin-top:40px}.callout h2{font-size:1.5rem}.callout p{margin:0}.policy h2{font-size:1.5rem;margin:38px 0 10px;letter-spacing:0}.muted{font-size:14px;color:#9dadaa}footer{border-top:1px solid #ffffff24;background:#0b1112}.footer-inner{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:35px 0;flex-wrap:wrap}.footer-inner>a{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800}.footer-links{display:flex;gap:18px;flex-wrap:wrap}small{color:#9dadaa}@media(max-width:760px){.wrap{width:min(100% - 32px,550px)}.header-inner{padding:15px 0;align-items:flex-start;flex-direction:column;gap:16px}.brand img{width:150px}.site-header nav{gap:18px;padding-bottom:4px}.hero-grid,.feature,.game-hero{grid-template-columns:1fr;gap:30px}.hero-grid{padding:55px 0 70px}.hero-art>img{height:340px}.feature{padding:70px 0}.feature img{grid-row:1}.game-hero{padding:55px 0}.three,.gallery-grid{grid-template-columns:1fr}.game-content,.gallery{padding:55px 0}.inner{padding:60px 0 100px}.footer-inner{align-items:flex-start;flex-direction:column}h1{font-size:clamp(2.8rem,11vw,4rem)}}
/* Screenshots retain their original shape so UI details and faces are not cropped. */
.hero-art>img{height:auto;aspect-ratio:1876/900;object-fit:contain;background:#07131b}.feature img,.game-lead,.gallery img{width:100%;height:auto;object-fit:contain}.game-logo{width:min(290px,68%);margin:18px 0 20px}.gallery-grid{align-items:start}.gallery figure{background:#192527;border-radius:8px;overflow:hidden}.gallery figure img{box-shadow:none}.gallery figcaption{padding:13px 16px 17px}.gallery .wide{grid-column:1/-1}.gallery .wide img{max-height:660px;object-fit:contain;background:#0b1517}.game-lead{align-self:center}
@media(max-width:760px){.hero-art>img{height:auto}.game-logo{width:min(245px,60%)}.gallery .wide img{max-height:none}}

.store-action{margin:26px 0 19px}.store-button{display:inline-flex;gap:13px;align-items:center;background:#172225;color:#f8f5ee;border:1px solid #648079;border-radius:9px;padding:9px 17px;min-width:205px;opacity:.82;cursor:default}.store-button small{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#b8cac5}.store-button strong{display:block;font-size:21px;line-height:1.15}.play-triangle{font-size:27px;color:#e91522}.store-action p{font-size:13px;margin:8px 0 0;color:#a8bbb5}.note .text-link{display:inline-block;margin-top:8px}
/* Balanced game introduction: compact badge and aligned screenshot. */
.game-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5%;align-items:center}
.game-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.game-heading p{max-width:480px;margin-bottom:0}
.game-logo{width:172px;max-width:42%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;margin:20px auto 24px;box-shadow:0 15px 35px #0007}
.game-lead{border-radius:12px;box-shadow:0 20px 50px #0006}
.game-heading .chips{justify-content:center}.store-action{display:flex;flex-direction:column;align-items:center}
@media(max-width:760px){.game-hero{grid-template-columns:1fr;gap:30px}.game-logo{width:145px;max-width:40%;margin:18px auto 20px}.game-heading p{max-width:520px}.game-lead{width:100%}}