@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
/* Intrinsic attributes reserve space; responsive CSS controls the rendered box. */
img{width:auto;height:auto;max-width:100%}
:root{--bg:#090d13;--panel:#101721;--ink:#eef0eb;--muted:#97a5b0;--accent:#e6bb71;--line:#b7ccde25;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer}a,button,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}header{height:94px;position:absolute;z-index:10;top:0;width:100%;display:flex;align-items:center;gap:35px;padding:0 5%;background:#090d13e8;border-bottom:1px solid var(--line)}.brand img{width:215px;height:auto;display:block}nav{display:flex;gap:32px;margin-left:auto;font-size:11px;letter-spacing:1.5px;font-weight:600}nav a:hover{color:var(--accent)}select{background:#101721;border:1px solid #b7ccde40;padding:10px;font-size:11px;max-width:155px;direction:ltr}#menu{display:none;background:none;border:1px solid var(--line);padding:6px 10px;font-size:20px}.hero{position:relative;min-height:850px;height:100vh;max-height:1150px;display:flex;align-items:center;overflow:hidden}.scene{position:absolute;inset:94px 0 0;opacity:0;transition:opacity .6s;pointer-events:none}.scene.active{opacity:1}.scene-unrest>div{position:absolute;inset:0;background:url('unrest-world.webp') center/cover;filter:saturate(.7) brightness(.65)}.scene-unrest>img{position:absolute;height:83%;width:auto;max-width:46%;object-fit:contain;right:7%;bottom:-3%;filter:drop-shadow(25px 30px 20px #000a)}.scene-amok{background:url('amok-world.webp') center/cover}.herooverlay{position:absolute;inset:0;background:linear-gradient(90deg,#090d13f5 0%,#090d13c0 33%,#090d1340 75%),linear-gradient(0deg,#090d13 0%,transparent 40%,#090d1340 100%)}.heroframe{position:absolute;inset:94px 5% 55px;border-left:1px solid #ffffff0e;border-right:1px solid #ffffff0e}.herocopy{position:relative;width:100%;padding:120px 8% 155px}.kicker{color:var(--accent);font-size:10px;line-height:1.7;letter-spacing:2.2px;font-weight:600}.herocopy .kicker{display:flex;align-items:center;gap:10px}.kicker i{display:block;width:5px;height:5px;background:var(--accent);box-shadow:0 0 13px var(--accent)}h1{font:800 clamp(57px,6.4vw,105px)/1.02 var(--display);margin:26px 0;max-width:1000px;letter-spacing:-.7px;overflow-wrap:break-word}h1 em{font-style:normal;color:var(--accent)}.herodesc{max-width:470px;font-size:17px;line-height:1.8;color:#bcc6cc}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:32px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--accent);color:#131a22;padding:19px 24px;font-size:11px;letter-spacing:1.3px;font-weight:700;line-height:1.5}.button:hover{background:#f5d7a6}.textlink{font-size:10px;letter-spacing:1.5px;line-height:1.7}.textlink span{margin-left:15px}.spotlight{position:absolute;bottom:110px;right:8%;width:350px;border-top:1px solid #ffffff40;padding-top:17px}.spotlight>p{font-size:9px;letter-spacing:2px;color:var(--muted)}.worldtabs{display:flex;gap:30px;margin:10px 0 17px}.worldtabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:var(--muted);font-size:16px;font-family:var(--display);font-weight:600;letter-spacing:1px}.worldtabs small{font:9px Barlow,Arial,sans-serif;display:block;margin-bottom:7px;color:var(--muted)}.worldtabs .active{color:var(--ink);border-color:var(--accent)}#spotlink{font-size:10px;color:var(--accent);letter-spacing:1px}.herofoot{position:absolute;left:5%;right:5%;bottom:27px;display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:1.6px;color:var(--muted);line-height:1.8}.section{padding:95px 8%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}h2{font:700 clamp(40px,4.7vw,72px)/1.04 var(--display);margin-top:20px;overflow-wrap:break-word}h2 em{color:var(--accent);font-style:normal}.sectionhead>p{max-width:340px;font-size:16px;line-height:1.8;color:var(--muted)}.gamegrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cardvisual{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}.cardimage{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s;filter:brightness(.85)}.cardvisual:hover .cardimage{transform:scale(1.045)}.cardvisual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090d13d0,transparent 65%)}.gamelogo{position:absolute;width:55%;height:auto;left:8%;top:40%;object-fit:contain;z-index:1}.amoklogo{width:49%;top:28%}.gameindex{position:absolute;left:8%;bottom:24px;z-index:1;font-size:10px;letter-spacing:2px;color:#d3dbe0}.roundarrow{position:absolute;right:25px;bottom:22px;border:1px solid #ffffff70;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;z-index:1}.cardcopy{padding:26px 0 0}.gametype{font-size:9px;letter-spacing:1.7px;color:#79cdcd;line-height:1.7}.amok .gametype{color:#c39470}.cardcopy h3{font:600 34px var(--display);margin:13px 0}.cardcopy>p:not(.gametype){font-size:15px;line-height:1.85;color:var(--muted);max-width:490px}.cardcopy>a{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:190px;border-bottom:1px solid #e6bb7170;padding:23px 0 12px;font-size:10px;letter-spacing:1.5px;color:var(--accent)}.studio{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;background:radial-gradient(ellipse at 10% 80%,#1b303f55,transparent 60%),#0e151f;border-top:1px solid var(--line)}.studio .lead{font-size:19px;line-height:1.8;color:#c6d0d6;margin-top:30px;max-width:500px}.studioidentity{display:flex;align-items:center;gap:30px;margin-top:40px}.studioidentity img{width:160px;height:auto;opacity:.65}.studioidentity span{font-size:9px;letter-spacing:2px;color:var(--muted)}.studiocopy{padding-top:50px}.studiocopy p{font-size:16px;line-height:1.95;color:var(--muted);margin-bottom:25px}.studiocopy p:first-child{color:#cad2d7}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:50px;padding-bottom:65px;border-bottom:1px solid var(--line);background:#0e151f}.principles article{border-top:1px solid var(--line);padding-top:23px}.principles article>span{color:var(--accent);font-size:10px;letter-spacing:2px}.principles h3{font:600 28px var(--display);margin:17px 0}.principles p{font-size:14px;line-height:1.85;color:var(--muted)}.contact{text-align:center;background:radial-gradient(ellipse at center,#1e303c40,transparent 70%)}.contact h2{font-size:clamp(40px,5vw,76px);max-width:1000px;margin:24px auto}.contact>p:not(.kicker){max-width:620px;color:var(--muted);font-size:16px;line-height:1.8;margin:auto}.contact>a{display:inline-flex;gap:30px;align-items:center;font-family:var(--display);font-size:clamp(28px,3.8vw,52px);font-weight:500;letter-spacing:1px;color:var(--accent);border-bottom:1px solid #e6bb7170;padding:15px 0;margin-top:20px;direction:ltr;unicode-bidi:isolate}.contact>a:hover{color:#fff}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 5%;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:var(--muted)}footer img{width:150px;height:auto}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] header nav{margin-left:0;margin-right:auto}html[dir=rtl] .scene,html[dir=rtl] .herooverlay{transform:scaleX(-1)}html[dir=rtl] .spotlight{right:auto;left:8%}html[dir=rtl] h1,html[dir=rtl] h2{font-family:Tahoma,Arial,sans-serif;line-height:1.4;letter-spacing:0}html[dir=rtl] h1{font-size:clamp(43px,5.2vw,78px)}html[dir=rtl] h2{font-size:clamp(34px,3.7vw,55px)}html:lang(zh-CN) h1,html:lang(zh-TW) h1,html:lang(ja) h1,html:lang(hi) h1{font-family:Arial,sans-serif;line-height:1.4;font-size:clamp(42px,5.5vw,82px)}html:lang(zh-CN) h2,html:lang(zh-TW) h2,html:lang(ja) h2,html:lang(hi) h2{font-family:Arial,sans-serif;line-height:1.4;font-size:clamp(32px,3.7vw,55px)}@media(max-width:1100px){header{gap:22px}.brand img{width:175px}nav{gap:20px;font-size:10px}h1{font-size:clamp(55px,6.8vw,85px)}.spotlight{width:300px}.herocopy{padding-bottom:220px}.hero{min-height:850px}.gamegrid{gap:25px}}@media(max-width:800px){html{scroll-padding-top:78px}header{height:78px;gap:13px}.brand img{width:165px}nav{display:none;position:absolute;top:78px;left:0;right:0;margin:0;background:#101721fa;flex-direction:column;gap:24px;padding:25px;font-size:13px}nav.open{display:flex}select{margin-left:auto;max-width:135px}html[dir=rtl] select{margin-left:0;margin-right:auto}#menu{display:block;flex-shrink:0}.hero{height:auto;min-height:850px}.scene{top:78px}.scene-unrest>img{max-width:65%;height:62%;right:-10%;bottom:5%;opacity:.55}.herooverlay{background:linear-gradient(90deg,#090d13e8,#090d1360),linear-gradient(0deg,#090d13 0%,transparent 60%)}.herocopy{padding:150px 7% 300px}h1{font-size:clamp(44px,9vw,68px);max-width:600px}.herodesc{font-size:16px;max-width:430px}.actions{gap:25px}.spotlight{left:7%;right:7%;bottom:95px;width:auto;max-width:440px}.worldtabs{gap:35px}.herofoot{font-size:8px;letter-spacing:1px}.herofoot>span{display:none}.heroframe{inset:78px 5% 55px}.section{padding:65px 7%}.sectionhead{flex-direction:column;align-items:start;gap:25px}.sectionhead>p{max-width:none}h2{font-size:clamp(38px,8vw,55px)}.gamegrid{grid-template-columns:1fr;gap:50px}.cardvisual{aspect-ratio:16/9}.cardcopy h3{font-size:32px}.studio{grid-template-columns:1fr;gap:20px}.studiocopy{padding:0}.principles{grid-template-columns:1fr;gap:30px;padding-top:20px}.principles h3{font-size:28px}.contact h2{font-size:42px}.contact>a{font-size:31px;gap:20px}footer{flex-wrap:wrap}footer p{order:3;width:100%;text-align:center;font-size:8px}html[dir=rtl] .spotlight{left:7%;right:7%}html[dir=rtl] h1{font-size:clamp(35px,7vw,56px)}html[dir=rtl] h2{font-size:clamp(32px,6.5vw,48px)}html:lang(zh-CN) h1,html:lang(zh-TW) h1,html:lang(ja) h1,html:lang(hi) h1{font-size:clamp(34px,7.8vw,58px)}}@media(max-width:400px){.brand img{width:135px}select{max-width:120px;font-size:10px}header{gap:9px}.herocopy{padding-top:130px}h1{font-size:43px}.kicker{font-size:9px;letter-spacing:1.5px}.button{gap:20px;padding:18px 20px}.worldtabs{gap:25px}.contact>a{font-size:27px;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared studio navigation */
.studio-route{position:absolute;top:105px;left:8%;right:8%;z-index:5;display:flex;justify-content:space-between;gap:20px;font:10px Barlow,Arial,sans-serif;letter-spacing:1px;color:#c5cfd4}.studio-route a{padding:7px 0}.studio-route a:hover{color:#e6bb71}.language-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 5%;border-top:1px solid #b7ccde15;font:10px Arial,sans-serif;color:#8fa0ad}.language-links a{padding:4px}.language-links a:hover{color:#e6bb71}@media(max-width:800px){.studio-route{top:85px;left:7%;right:7%;font-size:8px;letter-spacing:.5px}.studio-route a:last-child{max-width:60%;text-align:end}.language-links{gap:9px;font-size:9px}}