/* NEW YOLK LAND v3: black-gold cinematic (SITE_V3_BRIEF). RTL-first, logical properties. */
@font-face{font-family:"Lalezar";src:url(/fonts/Lalezar.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Aref Ruqaa";src:url(/fonts/ArefRuqaa.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/fonts/InterTight.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Cairo";src:url(/fonts/Cairo.woff2) format("woff2");font-weight:200 1000;font-display:swap}
:root{
 --bg:#070605;--bg2:#100d0a;--line:rgba(232,169,58,.2);--gold:#E8A93A;--gold2:#ffd27a;--amber:#b8661f;--ink:#f3ece0;--mute:#a59d90;
 --teal:#4fc6b8;--steel:#7fa2b0;--cafe:#9e2b25;--tower:#6a5cff;
 --fd:"Lalezar","Inter Tight",system-ui,sans-serif;--fl:"Inter Tight","Cairo",system-ui,sans-serif;--fb:"Cairo","Inter Tight",system-ui,sans-serif;--fa:"Aref Ruqaa","Lalezar",serif;
 --pad:clamp(18px,5vw,80px);--max:1320px;color-scheme:dark}
html[lang=en]{--fd:"Inter Tight","Lalezar",system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.7 var(--fb);overflow-x:hidden}
img,svg{max-width:100%}
picture{display:block}
picture img{display:block;width:100%;height:100%;object-fit:cover}
a{color:var(--gold)}
h1,h2,h3{margin:0;font-family:var(--fd);font-weight:400;line-height:.98}
html[lang=en] h1,html[lang=en] h2{font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
p{margin:0 0 1em}
.small{font-size:13px;color:var(--mute)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:900px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--gold);color:#000;padding:8px 14px;border-radius:8px;font-weight:800}
.skip:focus{top:12px}
.kicker{display:flex;align-items:center;gap:12px;font:800 13px/1 var(--fl);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
html[lang=ar] .kicker{letter-spacing:.04em;font-family:var(--fb);font-size:15px}
.kicker::before{content:"";width:34px;height:1px;background:var(--gold)}
.lead{font-size:clamp(17px,1.3vw,20px);color:#d9d0c2;max-width:58ch}
.tag{font:800 11px/1 var(--fl);padding:6px 10px;border-radius:999px;border:1px solid rgba(243,236,224,.3);background:rgba(11,11,13,.6);color:var(--ink);letter-spacing:.04em;backdrop-filter:blur(6px)}
.tag-concept{border-color:var(--amber);color:#ffc89a}.tag-render{border-color:var(--teal);color:#b5f1e8}
.badge{display:inline-block;font:800 11px/1 var(--fl);padding:5px 9px;border-radius:999px;border:1px solid;letter-spacing:.05em;text-transform:none}
.badge-optional{color:#b5f1e8;border-color:var(--teal)}.badge-later{color:#ffc49f;border-color:var(--amber)}
.badge-live{color:#9ee0c9;border-color:#3fb3a6}.badge-dev{color:var(--gold);border-color:var(--gold)}.badge-planned{color:#ffc49f;border-color:var(--amber)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 30px;font:800 16px/1 var(--fb);text-decoration:none;border:1px solid transparent;cursor:pointer;
 clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:transform .2s,filter .2s;color:var(--ink);background:none}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn.gold,.btn-gold{background:var(--gold);color:#0d0904;clip-path:none;border-radius:2px;box-shadow:0 10px 40px rgba(232,169,58,.35);letter-spacing:.02em}
.btn.gold:hover,.btn-gold:hover{background:#f5bb4f}
.btn.ghost,.btn-line{border-color:rgba(243,236,224,.35);background:rgba(11,11,13,.35)}
.btn-ivory{background:var(--ink);color:#000}
.btn:disabled{opacity:.5;cursor:not-allowed}

/* header */
.top{position:fixed;inset-inline:0;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:18px var(--pad);mix-blend-mode:normal;transition:background .3s,padding .3s}
.top.solid{background:rgba(11,11,13,.82);backdrop-filter:blur(14px);padding-block:10px;box-shadow:0 1px 0 var(--line)}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-inline-end:auto;font:900 13px var(--fl);letter-spacing:.3em}
.mark img{width:40px;height:40px;filter:drop-shadow(0 0 12px rgba(242,184,75,.5))}
#nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
#nav a{color:var(--ink);text-decoration:none;font:700 14px var(--fb);opacity:.8}
#nav a:hover,#nav a.on{opacity:1;color:var(--gold)}
.lang{color:var(--ink);text-decoration:none;font:800 13px var(--fl);border:1px solid var(--line);padding:9px 14px;letter-spacing:.08em}
.menu{display:none;width:44px;height:44px;border:1px solid var(--line);background:none;flex-direction:column;gap:6px;align-items:center;justify-content:center;cursor:pointer}
.menu span:not(.sr){width:20px;height:2px;background:var(--ink)}
.notice{position:fixed;top:80px;inset-inline:var(--pad);z-index:60;display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--ink);color:#000;padding:12px 16px;max-width:720px;margin-inline:auto;font-weight:700}
.notice p{margin:0}.notice-x{border:0;background:none;font-size:24px;cursor:pointer}

/* hero: key art A (user pick), animated layers */
.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;background:#000;isolation:isolate}
.hero-art{position:absolute;inset:0;z-index:0;transform-origin:62% 50%;animation:push 20s ease-in-out infinite alternate}
@keyframes push{from{transform:scale(1)}to{transform:scale(1.06)}}
.ka{position:absolute;inset:-14px;will-change:transform;transform:translate3d(calc(var(--mx,0) * var(--d) * -12px),calc(var(--my,0) * var(--d) * -8px),0)}
.ka-base{--d:.35}.ka-rift{--d:1}.ka-edge{--d:1}.ka-sweep{--d:1}.ka-smoke{--d:.6}
.ka picture,.ka img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:22% 50%}
.ka-rift img{filter:brightness(1.06) saturate(1.08)}
.ka-edge{mix-blend-mode:screen;animation:edge 3.6s ease-in-out infinite}
@keyframes edge{0%,100%{opacity:.35}50%{opacity:.95}}
.ka-sweep{-webkit-mask:url(/hero/mask-1280.png) 22% 50%/cover no-repeat;mask:url(/hero/mask-1280.png) 22% 50%/cover no-repeat;mix-blend-mode:screen;overflow:hidden}
.ka-sweep::before{content:"";position:absolute;inset-inline:0;height:28%;top:100%;background:linear-gradient(to top,transparent,rgba(255,226,150,.55),rgba(255,246,214,.85),rgba(255,226,150,.5),transparent);animation:riftsweep 6.5s cubic-bezier(.45,0,.3,1) infinite}
@keyframes riftsweep{0%{top:100%}70%,100%{top:-30%}}
.ka-smoke{pointer-events:none;overflow:hidden}
.ka-smoke i{position:absolute;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(180,170,160,.16),rgba(120,110,100,.06) 45%,transparent 70%);filter:blur(18px);right:-8vw;top:20%;animation:smoke 26s linear infinite}
.ka-smoke i:nth-child(2){top:50%;right:4vw;width:34vw;height:34vw;animation-duration:32s;animation-delay:-11s}
.ka-smoke i:nth-child(3){top:-6%;right:10vw;width:30vw;height:30vw;animation-duration:38s;animation-delay:-20s}
@keyframes smoke{0%{transform:translate(0,0) scale(1);opacity:0}15%{opacity:1}100%{transform:translate(-14vw,-10vh) scale(1.35);opacity:0}}
.h-sparks{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.grain{position:absolute;inset:-50%;z-index:2;pointer-events:none;opacity:.1;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}
.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.2) 38%,transparent 55%),radial-gradient(ellipse at 66% 50%,transparent 45%,rgba(0,0,0,.7) 100%),linear-gradient(to top,var(--bg),transparent 18%)}
.hero-copy{position:absolute;z-index:3;left:var(--pad);right:auto;top:50%;transform:translateY(-50%);width:min(780px,44vw);text-align:left}
[dir=rtl] .hero-copy .cta{justify-content:flex-end}
[dir=rtl] .hero-copy .badge-inv{flex-direction:row-reverse}
.lockup{width:min(360px,100%);height:auto;margin-bottom:22px;filter:drop-shadow(0 0 40px rgba(232,169,58,.3))}
.hero h1{font-size:clamp(30px,2.9vw,54px);color:#fff4dd;margin-bottom:28px;text-shadow:0 4px 40px rgba(0,0,0,.6)}
html[lang=en] .hero h1{font-size:clamp(24px,2.2vw,40px);letter-spacing:.06em}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.badge-inv{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;font:800 13px var(--fl);letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
html[lang=ar] .badge-inv{font-family:var(--fb);letter-spacing:0;font-size:14px}
.badge-inv i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(232,169,58,.7);animation:ping 2.2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(232,169,58,0)}100%{box-shadow:0 0 0 0 rgba(232,169,58,0)}}
.ph-note{display:none}

/* reveal masks */
.reveal-words .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
.reveal-words .w>span{display:inline-block}
.js.motion .reveal-words .w>span{transform:translateY(110%)}
.js.motion .reveal-words.in .w>span{transform:none;transition:transform 1s cubic-bezier(.2,.8,.1,1)}
.js.motion .reveal-words.in .w:nth-child(2)>span{transition-delay:.08s}.js.motion .reveal-words.in .w:nth-child(3)>span{transition-delay:.16s}
.js.motion .reveal-words.in .w:nth-child(4)>span{transition-delay:.24s}.js.motion .reveal-words.in .w:nth-child(5)>span{transition-delay:.32s}

/* world: pinned horizontal pan across the panorama */
.world{position:relative;background:#000}
.world-pin{position:relative;height:100svh;overflow:hidden}
.world-track{position:absolute;top:0;height:100%;width:calc(100svh * var(--ar,2.33));inset-inline-start:0;will-change:transform}
[dir=rtl] .world-track{inset-inline-start:auto;inset-inline-end:0}
.world-track picture{height:100%}
.pin{position:absolute;left:calc(var(--px) * 100%);top:calc(var(--py) * 100%);display:flex;align-items:center;gap:8px;font:800 14px var(--fb);color:var(--ink);text-shadow:0 2px 12px #000;transform:translate(-50%,-50%)}
.pin i{width:12px;height:12px;border-radius:50%;border:2px solid var(--gold);background:rgba(242,184,75,.3);box-shadow:0 0 0 6px rgba(242,184,75,.12)}
.world-copy{position:absolute;inset-block-end:9vh;inset-inline-start:var(--pad);z-index:2;max-width:520px;padding:26px;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.25));backdrop-filter:blur(4px)}
.world-copy h2{font-size:clamp(46px,7vw,120px);color:var(--gold2);margin-bottom:12px}
.world-copy .tag{display:inline-block;margin-top:4px}

/* chapters: full-screen, colour graded, clip-path wipe in */
.chapter{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.ch-media{position:absolute;inset:0;z-index:-2}
.ch-media picture{height:100%}
.js.motion .ch-media{clip-path:inset(12% 8% 12% 8%)}
.ch-media img{transform:scale(1.15)}
.ch-grade{position:absolute;inset:0;z-index:-1}
.g-farm .ch-grade{background:linear-gradient(to top,rgba(11,11,13,.92) 4%,rgba(60,32,6,.2) 42%,transparent 70%),radial-gradient(ellipse at 70% 20%,rgba(255,180,80,.25),transparent 60%)}
.g-market .ch-grade{background:linear-gradient(to top,rgba(11,11,13,.92) 4%,rgba(40,10,50,.3) 45%,transparent 70%),radial-gradient(ellipse at 30% 30%,rgba(255,60,180,.18),transparent 55%)}
.g-war .ch-grade{background:linear-gradient(to top,rgba(5,10,12,.94) 6%,rgba(20,45,52,.35) 45%,rgba(79,198,184,.06))}
.g-war .ch-media img{filter:saturate(.55) contrast(1.15) hue-rotate(-8deg)}
.g-cafe .ch-grade{background:linear-gradient(to top,rgba(11,11,13,.92) 4%,rgba(90,20,18,.3) 45%,transparent 70%),radial-gradient(ellipse at 70% 30%,rgba(79,198,184,.12),transparent 55%)}
.g-tower .ch-grade{background:radial-gradient(ellipse at 65% 35%,rgba(106,92,255,.28),transparent 55%),radial-gradient(ellipse at 60% 20%,rgba(79,198,184,.2),transparent 50%),linear-gradient(to top,var(--bg) 6%,rgba(11,11,13,.2))}
.g-tower{background:#06060c}
.ch-copy{position:relative;width:100%;padding:0 var(--pad) 12vh;max-width:var(--max);margin:0 auto}
.ch-n{font:900 clamp(80px,14vw,220px)/.8 var(--fl);color:transparent;-webkit-text-stroke:1px rgba(242,184,75,.45);margin:0 0 -.15em}
.chapter h2{font-size:clamp(46px,8.5vw,150px);max-width:14ch;color:var(--ink);margin-bottom:28px}
.g-war h2{color:#d8eef2}.g-tower h2{color:#e8e4ff}.g-farm h2{color:#ffe7b8}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:12px 40px;padding:0;margin:0;font:700 16px var(--fb)}
.facts li{display:flex;gap:10px;align-items:baseline;border-top:1px solid var(--line);padding-top:12px;min-width:200px}
.f-n{font:800 12px var(--fl);color:var(--gold);letter-spacing:.12em}
.ch-label{position:absolute;inset-block-start:96px;inset-inline-end:var(--pad);z-index:2}
.chapter .kicker .badge{margin-inline-start:10px}
/* tower teaser rings */
.tw{display:grid;place-items:center}
.tw-stage{position:absolute;top:8%;inset-inline-end:8%;width:min(70vh,60vw);aspect-ratio:1;perspective:900px;display:grid;place-items:center}
.tw-emblem{width:44%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 0 50px rgba(106,92,255,.7)) drop-shadow(0 0 20px rgba(242,184,75,.6));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.tw-beam{position:absolute;left:50%;bottom:-10%;width:16%;height:70%;transform:translateX(-50%);background:linear-gradient(to top,rgba(79,198,184,.45),transparent);filter:blur(16px)}
.ring{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid rgba(242,184,75,.7);box-shadow:0 0 22px rgba(106,92,255,.45);transform-style:preserve-3d}
.ring i{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 16px #9fdcff}
.ring.r0{width:72%;height:72%;margin:-36% 0 0 -36%;animation:orbA 9s linear infinite}
.ring.r1{width:90%;height:90%;margin:-45% 0 0 -45%;border-color:rgba(79,198,184,.7);animation:orbB 13s linear infinite}
.ring.r2{width:56%;height:56%;margin:-28% 0 0 -28%;border-color:rgba(160,150,255,.75);animation:orbC 7s linear infinite reverse}
.ring.r3{width:104%;height:104%;margin:-52% 0 0 -52%;border-style:dashed;border-color:rgba(243,236,224,.3);animation:orbB 21s linear infinite reverse}
@keyframes orbA{from{transform:rotateX(66deg) rotateZ(0)}to{transform:rotateX(66deg) rotateZ(360deg)}}
@keyframes orbB{from{transform:rotateX(60deg) rotateY(12deg) rotateZ(0)}to{transform:rotateX(60deg) rotateY(12deg) rotateZ(360deg)}}
@keyframes orbC{from{transform:rotateX(70deg) rotateY(-10deg) rotateZ(0)}to{transform:rotateX(70deg) rotateY(-10deg) rotateZ(360deg)}}

/* characters */
.chars-sec,.plat-sec,.beta-sec,.faq-sec,.support-sec{padding:16vh 0}
.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--pad);align-items:start}
.support-sec h2{font-size:clamp(44px,7vw,120px);margin-bottom:30px}
.del-note{border-inline-start:2px solid var(--gold);padding-inline-start:14px;color:#d9d0c2;font-size:15px}
.form textarea{font:inherit;color:var(--ink);background:#0b0b0d;border:1px solid rgba(243,236,224,.2);padding:12px 14px;width:100%;min-height:120px}
.form h3{font:400 28px var(--fd);margin:0}
.chars-sec h2,.plat-sec h2,.beta-sec h2,.faq-sec h2{font-size:clamp(44px,7vw,120px);margin-bottom:30px}
.chars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0 16px;perspective:1000px}
.char{position:relative;margin:0;aspect-ratio:3/4.4;overflow:hidden;background:#000;transition:transform .25s;transform-style:preserve-3d;
 clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.char-img{position:absolute;inset:0}
.char-img picture{height:100%}
.char img{filter:contrast(1.05) saturate(.95);transition:transform .6s}
.char:hover img{transform:scale(1.05)}
.char::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent 50%)}
.char figcaption{position:absolute;z-index:2;inset-block-end:22px;inset-inline-start:22px}
.c-role{display:block;font:800 12px var(--fl);letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
html[lang=ar] .c-role{letter-spacing:0;font-family:var(--fb);font-size:14px}
.c-name{display:block;font:400 clamp(30px,3vw,48px)/1 var(--fd);color:var(--ink)}

/* platforms: glass cards */
.plat-sec{background:radial-gradient(ellipse at 50% 0,rgba(242,184,75,.1),transparent 60%),var(--bg)}
.pl-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:34px}
.pl{grid-column:span 2;display:flex;flex-direction:column;padding:24px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(243,236,224,.12);backdrop-filter:blur(10px);
 clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.pl:nth-child(1),.pl:nth-child(2){grid-column:span 3;border-color:rgba(242,184,75,.4)}
.pl.is-suggested{box-shadow:inset 0 0 0 1px var(--gold)}
.pl-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.pl-head h3{font:400 28px var(--fd)}
html[lang=en] .pl-head h3{font:800 22px var(--fl)}
.pl-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line)}
.pl-icon svg{width:24px;height:24px}
.pl-st{margin-inline-start:auto;font:800 11px var(--fl);padding:6px 10px;border:1px solid;letter-spacing:.06em}
.st-invite{color:var(--teal);border-color:var(--teal)}.st-limited{color:var(--gold)}.st-soon{color:var(--mute);border-color:rgba(165,157,144,.4)}.st-ready{color:#9ee0c9}
.pl-k{font:800 11px var(--fl);letter-spacing:.14em;color:var(--mute);text-transform:uppercase;margin:0 0 4px}
.pl-access{font-size:15px}
.ticks{list-style:none;padding:0;margin:0 0 14px;font-size:14px}
.ticks li{padding-inline-start:16px;position:relative}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:6px;height:6px;background:var(--gold)}
.pl-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:14px;padding:12px;background:rgba(0,0,0,.35)}
.pl-meta dt{color:var(--mute)}.pl-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}
.pl-meta code{font-size:12px}.pl-meta code.tbd{font:inherit}
.pl-invnote{margin:0 0 12px;padding:10px 12px;border:1px dashed var(--gold);font-size:14px;font-weight:700;color:var(--gold2)}
.pl-invnote a{color:var(--ink)}
.pl-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}
.pl-actions .btn{min-height:46px;padding:10px 20px;font-size:14px}
.checker{border:1px solid var(--line);background:var(--bg2);color:var(--ink);padding:0;width:min(92vw,600px)}
.checker::backdrop{background:rgba(0,0,0,.85)}
.chk-inner{padding:26px}
.checks{list-style:none;padding:0;margin:14px 0}
.checks li{position:relative;padding:8px 12px;padding-inline-start:38px;margin-bottom:6px;background:rgba(255,255,255,.04)}
.checks li::before{position:absolute;inset-inline-start:12px;font-weight:900}
.chk-ok::before{content:"✓";color:#7fd3b6}.chk-bad::before{content:"✕";color:#ff8f84}.chk-warn::before{content:"!";color:var(--gold)}.chk-info::before{content:"i";color:var(--mute)}
.chk-result{font-weight:800}.chk-result.ok{color:#9ee0c9}.chk-result.bad{color:#ffb4ac}
.chk-actions{display:flex;flex-wrap:wrap;gap:10px}
.chk-size{color:var(--mute)}

/* beta: big invite-only panel */
.beta-sec{background:radial-gradient(ellipse at 20% 50%,rgba(201,116,42,.25),transparent 55%),#070707;border-block:1px solid var(--line)}
.beta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--pad);align-items:center}
.beta-sec h2{color:var(--gold2)}
.form{position:relative;display:grid;gap:12px;padding:28px;background:rgba(255,255,255,.04);border:1px solid var(--gold);
 clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
.form label{display:grid;gap:6px;font-weight:700;font-size:14px}
.form input,.form select{font:inherit;color:var(--ink);background:#0b0b0d;border:1px solid rgba(243,236,224,.2);padding:12px 14px;min-height:48px;width:100%}
.form input:focus,.form select:focus{border-color:var(--gold);outline:none}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.form .check input{width:22px;height:22px;min-height:0;flex:none;accent-color:var(--gold)}
.req-type{margin:0;font-size:13px;color:var(--gold)}
.form .hp{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}
.form-msg{margin:0;min-height:1.4em;font-weight:700}.form-msg.ok{color:#9ee0c9}.form-msg.err{color:#ffb4ac}
.form-closed{margin:0;color:var(--mute)}
.field-err{color:#ffb4ac;font-size:13px}

/* faq + footer */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;padding:18px 0;font:700 19px var(--fb)}
.faq summary::after{content:"+";color:var(--gold);font-size:24px}
.faq details[open] summary::after{content:"–"}
.faq p{color:#d0c7b8}
.foot{padding:70px 0 40px;border-top:1px solid var(--line);background:#050505}
.foot-in{display:grid;grid-template-columns:auto 1fr;gap:var(--pad);align-items:center}
.foot-lockup{width:min(260px,60vw);height:auto}
.foot-rules{color:var(--gold);font-weight:800}

/* egg trail */
.trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:70}

@media (max-width:1000px){
 #nav{position:fixed;inset:0;z-index:-1;background:rgba(5,5,5,.97);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
 #nav.open{opacity:1;pointer-events:auto}
 #nav ul{flex-direction:column;align-items:center;gap:14px}
 #nav a{font:400 34px var(--fd)}
 .menu{display:flex}
 .pl,.pl:nth-child(1),.pl:nth-child(2){grid-column:span 3}
 .pl:nth-child(5){grid-column:span 6}
}
/* phone: designed layout, not shrunk */
@media (max-width:760px){
 body{font-size:16px}
 .mark span{display:none}
 .hero{height:auto;min-height:100svh;display:flex;flex-direction:column}
 .hero-art{position:relative;inset:auto;width:100%;height:64svh}
 .ka img,.ka picture img{object-position:68% 40%}
 .ka-sweep{-webkit-mask-position:68% 40%;mask-position:68% 40%}
 .ka{animation:drift 9s ease-in-out infinite alternate}
 @keyframes drift{from{transform:translate3d(calc(var(--d) * -6px),0,0)}to{transform:translate3d(calc(var(--d) * 6px),calc(var(--d) * -4px),0)}}
 .vignette{background:linear-gradient(to top,var(--bg) 2%,transparent 30%)}
 .hero-copy{position:relative;left:auto;top:auto;transform:none;width:100%;padding:0 var(--pad) 40px;margin-top:-24px}
 .hero-copy .lockup{width:180px}
 .lockup{width:220px}
 .hero h1{font-size:clamp(26px,7.5vw,36px)}
 html[lang=en] .hero h1{font-size:clamp(20px,5.6vw,28px)}
 .cta .btn{flex:1 1 100%}
 .ph-note{position:relative;inset:auto;margin:0 var(--pad) 20px}
 .world-copy{inset-inline:12px;inset-block-end:4vh;padding:18px}
 .chapter{min-height:92svh}
 .ch-copy{padding-bottom:9vh}
 .chapter h2{font-size:clamp(40px,12vw,64px)}
 .facts{flex-direction:column;gap:10px}
 .tw-stage{margin-inline-start:0;width:90vw}
 .chars{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
 .char{scroll-snap-align:center}
 .pl-grid{grid-template-columns:1fr}
 .pl,.pl:nth-child(n){grid-column:auto}
 .beta-grid,.foot-in,.support-grid{grid-template-columns:1fr}
 .chars-sec,.plat-sec,.beta-sec,.faq-sec{padding:10vh 0}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .js .reveal-words .w>span{transform:none!important}
 .js .ch-media{clip-path:none!important}
 .ch-media img{transform:none!important}
 .trail,.h-sparks,.grain{display:none}
}

.s-glint{animation:glint 3.5s ease-in-out infinite}
@keyframes glint{0%,70%,100%{opacity:.2}80%{opacity:1}}

/* egg-crack preloader (JS only, once per session) */
.preloader{display:none}
.js .preloader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#000;transition:opacity .6s}
.pl-egg{width:min(34vh,56vw);height:auto;overflow:visible}
.pl-egg .pl-top,.pl-egg .pl-bot{transition:transform .9s cubic-bezier(.6,0,.2,1)}
.pl-crack{stroke-dasharray:600;stroke-dashoffset:600;filter:drop-shadow(0 0 10px #ffb84a)}
.pl-burst{opacity:0;transform-box:fill-box;transform-origin:center}
.pl-flood{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff3cf 0,#ffcf6a 18%,#e8a93a 34%,rgba(232,169,58,0) 60%);opacity:0;transform:scale(.2);pointer-events:none}
.pl-skip{position:absolute;inset-block-end:28px;inset-inline-end:28px;background:none;border:1px solid rgba(232,169,58,.5);color:var(--gold);font:700 13px var(--fb);padding:8px 16px;cursor:pointer}
.preloader.crack .pl-crack{stroke-dashoffset:0;transition:stroke-dashoffset .5s ease-out}
.preloader.open .pl-top{transform:translate(-4%,-22%) rotate(-12deg)}
.preloader.open .pl-bot{transform:translate(2%,10%) rotate(4deg)}
.preloader.open .pl-burst{opacity:1;transform:scale(9);transition:transform .9s ease-out,opacity .3s}
.preloader.open .pl-flood{opacity:1;transform:scale(3);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .4s}
.preloader.done{opacity:0;pointer-events:none}

/* world inside the egg */
.egg-sec{position:relative;padding:16vh 0;overflow:hidden;background:radial-gradient(ellipse at 40% 55%,rgba(232,169,58,.18),transparent 55%),#040302}
.egg-rays{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 38% 55%,rgba(255,207,106,.09) 0 4deg,transparent 4deg 13deg);animation:rays 60s linear infinite;mask:radial-gradient(circle at 38% 55%,#000 0,transparent 55%);-webkit-mask:radial-gradient(circle at 38% 55%,#000 0,transparent 55%)}
@keyframes rays{to{transform:rotate(360deg)}}
.egg-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:var(--pad);align-items:center}
.egg-art{position:relative}
.egg-art .tag{position:absolute;inset-block-start:10px;inset-inline-start:10px}
.egg-img img,.egg-ph{width:100%;height:auto;filter:drop-shadow(0 30px 80px rgba(232,169,58,.35))}
.eg-glow{animation:egpulse 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes egpulse{50%{opacity:.6;transform:scale(1.05)}}
.eg-rim{filter:drop-shadow(0 0 12px #ffb84a)}
.eg-cap{transform-box:fill-box;transform-origin:20% 100%;animation:cap 6s ease-in-out infinite alternate}
@keyframes cap{from{transform:rotate(-4deg) translateY(-6px)}to{transform:rotate(-9deg) translateY(-22px)}}
.egg-sec h2{font-size:clamp(44px,6.5vw,110px);color:var(--gold2);margin-bottom:24px}
@media (max-width:760px){.egg-grid{grid-template-columns:1fr}.egg-sec{padding:10vh 0}}
@media (prefers-reduced-motion:reduce){.js .preloader{display:none}}

/* egg section with the master image (full-bleed, copy on the black side) */
.egg-full{min-height:100svh;padding:0;display:flex;align-items:center;background:#000}
.egg-bg{position:absolute;inset:0;z-index:0}
.egg-bg picture,.egg-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.egg-full .egg-glow{position:absolute;z-index:1;left:58%;top:12%;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.55),rgba(232,169,58,.18) 40%,transparent 70%);mix-blend-mode:screen;animation:egpulse 4.5s ease-in-out infinite}
.egg-full .egg-rays{inset:0;z-index:1;background:repeating-conic-gradient(from 0deg at 68% 32%,rgba(255,210,122,.08) 0 3deg,transparent 3deg 11deg);mask:radial-gradient(circle at 68% 32%,#000 0,transparent 42%);-webkit-mask:radial-gradient(circle at 68% 32%,#000 0,transparent 42%);mix-blend-mode:screen}
.egg-dust{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.egg-full .egg-copy{position:relative;z-index:3;width:min(520px,40vw);margin-inline:0;left:var(--pad)}
[dir=rtl] .egg-full .egg-copy{margin-inline-start:auto;margin-inline-end:0;left:auto;right:auto;margin-left:var(--pad)}
.egg-full::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 45%),linear-gradient(to top,var(--bg),transparent 15%)}
@media (max-width:760px){
 .egg-full{flex-direction:column;align-items:stretch;min-height:0}
 .egg-bg{position:relative;height:60svh}
 .egg-bg img{object-position:66% 50%}
 .egg-full .egg-glow{left:48%;top:4%;width:44%}
 .egg-full .egg-copy,[dir=rtl] .egg-full .egg-copy{width:auto;margin:-40px var(--pad) 50px;left:auto}
}

/* hero title (user pick C): huge NEW YOLK, LAND in a gold band, Arabic below; text, no 3D render */
.tl{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:26px}
[dir=rtl] .tl{align-items:flex-end}
.tl-c .tl-big{font:900 clamp(60px,6.6vw,128px)/.86 var(--fl);letter-spacing:-.01em;text-transform:uppercase;color:#f6efe2;white-space:nowrap;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.tl-c .tl-bar{display:inline-block;margin-top:10px;padding:6px 26px 4px;background:var(--gold);color:#0b0805;font:900 clamp(34px,3.6vw,64px)/1 var(--fl);letter-spacing:.42em;text-indent:.42em}
.tl-ar{margin-top:14px;font:400 clamp(30px,3vw,52px)/1 var(--fd);color:#e8b75c;text-shadow:0 2px 0 rgba(0,0,0,.5)}
@media (max-width:760px){
 .tl-c .tl-big{font-size:clamp(44px,15.5vw,72px)}
 .tl-c .tl-bar{font-size:clamp(24px,8vw,34px);padding:5px 18px 3px}
 .tl-ar{font-size:clamp(26px,8vw,36px);margin-top:10px}
}

/* generated */
.world-track{--ar:2.3343}
.pin.p0{--px:0.18;--py:0.62}
.pin.p1{--px:0.42;--py:0.42}
.pin.p2{--px:0.63;--py:0.66}
.pin.p3{--px:0.86;--py:0.5}
.char:nth-child(1) img{object-position:60% 40%}
.char:nth-child(2) img{object-position:45% 35%}
.char:nth-child(3) img{object-position:58% 30%}