@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101110;--ink:#f1f0e7;--muted:#a6a79e;--line:#33362d;--accent:#ff7927}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px}.brand{direction:ltr;display:flex;gap:10px;align-items:center;font-size:19px;font-weight:900;letter-spacing:2px}.brand-sub{font:8px Arial;letter-spacing:2px;max-width:38px;line-height:1.5}.mark{color:var(--accent);font:bold italic 36px Arial;letter-spacing:-8px;margin-right:10px}nav{display:flex;gap:32px;font-size:14px}nav a:hover,footer a:hover{color:var(--accent)}#lang{border:1px solid #585b50;background:none;color:var(--ink);padding:9px 16px;cursor:pointer;direction:ltr}#lang span{margin-left:15px}.hero,.section,footer{padding:40px 6%}.hero-top,.hero-bottom,.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:600}.tiny{font-size:11px;letter-spacing:1px}.orange{color:var(--accent)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6%;min-height:600px}h1{font-size:clamp(50px,6vw,94px);line-height:1.25;letter-spacing:-3px;margin:18px 0 24px;font-weight:900}.lead{font-size:17px;max-width:520px;color:var(--muted);line-height:2}.button{display:inline-flex;align-items:center;gap:35px;background:var(--accent);color:#101110;padding:15px 25px;margin-top:20px;font-weight:800;font-size:14px}.button:hover{background:#ff9a5e}.identity-art{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.identity-art img{width:110%;max-width:620px;position:relative;z-index:1;mix-blend-mode:screen}.orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #34382f;border-radius:50%}.orbit:after{content:'';position:absolute;inset:24px;border:1px dashed #36372f;border-radius:50%}.art-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted);direction:ltr}.hero-bottom{border-top:1px solid var(--line);padding-top:25px;font-size:10px;letter-spacing:1px}.hero-bottom a{font-size:27px}.section{padding-top:95px;padding-bottom:95px;border-bottom:1px solid var(--line)}.section-title{margin-bottom:28px}.status{font-size:11px;border:1px solid #535b48;padding:5px 12px;color:#c3ceb1}.status:before{content:'●';font-size:8px;margin-inline-end:8px;color:var(--accent)}.game-poster{height:480px;position:relative;overflow:hidden;padding:32px;background:repeating-linear-gradient(118deg,transparent 0 110px,#ffffff08 110px 112px),radial-gradient(ellipse at 68% 30%,#72755f,transparent 64%),linear-gradient(125deg,#151914,#3c4333 52%,#1b201b);display:flex;flex-direction:column;align-items:center;justify-content:center;direction:ltr;border:1px solid #4a5141}.game-poster:before,.game-poster:after{content:'';position:absolute;width:140px;height:750px;background:#14191275;transform:rotate(30deg);left:14%;top:-120px;border-inline:1px solid #9aa48735}.game-poster:after{left:auto;right:10%;width:70px}.poster-title{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(95px,13vw,170px);line-height:.78;letter-spacing:-3px;text-align:center;z-index:1;text-shadow:0 6px 30px #0006}.poster-title span{color:#ff8a3d}.poster-top{position:absolute;top:26px;left:30px;font:10px Arial;letter-spacing:4px}.poster-bottom{position:absolute;bottom:27px;font-size:13px;letter-spacing:4px}.poster-num{position:absolute;right:30px;bottom:30px;font:10px Arial;letter-spacing:2px}.game-info{display:grid;grid-template-columns:1.25fr 1fr;gap:14%;margin-top:40px}h2{font-size:36px;line-height:1.5;letter-spacing:-1px;margin:20px 0}p{line-height:1.95;font-size:15px}.game-info p{color:var(--muted)}dl{margin:25px 0}dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;gap:20px;font-size:13px}dt{color:var(--muted)}dd{margin:0}.stores{display:flex;gap:18px;align-items:center;margin-top:30px}.stores>div{padding:16px 22px;border:1px solid #4a4c41;min-width:230px;background:#1b1d18}.store-name{display:flex;justify-content:space-between;direction:ltr;font:600 20px Arial;gap:35px}.store-name span{color:#787b70}small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.stores>p{color:var(--muted);font-size:12px;max-width:220px;margin-inline-start:auto}.studio{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#e8e8df;color:#171a14}.studio h2{font-size:42px}.studio-copy p{font-size:18px}.studio .muted{color:#5a6053;font-size:15px}.location{border-top:1px solid #b9bdb0;display:flex;gap:20px;align-items:center;padding-top:24px;margin-top:35px}.location-symbol{font-size:42px}.location b,.location span:not(.location-symbol){display:block}.location .tiny{margin-inline-start:auto}.location div span{font-size:12px}.support{background:#191c16}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.support h2{font-size:44px}.support-grid p{color:var(--muted)}.email{display:block;direction:ltr;text-align:start;font-size:clamp(18px,2.5vw,30px);border-bottom:1px solid var(--accent);padding-bottom:12px;color:var(--accent)}html[lang=en] h1,html[lang=en] h2{font-family:'Barlow Condensed',Arial,sans-serif;line-height:1.04;letter-spacing:0}html[lang=en] h1{font-size:clamp(60px,7vw,112px)}html[lang=en] h2{font-size:46px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media(max-width:800px){header{height:76px;padding:0 5%;gap:12px}.brand{font-size:14px;letter-spacing:1px}.brand-sub{display:none}nav{gap:14px;font-size:11px}#lang{font-size:11px;padding:7px 10px}#lang span{display:none}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:40px}.hero-copy{max-width:600px}.identity-art{min-height:310px;margin:25px 0}.identity-art img{max-width:440px;width:90%}.orbit{max-width:290px}.hero-top .tiny{display:none}.hero-bottom{font-size:8px}.section{padding-top:60px;padding-bottom:60px}.game-poster{height:360px}.game-info,.studio,.support-grid{grid-template-columns:1fr;gap:15px}.stores{flex-wrap:wrap}.stores>div{flex:1;min-width:200px}.stores>p{max-width:none;width:100%;margin:0}.studio h2,.support h2{font-size:36px}.footer-bottom{flex-wrap:wrap}.email{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Store download badges */
.stores{flex-wrap:wrap;gap:16px}.store-badge{display:inline-flex;align-items:center;justify-content:center;gap:13px;direction:ltr;text-align:left;width:204px;height:64px;flex-shrink:0;padding:9px 17px;background:#000;color:#fff;border:1px solid #a6a6a6;border-radius:10px;opacity:1;cursor:default}.store-badge svg{width:31px;height:36px;flex-shrink:0}.badge-copy{display:flex;flex-direction:column;gap:2px}.badge-kicker{font:11px Arial,sans-serif;line-height:1.2}.badge-name{font:500 24px Arial,sans-serif;letter-spacing:-.5px;white-space:nowrap}.stores>p{max-width:290px}html[lang=ar] .badge-kicker{font-family:Cairo,Arial,sans-serif;font-size:10px}@media(max-width:480px){.stores{gap:12px}.store-badge{width:calc(50% - 6px);height:58px;padding:8px;gap:8px}.store-badge svg{width:24px;height:29px}.badge-name{font-size:20px}.badge-kicker{font-size:9px}.stores>p{max-width:none}}

#lang .language-flag{display:inline-block;margin-left:7px;font-size:18px;vertical-align:middle;line-height:1}

/* Compact footer and fluid layouts */
footer{padding:0 6%;background:var(--bg)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin:0;padding:20px 0;border:0;font-size:11px;line-height:1.8;color:var(--muted)}
.hero-grid>*,.game-info>*,.studio>*,.support-grid>*{min-width:0}
.email{overflow-wrap:anywhere}
.identity-art img{max-width:100%;height:auto}
.support.section{padding-top:64px;padding-bottom:56px}
@media(max-width:800px){
 .hero-grid{min-height:0}
 .support.section{padding-top:44px;padding-bottom:36px}
 .support-grid{gap:8px}
 .support h2{margin:14px 0 8px}
 .footer-bottom{padding:18px 0}
}
@media(max-width:600px){
 header{height:auto;min-height:106px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:12px 5% 8px}
 .brand{grid-column:1;grid-row:1;justify-self:start;white-space:nowrap}
 #lang{grid-column:2;grid-row:1;min-height:44px;min-width:96px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px}
 #lang .language-flag{margin:0}
 nav{grid-column:1 / -1;grid-row:2;justify-content:center;gap:clamp(24px,9vw,52px);border-top:1px solid var(--line)}
 nav a{display:flex;align-items:center;min-height:44px;font-size:13px}
 .hero,.section{padding-inline:5%}
 .hero{padding-top:28px;padding-bottom:28px}
 .hero-grid{padding-top:24px}
 h1{font-size:clamp(40px,11vw,62px);letter-spacing:-1.5px}
 html[lang=en] h1{font-size:clamp(42px,11vw,66px)}
 h2,.studio h2,.support h2{font-size:clamp(28px,7.6vw,38px)}
 html[lang=en] h2{font-size:clamp(30px,8vw,44px);line-height:1.12}
 .lead,.studio-copy p{font-size:16px}
 .identity-art{min-height:0;aspect-ratio:1.3;margin:24px 0}
 .orbit{width:72%;max-width:260px}
 .art-label{font-size:8px;letter-spacing:1px}
 .hero-bottom{flex-wrap:wrap;gap:10px}
 .section{padding-block:44px}
 .game-poster{height:clamp(260px,65vw,360px);padding:22px}
 .poster-title{font-size:clamp(88px,24vw,140px)}
 .poster-top{top:20px;left:20px;font-size:9px;letter-spacing:2px}
 .poster-num{right:20px;bottom:24px}
 .game-info{margin-top:24px;gap:8px}
 dl{margin:8px 0}
 .location{gap:12px}.location .tiny{letter-spacing:0;white-space:nowrap}
 .email{font-size:clamp(18px,5.2vw,25px)}
 .footer-bottom{justify-content:center;text-align:center;flex-direction:column;gap:4px;padding:16px 0}
 .store-badge{min-width:0}
 .badge-name{font-size:clamp(17px,4.7vw,22px)}
 .stores>p{max-width:none;width:100%;margin:0;font-size:12px}
}
@media(max-width:359px){
 .stores{justify-content:center}
 .store-badge{width:204px;height:62px}
 .badge-name{font-size:23px}
 .store-badge svg{width:28px;height:33px}
 .stores>p{text-align:center}
 .location{flex-wrap:wrap}
}

/* Readable studio copy and location beneath the copyright */
.studio-copy{align-self:center;max-width:640px}
.studio-copy p{margin:0 0 18px;line-height:1.95;text-wrap:pretty}
.studio-copy p:last-child{margin-bottom:0}
.footer-bottom{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:18px 0}
.footer-location{font-size:11px;color:var(--muted)}
@media(max-width:600px){.studio-copy p{line-height:1.9}.footer-bottom{padding:16px 0}}