@font-face{font-family:Basra;src:url('/assets/naskh.woff2') format('woff2');font-display:swap}
:root{color-scheme:light dark;--bg:#eef2ec;--text:#153d2e;--muted:#4e6557;--line:#cbd7ca;--gold:#e4c477;--button:#153d2e;--button-text:#f5f2e7;--surface:#e3ebe0;--focus:#976319}
@media(prefers-color-scheme:dark){:root{--bg:#0d271e;--text:#f1f0e2;--muted:#b3c5b7;--line:#2d4b3b;--gold:#e4c477;--button:#e4c477;--button-text:#14291e;--surface:#153728;--focus:#f0d299}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Basra,system-ui,sans-serif;font-size:20px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button,a.button{touch-action:manipulation}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:bold}.brand img{border-radius:12px}.nav nav{display:flex;align-items:center;gap:30px;font-size:18px}.language{border:0;border-inline-start:1px solid var(--line);padding:0 24px 0 0;color:var(--text);background:transparent;cursor:pointer;min-height:44px}html[dir=ltr] .language{padding:0 0 0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:min(690px,calc(100dvh - 80px));padding-block:54px 70px}.hero h1{white-space:pre-line;font-size:clamp(58px,6vw,86px);line-height:1.3;margin:0 0 18px;font-weight:700;letter-spacing:-1px}.hero p{color:var(--muted);font-size:23px;max-width:370px;margin:0 0 30px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:10px 28px;border-radius:12px;font-weight:700;font-size:20px;white-space:nowrap;border:1px solid transparent;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.primary{background:var(--button);color:var(--button-text)}.secondary{border-color:var(--line);background:transparent;color:var(--text)}.secondary:hover{background:var(--surface)}.hero-art{isolation:isolate;position:relative;aspect-ratio:1;max-width:520px;transform:rotate(-3deg);border-radius:30px;box-shadow:0 26px 55px #062c2330}.felt{position:absolute;width:100%;height:100%;border-radius:30px}.ace,.jack{position:absolute;width:41%;height:auto;top:21%;border-radius:12px;box-shadow:0 15px 30px #03271b55}.jack{left:17%;transform:rotate(-13deg)}.ace{right:17%;transform:rotate(13deg)}.how{padding-block:86px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}h2{font-size:38px;line-height:1.4;margin:0 0 16px}.how p,.app-section p{color:var(--muted);max-width:470px;margin:0 0 22px}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:6px}.rules details{border-bottom:1px solid var(--line);padding:17px 0}.rules summary{font-size:23px;cursor:pointer;min-height:44px}.rules p{font-size:18px;padding-top:10px}.app-section{padding:56px;border-radius:24px;background:var(--surface);display:flex;align-items:center;gap:36px}.app-section>img{border-radius:24px;box-shadow:0 10px 25px #062c231a}.store-links{display:flex;gap:12px}.store-links .button{font-family:system-ui,sans-serif;font-size:16px;font-weight:600}.app-section p{max-width:none}footer{padding-block:42px;display:flex;justify-content:space-between;align-items:center;gap:24px}footer>span{font-size:26px;font-weight:700}footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:17px;color:var(--muted)}.skip{position:fixed;top:10px;inset-inline-start:10px;transform:translateY(-200%);background:var(--button);color:var(--button-text);padding:8px 20px;z-index:3}.skip:focus{transform:none}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.nav{height:72px}.brand{gap:8px;font-size:25px}.brand img{width:36px;height:36px}.nav nav{gap:17px;font-size:16px}.nav nav>a:nth-child(2){display:none}.language{padding-inline:13px 0}.hero{grid-template-columns:1fr;gap:34px;padding-block:32px 45px;min-height:0}.hero-copy{max-width:100%}.hero h1{font-size:51px;line-height:1.22;margin-bottom:14px}.hero p{font-size:20px;margin-bottom:22px}.hero-art{width:82%;max-width:330px;justify-self:center;transform:rotate(-3deg)}.hero .button{min-height:50px;padding:9px 25px}.how{grid-template-columns:1fr;gap:22px;padding-block:45px}h2{font-size:31px}.app-section{padding:28px 22px;gap:20px;align-items:flex-start}.app-section>img{width:65px;height:65px;border-radius:16px}.app-section h2{font-size:27px}.app-section p{font-size:18px}.store-links{flex-wrap:wrap;gap:10px}.store-links .button{font-size:14px;min-height:46px;padding:7px 16px}footer{align-items:flex-start;flex-direction:column;padding-block:30px}footer nav{gap:12px 22px;font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}