.game{--bg:#051322;--line:#e9c06d36;background:var(--bg);--ink:#fcf2dd}.game .eyebrow{color:#e6bf77}.game-hero{background:linear-gradient(90deg,#021121aa,transparent 75%),url('/assets/romo-app-tiles-3d.jpg') center/cover;min-height:760px;padding-top:190px}.game-hero h1{font-size:clamp(48px,6.3vw,92px)}.game-intro{font:23px/1.5 Georgia,serif;max-width:600px;margin:25px 0 28px}.gold{background:linear-gradient(120deg,#f8d280,#c29647);border:1px solid #f0c76f;border-radius:9px;color:#091320;font-weight:600}.gold:hover{background:#ffdf9a;color:#071321}.hero-note{margin-top:50px;font-size:11px;line-height:1.9}.game-details{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:9%;padding-top:75px;overflow:hidden;max-height:800px}.game-title{display:flex;gap:23px;align-items:center;margin-bottom:52px}.game-title img{border-radius:18px}.game-title h2{font-size:52px}.game-title p{font-size:11px;margin:9px 0 0}.app-screen{width:100%;height:auto;max-width:370px;justify-self:center;border:6px solid #22272e;border-radius:45px;box-shadow:0 0 0 2px #a7a59c,0 20px 80px #0007;transform:translateY(35px)}.features{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:45px 0;gap:32px}.features article{text-align:center;padding:0 20px}.features article+article{border-left:1px solid var(--line)}.features svg{fill:none;stroke:#e6bd72;stroke-width:2;width:46px;height:46px}.features article>span{font-size:48px;line-height:1;color:#e6bd72}.features h3{font-family:Georgia,serif;font-size:23px;margin:15px 0 10px}.features p{font-size:15px;color:#b5c4d0}.game-about{border-block:1px solid var(--line);padding:65px 0;background:linear-gradient(90deg,#041220,#041220dd),url('/assets/romo-app-tiles-3d.jpg') center/cover}.game-about p:not(.eyebrow){max-width:610px;font:22px/1.6 Georgia,serif;margin-top:25px}.text-link{color:#edc879;border-bottom:1px solid #edc87966;padding-bottom:5px}.support-copy{font-size:16px;margin-top:20px;margin-bottom:0}@media(max-width:700px){.game-hero{padding-top:140px;min-height:760px;background-position:65% center;background-image:linear-gradient(#0211218f,transparent),url('/assets/romo-app-tiles-3d.jpg')}.game-hero h1{font-size:51px}.game-intro{font-size:21px}.hero-note{margin-top:25px}.game-details{grid-template-columns:1fr;gap:30px;padding-top:45px;max-height:none}.game-title{margin-bottom:35px;gap:17px}.game-title h2{font-size:39px}.game-title img{width:65px;height:65px}.game-title p{font-size:10px}.app-screen{width:75%;transform:none;margin-bottom:50px}.features{grid-template-columns:1fr;gap:25px}.features article+article{border-left:0;border-top:1px solid var(--line);padding-top:30px}.features p{max-width:350px;margin-inline:auto}.game-about{padding:45px 0}}
@media(max-width:700px){.game-hero{background-color:#051322;background-image:linear-gradient(#051322 0%,#051322 35%,transparent 72%),url('/assets/romo-app-tiles-3d.jpg');background-size:100% 100%,auto 480px;background-position:center,65% bottom;background-repeat:no-repeat}.hero-note{margin-top:20px}}
/* Match the approved wide composition; keep the entire tile trio in view. */
@media(min-width:701px){
 .game-hero{min-height:600px;height:clamp(600px,51vw,790px);padding-top:clamp(130px,10.5vw,170px);background-size:100% 100%,100% auto;background-position:center,center 52%;background-repeat:no-repeat}
 .game-hero>.wrap{width:90%;max-width:1440px}
 .game-hero h1{font-size:clamp(48px,6.4vw,88px);max-width:52%;line-height:.99}
 .game-hero .game-intro{max-width:42%;font-size:clamp(20px,2.1vw,28px);line-height:1.35;margin:22px 0 25px}
 .hero-note{margin-top:35px}
 .game-details{grid-template-columns:1.3fr .7fr;gap:6%;padding-top:35px;max-height:650px;align-items:center}
 .app-screen{max-width:300px;transform:translateY(30px)}
 .game-title{margin-bottom:35px}.game-title h2{font-size:clamp(40px,4.8vw,62px)}
 .game-details>div>h2{font-size:clamp(32px,3.7vw,49px)}
}
@media(max-width:700px){
 .game-hero{height:auto;min-height:0;padding-top:125px;padding-bottom:350px;background-color:#051322;background-image:linear-gradient(to bottom,#051322 0%,#05132200 42%),url('/assets/romo-app-tiles-3d.jpg');background-size:100% 350px,auto 420px;background-position:center bottom,right bottom;background-repeat:no-repeat}
 .game-hero h1{font-size:clamp(40px,11.5vw,58px);line-height:1.03}
 .game-hero .game-intro{font-size:21px;max-width:340px;margin:22px 0 24px}
 .hero-note{margin:28px 0 0}
 .game-title h2{font-size:clamp(29px,9vw,39px)}
 .game-title p{letter-spacing:.15em;line-height:1.7}
}
@media(max-width:700px){.game-hero{background-image:linear-gradient(to bottom,#051322 0%,#051322 calc(100% - 350px),#05132200 calc(100% - 260px)),url('/assets/romo-app-tiles-3d.jpg');background-size:100% 100%,auto 420px}}

/* Full-width room artwork behind the product, with a readable navy scrim. */
.game-showcase{background:linear-gradient(90deg,rgba(3,17,31,.87) 0%,rgba(3,17,31,.63) 45%,rgba(3,17,31,.12) 100%),url('/assets/romo-room.jpg') center/cover no-repeat}
@media(max-width:700px){.game-showcase{background-position:center,right center;background-image:linear-gradient(180deg,rgba(3,17,31,.85),rgba(3,17,31,.5) 45%,rgba(3,17,31,.12)),url('/assets/romo-room.jpg')}}
/* Show the complete phone, including its bottom bezel, at every breakpoint. */
.game-showcase .game-details{max-height:none;overflow:visible;padding-block:55px}
.game-showcase .app-screen{transform:none;margin-block:0;width:100%;max-width:280px;height:auto;object-fit:contain;align-self:center}
@media(max-width:700px){.game-showcase .game-details{padding-block:40px;gap:40px}.game-showcase .app-screen{width:80%;max-width:280px}}