/* Static website landing; gameplay assets remain in The Race (زحزح) project. */
:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#24064a;color:#fff6e4;font:16px/1.7 Cairo,Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #ffbe0b;outline-offset:4px}
h1,h2,h3,p{margin:0}img,video{display:block;max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:8px;right:16px;z-index:1001;padding:10px 18px;background:#ffbe0b;color:#24064a;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-footer{max-width:1240px;margin:auto;border-top:1px solid #ffffff21;padding:24px 32px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;color:#cfc6dd;font-size:12px}
.site-footer-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.site-footer a{display:inline-flex;align-items:center;min-height:44px}
.site-footer a:hover{color:#ffbe0b;text-decoration:underline;text-underline-offset:5px}

.zz-landing{--zz-muted:#cfc6dd;--zz-gold:#ffbe0b;--zz-sand:#f4dcaa;--zz-purple:#8a5cf6;--zz-panel:#300d5f}
.zz-landing em{color:var(--zz-gold);font-style:normal}
.zz-kicker{color:var(--zz-gold);font-size:12px;font-weight:900;margin-bottom:14px;letter-spacing:.06em}

.zz-hero{position:relative;isolation:isolate;overflow:hidden;background:#24064a;min-height:690px}
.zz-cover{position:absolute;z-index:-2;inset:0;height:100%;width:100%;object-fit:cover;object-position:left center}
.zz-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#24064a00 45%,#24064acc 62%,#24064a 80%),linear-gradient(0deg,#24064a,transparent 18%)}
.zz-hero-inner{max-width:1410px;margin:auto;padding:54px 28px 42px;min-height:690px;display:flex;align-items:center}
.zz-copy{width:min(650px,56%)}
.zz-copy h1{font-size:clamp(56px,6.4vw,96px);font-weight:900;line-height:1.25;letter-spacing:-1px}
.zz-subtitle{display:block;color:var(--zz-gold);font-size:clamp(23px,2.6vw,36px);line-height:1.6;letter-spacing:0}
.zz-summary{font-size:16px;line-height:1.95;margin:16px 0 24px;color:#ece6f4}
.zz-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.zz-action{display:flex;gap:15px;align-items:center;justify-content:center;padding:13px 20px;min-height:72px;border-radius:10px;color:#24064a;transition:transform .18s,filter .18s;text-align:right}
.zz-action strong{display:block;font-size:17px;font-weight:900}
.zz-action small{display:block;font-size:12px;font-weight:700}
.zz-primary{background:var(--zz-gold);box-shadow:0 7px 25px #ffbe0b1f}
.zz-secondary{background:var(--zz-sand)}
.zz-action:disabled{border:0;font:inherit;cursor:not-allowed}
.zz-action:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.07)}
.zz-device{position:relative;display:block;flex-shrink:0;border:2px solid currentColor;border-radius:3px;width:26px;height:19px;opacity:.8}
.zz-screen:after{content:"";position:absolute;width:12px;height:6px;border-bottom:2px solid currentColor;top:17px;left:5px}
.zz-phone{width:16px;height:26px;margin-inline:5px}
.zz-phone:after{content:"";position:absolute;width:5px;border-top:2px solid currentColor;bottom:3px;left:3.5px}
.zz-facts{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--zz-muted);font-size:12px;font-weight:700;margin-top:23px}
.zz-facts span+span{border-inline-start:1px solid #ffffff35;padding-inline-start:20px}

.zz-section{max-width:1240px;margin:auto;padding:78px 32px}
.zz-section h2{font-size:clamp(26px,3vw,40px);font-weight:900;line-height:1.55}
.zz-section p:not(.zz-kicker){color:var(--zz-muted);line-height:1.95;font-size:15px}
.zz-band{background:var(--zz-panel);border-block:1px solid #ffffff10}

.zz-setup{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.zz-setup>div>p:not(.zz-kicker){max-width:440px;margin-top:18px}
.zz-text-link{display:inline-flex;gap:20px;color:var(--zz-gold);font-size:14px;font-weight:700;margin-top:25px;padding-block:8px}
.zz-steps{list-style:none;padding:0;margin:0;display:grid;gap:28px}
.zz-steps li{display:flex;gap:22px;align-items:baseline}
.zz-steps li>span{color:var(--zz-gold);font-size:25px;font-weight:900}
.zz-steps h3{font-size:18px;margin-bottom:6px}

.zz-round{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:38px 0 28px}
.zz-round>div{border-inline-start:2px solid #ffbe0b55;padding-inline-start:24px}
.zz-round span{font-size:12px;color:var(--zz-muted)}
.zz-round h3{font-size:25px;color:var(--zz-gold);margin:8px 0 12px}
.zz-note{max-width:820px}

.zz-head{max-width:760px;margin-bottom:34px}
.zz-head p:not(.zz-kicker){margin-top:12px}
.zz-minigames{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.zz-minigames li{background:#ffffff08;border:1px solid #ffffff17;border-radius:12px;overflow:hidden}
.zz-minigames video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#1a0436}
.zz-minigames h3{font-size:18px;padding:14px 16px 2px}
.zz-minigames p{font-size:14px!important;line-height:1.8!important;padding:0 16px 16px}

.zz-maps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.zz-maps li{border-top:3px solid var(--zz-gold);padding-top:16px}
.zz-maps li:nth-child(2){border-color:#f38b71}.zz-maps li:nth-child(3){border-color:#69d4cd}.zz-maps li:nth-child(4){border-color:var(--zz-purple)}
.zz-maps h3{font-size:19px}
.zz-maps small{display:block;color:var(--zz-gold);font-size:12px;font-weight:700;margin:2px 0 8px}

.zz-items{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 40px;margin:0}
.zz-items div{display:flex;gap:14px;align-items:baseline;border-bottom:1px solid #ffffff17;padding:12px 0}
.zz-items dt{flex:0 0 120px;font-weight:900;color:var(--zz-sand)}
.zz-items dd{margin:0;color:var(--zz-muted);font-size:14px}

.zz-faq{display:grid;grid-template-columns:.85fr 1.4fr;gap:70px}
.zz-faq>div>p:last-child{margin-top:15px}
.zz-questions details{border-bottom:1px solid #ffffff21;padding:19px 0}
.zz-questions details:first-child{padding-top:0}
.zz-questions summary{cursor:pointer;font-size:16px;font-weight:700;padding:5px 0;min-height:44px}
.zz-questions summary::marker{color:var(--zz-gold)}
.zz-questions summary:focus-visible{outline:3px solid var(--zz-gold);outline-offset:5px}
.zz-questions details p{padding:10px 18px 3px 0}

@media(min-width:1600px){.zz-cover{width:auto;max-width:none;inset:0 auto 0 0}}
@media(max-width:1000px){.zz-copy{width:68%}.zz-hero:after{background:linear-gradient(90deg,#24064a30,#24064ad9 45%,#24064a 95%)}.zz-setup{gap:40px}.zz-faq{gap:35px}.zz-maps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.zz-hero{min-height:0}.zz-hero-inner{padding:336px 20px 32px;min-height:0}.zz-cover{height:320px;width:100%;object-position:left center}.zz-hero:after{background:linear-gradient(0deg,#24064a 0%,#24064a 50%,#24064a00 80%)}.zz-copy{width:100%}.zz-copy h1{font-size:58px}.zz-summary{font-size:15px}.zz-actions{grid-template-columns:1fr;gap:9px}.zz-action{padding:12px 9px;gap:10px;min-height:64px}.zz-action strong{font-size:15px}.zz-device{display:none}.zz-facts{gap:8px 12px}.zz-facts span+span{padding-inline-start:12px}.zz-section{padding:48px 20px}.zz-setup,.zz-faq{grid-template-columns:1fr;gap:32px}.zz-round{grid-template-columns:1fr;gap:27px;margin-top:28px}.zz-round h3{margin:4px 0 8px}.zz-maps,.zz-items{grid-template-columns:1fr}.zz-items dt{flex-basis:100px}.site-footer{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.zz-action{transition:none}.zz-action:not(:disabled):hover{transform:none}}