@font-face{font-family:Saudi;src:url('assets/saudi.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#12130f;color:#ece6d7;font-family:Saudi,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #edc882;outline-offset:5px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff16;background:#10120ff2;position:relative;z-index:10}.brand img{width:120px;display:block}nav{display:flex;gap:32px;font-size:14px}nav a{color:#bbb8aa}nav a.active,nav a:hover{color:#eac78a}.lang{background:none;border:1px solid #766747;color:#e9d4a9;padding:7px 17px}.hero{min-height:730px;height:calc(100svh - 90px);max-height:1000px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#10120ff2 0%,#10120f9c 40%,#10120f20 75%),linear-gradient(0deg,#12130f,transparent 35%)}html[dir=ltr] .hero:after{background:linear-gradient(90deg,#10120ff2,#10120f80 45%,transparent),linear-gradient(0deg,#12130f,transparent 35%)}.hero-content{position:relative;z-index:1;width:570px;margin-inline-start:9%;padding:55px 0}.eyebrow{color:#d2ac6d;letter-spacing:2px;font-size:12px;display:block;margin-bottom:18px}.status{display:inline-flex;align-items:center;gap:9px;font-size:12px;border:1px solid #b69a6050;padding:4px 14px;color:#d2c4a5}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:#d3ad6c}.game-title{display:block;width:min(340px,80%);max-height:220px;object-fit:contain;margin:20px -10px 10px}h1{font-size:clamp(35px,5vw,65px);line-height:1.35;font-weight:400;margin:15px 0 25px}h2{font-size:clamp(28px,3.4vw,43px);line-height:1.5;font-weight:400;margin:12px 0 25px}h3{font-size:24px;font-weight:400}p{color:#bbb9ab}.hero p{max-width:440px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.btn{padding:12px 25px;border:1px solid #bb975c;background:#d0af75;color:#171911;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:.2s}.btn:hover{background:#edca8d;transform:translateY(-2px)}.btn.outline{background:transparent;color:#e2cfaa;border-color:#897550}.meta{display:flex;gap:25px;margin-top:38px;color:#a7a897;font-size:12px}.hero-foot{position:absolute;bottom:30px;left:7%;z-index:2;font-size:11px;color:#d7c7a2;letter-spacing:3px}.strip{display:flex;justify-content:space-around;gap:20px;padding:22px 6%;border-block:1px solid #ffffff14;color:#a8a390;font-size:13px}.wrap{max-width:1250px;margin:auto;padding:90px 6%}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{width:100%;display:block;object-fit:cover;aspect-ratio:1.1;border:1px solid #8c744837}.chapter{color:#c6a364;font-size:12px;letter-spacing:3px}.rule{width:55px;height:1px;background:#b89b61;margin:24px 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.feature{border-top:1px solid #6a6247;padding-top:25px}.feature .num{font-size:13px;color:#b39a6c}.feature p{font-size:15px}.video-section{background:#0c100d;border-block:1px solid #ffffff10}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-head p{max-width:370px;font-size:14px}.video-shell{position:relative;margin-top:30px;border:1px solid #736442}video{width:100%;display:block;max-height:680px;background:#000}.caption{font-size:12px;color:#9d9c8b;margin-top:12px}.banner{padding:65px;background:linear-gradient(110deg,#29291c,#191d15);border:1px solid #76633f55;display:flex;align-items:center;justify-content:space-between;gap:40px}.banner h2{margin:0}.page-intro{padding:90px 6% 55px;max-width:1250px;margin:auto}.page-intro p{max-width:650px}.map{aspect-ratio:1.5;object-fit:contain;background:#1e1a13}.wide{width:100%;aspect-ratio:2.2;object-fit:cover;display:block}.studio-logo{padding:50px;background:#000;aspect-ratio:1.3;object-fit:contain}.contact{max-width:850px;margin:0 auto 90px;padding:40px;border:1px solid #75613e;background:#1a1d15}.contact label{display:block;margin-bottom:18px;color:#d5c8af}.contact input,.contact textarea,.contact select{display:block;width:100%;padding:12px;background:#10140e;border:1px solid #5d624b;color:#eee;margin-top:7px}.contact textarea{min-height:140px;resize:vertical}.email{direction:ltr;display:inline-block;color:#e5c18a}.note{font-size:12px}.gallery-button{padding:0;border:0;background:none;cursor:zoom-in;width:100%}footer{border-top:1px solid #ffffff17;padding:40px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#9c9d8c}footer img{width:90px}dialog{background:#0c100d;color:#eee;border:1px solid #867346;padding:18px;width:min(1100px,95vw);max-height:95vh}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:80vh;object-fit:contain}dialog .close{display:block;margin-inline-start:auto;background:none;border:0;color:#eee;font-size:28px}.reveal{animation:appear .8s ease both}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:750px){header{height:auto;min-height:80px;flex-wrap:wrap;gap:16px;padding:18px 5%}.brand img{width:95px}nav{order:3;width:100%;justify-content:center;gap:22px;font-size:12px}.hero{min-height:650px;height:auto}.hero-content{margin:0;padding:60px 7%;width:100%}.hero:after{background:linear-gradient(270deg,#10120fe8,#10120f66),linear-gradient(0deg,#12130f,transparent)!important}.hero p{font-size:16px}.hero-bg{object-position:60%}.split{grid-template-columns:1fr;gap:32px}.wrap{padding:60px 6%}.features{grid-template-columns:1fr;gap:20px}.strip{flex-wrap:wrap;font-size:11px}.section-head,.banner{display:block}.banner{padding:30px}.banner .btn{margin-top:25px}.page-intro{padding:55px 6% 25px}.contact{margin:0 6% 60px;padding:25px}footer{flex-wrap:wrap}.game-title{width:280px}.meta{gap:15px}.hero-foot{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

html[lang="en"] body{font-family:Arial,Helvetica,sans-serif;line-height:1.7}html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-1px}