*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030811;color:#f7f8fb;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.site-header{height:88px;display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1480px)/2));position:sticky;top:0;z-index:30;background:#020710f7;border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#b72cff,#5a18c7);clip-path:polygon(50% 0,100% 20%,88% 80%,50% 100%,12% 80%,0 20%);font-weight:900}.brand-text{line-height:.9}.brand-text b{font-size:23px;letter-spacing:.08em}.brand-text small{display:block;font-size:8px;margin-top:7px;font-weight:800}.site-header nav{margin-left:auto;display:flex;gap:34px;font-size:12px;font-weight:750;text-transform:uppercase}.site-header nav a{padding:34px 0;position:relative}.site-header nav a:first-child{color:#c95cff}.site-header nav a:first-child:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:21px;background:#a93dff}.language{position:relative;margin-left:28px}.language button,.outline{background:#080e17;border:1px solid #ffffff20;color:#fff;border-radius:6px;padding:11px 15px}.language>div{display:none;position:absolute;right:0;top:46px;width:140px;background:#0a111b;border:1px solid #ffffff16;border-radius:7px;padding:7px;box-shadow:0 15px 40px #0008}.language:hover>div{display:block}.language a{display:block;padding:9px;border-radius:4px;font-size:12px}.language a:hover{background:#64209d}.navbtn{display:none}.hero{max-width:1480px;margin:auto;height:535px;position:relative;display:flex;align-items:center;overflow:hidden;background:#030811}.hero:before{content:"";position:absolute;inset:0 0 0 36%;background:linear-gradient(90deg,#030811 0%,rgba(3,8,17,.48) 28%,rgba(3,8,17,.05) 58%),url('/assets/img/approved-hero.webp') center right/cover no-repeat;opacity:.98}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030811 0%,#030811e8 29%,transparent 58%),linear-gradient(0deg,#030811 0%,transparent 20%);pointer-events:none}.hero-art,.city-glow{display:none}.hero-copy{position:relative;z-index:4;width:52%;padding:58px 30px}.eyebrow{color:#c64dff;font-size:13px;font-weight:800;letter-spacing:.22em}.hero h1{font-size:clamp(48px,4vw,68px);line-height:1.04;margin:15px 0 16px;letter-spacing:-.035em}.hero h1 strong{color:#b13cff}.hero p{max-width:560px;color:#c4cbd6;font-size:15px}.hero-actions{display:flex;gap:14px;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7025c7,#b83ef1);padding:14px 22px;border:0;border-radius:6px;color:#fff;font-weight:800;font-size:12px;cursor:pointer;min-height:46px}.btn.ghost{background:#070d16;border:1px solid #ffffff25}.metrics{max-width:1420px;margin:-2px auto 0;position:relative;z-index:5;background:#09111b;border:1px solid #ffffff12;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 16px 45px #0004}.metrics div{padding:22px;text-align:center;border-right:1px solid #ffffff0f}.metrics div:last-child{border:0}.metrics b{font-size:28px}.metrics span{display:block;color:#aab2c0;font-size:11px}.games-section{max-width:1480px;margin:auto;padding:30px 30px 18px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:19px;letter-spacing:.02em}.game-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.game-card{background:#0b131e;border:1px solid #ffffff14;border-radius:8px;overflow:hidden;min-width:0;transition:.2s}.game-card:hover{transform:translateY(-3px);border-color:#9f43ff66}.game-card img{width:100%;height:245px;object-fit:cover;background:#101827}.game-body{padding:14px}.game-body h3{margin:0 0 9px;font-size:16px}.game-body span{font-size:10px;background:#171e2a;color:#c1c7d1;padding:5px 7px;border-radius:4px}.game-body p{font-size:11px;color:#929dac;min-height:36px}.game-body a{display:block;text-align:right;margin-top:11px;font-size:11px}.features{max-width:1420px;margin:10px auto 34px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff12;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#0b101c,#070d16)}.features article{padding:24px;border-right:1px solid #ffffff10}.features article:last-child{border:0}.features b{font-size:29px;color:#b84cff}.features h3{font-size:12px;margin:9px 0}.features p{font-size:11px;color:#a8b0bf}.contact-home{max-width:1480px;margin:auto;padding:68px 30px;background:#050b14;border-top:1px solid #ffffff0b}.contact-home h2{font-size:40px;margin:8px 0 28px}.contact-home form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-home input,.contact-home textarea{appearance:none;width:100%;background:#0b1320;border:1px solid #273344;color:#fff;border-radius:7px;padding:15px;outline:none}.contact-home input:focus,.contact-home textarea:focus{border-color:#9f43ff;box-shadow:0 0 0 3px #9f43ff18}.contact-home textarea{min-height:150px;resize:vertical}.wide{grid-column:1/-1}footer{border-top:1px solid #ffffff10;padding:42px max(30px,calc((100vw - 1420px)/2)) 22px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:45px;background:#040a12;color:#aeb6c5;font-size:12px}footer h4{color:#fff;font-size:12px}footer a{display:block;margin:9px 0}.footer-brand p{max-width:270px}.social{color:#b948ff;margin-top:20px}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff0c;padding-top:18px}.pagehero{padding:90px max(7vw,calc((100vw - 1280px)/2)) 55px;background:radial-gradient(circle at 75% 30%,#7b24bd55,transparent 28%),#080d16}.pagehero h1{font-size:52px;margin:10px 0}.content{max-width:1200px;margin:auto;padding:58px 40px;color:#bbc3d1}.content h2{color:#fff;font-size:31px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.gallery img{width:100%;max-height:500px;object-fit:cover;border-radius:9px}.game-detail{display:grid;grid-template-columns:minmax(300px,450px) 1fr;gap:40px}.game-cover{width:100%;border-radius:9px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.doc-grid a{display:block;background:#0c1420;border:1px solid #283448;border-radius:8px;padding:20px;color:#fff}.doc-grid b,.doc-grid span{display:block}.doc-grid b{color:#b84cff;font-size:18px}.doc-grid span{margin-top:8px;color:#aab3c0}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#070c14;padding:18px;flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:10px}.navbtn{display:block;background:none;border:0;color:#fff;font-size:24px}.hero:before{inset:0;opacity:.38}.hero-copy{width:78%}.features{grid-template-columns:repeat(2,1fr);margin-left:20px;margin-right:20px}footer{grid-template-columns:1fr 1fr}.game-detail{grid-template-columns:1fr}}@media(max-width:560px){.brand-text{display:none}.hero{height:560px}.hero-copy{width:100%;padding:48px 22px}.hero h1{font-size:43px}.metrics{grid-template-columns:repeat(2,1fr);margin:0 18px}.games-section,.contact-home{padding-left:20px;padding-right:20px}.features,footer,.contact-home form,.doc-grid{grid-template-columns:1fr}.wide{grid-column:auto}}

