:root{--brand:#ffd91a;--brand-deep:#d9a400;--red:#d1102f;--info:#0e6cc2;--reward:#00b49b;--ink:#16213f;--night:#10224d;--surface:#1c4286;--raised:#2a56a6;--muted:#b9c8ec;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:#fff;font:500 19px/1.55 'Barlow Condensed','Noto Sans','Noto Sans Hebrew','Noto Sans Arabic',system-ui,sans-serif}
a{color:#8cc8ff}
a:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.skip{position:absolute;top:8px;inset-inline-start:16px;z-index:9;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip-path:none;background:#fff;color:var(--ink);padding:8px 12px;border-radius:8px}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-in{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}
.brand{text-decoration:none;font:italic 900 34px/1 'Barlow Condensed',sans-serif;direction:ltr}
.brand b{display:inline-block;margin:0 1px;text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.nav a{color:#fff;text-decoration:none;font-weight:800;padding:6px 10px;border-radius:10px;white-space:nowrap}
.nav a[aria-current]{background:var(--raised)}
.play-now{flex:none;margin-inline-start:auto;background:var(--brand);color:var(--ink);font:italic 900 22px/1 'Barlow Condensed',sans-serif;padding:10px 18px;border-radius:14px;text-decoration:none;box-shadow:0 4px 0 var(--brand-deep)}
@media (max-width:640px){.nav{display:none}}
main{padding-top:24px;padding-bottom:40px}
h1{font:italic 900 clamp(40px,8vw,64px)/1.05 'Barlow Condensed','Noto Sans',sans-serif;margin:16px 0 12px;overflow-wrap:break-word;hyphens:auto}
h2{font:800 30px/1.15 'Barlow Condensed','Noto Sans',sans-serif;margin:32px 0 8px;overflow-wrap:break-word;hyphens:auto}
h3{font:800 23px/1.2 'Barlow Condensed','Noto Sans',sans-serif;margin:20px 0 4px;overflow-wrap:break-word;hyphens:auto}
:lang(ar) :is(h1,h2,h3),:lang(fa) :is(h1,h2,h3),:lang(ur) :is(h1,h2,h3),:lang(he) :is(h1,h2,h3){font-style:normal}
p,li{color:#e6ecfa;overflow-wrap:break-word}
.lead{font-size:23px;color:#fff}
.small{font-size:16px;color:var(--muted)}
.cta{display:inline-block;margin:12px 0;background:var(--brand);color:var(--ink);font:italic 900 32px/1 'Barlow Condensed','Noto Sans',sans-serif;padding:14px 40px;border-radius:18px;text-decoration:none;box-shadow:0 6px 0 var(--brand-deep);max-width:100%}
.hero{display:block;width:100%;height:auto;border-radius:18px;margin:16px 0;aspect-ratio:840/473;background:var(--surface)}
.card img{display:block;width:calc(100% + 32px);height:auto;aspect-ratio:840/473;margin:-14px -16px 12px;border-radius:16px 16px 0 0;background:var(--night)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:12px 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;min-width:0}
.card h3{margin-top:0}
.card p{margin:4px 0 0}
.keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center}
kbd{display:inline-block;min-width:34px;text-align:center;background:#fff;color:var(--ink);border-radius:8px;padding:2px 8px;font:800 17px 'Barlow Condensed','Noto Sans',sans-serif;box-shadow:0 3px 0 rgba(0,0,0,.35)}
.draft{background:rgba(255,217,26,.12);border:1px solid var(--brand);border-radius:12px;padding:10px 14px;font-size:16px}
.toc ol{columns:2;column-gap:24px;padding-left:20px}
@media (max-width:640px){.toc ol{columns:1}}
.faq dt{font-weight:800;margin-top:14px;color:#fff}
.faq dd{margin:4px 0 0;color:#e6ecfa}
.foot{border-top:1px solid var(--line);background:#0b1938;padding:24px 0 32px}
.foot-in nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0}
.foot-in nav a{color:#fff;font-weight:800;text-decoration:none}
.foot-in nav.langs{gap:4px 14px;margin-top:16px}
.foot-in nav.langs a{font-weight:600;font-size:15px;color:var(--muted)}
.foot-in nav.langs a[aria-current]{color:#fff;text-decoration:underline}
.foot-tag{margin:0}