/* V6 — approved reference fidelity + responsive corrections */
:root{--rgs-bg:#020710;--rgs-panel:#09121d;--rgs-line:#1c2735;--rgs-purple:#b83cff;--rgs-muted:#9ba6b5}
body{background:var(--rgs-bg);overflow-x:hidden}.site-header{height:86px;max-width:none;padding-left:clamp(28px,3.1vw,50px);padding-right:clamp(28px,3.1vw,50px);background:#020710;border-color:#17202b}.site-header nav{gap:clamp(22px,2.1vw,38px)}.site-header nav a{font-size:12px}.language{z-index:50}.language>div{top:48px}.hero{max-width:none;width:100%;height:570px;border-bottom:1px solid #101925}.hero:before{inset:0 0 0 34%;background:linear-gradient(90deg,#020710 0%,rgba(2,7,16,.66) 18%,rgba(2,7,16,.05) 55%),url('/assets/img/approved-hero-clean.webp') center right/cover no-repeat;opacity:1}.hero:after{background:linear-gradient(90deg,#020710 0%,#020710f2 28%,rgba(2,7,16,.34) 51%,transparent 70%),linear-gradient(0deg,#020710 0%,transparent 18%)}.hero-copy{width:min(720px,52vw);padding-left:clamp(46px,5.1vw,82px);padding-right:20px}.hero h1{font-size:clamp(52px,4.1vw,72px);max-width:720px}.hero p{max-width:590px}.metrics{width:calc(100% - 96px);max-width:1430px;margin:0 auto 0;border-radius:7px}.games-section{max-width:1536px;padding:38px 48px 20px}.game-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.game-card img{height:190px}.game-body{min-height:155px}.game-body p{min-height:48px}.features{width:calc(100% - 96px);max-width:1440px;margin:16px auto 52px}.contact-home{max-width:none;padding:76px max(48px,calc((100vw - 1440px)/2));border-top:1px solid #131d28}.contact-home>div,.contact-home form{max-width:1440px;margin-left:auto;margin-right:auto}.contact-home h2{font-size:46px}.contact-home form{margin-top:26px}.contact-home input,.contact-home textarea{min-height:54px}.contact-home textarea{min-height:155px}footer{padding-left:max(48px,calc((100vw - 1440px)/2));padding-right:max(48px,calc((100vw - 1440px)/2));min-height:260px}.pagehero{padding-top:86px}.content{max-width:1280px}
@media(max-width:1250px){.game-row{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{width:58vw}.hero:before{inset-left:30%}}
@media(max-width:900px){.site-header{height:76px}.site-header nav{top:76px}.hero{height:610px}.hero:before{inset:0;background-position:62% center;opacity:.55}.hero:after{background:linear-gradient(90deg,#020710 0%,#020710e8 45%,#02071044 100%),linear-gradient(0deg,#020710 0%,transparent 25%)}.hero-copy{width:min(720px,86vw);padding-left:30px}.metrics,.features{width:calc(100% - 40px)}.games-section{padding-left:20px;padding-right:20px}.game-row{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-home{padding-left:20px;padding-right:20px}}
@media(max-width:560px){.hero{height:590px}.hero-copy{width:100%;padding:40px 20px}.hero h1{font-size:42px}.game-row{grid-template-columns:1fr}.game-card img{height:220px}.metrics{width:calc(100% - 28px)}.features{width:calc(100% - 28px);margin-left:14px;margin-right:14px}.contact-home h2{font-size:34px}footer{padding-left:22px;padding-right:22px}}

/* V8 — locked approved-reference desktop composition */
@media(min-width:1260px){
.site-header{height:82px;padding-left:26px;padding-right:22px}.brand-mark{width:40px;height:40px}.brand-text b{font-size:22px}.site-header nav{gap:30px}.language{margin-left:24px}
.hero{height:535px}.hero:before{inset:0 0 0 32%;background:linear-gradient(90deg,#020710 0%,rgba(2,7,16,.82) 10%,rgba(2,7,16,.20) 42%,rgba(2,7,16,0) 70%),url('/assets/img/approved-hero-clean.webp') center 42%/cover no-repeat}.hero:after{background:linear-gradient(90deg,#020710 0%,#020710 25%,rgba(2,7,16,.68) 39%,rgba(2,7,16,.08) 64%,transparent 78%)}.hero-copy{width:50%;padding-left:30px;padding-top:44px}.hero h1{font-size:54px;line-height:1.02;max-width:650px;margin-top:14px}.hero p{font-size:14px;max-width:520px}.hero-actions{margin-top:24px}
.metrics{width:calc(100% - 48px);max-width:none}.metrics div{padding:19px}.metrics b{font-size:26px}
.games-section{max-width:none;padding:26px 24px 18px}.section-head h2{font-size:17px}.game-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.game-card img{height:172px}.game-body{padding:11px;min-height:145px}.game-body h3{font-size:14px}.game-body p{font-size:10px;line-height:1.45}.features{width:calc(100% - 48px);max-width:none;margin:10px 24px 28px}.features article{padding:18px}.contact-home{padding:54px 24px}.contact-home>div,.contact-home form{max-width:none}.contact-home h2{font-size:38px;margin-bottom:20px}footer{padding:34px 26px 18px;min-height:230px}
}

/* V9 — approved 01 Sep reference: final desktop fidelity layer */
@media (min-width:1260px){
  body{background:#030913;color:#f6f7fb}
  .site-header{height:96px;padding:0 30px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;border-bottom:1px solid #182331;background:#030913}
  .site-header .brand{gap:11px}.site-header .brand-mark{width:44px;height:44px;font-size:17px}.site-header .brand-text b{font-size:23px;letter-spacing:.08em}.site-header .brand-text small{font-size:8px}
  .site-header nav{justify-self:end;gap:34px}.site-header nav a{font-size:11px;font-weight:800;text-transform:uppercase;padding:39px 0 25px;position:relative}.site-header nav a:first-child{color:#c04cff}.site-header nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:#b83cff}
  .language{margin-left:28px}.language>button{height:42px;min-width:66px;border-radius:6px;background:#08111b;border:1px solid #263241;color:#fff}.language>div{top:46px;right:0;width:130px;background:#0a111b;border:1px solid #273242;box-shadow:0 12px 30px #0009}
  .hero{height:530px;max-width:none;border:0;background:#030913;overflow:hidden}.hero:before{inset:0 0 0 0;background:url('/assets/img/approved-hero-clean.webp') right center/auto 100% no-repeat;opacity:1}.hero:after{background:linear-gradient(90deg,#030913 0%,#030913 25%,rgba(3,9,19,.96) 35%,rgba(3,9,19,.48) 53%,rgba(3,9,19,.02) 72%),linear-gradient(0deg,#030913 0%,transparent 14%)}
  .hero-copy{width:49%;padding:76px 0 0 31px}.eyebrow{font-size:12px;letter-spacing:.23em}.hero h1{font-size:50px;line-height:1.06;letter-spacing:-.03em;margin:15px 0 18px;max-width:590px}.hero h1 strong{color:#b53cff}.hero p{font-size:13px;line-height:1.55;max-width:515px;color:#b5bfcc}.hero-actions{margin-top:25px;gap:14px}.btn{min-height:43px;padding:12px 21px;border-radius:5px;font-size:11px}.btn.ghost{background:#060d16;border-color:#2b3542}
  .metrics{width:calc(100% - 48px);max-width:none;height:92px;margin:0 24px;background:#09121d;border-color:#1c2835;border-radius:7px}.metrics div{padding:20px 10px;display:flex;flex-direction:column;justify-content:center}.metrics b{font-size:25px;line-height:1}.metrics span{font-size:10px;margin-top:7px}
  .games-section{padding:28px 24px 20px;max-width:none}.section-head{min-height:34px}.section-head h2{font-size:17px;margin:0 0 14px}.game-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:stretch}.game-card{border-radius:6px;background:#0b1420;border-color:#202b38}.game-card img{height:180px;object-fit:cover}.game-body{padding:12px;min-height:150px;display:flex;flex-direction:column}.game-body h3{font-size:14px;margin:0 0 9px}.game-body p{font-size:10px;line-height:1.5;color:#9aa6b5;margin:11px 0 4px;min-height:42px}.game-body a{margin-top:auto;font-size:10px}.game-body span{font-size:9px}
  .features{width:calc(100% - 48px);max-width:none;margin:0 24px 28px;border-radius:6px}.features article{min-height:105px;padding:18px 20px}.features b{font-size:25px}.features h3{font-size:10px}.features p{font-size:9px;line-height:1.55}
  .contact-home{padding:58px 30px 66px;background:#040b14}.contact-home>div,.contact-home form{max-width:none}.contact-home h2{font-size:38px;margin:8px 0 24px}.contact-home form{gap:12px}.contact-home input,.contact-home textarea{border-radius:5px;background:#0a1421;border-color:#263446;padding:14px}.contact-home textarea{min-height:145px}
  footer{padding:35px 30px 20px;grid-template-columns:1.45fr .8fr .8fr 1fr;gap:55px;min-height:240px;background:#030913}footer .brand-mark{width:40px;height:40px}footer h4{font-size:10px}footer,footer a{font-size:10px}.footer-bottom{font-size:9px}
}

/* V10 — approved 31.08 reference fidelity layer */
:root{--rgs-bg:#030811;--rgs-panel:#0b1420;--rgs-line:#1a2735;--rgs-purple:#a936f4;--rgs-muted:#9aa5b4}
@media(min-width:1100px){
.site-header{height:72px;max-width:none;padding:0 22px;border-bottom-color:#17212c}.brand-mark{width:36px;height:36px}.brand-text b{font-size:20px}.site-header nav{gap:30px;font-size:10px}.site-header nav a{padding:27px 0}.site-header nav a:first-child:after{bottom:16px}.language{margin-left:22px}.language button{padding:9px 12px;font-size:10px}
.hero{height:350px;max-width:none;margin:0 16px;border-radius:0}.hero:before{inset:0 0 0 27%;background:linear-gradient(90deg,#030811 0%,rgba(3,8,17,.72) 20%,rgba(3,8,17,.03) 58%),url('/assets/img/approved-hero.webp') center 35%/cover no-repeat}.hero:after{background:linear-gradient(90deg,#030811 0%,#030811f2 23%,transparent 54%),linear-gradient(0deg,#030811 0%,transparent 20%)}.hero-copy{width:49%;padding:36px 20px}.eyebrow{font-size:10px}.hero h1{font-size:40px;line-height:1.03;margin:11px 0 12px}.hero p{font-size:11px;max-width:410px}.hero-actions{margin-top:18px}.btn{min-height:38px;padding:10px 18px;font-size:10px}
.metrics{max-width:none;margin:0 16px;border-radius:6px}.metrics div{padding:16px}.metrics b{font-size:23px}.metrics span{font-size:9px}
.games-section{max-width:none;padding:20px 16px 14px}.section-head h2{font-size:15px}.game-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.game-card img{height:142px}.game-body{padding:10px}.game-body h3{font-size:12px}.game-body p{font-size:9px;min-height:30px}.game-body a{font-size:9px}
.features{max-width:none;margin:5px 16px 22px}.features article{padding:17px}.features b{font-size:23px}.features h3{font-size:10px}.features p{font-size:9px}
.contact-home{max-width:none;margin:0;padding:52px 30px}.contact-home h2{font-size:34px}
footer{max-width:none;padding:34px 28px 18px}
}

/* V11 — approved mockup lock: desktop composition */
@media (min-width:1100px){
.site-header{height:76px;padding:0 30px}.brand-mark{width:39px;height:39px}.brand-text b{font-size:21px}.site-header nav{gap:29px}.site-header nav a{padding:29px 0;font-size:11px}.site-header nav a:first-child:after{bottom:18px}.language{margin-left:24px}.language button{padding:9px 13px}
.hero{height:430px;max-width:none}.hero:before{inset:0 0 0 46%;background:linear-gradient(90deg,#020710 0%,rgba(2,7,16,.25) 17%,transparent 42%),url('/assets/img/approved-hero-clean.webp') 68% center/cover no-repeat}.hero:after{background:linear-gradient(90deg,#020710 0%,#020710 39%,rgba(2,7,16,.80) 48%,rgba(2,7,16,.08) 66%,transparent 78%),linear-gradient(0deg,#020710 0%,transparent 18%)}.hero-copy{width:51%;padding:35px 30px}.hero h1{font-size:clamp(42px,3.25vw,56px);line-height:1.04;margin:13px 0 14px;max-width:680px}.hero p{font-size:13px;max-width:550px}.hero-actions{margin-top:23px}.btn{min-height:42px;padding:12px 19px}
.metrics{width:calc(100% - 48px);max-width:none;margin:0 24px}.metrics div{padding:18px}.metrics b{font-size:25px}
.games-section{max-width:none;padding:27px 24px 12px}.section-head h2{font-size:17px}.game-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.game-card{flex:0 0 265px}.game-card img{height:185px}.game-body{min-height:145px;padding:12px}.game-body h3{font-size:14px}.game-body p{font-size:10px;min-height:42px}
.features{width:calc(100% - 48px);max-width:none;margin:10px 24px 30px}.features article{padding:20px}.features b{font-size:25px}.features h3{font-size:11px}.features p{font-size:10px}
.contact-home{display:none}footer{padding:30px 30px 18px;min-height:215px;grid-template-columns:1.55fr .8fr .8fr 1fr;gap:38px}
}

/* V12 — locked to approved 1:1 reference composition */
@media (min-width:1100px){
.site-header{height:70px;padding:0 max(28px,calc((100vw - 1280px)/2));background:#020710}.site-header .brand-mark{width:38px;height:38px}.site-header .brand-text b{font-size:20px}.site-header nav{gap:31px}.site-header nav a{font-size:10px;padding:27px 0}.site-header nav a:first-child:after{bottom:14px}.language{margin-left:20px}.language button{min-width:62px;padding:8px 11px}
.hero{width:calc(100% - 48px);max-width:1280px;height:520px;margin:0 auto}.hero:before{inset:0;background:url('/assets/img/approved-hero-clean.webp') right center/auto 100% no-repeat}.hero:after{background:linear-gradient(90deg,#030811 0%,#030811 24%,rgba(3,8,17,.92) 38%,rgba(3,8,17,.25) 59%,transparent 75%),linear-gradient(0deg,#030811 0%,transparent 14%)}.hero-copy{width:49%;padding:55px 0 0 34px}.eyebrow{font-size:11px}.hero h1{font-size:49px;line-height:1.02;max-width:560px;margin:13px 0 18px}.hero p{font-size:12px;max-width:430px}.hero-actions{margin-top:24px}.btn{min-height:40px;padding:10px 19px;font-size:10px}
.metrics{width:calc(100% - 48px);max-width:1280px;height:82px;margin:0 auto}.metrics div{padding:14px 20px;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;text-align:left;align-items:center;justify-content:center;column-gap:11px}.metrics i{grid-row:1/3;color:#b43dff;font-style:normal;font-size:27px}.metrics b{font-size:22px;line-height:1.1}.metrics span{font-size:9px;margin:0}
.games-section{max-width:1280px;padding:29px 0 17px}.section-head{min-height:42px}.section-head h2{font-size:16px;margin:0}.all-games{display:block;border:1px solid #8f35d8;border-radius:5px;padding:9px 17px;color:#b64aff;font-size:10px;font-weight:800}.game-slider{position:relative}.game-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:0}.game-row::-webkit-scrollbar{display:none}.game-card{flex:0 0 calc((100% - 48px)/5);border-radius:6px}.game-card img{height:238px}.game-body{min-height:108px;padding:11px}.game-body h3{font-size:13px;margin-bottom:8px}.game-body p,.game-body a{display:none}.game-body span{font-size:9px;margin-right:4px}.slide-arrow{display:grid;place-items:center;position:absolute;z-index:5;top:47%;width:30px;height:30px;border:0;border-radius:50%;background:#7626c8;color:#fff;font-size:22px;cursor:pointer}.slide-arrow.prev{left:-15px}.slide-arrow.next{right:-15px}
.features{width:calc(100% - 48px);max-width:1280px;margin:10px auto 18px;gap:10px;border:0;background:none;overflow:visible}.features article{min-height:125px;border:1px solid #1c2835!important;border-radius:6px;padding:18px;text-align:center;background:linear-gradient(180deg,#0b111b,#070d16)}.features b{font-size:30px}.features h3{font-size:10px;margin:7px 0}.features p{font-size:9px;margin:0;line-height:1.5}
.contact-home{display:none}footer{max-width:none;padding:38px max(28px,calc((100vw - 1240px)/2)) 17px;grid-template-columns:1.45fr .72fr .72fr .72fr 1fr;gap:35px;min-height:275px}footer .brand-mark{width:38px;height:38px}footer h4{font-size:10px;margin:4px 0 14px}footer,footer a{font-size:9px}.footer-brand p{max-width:210px}.social{display:flex;gap:14px;margin-top:18px;font-weight:800}.social span{color:#b743ff}.footer-bottom{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px}.footer-legal{display:flex;gap:16px}.footer-legal a{margin:0}.footer-lang{border:1px solid #263241;border-radius:5px;padding:7px 10px;color:#fff}
}
@media(max-width:1099px){.all-games{display:none}.game-slider{position:relative}.slide-arrow{display:none}.metrics i{display:none}.footer-legal,.footer-lang{display:none}}


/* V13 — approved square-reference refinement; preserves CMS/dynamic content */
@media (min-width:1100px){
  .site-header{height:72px;padding:0 max(30px,calc((100vw - 1280px)/2));}
  .site-header nav{gap:28px}.site-header nav a{font-size:10px;padding:28px 0}.site-header nav a:first-child:after{bottom:15px}
  .hero{width:calc(100% - 60px);max-width:1280px;height:500px;margin:0 auto;background:#030811}
  .hero:before{inset:0;background:url('/assets/img/approved-hero-clean.webp') right center/auto 100% no-repeat;opacity:1}
  .hero:after{background:linear-gradient(90deg,#030811 0%,#030811 30%,rgba(3,8,17,.94) 41%,rgba(3,8,17,.55) 54%,rgba(3,8,17,.08) 70%,transparent 80%),linear-gradient(0deg,#030811 0%,transparent 14%)}
  .hero-copy{width:52%;padding:58px 0 0 34px}.hero h1{font-size:50px;line-height:1.04;max-width:590px;margin:14px 0 18px}.hero p{font-size:12px;max-width:455px;line-height:1.6}
  .metrics{width:calc(100% - 60px);max-width:1280px;height:86px;margin:0 auto}.metrics div{padding:14px 18px}.metrics i{font-size:28px}.metrics b{font-size:23px}.metrics span{font-size:9px}
  .games-section{width:calc(100% - 60px);max-width:1280px;padding:28px 0 18px;margin:0 auto}.section-head{margin-bottom:12px}.section-head h2{font-size:16px}.all-games{padding:9px 18px}
  .game-row{display:flex;gap:12px;overflow-x:auto;justify-content:flex-start}.game-card{flex:0 0 228px;max-width:228px}.game-card img{height:198px}.game-body{min-height:94px;padding:11px}.game-body h3{font-size:13px}.game-body p,.game-body a{display:none}
  .slide-arrow{top:42%}.slide-arrow.prev{left:-15px}.slide-arrow.next{right:-15px}
  .features{width:calc(100% - 60px);max-width:1280px;margin:10px auto 22px;gap:12px}.features article{min-height:118px;padding:18px 16px}.features b{font-size:29px}.features h3{font-size:10px}.features p{font-size:9px;max-width:240px;margin:0 auto}
  .contact-home{display:none}
  footer{padding:36px max(30px,calc((100vw - 1220px)/2)) 18px;grid-template-columns:1.45fr .72fr .72fr .72fr 1fr;gap:34px;min-height:270px}
  footer .footer-brand p{max-width:220px}.footer-bottom{margin-top:8px}
}
@media (min-width:1100px) and (max-width:1320px){
  .hero,.metrics,.games-section,.features{width:calc(100% - 48px)}
  .hero h1{font-size:46px}.game-card{flex-basis:220px;max-width:220px}
}

/* V14 — full approved-reference rebuild (desktop). This layer intentionally overrides V10–V13. */
@media (min-width:1100px){
  body{background:#020710;color:#f7f8fb}
  .site-header{position:sticky;top:0;height:68px;padding:0 max(24px,calc((100vw - 1240px)/2));background:#020710;border-bottom:1px solid #17212d}
  .site-header .brand{gap:9px}.site-header .brand-mark{width:35px;height:35px}.site-header .brand-text b{font-size:19px}.site-header .brand-text small{font-size:7px;margin-top:5px}
  .site-header nav{gap:29px}.site-header nav a{font-size:9px;padding:26px 0}.site-header nav a:first-child:after{bottom:13px}.language{margin-left:20px}.language button{min-width:58px;padding:8px 10px;font-size:9px}

  .hero{width:calc(100% - 48px);max-width:1240px;height:475px;margin:0 auto;overflow:hidden;background:#020710}
  .hero:before{inset:0;background:url('/assets/img/approved-hero-clean.webp') right center/auto 100% no-repeat;opacity:1}
  .hero:after{background:linear-gradient(90deg,#020710 0%,#020710 27%,rgba(2,7,16,.96) 38%,rgba(2,7,16,.66) 50%,rgba(2,7,16,.12) 67%,transparent 78%),linear-gradient(0deg,#020710 0%,transparent 13%)}
  .hero-copy{width:51%;padding:52px 0 0 30px}.eyebrow{font-size:10px;letter-spacing:.21em}.hero h1{font-size:48px;line-height:1.03;max-width:560px;margin:12px 0 17px;letter-spacing:-.035em}.hero p{max-width:445px;font-size:11px;line-height:1.65;color:#b8c1cf}.hero-actions{margin-top:21px;gap:12px}.btn{min-height:38px;padding:9px 18px;font-size:9px;border-radius:5px}

  .metrics{width:calc(100% - 48px);max-width:1240px;height:80px;margin:0 auto;background:#08111c;border:1px solid #1a2634;border-radius:6px;box-shadow:none}
  .metrics div{padding:12px 18px;display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;align-items:center;justify-content:center;text-align:left;column-gap:10px}.metrics i{display:block;grid-row:1/3;color:#b13cf4;font-style:normal;font-size:25px}.metrics b{font-size:21px;line-height:1.1}.metrics span{font-size:8px;line-height:1.25}

  .games-section{width:calc(100% - 48px);max-width:1240px;margin:0 auto;padding:25px 0 14px}.section-head{min-height:40px;margin:0 0 10px}.section-head h2{font-size:15px;margin:0}.all-games{display:block;border:1px solid #8d35d4;border-radius:5px;padding:8px 16px;color:#b64aff;font-size:9px;font-weight:800}
  .game-slider{position:relative}.game-row{display:flex;gap:11px;overflow-x:auto;scrollbar-width:none;padding:0}.game-row::-webkit-scrollbar{display:none}.game-card{flex:0 0 calc((100% - 44px)/5);max-width:calc((100% - 44px)/5);border:1px solid #1b2837;border-radius:6px;background:#0a131f;overflow:hidden}.game-card img{width:100%;height:224px;object-fit:cover}.game-body{min-height:88px;padding:10px}.game-body h3{font-size:12px;margin:0 0 8px}.game-body>div{display:flex;gap:5px}.game-body span{font-size:8px;padding:4px 6px}.game-body p,.game-body a{display:none}.slide-arrow{display:grid;place-items:center;top:43%;width:29px;height:29px;font-size:20px;background:#7627c9}.slide-arrow.prev{left:-15px}.slide-arrow.next{right:-15px}

  .features{width:calc(100% - 48px);max-width:1240px;margin:12px auto 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:0;background:none;overflow:visible}.features article{min-height:112px;padding:16px 14px;text-align:center;border:1px solid #1b2837!important;border-radius:6px;background:linear-gradient(180deg,#0a111b,#070d16)}.features b{font-size:28px;line-height:1;color:#b43df4}.features h3{font-size:9px;margin:8px 0 6px}.features p{font-size:8px;line-height:1.5;max-width:220px;margin:0 auto;color:#a8b1bf}

  .contact-home{display:none!important}
  footer{max-width:none;min-height:250px;padding:34px max(24px,calc((100vw - 1200px)/2)) 15px;display:grid;grid-template-columns:1.45fr .72fr .72fr .72fr 1fr;gap:31px;background:#030913;border-top:1px solid #121c27;font-size:9px;color:#aab3c1}footer .brand-mark{width:36px;height:36px}footer .brand-text b{font-size:19px}footer .brand-text small{font-size:7px}footer h4{font-size:9px;margin:4px 0 12px}footer a{font-size:9px;margin:8px 0}.footer-brand p{max-width:205px;line-height:1.55}.social{display:flex;gap:13px;margin-top:16px}.footer-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;margin-top:5px;padding-top:14px;font-size:8px}.footer-legal{display:flex;gap:14px}.footer-legal a{margin:0}.footer-lang{border:1px solid #263241;border-radius:5px;padding:6px 9px;color:#fff}
}

/* V15 — social media controls + reference-sized footer icons */
.social{display:flex;align-items:center;gap:11px;margin-top:18px}
.social a{width:31px;height:31px;margin:0;display:grid;place-items:center;border:1px solid #a83df455;border-radius:8px;background:#0a101a;color:#bd4cff;transition:.18s ease}
.social a:hover{background:#9b32df;color:#fff;border-color:#c65cff;transform:translateY(-2px);box-shadow:0 7px 20px #8d2bd733}
.social svg{width:17px;height:17px;display:block;fill:currentColor}
@media(max-width:560px){.social a{width:34px;height:34px}.social svg{width:18px;height:18px}}

/* V15.2 — hero/banner proportion + stable language menu */
.language{position:relative;z-index:80}
.language .language-toggle{cursor:pointer}
.language .language-menu{top:100%;margin-top:0;z-index:100;min-width:150px;padding:8px;background:#0a111b;border:1px solid #273445;box-shadow:0 18px 45px #000a}
.language:hover .language-menu,.language:focus-within .language-menu,.language.open .language-menu{display:block}
.language .language-menu a{padding:10px 11px;white-space:nowrap}
.language .language-menu a:hover,.language .language-menu a:focus{background:#64209d;outline:none}

@media (min-width:1100px){
  .hero{width:calc(100% - 48px);max-width:1280px;height:540px;margin:0 auto;background:#020710}
  .hero:before{inset:0;background:url('/assets/img/approved-hero-clean.webp') center 45%/cover no-repeat;opacity:1;transform:scale(1.015)}
  .hero:after{background:linear-gradient(90deg,#020710 0%,rgba(2,7,16,.98) 22%,rgba(2,7,16,.92) 34%,rgba(2,7,16,.58) 49%,rgba(2,7,16,.15) 66%,transparent 80%),linear-gradient(0deg,#020710 0%,transparent 14%)}
  .hero-copy{width:52%;padding:62px 0 0 34px}
  .hero h1{font-size:50px;max-width:585px}
  .metrics{max-width:1280px}
}
@media (min-width:1100px) and (max-width:1320px){
  .hero{height:520px}
}

/* V15.3 — banner-only correction: match approved reference composition */
@media (min-width:1100px){
  .hero{
    width:calc(100% - 48px);
    max-width:1280px;
    height:520px;
    margin:0 auto;
    background:#020710;
    overflow:hidden;
  }
  .hero:before{
    inset:0;
    background-image:url('/assets/img/approved-hero-clean.webp');
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right center;
    opacity:1;
    transform:none;
  }
  .hero:after{
    background:
      linear-gradient(90deg,#020710 0%,#020710 27%,rgba(2,7,16,.97) 36%,rgba(2,7,16,.78) 46%,rgba(2,7,16,.28) 57%,rgba(2,7,16,.04) 68%,transparent 76%),
      linear-gradient(0deg,#020710 0%,rgba(2,7,16,.72) 3%,transparent 15%);
  }
  .hero-copy{
    width:49%;
    padding:58px 0 0 34px;
  }
  .hero h1{
    font-size:50px;
    line-height:1.04;
    max-width:575px;
  }
}
@media (min-width:1100px) and (max-width:1320px){
  .hero{height:500px}
  .hero-copy{padding-top:52px}
}

/* V15.4 — final approved-reference hero framing only. Language menu untouched. */
@media (min-width:1100px){
  .hero:before{
    background-size:auto 94%;
    background-position:calc(100% + 18px) center;
  }
}
@media (min-width:1100px) and (max-width:1320px){
  .hero:before{
    background-size:auto 94%;
    background-position:calc(100% + 14px) center;
  }
}


/* V16 — studio storytelling, filters, timeline, studio life, devlog, CTA */
.section-kicker{display:block;color:#b943ff;font-size:9px;font-weight:900;letter-spacing:.22em;margin-bottom:7px}.game-filters{display:flex;gap:7px;margin:0 0 14px;flex-wrap:wrap}.game-filters button{border:1px solid #253244;background:#08111b;color:#929dac;border-radius:999px;padding:7px 12px;font-size:8px;font-weight:800;cursor:pointer}.game-filters button:hover,.game-filters button.active{border-color:#a93df4;color:#fff;background:#47156c}.game-card[hidden]{display:none!important}.text-link{color:#c250ff;font-size:9px;font-weight:900;letter-spacing:.03em}.studio-story,.journey,.studio-life,.home-blog,.v16-cta{width:calc(100% - 48px);max-width:1240px;margin-left:auto;margin-right:auto}.studio-story{margin-top:22px;margin-bottom:26px;display:grid;grid-template-columns:1.05fr .95fr;min-height:260px;border:1px solid #1b2837;border-radius:9px;overflow:hidden;background:radial-gradient(circle at 80% 50%,#7f20c429,transparent 38%),#07101a}.studio-copy{padding:40px}.studio-copy h2{font-size:34px;line-height:1.08;max-width:580px;margin:7px 0 15px}.studio-copy p{max-width:600px;color:#9ca8b7;font-size:11px;line-height:1.75}.studio-code{display:grid;grid-template-columns:42px 1fr 24px;align-content:center;gap:14px 12px;padding:35px 45px;background:linear-gradient(135deg,#0c1320,#090d18)}.studio-code span{color:#8030bf;font:700 10px monospace}.studio-code strong{font:800 18px monospace;letter-spacing:.16em}.studio-code i{height:1px;background:linear-gradient(90deg,#8731c8,transparent);align-self:center}.journey{padding:25px 0 28px}.timeline-row{display:flex;gap:0;overflow-x:auto;padding:10px 0 8px;scrollbar-width:none}.timeline-row::-webkit-scrollbar{display:none}.timeline-row article{position:relative;flex:0 0 240px;padding:0 24px 0 0}.timeline-row article:not(:last-child):after{content:"";position:absolute;top:36px;left:14px;right:0;height:1px;background:#332046}.timeline-row b{display:block;font-size:28px;color:#fff}.timeline-row span{position:relative;z-index:2;display:block;width:13px;height:13px;border:3px solid #b941ff;background:#07101a;border-radius:50%;margin:9px 0 18px}.timeline-row h3{font-size:12px;margin:0 0 7px}.timeline-row p{font-size:9px;line-height:1.6;color:#8f9baa;margin:0}.studio-life{padding:25px 0 30px}.life-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:155px;gap:10px}.life-grid figure{margin:0;position:relative;overflow:hidden;border-radius:7px;border:1px solid #1c2836;background:#0a121d}.life-grid figure:nth-child(1){grid-column:span 6;grid-row:span 2}.life-grid figure:nth-child(2),.life-grid figure:nth-child(3){grid-column:span 3}.life-grid figure:nth-child(n+4){grid-column:span 3}.life-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}.life-grid figure:hover img{transform:scale(1.035)}.life-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:25px 12px 10px;background:linear-gradient(transparent,#000c);font-size:9px;color:#fff}.home-blog{padding:25px 0 34px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blog-grid article{background:#09121d;border:1px solid #1d2a38;border-radius:7px;overflow:hidden}.blog-cover{display:block;height:170px;overflow:hidden}.blog-cover img{width:100%;height:100%;object-fit:cover;transition:.3s}.blog-grid article:hover .blog-cover img{transform:scale(1.035)}.blog-grid article>div{padding:16px}.blog-grid time{font-size:8px;color:#8f9baa}.blog-grid h3{font-size:14px;line-height:1.3;margin:8px 0}.blog-grid p{font-size:9px;line-height:1.55;color:#929eae;min-height:42px}.v16-cta{margin-top:6px;margin-bottom:34px;min-height:145px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #6e258e;border-radius:9px;background:radial-gradient(circle at 85% 50%,#ae32ff38,transparent 35%),linear-gradient(135deg,#0a111d,#130b20)}.v16-cta h2{font-size:27px;margin:5px 0 7px}.v16-cta p{font-size:10px;color:#a9b3c1;margin:0}.blog-list{max-width:1240px}.blog-article{max-width:900px;font-size:14px;line-height:1.9}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:9px;margin-bottom:24px}
@media(max-width:900px){.studio-story{grid-template-columns:1fr}.studio-code{display:none}.timeline-row article{flex-basis:210px}.blog-grid{grid-template-columns:1fr 1fr}.life-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.life-grid figure,.life-grid figure:nth-child(n){grid-column:auto;grid-row:auto}.v16-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.studio-story,.journey,.studio-life,.home-blog,.v16-cta{width:calc(100% - 36px)}.studio-copy{padding:28px 22px}.studio-copy h2{font-size:29px}.blog-grid,.life-grid{grid-template-columns:1fr}.v16-cta{padding:24px}.v16-cta h2{font-size:23px}.game-filters{margin-top:6px}}

/* V16.1 — visual match pass based on approved V16 mockup */
.section-sub{margin:5px 0 0;color:#7f8b9a;font-size:9px;line-height:1.55}
.social .social-placeholder{width:31px;height:31px;display:grid;place-items:center;border:1px solid #6d2b9440;border-radius:8px;background:#080f18;color:#8d3bbb;opacity:.65}
.social .social-placeholder svg{width:17px;height:17px;fill:currentColor}

@media (min-width:1100px){
  /* Keep the already approved V15.4 hero untouched. */
  .games-section{width:calc(100% - 48px);max-width:1240px;margin:28px auto 0;padding:0}
  .games-section .section-head{margin-bottom:13px}
  .games-section .section-head h2{font-size:18px;letter-spacing:.015em}
  .game-filters{justify-content:center;margin:-39px auto 14px;position:relative;z-index:2;width:max-content}
  .game-filters button{border-radius:5px;min-width:58px;padding:7px 14px;background:#09111c;border-color:#222f40;color:#c0c7d0}
  .game-filters button.active{background:linear-gradient(135deg,#7622d8,#a633f5);box-shadow:0 6px 22px #8a25dc3d}
  .game-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
  .game-showcase .game-card{max-width:none;min-width:0;display:block;border:1px solid #1c2a39;border-radius:7px;overflow:hidden;background:#08121e;transition:.22s ease}
  .game-showcase .game-card:hover{transform:translateY(-4px);border-color:#7e2bab;box-shadow:0 14px 35px #0008}
  .game-image{position:relative;display:block;height:168px;overflow:hidden;background:#090f18}
  .game-image img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
  .game-card:hover .game-image img{transform:scale(1.04)}
  .game-hover{position:absolute;inset:auto 10px 10px auto;padding:6px 8px;border-radius:4px;background:#8f2ce6;color:#fff;font-size:8px;font-weight:900;opacity:0;transform:translateY(5px);transition:.2s}
  .game-card:hover .game-hover{opacity:1;transform:none}
  .game-showcase .game-body{min-height:91px;padding:12px}
  .game-showcase .game-body h3{font-size:12px;margin:0 0 8px;color:#fff;white-space:normal}
  .game-showcase .game-body>div{display:flex;gap:5px}
  .game-showcase .game-body span{font-size:8px;padding:4px 7px;background:#111e2c;color:#c5cbd5;border-radius:4px}
  .game-showcase .game-body p{display:block;color:#748190;font-size:8px;line-height:1.45;margin:9px 0 0;max-height:34px;overflow:hidden}
  .game-coming-art{height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#9b2cef44 0,transparent 38%),linear-gradient(135deg,#091320,#050a11);border-bottom:1px solid #192637}
  .game-coming-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#9f38e40f 50%,transparent 65%)}
  .game-coming-art span{display:grid;place-items:center;width:52px;height:52px;clip-path:polygon(50% 0,92% 24%,84% 75%,50% 100%,16% 75%,8% 24%);background:linear-gradient(135deg,#bd3dff,#6b24da);font-weight:950;font-size:21px;color:#fff;box-shadow:0 0 40px #9c32ed55}
  .game-coming-art small{margin-top:10px;color:#c891e5;font-size:8px;letter-spacing:.17em;font-weight:900}

  .v161-studio{width:100%;max-width:none;min-height:310px;margin:26px 0 0;display:grid;grid-template-columns:minmax(330px,1fr) minmax(480px,1.32fr) minmax(270px,.78fr);border:0;border-top:1px solid #121e2a;border-bottom:1px solid #121e2a;border-radius:0;background:#050b13}
  .v161-studio .studio-copy{padding:42px max(28px,calc((100vw - 1240px)/2)) 38px max(28px,calc((100vw - 1240px)/2));padding-right:35px;display:flex;flex-direction:column;justify-content:center}
  .v161-studio .studio-copy h2{font-size:31px;margin:7px 0 12px}
  .v161-studio .studio-copy p{font-size:10px;line-height:1.7;color:#a3adba;margin:0 0 17px}
  .studio-btn{width:max-content;padding:9px 14px;font-size:8px}
  .studio-photo{min-width:0;overflow:hidden;position:relative}
  .studio-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050b13aa 0,transparent 18%,transparent 82%,#080a14aa 100%)}
  .studio-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.06) brightness(.75)}
  .studio-manifesto{display:flex;flex-direction:column;justify-content:center;padding:35px 44px;background:radial-gradient(circle at 0 50%,#7a1cab26,transparent 45%),linear-gradient(135deg,#090b15,#100a1b)}
  .studio-manifesto span{font-size:11px;letter-spacing:.22em;color:#b8bdc8}
  .studio-manifesto h3{margin:4px 0 23px;font-size:20px;letter-spacing:.08em}
  .studio-manifesto p{font-size:10px;line-height:1.75;color:#9da5b1}

  .journey{width:calc(100% - 48px);max-width:1240px;padding:30px 0 26px}
  .journey .section-head{margin-bottom:14px}
  .timeline-row{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;padding:4px 0 0}
  .timeline-row article{min-width:0;position:relative;padding:0 22px 0 0;text-align:center}
  .timeline-row article:not(:last-child):after{top:42px;left:50%;right:-50%;background:linear-gradient(90deg,#9b32e7,#4c1d68)}
  .timeline-icon{width:31px;height:31px;margin:0 auto;color:#b23cf3;font-size:18px;display:grid;place-items:center}
  .timeline-row b{font-size:13px;margin-top:2px}
  .timeline-row span{width:9px;height:9px;border:2px solid #c346ff;margin:7px auto 9px;background:#07101a}
  .timeline-row h3{font-size:9px;margin:0;color:#cbd1da;text-transform:uppercase;letter-spacing:.04em}
  .timeline-row p{font-size:8px;margin:5px auto 0;max-width:160px}

  .features{margin-top:0;margin-bottom:24px}
  .features article{min-height:105px;background:linear-gradient(180deg,#09121c,#070c13)}

  .studio-life{padding:17px 0 29px}
  .life-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:176px;gap:12px}
  .life-grid figure,.life-grid figure:nth-child(n){grid-column:auto;grid-row:auto;border-radius:6px}
  .life-grid figure:first-child{grid-column:auto;grid-row:auto}
  .life-grid img{filter:saturate(.9) brightness(.77);transition:.35s}
  .life-grid figure:hover img{filter:saturate(1.08) brightness(.88);transform:scale(1.04)}
  .life-grid figcaption{font-size:9px;font-weight:800;letter-spacing:.03em;padding:34px 12px 11px}

  .home-blog{padding:24px 0 31px}
  .blog-grid{gap:13px}
  .blog-grid article{min-height:166px;display:grid;grid-template-columns:110px 1fr;border-radius:6px}
  .blog-cover{height:100%;min-height:166px}
  .blog-grid article>div{padding:14px}
  .blog-grid h3{font-size:12px}
  .blog-grid p{font-size:8px;min-height:30px}
  .blog-empty{min-height:128px;border:1px solid #1c2a39;border-radius:7px;background:radial-gradient(circle at 85% 50%,#912bd524,transparent 30%),#08111c;padding:28px 31px;display:flex;flex-direction:column;justify-content:center}
  .blog-empty span{font-size:8px;letter-spacing:.2em;color:#b343ee;font-weight:900}
  .blog-empty h3{font-size:17px;margin:7px 0 5px}
  .blog-empty p{font-size:9px;color:#8894a2;margin:0}

  .v16-cta{width:100%;max-width:none;min-height:132px;margin:0;padding:25px max(28px,calc((100vw - 1240px)/2));border-left:0;border-right:0;border-radius:0;background:linear-gradient(90deg,rgba(7,9,18,.9),rgba(37,11,58,.66)),url('/assets/img/approved-hero-clean.webp') center 58%/cover no-repeat;border-color:#45185c;position:relative;overflow:hidden}
  .v16-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060b14 0%,rgba(6,11,20,.88) 36%,rgba(59,13,80,.36) 70%,rgba(6,11,20,.82) 100%)}
  .v16-cta>*{position:relative;z-index:1}
  .v16-cta h2{font-size:24px;max-width:570px}
  .v16-cta p{font-size:9px}
}

@media (min-width:1100px) and (max-width:1320px){
  .v161-studio{grid-template-columns:1fr 1.15fr .85fr}
  .v161-studio .studio-copy{padding-left:30px}
  .studio-manifesto{padding:30px}
}

@media (max-width:1099px){
  .game-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .game-image{display:block;height:190px;position:relative;overflow:hidden}
  .game-image img{width:100%;height:100%;object-fit:cover}
  .game-coming-art{height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0a111b}
  .v161-studio{grid-template-columns:1fr 1fr}
  .studio-manifesto{grid-column:1/-1;padding:25px}
  .studio-photo img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:620px){
  .game-showcase{grid-template-columns:1fr}
  .v161-studio{display:block}.studio-photo{height:220px}.studio-manifesto{padding:24px 22px}
  .timeline-row{display:flex}.life-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr}
}


/* V16.2 — mockup-aligned hero + denser homepage composition. Language menu intentionally untouched. */
@media (min-width:1100px){
  .site-header{padding-left:max(48px,calc((100vw - 1390px)/2));padding-right:max(48px,calc((100vw - 1390px)/2))}

  .hero{
    width:calc(100% - 96px);
    max-width:1390px;
    height:430px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    background:#020710;
  }
  /* Wide atmospheric layer: gives the city the same visual reach as the approved mockup. */
  .hero:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:url('/assets/img/approved-hero-clean.webp');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 52%;
    opacity:.46;
    transform:none;
    filter:saturate(.92) brightness(.72);
  }
  /* Foreground character layer keeps the character proportions natural while the city remains wide. */
  .hero-art{
    display:block;
    position:absolute;
    z-index:2;
    inset:0 0 0 auto;
    width:57%;
    height:100%;
    background:url('/assets/img/approved-hero-clean.webp') right center/auto 100% no-repeat;
    pointer-events:none;
  }
  .hero-art img{display:none!important}
  .hero:after{
    content:"";
    position:absolute;
    z-index:3;
    inset:0;
    background:
      linear-gradient(90deg,#020710 0%,#020710 20%,rgba(2,7,16,.97) 31%,rgba(2,7,16,.80) 42%,rgba(2,7,16,.24) 59%,rgba(2,7,16,.02) 72%,transparent 82%),
      linear-gradient(0deg,#020710 0%,rgba(2,7,16,.45) 6%,transparent 22%);
    pointer-events:none;
  }
  .hero-copy{
    position:relative;
    z-index:5;
    width:46%;
    padding:46px 0 0 22px;
  }
  .eyebrow{font-size:10px;letter-spacing:.23em}
  .hero h1{font-size:45px;line-height:1.035;max-width:520px;margin:12px 0 14px}
  .hero p{font-size:10px;line-height:1.6;max-width:430px;color:#b8c1cf}
  .hero-actions{margin-top:19px;gap:11px}
  .hero-actions .btn{min-height:38px;padding:9px 17px;font-size:9px}

  .metrics{width:calc(100% - 96px);max-width:1390px;height:78px}
  .games-section,.journey,.studio-life,.home-blog{width:calc(100% - 96px);max-width:1390px}
  .features{width:calc(100% - 96px);max-width:1390px}

  .games-section{margin-top:25px}
  .game-showcase{gap:14px}
  .game-image,.game-coming-art{height:160px}
  .game-showcase .game-body{min-height:86px}

  .v161-studio{margin-top:24px;min-height:290px;grid-template-columns:1fr 1.28fr .78fr}
  .v161-studio .studio-copy{padding-left:max(48px,calc((100vw - 1390px)/2));padding-right:35px}
  .studio-manifesto{padding:30px 42px}

  .journey{padding-top:28px;padding-bottom:24px}
  .timeline-row{grid-template-columns:repeat(6,1fr)}
  .timeline-row article{padding-right:12px}
  .timeline-row article:not(:last-child):after{top:40px}

  .studio-life{padding-top:18px;padding-bottom:26px}
  .life-grid{grid-auto-rows:164px;gap:13px}
  .home-blog{padding-top:22px;padding-bottom:30px}
  .v16-cta{min-height:138px;padding-left:max(48px,calc((100vw - 1390px)/2));padding-right:max(48px,calc((100vw - 1390px)/2));background-position:center 54%}
}
@media (min-width:1100px) and (max-width:1240px){
  .hero{width:calc(100% - 48px);height:420px}
  .hero-copy{width:48%;padding-left:28px;padding-top:43px}
  .hero h1{font-size:42px}
  .hero-art{width:59%}
  .metrics,.games-section,.journey,.studio-life,.home-blog,.features{width:calc(100% - 48px)}
}

/* V17 — approved cyberpunk hero artwork integration. Language menu and CMS behavior untouched. */
@media (min-width:1100px){
  .hero{
    width:100%;
    max-width:none;
    height:520px;
    margin:0;
    position:relative;
    overflow:hidden;
    background:#020710;
    border-bottom:0;
  }
  .hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:url('/assets/img/v17-cyberpunk-hero.webp') center center/cover no-repeat;
    opacity:1;
    transform:none;
    filter:none;
  }
  .hero-art,.city-glow{display:none!important}
  .hero:after{
    content:"";
    position:absolute;
    z-index:3;
    inset:0;
    background:
      linear-gradient(90deg,#020710 0%,rgba(2,7,16,.97) 12%,rgba(2,7,16,.90) 26%,rgba(2,7,16,.64) 39%,rgba(2,7,16,.22) 53%,rgba(2,7,16,.02) 67%,transparent 78%),
      linear-gradient(0deg,rgba(2,7,16,.92) 0%,rgba(2,7,16,.34) 10%,transparent 28%),
      linear-gradient(180deg,rgba(2,7,16,.16) 0%,transparent 18%);
    pointer-events:none;
  }
  .hero-copy{
    position:relative;
    z-index:5;
    width:50%;
    max-width:700px;
    padding:74px 22px 0 max(48px,calc((100vw - 1390px)/2));
  }
  .hero .eyebrow{font-size:10px;letter-spacing:.23em}
  .hero h1{font-size:47px;line-height:1.025;max-width:575px;margin:12px 0 15px}
  .hero p{font-size:11px;line-height:1.65;max-width:470px;color:#c1c8d3}
  .hero-actions{margin-top:21px;gap:12px}
  .hero-actions .btn{min-height:40px;padding:10px 19px;font-size:9px}
  .metrics{
    width:calc(100% - 96px);
    max-width:1390px;
    min-height:82px;
    margin:-54px auto 0;
    position:relative;
    z-index:8;
    background:rgba(6,15,25,.91);
    border:1px solid #334153;
    box-shadow:0 20px 55px #0008,0 0 28px #8c2cdf12;
    backdrop-filter:blur(10px);
  }
  .metrics div{padding:20px 14px}
  .games-section{margin-top:29px}
}
@media (min-width:1100px) and (max-width:1280px){
  .hero{height:500px}
  .hero-copy{padding-top:66px;padding-left:34px;width:49%;}
  .hero h1{font-size:43px;max-width:520px}
  .hero p{max-width:420px}
  .hero:before{background-position:58% center}
  .metrics{width:calc(100% - 48px);margin-top:-48px}
}
@media (max-width:1099px){
  .hero{
    min-height:600px;
    height:auto;
    background:#020710;
    position:relative;
    overflow:hidden;
  }
  .hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:url('/assets/img/v17-cyberpunk-hero.webp') 64% center/cover no-repeat;
    opacity:.82;
  }
  .hero-art,.city-glow{display:none!important}
  .hero:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#020710 0%,rgba(2,7,16,.91) 43%,rgba(2,7,16,.38) 100%),linear-gradient(0deg,#020710 0%,transparent 28%);
  }
  .hero-copy{position:relative;z-index:5;width:min(620px,88vw);padding:62px 28px 100px}
  .metrics{position:relative;z-index:8;margin-top:-62px}
}
@media (max-width:560px){
  .hero{min-height:570px}
  .hero:before{background-position:67% center;opacity:.66}
  .hero:after{background:linear-gradient(90deg,#020710 0%,rgba(2,7,16,.94) 61%,rgba(2,7,16,.55) 100%),linear-gradient(0deg,#020710 0%,transparent 30%)}
  .hero-copy{width:100%;padding:48px 20px 115px}
  .hero h1{font-size:41px}
  .metrics{margin-top:-74px}
}


/* V17.1 — visual fine-tune only. Hero composition + section rhythm. */
@media (min-width:1290px){
  .hero{
    height:492px;
  }
  .hero:before{
    left:1.7%;
    right:-1.7%;
    background-position:center 48%;
  }
  .hero:after{
    background:
      linear-gradient(90deg,#020710 0%,rgba(2,7,16,.98) 11%,rgba(2,7,16,.91) 24%,rgba(2,7,16,.66) 37%,rgba(2,7,16,.24) 50%,rgba(2,7,16,.04) 63%,transparent 75%),
      linear-gradient(0deg,rgba(2,7,16,.94) 0%,rgba(2,7,16,.30) 9%,transparent 25%),
      linear-gradient(180deg,rgba(2,7,16,.12) 0%,transparent 16%);
  }
  .hero-copy{
    padding-top:61px;
  }
  .hero h1{
    font-size:46px;
    line-height:1.02;
    margin-top:11px;
    margin-bottom:13px;
  }
  .hero p{
    max-width:455px;
    line-height:1.58;
  }
  .hero-actions{
    margin-top:18px;
  }
  .metrics{
    min-height:78px;
    margin-top:-44px;
  }
  .metrics div{
    padding-top:17px;
    padding-bottom:17px;
  }
  .games-section{
    margin-top:20px;
  }
}

@media (min-width:1100px) and (max-width:1289px){
  .hero{
    height:474px;
  }
  .hero:before{
    left:1.3%;
    right:-1.3%;
    background-position:center 48%;
  }
  .hero-copy{
    padding-top:56px;
  }
  .hero h1{
    font-size:42px;
    line-height:1.025;
  }
  .hero p{
    line-height:1.58;
  }
  .hero-actions{
    margin-top:18px;
  }
  .metrics{
    margin-top:-42px;
    min-height:76px;
  }
  .games-section{
    margin-top:19px;
  }
}

@media (max-width:1099px){
  .hero:before{
    background-position:66% center;
  }
}

@media (max-width:560px){
  .hero:before{
    background-position:69% center;
  }
}

/* V18 — Accessibility Menu + Cookie Consent */
:root{--a11y-scale:1}
html{font-size:calc(100% * var(--a11y-scale))}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:10050;left:18px;top:14px;transform:translateY(-160%);padding:10px 14px;border:1px solid #b936ff;border-radius:8px;background:#090f19;color:#fff;font-weight:800;transition:.18s ease}
.skip-link:focus{transform:none}
.accessibility-tools{position:fixed;z-index:10020;left:22px;bottom:22px}
.accessibility-launcher{width:54px;height:54px;border:1px solid #b53cff88;border-radius:16px;background:linear-gradient(145deg,#161128,#080d16);box-shadow:0 14px 40px #000a,0 0 28px #a629e62b;color:#d958ff;font-size:25px;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.accessibility-launcher:hover,.accessibility-tools.open .accessibility-launcher{transform:translateY(-2px);border-color:#da62ff;color:#fff;box-shadow:0 16px 42px #000c,0 0 34px #bd39ff44}
.accessibility-panel{position:absolute;left:0;bottom:66px;width:min(350px,calc(100vw - 28px));padding:18px;border:1px solid #26354a;border-radius:18px;background:linear-gradient(160deg,rgba(9,15,26,.98),rgba(4,8,15,.99));box-shadow:0 28px 70px #000c,0 0 44px #8d2bce24;backdrop-filter:blur(18px);color:#f7f8fb}
.accessibility-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #1d2938}.a11y-head small,.cookie-kicker,.cookie-settings-head small{display:block;color:#c448ff;font-size:9px;font-weight:900;letter-spacing:.2em}.a11y-head h2,.cookie-card h2,.cookie-settings-head h2{margin:4px 0 0;font-size:19px;line-height:1.2}.a11y-close,.cookie-settings-close{width:32px;height:32px;border:1px solid #29384c;border-radius:9px;background:#0b1320;color:#e8edf5;font-size:21px;cursor:pointer}.a11y-font{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0}.a11y-font>span{font-size:12px;font-weight:800}.a11y-font>div{display:flex;align-items:center;gap:7px}.a11y-font button{min-width:38px;height:34px;border:1px solid #29384c;border-radius:8px;background:#0b1320;color:#fff;font-weight:900;cursor:pointer}.a11y-font strong{min-width:50px;text-align:center;color:#cb4cff;font-size:11px}.a11y-options{display:grid;gap:7px}.a11y-options button{position:relative;display:grid;grid-template-columns:26px 1fr 30px;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid #1e2d40;border-radius:10px;background:#09111d;color:#e9edf4;text-align:left;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease}.a11y-options button>span:first-child{color:#c348ff;font-size:16px;text-align:center}.a11y-options button i{position:relative;width:29px;height:17px;border-radius:999px;background:#273243;transition:.18s}.a11y-options button i:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#8491a4;left:3px;top:3px;transition:.18s}.a11y-options button.active{border-color:#a83bdf66;background:#130d20}.a11y-options button.active i{background:#9429c9}.a11y-options button.active i:after{left:15px;background:#fff}.a11y-reset{width:100%;margin-top:12px;padding:10px;border:1px solid #28384d;border-radius:10px;background:transparent;color:#aeb8c7;font-size:10px;font-weight:800;cursor:pointer}.a11y-reset:hover{border-color:#b53cff;color:#fff}
.a11y-contrast body{background:#000!important;color:#fff!important}.a11y-contrast body *{border-color:#fff!important}.a11y-contrast a,.a11y-contrast button{color:#fff!important}.a11y-grayscale body{filter:grayscale(1)}.a11y-links a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}.a11y-motion *,.a11y-motion *:before,.a11y-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.a11y-cursor body,.a11y-cursor body *{cursor:crosshair!important}.a11y-cursor a,.a11y-cursor button,.a11y-cursor input,.a11y-cursor label{cursor:pointer!important}.a11y-readable body{font-family:Arial,Verdana,sans-serif!important;letter-spacing:.015em}
.cookie-consent,.cookie-settings{position:fixed;z-index:10010;inset:0;pointer-events:none}.cookie-consent[hidden],.cookie-settings[hidden]{display:none}.cookie-consent{display:flex;align-items:flex-end;justify-content:center;padding:20px}.cookie-card{pointer-events:auto;width:min(1180px,calc(100vw - 40px));display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid #2a3a4f;border-radius:18px;background:linear-gradient(145deg,rgba(7,13,23,.98),rgba(4,8,14,.99));box-shadow:0 24px 80px #000d,0 0 44px #9e2be825;backdrop-filter:blur(18px);transform:translateY(120%);opacity:0;transition:.22s ease}.cookie-consent.show .cookie-card{transform:none;opacity:1}.cookie-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #a23ee566;border-radius:14px;background:#150c21;color:#d552ff;font-size:27px;box-shadow:inset 0 0 22px #a52cdd20}.cookie-copy p{margin:7px 0 0;max-width:720px;color:#aeb9c8;font-size:11px;line-height:1.55}.cookie-copy a{color:#d05aff;text-decoration:underline;text-underline-offset:2px}.cookie-actions,.cookie-settings-actions{display:flex;align-items:center;gap:8px}.cookie-btn{min-height:38px;padding:9px 13px;border-radius:9px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.cookie-btn.ghost{border:1px solid #33445b;background:#0a121f;color:#d5dce6}.cookie-btn.primary{border:1px solid #bd49f3;background:linear-gradient(90deg,#8529d6,#c736ef);color:#fff;box-shadow:0 8px 24px #9f2bd32d}.cookie-settings{display:grid;place-items:center;padding:18px;background:#02050ab5;pointer-events:auto;opacity:0;transition:.18s}.cookie-settings.show{opacity:1}.cookie-settings-card{width:min(560px,100%);padding:20px;border:1px solid #2b3b50;border-radius:18px;background:linear-gradient(155deg,#0a111d,#050a11);box-shadow:0 30px 90px #000e,0 0 45px #9a32dd20;transform:translateY(14px) scale(.98);transition:.18s}.cookie-settings.show .cookie-settings-card{transform:none}.cookie-settings-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.cookie-settings-card>p{margin:12px 0 16px;color:#aeb8c7;font-size:11px;line-height:1.6}.cookie-option{position:relative;display:grid;grid-template-columns:1fr 44px;gap:18px;align-items:center;padding:13px 0;border-top:1px solid #1b293a;cursor:pointer}.cookie-option span{display:grid;gap:3px}.cookie-option b{font-size:12px}.cookie-option small{color:#8996a8;font-size:10px;line-height:1.45}.cookie-option input{position:absolute;opacity:0}.cookie-option i{position:relative;width:40px;height:22px;border-radius:999px;background:#293445}.cookie-option i:after{content:"";position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;background:#909caf;transition:.18s}.cookie-option input:checked+i{background:#922acb}.cookie-option input:checked+i:after{left:22px;background:#fff}.cookie-option.is-required{cursor:default}.cookie-option.is-required i{opacity:.7}.cookie-settings-actions{justify-content:flex-end;padding-top:16px;border-top:1px solid #1b293a}.cookie-manage{position:fixed;z-index:9990;right:20px;bottom:20px;min-height:36px;padding:8px 11px;border:1px solid #26364a;border-radius:10px;background:#08101bdf;color:#9ba8b8;font-size:10px;font-weight:800;cursor:pointer;backdrop-filter:blur(10px);transition:.18s}.cookie-manage:hover{border-color:#aa3be8;color:#fff}.cookie-manage span{margin-left:4px}.cookie-open .cookie-manage{opacity:0;pointer-events:none}
@media(max-width:800px){.cookie-card{grid-template-columns:42px 1fr;gap:12px}.cookie-actions{grid-column:1/-1;justify-content:stretch}.cookie-actions .cookie-btn{flex:1}.cookie-card h2{font-size:17px}.cookie-icon{width:42px;height:42px}.cookie-copy p{font-size:10px}.cookie-open .accessibility-tools{bottom:212px}}
@media(max-width:560px){.accessibility-tools{left:12px;bottom:12px}.accessibility-launcher{width:50px;height:50px;border-radius:14px}.accessibility-panel{left:0;bottom:61px;width:calc(100vw - 24px);padding:15px}.cookie-consent{padding:10px}.cookie-card{width:100%;padding:14px;border-radius:15px;grid-template-columns:1fr}.cookie-icon{display:none}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .primary{grid-column:1/-1}.cookie-btn{white-space:normal}.cookie-settings{padding:10px}.cookie-settings-card{padding:16px}.cookie-settings-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-manage{right:12px;bottom:12px}.cookie-open .accessibility-tools{bottom:274px}}

/* V18.1 — compact cookie card visual refinement */
@media (min-width:801px){
  .cookie-consent{justify-content:flex-start;align-items:flex-end;padding:22px 22px 24px}
  .cookie-card{width:min(480px,calc(100vw - 44px));grid-template-columns:48px 1fr;align-items:start;gap:13px 14px;padding:17px 18px;border-radius:17px}
  .cookie-icon{width:44px;height:44px;border-radius:13px;font-size:25px}
  .cookie-copy p{max-width:none;margin-top:6px;font-size:10.5px;line-height:1.55}
  .cookie-card h2{font-size:18px}
  .cookie-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;margin-top:2px}
  .cookie-btn{width:100%;padding:9px 8px}
  .cookie-open .accessibility-tools{bottom:220px}
}
@media (min-width:801px) and (max-height:700px){.cookie-open .accessibility-tools{bottom:205px}}