@font-face{font-family:Cairo;src:url(/art/fonts/Cairo-ExtraBold.woff2) format("woff2");font-weight:800;font-display:block}@font-face{font-family:Tajawal;src:url(/art/fonts/Tajawal-Regular.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Tajawal;src:url(/art/fonts/Tajawal-Bold.woff2) format("woff2");font-weight:700;font-display:block}:root{--cream: #fefaeb;--panel: #fef9ea;--sand: #fbdfb9;--coffee: #442510;--muted: #79532b;--brown: #55341c;--gold: #fddd50;--gold-light: #fdea74;--red: #920c0c;--on-primary: #fff9e7;--title: 800 32px/40px Cairo, sans-serif;--heading: 800 24px/32px Cairo, sans-serif;--number: 800 28px/32px Cairo, sans-serif;--body: 400 18px/28px Tajawal, sans-serif;--label: 700 16px/24px Tajawal, sans-serif;--small: 400 14px/20px Tajawal, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font:var(--body);color:var(--coffee);background:var(--cream);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}picture{display:block}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}footer a:focus-visible,.get a:focus-visible{outline-color:var(--gold-light)}a:hover{text-decoration:underline;text-underline-offset:5px}h1,h2{font:var(--title)}h3{font:var(--heading)}small,.small{font:var(--small)}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}.centered{text-align:center}.muted{color:var(--muted)}.eyebrow{font:var(--label);color:var(--red);margin-bottom:8px}.skip{position:fixed;inset-block-start:-100px;inset-inline-start:16px;z-index:20;padding:12px;background:var(--cream)}.skip:focus{inset-block-start:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 24px;border:16px solid transparent;font:var(--label);text-align:center;cursor:pointer;transition:transform .18s ease,filter .18s ease}.btn:hover{text-decoration:none;filter:brightness(1.04);transform:translateY(-2px)}.btn:active{transform:translateY(2px) scale(.98)}.btn-green{border-width:18px;border-image:url(/art/kit/button-green-wide-normal.webp) 54 fill / 18px stretch;color:#211006}.btn-brown{border-image:url(/art/kit/button-brown-normal.webp) 48 fill / 16px stretch;color:var(--on-primary)}.btn-cream{border-image:url(/art/kit/button-cream-normal.webp) 49 fill / 16px stretch;color:var(--coffee)}.btn small{display:block}.btn-sm{min-height:52px;padding-inline:16px}.pending{cursor:default}.pending:hover{filter:none;transform:none}.panel{border:16px solid transparent;border-image:url(/art/kit/panel-normal.png) 48 fill / 16px stretch}.card{border:16px solid transparent;border-image:url(/art/kit/card-normal.png) 49 fill / 16px stretch}.card-selected{border:16px solid transparent;border-image:url(/art/kit/card-selected-normal.png) 49 fill / 16px stretch}.plate{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding-inline:12px;border:10px solid transparent;border-image:url(/art/kit/chip-normal.png) 30 fill / 10px stretch;font:var(--label)}.tag{display:inline-block;padding:4px 8px;background:var(--sand);border-radius:8px;font:var(--small);color:var(--coffee)}.draft{background:var(--gold);margin-bottom:16px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 40px;z-index:8}.home .nav{position:absolute;inset:0 0 auto}.nav-logo{flex:0 0 118px}.nav-links{display:flex;gap:32px;font:var(--label)}.nav-end{display:flex;gap:16px;align-items:center}.language{min-height:44px}footer{background:#2b190c;color:#e9d9b8;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-inner picture{width:90px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font:var(--label)}.footer-links a{padding-block:10px}.footer-inner p{font:var(--small)}.text-link{text-decoration:underline;text-underline-offset:5px;padding-block:8px;display:inline-block}.legal{max-width:880px;padding-block:64px 96px}.legal-heading{text-align:center;margin-bottom:32px}.legal-heading h1{margin-bottom:16px}.legal-body{padding:24px}.legal-body section+section{margin-top:32px}.legal-body h2{font:var(--heading);margin-bottom:16px}.legal-body p+p{margin-top:16px}.related-links{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap}.contact-pending{color:var(--red)}.not-found{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding-block:64px}.invite-page{padding-block:24px 96px;max-width:680px}.invite-illustration{width:180px;margin:0 auto -8px;position:relative;z-index:1}.invite-panel{padding:24px;text-align:center}.invite-panel h1{margin-bottom:16px}.code-chips{display:flex;gap:8px;justify-content:center;margin:24px 0}.code-chips .plate{font:var(--number);padding-inline:8px;min-width:48px}.invite-panel .btn{width:100%;margin-top:16px}.invite-stores{display:grid;grid-template-columns:1fr 1fr;gap:8px}.invite-stores .btn{padding-inline:4px}.invite-panel .small{margin-top:16px}.invite-error{margin-block:24px;color:var(--muted)}.code-entry{margin-top:24px;border-top:1px solid var(--sand);padding-top:16px}.code-entry summary{cursor:pointer;font:var(--label);min-height:44px;padding:10px}.code-entry label{display:block;margin-block:16px 8px}.code-entry input{width:100%;min-height:52px;border:2px solid var(--muted);background:var(--cream);border-radius:12px;text-align:center;font:var(--number);letter-spacing:8px}@media(max-width:700px){.nav{padding:12px 16px}.nav-logo{flex-basis:92px}.nav-links,.nav-play{display:none}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{gap:8px 24px}.legal{padding-block:40px 64px}.legal-body,.invite-panel{padding:8px}.invite-stores{grid-template-columns:1fr}.code-chips{gap:2px}.code-chips .plate{padding-inline:4px;min-width:40px}}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px;position:relative}.steps:before{content:"";position:absolute;inset:auto 16% 144px;height:1px;background:#c5a466}.step{display:flex;flex-direction:column;align-items:center;text-align:center}.phone{position:relative;width:280px;aspect-ratio:640 / 1385;padding:8px;border:2px solid #74675b;border-radius:44px;background:#211710;box-shadow:0 24px 48px -24px #44251066,inset 0 0 0 2px #000}.phone:after{content:"";position:absolute;width:32%;height:16px;top:16px;left:34%;border-radius:16px;background:#16100c}.phone picture,.phone img{width:100%;height:100%}.phone img{object-fit:cover;border-radius:34px}.number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f4d583;border:4px solid var(--cream);font:700 18px/30px Tajawal,sans-serif;margin-top:24px;position:relative;z-index:1}.step h3{margin-top:16px}.step p{max-width:32ch;margin-top:8px;color:var(--muted)}.yours-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.comparison{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:20px;direction:ltr;touch-action:pan-y;box-shadow:0 16px 48px -24px #44251066}.comparison picture,.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-after{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-label{position:absolute;top:16px;border-radius:16px;padding:4px 16px;background:#2b190ce6;color:#fff9e7;font:700 14px/22px Tajawal,sans-serif}.before-label{right:16px}.after-label{left:16px}.comparison-handle{position:absolute;left:clamp(24px,var(--split),calc(100% - 24px));top:0;bottom:0;width:48px;transform:translate(-50%);cursor:ew-resize;display:grid;place-items:center}.comparison-handle:before{content:"";position:absolute;inset:0 calc(50% - 1px);background:#fff9e7}.comparison-handle span{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #d2b77c;background:#fff9e7;color:#2b190c}.yours .muted{margin-top:24px;max-width:65ch}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:32px}.theme{padding:16px 8px;border:1px solid #dcc8a4;border-radius:16px;background:#fffdf5}.theme h3{font:700 18px/30px Tajawal,sans-serif}.theme-swatch{display:block;width:24px;height:24px;border-radius:50%;background:#8f3430;margin-bottom:8px}.theme-1 .theme-swatch{background:#887451}.theme-2 .theme-swatch{background:#527372}.theme .tag{padding:0;background:transparent;color:var(--muted)}.get{display:grid;grid-template-columns:1fr 1fr;background:#2b190c;color:var(--on-primary);overflow:clip}.get-text{padding:120px max(32px,calc((100vw - 1200px)/2));padding-inline-end:64px}.get h2{color:#f4d583}.get p{margin-top:24px;max-width:65ch}.platforms{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.platforms>.btn{flex-basis:100%}.platforms .store-badge{flex:1}.qr-row{display:flex;gap:24px;align-items:center;margin-top:32px}.qr-row img{flex:0 0 116px;border-radius:12px}.qr-row p{font:var(--small);max-width:240px;margin:0}.get-art{position:relative;display:grid;place-items:center;min-height:720px}.get-background{position:absolute;inset:-32px}.get-background img{width:100%;height:100%;object-fit:cover;object-position:center 70%}.get-art .phone{width:280px;transform:rotate(-4deg) translateY(56px)}.hero{position:relative;min-height:1000px;isolation:isolate;overflow:clip;color:var(--on-primary)}.hero-room{position:absolute;inset:0;z-index:-2}.hero-room img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero:before{content:"";position:absolute;inset:0 auto auto 0;width:min(1280px,100%);height:660px;z-index:-1;background:radial-gradient(ellipse at 40% 30%,#211006c9,#21100666 55%,transparent 75%)}[dir=rtl] .hero:before{inset-inline-start:0}.hero-content{display:flex;align-items:flex-start;flex-direction:column;padding-block:136px 80px;position:relative;z-index:2;pointer-events:none}.hero-content>*{pointer-events:auto}.hero-logo{width:380px;filter:drop-shadow(0 8px 16px #21100640)}.hero-content h1{margin-top:24px;width:100%;max-width:1200px;text-wrap:balance}.hero-sub{margin-top:24px;width:min(560px,65ch);color:#f4e3c4}.ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;max-width:640px}.section{padding-block:120px;position:relative}.section:after{content:"";position:absolute;inset:auto 0 0;height:8px;background:url(/art/sadu-band-1440.webp) center 50% / 480px auto repeat-x;opacity:.65}.lead{text-align:center;margin:16px auto 0;color:var(--muted);max-width:65ch}.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,280px);gap:24px;margin-top:48px}.game{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:var(--game-color);box-shadow:0 16px 32px -16px #44251066;transition:transform .24s ease,box-shadow .24s ease;transition-delay:var(--stagger);color:var(--on-primary)}.game-baloot{--game-color: #513425;grid-column:span 2;grid-row:span 2}.game-rps{--game-color: #7f3431}.game-quiz{--game-color: #405b59}.game-aa{--game-color: #57516c}.game-billiards{--game-color: #245448}.game-art,.game-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-fallback{position:absolute;width:48%;top:16%;left:26%}.game-baloot .game-fallback{width:50%;left:25%;top:20%}.game-fallback img{width:100%;aspect-ratio:1;object-fit:contain}.game:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,#160d0555 60%,#160d05ed)}.game-art{z-index:-2}.game:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff18 45%,transparent 65%);transform:translate(-120%);transition:transform .7s ease}.game-caption{position:absolute;inset:auto 24px 24px;display:flex;flex-direction:column;gap:8px}.game h3{white-space:nowrap;font:var(--heading)}.player-chip,.new-ribbon{width:fit-content;padding:4px 12px;border-radius:16px;background:#fff8e51a;border:1px solid #fff8e533;font:var(--small)}.new-ribbon{position:absolute;top:24px;inset-inline-start:24px;color:#2b190c;background:#f4d583;font-weight:700;border:0}.carousel-dots{display:none}@media(hover:hover)and (pointer:fine){.game:hover,.game:focus-visible{transform:translateY(-4px);box-shadow:0 24px 40px -16px #44251066}.game:hover:before,.game:focus-visible:before{transform:translate(120%)}}@media(min-width:701px)and (max-width:1100px){.games{grid-template-rows:repeat(2,256px);gap:16px}.game-caption{inset-inline:16px}.game h3,[lang=en] .game-rps h3{font-size:16px}.steps{gap:16px}.phone{width:224px}.yours-inner{gap:24px}.get-text{padding:80px 24px}}@media(max-width:700px){.hero{min-height:960px}.hero-room img{object-position:center bottom}.hero:before,[dir=ltr] .hero:before{width:100%;height:680px;background:linear-gradient(180deg,#211006b3,#21100680 65%,transparent)}.hero-content{padding-block:104px 200px;align-items:center;text-align:center}.hero-logo{width:240px}.hero-content h1{width:100%;margin-top:24px}.hero-sub{width:100%;margin-top:16px}.ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:24px}.ctas .btn-green{grid-column:span 2}.section{padding-block:72px}.games{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:32px;padding:8px 0 24px;scrollbar-width:none}.games::-webkit-scrollbar{display:none}.game{flex:0 0 296px;height:384px;scroll-snap-align:start;scroll-margin-inline:0}.game:last-child{margin-inline-end:62px}.game-fallback,.game-baloot .game-fallback{width:56%;left:22%;top:18%}.game-caption{inset:auto 24px 24px}.carousel-dots{display:flex;justify-content:center;gap:0}.carousel-dot{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent}.carousel-dot span{width:8px;height:8px;border-radius:50%;background:#c8b28c}.carousel-dot[aria-pressed=true] span{background:#79532b;width:24px;border-radius:8px}.steps{grid-template-columns:1fr;gap:48px;margin-top:48px}.steps:before{display:none}.phone{width:280px}.yours-inner{grid-template-columns:1fr;gap:40px}.themes{grid-template-columns:1fr}.theme{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:16px;padding:16px}.theme-swatch{margin:0}.get{grid-template-columns:1fr}.get-text{padding:72px 16px}.get-art{min-height:640px}.qr-row{display:none}}@keyframes section-arrives{0%{opacity:.92;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal].is-visible:not(.reveal-safe),.motion-ready .number.is-visible:not(.reveal-safe){animation:section-arrives .48s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-content{transform:none!important}.game,.btn:not(.door-skip),.store-badge{transform:none!important}.game:before{display:none}}.hero-content h1{font:800 64px/76px Cairo,sans-serif;max-width:1100px}.hero-sub{font:400 22px/34px Tajawal,sans-serif;max-width:760px}.door-placeholder,.door-foreground,.door-welcome,.door-skip{display:none}.door-motion .door-scene{height:250svh}.door-motion .door-scene .hero{position:sticky;top:0;height:100svh;min-height:0}.door-motion .door-scene .door-foreground{display:block;position:absolute;inset:0;z-index:4;pointer-events:none;transform-origin:0 0;will-change:transform}.door-wall-canvas,.door-stage{position:absolute;left:0;top:0;transform-origin:0 0}.door-wall,.door-wall img{width:100%;height:100%}.door-stage{width:2600px;height:2600px;perspective:5200px}.door-stage picture,.door-opening{position:absolute}.door-stage img{width:100%;height:100%;max-width:none}.door-left,.door-right{backface-visibility:hidden;will-change:transform}.door-frame{inset:0;width:2600px;height:2600px;pointer-events:none}.door-opening{left:600px;top:586px;width:1400px;height:1974px;pointer-events:none}.door-motion .door-scene .hero-content,.door-motion .door-scene .hero:before,.door-motion .door-scene .coffee{opacity:var(--inside-opacity, 0)}.door-motion .door-scene .hero-content{transform:translateY(calc(-16px * var(--inside-opacity, 0)))}.door-motion .door-scene:not(.is-inside) .hero-content{visibility:hidden}.door-motion .door-scene .seat{opacity:0}.door-motion .door-scene.is-inside .seat{opacity:1}.door-motion .door-scene .door-welcome{display:flex;flex-direction:column;align-items:center;position:absolute;top:78px;left:50%;width:250px;transform:translate(-50%);z-index:5;opacity:var(--welcome-opacity, 1);pointer-events:none;font:800 24px/32px Cairo,sans-serif;text-shadow:0 2px 1px var(--cream)}.door-motion .door-scene .door-skip{display:flex;position:absolute;z-index:6;bottom:32px;left:50%;transform:translate(-50%);white-space:nowrap}.door-motion .door-scene.is-inside .door-skip{visibility:hidden}@media(max-width:700px){.hero-content h1{font:800 38px/48px Cairo,sans-serif}.hero-sub{font:400 18px/28px Tajawal,sans-serif}.door-motion .door-scene .door-welcome{top:72px;width:170px}.door-motion .door-scene .door-skip{bottom:70px}}@media(prefers-reduced-motion:reduce){.door-motion .door-scene{height:auto}.door-motion .door-scene .hero{position:relative;height:auto;min-height:900px}.door-motion .door-scene .hero-content,.door-motion .door-scene .hero:before,.door-motion .door-scene .coffee,.door-motion .door-scene .seat{opacity:1;visibility:visible}.door-motion .door-scene .door-foreground,.door-motion .door-scene .door-welcome,.door-motion .door-scene .door-skip{display:none}}.door-motion .door-scene .door-placeholder{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--wall-wide-dark) var(--wall-landscape) center / cover no-repeat}.door-motion .door-scene .door-foreground{opacity:0;transition:opacity .2s ease}.door-motion .door-scene.door-ready .door-foreground{opacity:1}.door-motion .door-scene.door-ready .door-placeholder,.door-motion .door-scene.is-inside .door-placeholder{visibility:hidden;transition:visibility 0s .2s}.door-motion .door-scene .door-welcome{color:var(--on-primary);text-shadow:0 2px 4px #211006}@media(max-width:700px){.door-motion .door-scene .door-placeholder{background-color:var(--wall-dark);background-image:var(--wall-portrait)}}@media(prefers-reduced-motion:reduce){.door-motion .door-scene .door-foreground,.door-motion .door-scene .door-placeholder{display:none;transition:none}}.door-motion .door-scene.door-skipped .door-foreground{visibility:hidden;transition:none}:root{--title: 800 44px/56px Cairo, sans-serif;--heading: 800 24px/32px Cairo, sans-serif;--body: 400 18px/30px Tajawal, sans-serif;--small: 400 14px/22px Tajawal, sans-serif}html{scroll-padding-top:104px}.eyebrow{font:700 14px/22px Tajawal,sans-serif;letter-spacing:0}.hero-content h1{font:800 64px/76px Cairo,sans-serif;max-width:760px}.hero-sub{font:var(--body);max-width:65ch}.door-enabled .door-welcome{font:800 24px/32px Cairo,sans-serif}.door-enabled .door-skip{font:700 16px/24px Tajawal,sans-serif}.btn{min-height:64px;height:64px;font:700 18px/24px Tajawal,sans-serif}.btn-brown{border-image-source:url(/art/kit/button-brown-normal.webp)}.store-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;min-width:144px;padding:4px 24px;border:1px solid #b99859;border-radius:14px;background:#2b190c;color:#fff9e7;font:700 18px/24px Tajawal,sans-serif}.store-badge small{font:400 14px/22px Tajawal,sans-serif;color:#e5cd9f}.store-badge:hover{text-decoration:none}.store-badge:active{transform:translateY(2px)}.nav{height:80px;padding:0 max(24px,calc((100vw - 1200px)/2));gap:24px;z-index:10;border-bottom:1px solid transparent}.home .nav{position:fixed;inset:0 0 auto;color:#fff9e7;background:linear-gradient(180deg,#2b190cbb,#2b190c00)}.nav-logo{flex:0 0 150px;width:150px}.nav-logo picture{width:100%}.nav-links{gap:32px;font:700 18px/30px Tajawal,sans-serif}.nav-links a{position:relative;padding-block:16px;white-space:nowrap}.nav-links a:after{content:"";position:absolute;inset:auto 0 8px;height:2px;background:#c9a24f;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.nav-links a:hover,.nav-links a.is-active{text-decoration:none}.nav-links a:hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.nav-end{gap:16px}.nav-play{min-width:152px}.language{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding-inline:16px;border:1px solid currentColor;border-color:#b9985940;border-radius:24px;font:700 14px/22px Tajawal,sans-serif}.home .nav.is-sticky,.interior .nav{background:#fefaebe8;color:#442510;backdrop-filter:blur(20px);border-bottom-color:#79532b26}.nav.is-sticky .nav-logo{transform:scale(.94);transform-origin:center}.menu-toggle{display:none}.menu-sheet{margin:0;padding:24px;width:100%;max-width:none;height:100svh;max-height:none;border:0;background:#fefaeb;color:#442510}.menu-sheet[open]{display:flex;flex-direction:column;gap:24px}.menu-sheet::backdrop{background:#2b190c99}.menu-top{display:flex;align-items:center;justify-content:space-between}.menu-top picture{width:110px}.menu-close,.menu-toggle{min-height:44px;border:1px solid #b9985980;border-radius:16px;padding:8px 16px;background:#fff9e71a;font:700 18px/24px Tajawal,sans-serif;cursor:pointer}.menu-links{display:flex;flex-direction:column;gap:8px;padding-block:32px}.menu-links a{padding-block:8px;font:700 24px/32px Tajawal,sans-serif}.menu-sheet>.language{align-self:flex-start}.menu-open{overflow:hidden}.game:focus-visible,[role=slider]:focus-visible{outline:3px solid #b8892f;outline-offset:4px}footer{padding:80px 0 24px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;align-items:start}.footer-brand picture{width:150px}.footer-brand p{margin-top:24px;max-width:32ch;font:var(--body)}.footer-column{display:flex;flex-direction:column;gap:16px}.footer-column h3{color:#f4d583;font:700 18px/30px Tajawal,sans-serif}.footer-column a{font:var(--small);padding-block:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:64px;padding-top:24px;border-top:1px solid #fff9e726}@media(min-width:701px)and (max-width:1100px){.nav{gap:16px;padding-inline:24px}.nav-links{gap:16px}.nav-play{min-width:128px;padding-inline:8px}}@media(max-width:700px){:root{--title: 800 30px/40px Cairo, sans-serif;--heading: 800 22px/30px Cairo, sans-serif;--body: 400 17px/28px Tajawal, sans-serif}html{scroll-padding-top:88px}.hero-content h1{font:800 38px/48px Cairo,sans-serif}.hero-sub{font:var(--body)}.nav{height:64px;padding-inline:16px}.nav-logo{flex-basis:110px;width:110px}.nav-end,.nav-links{display:none}.menu-toggle{display:block}.store-badge{min-width:0;padding-inline:8px}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:span 2}footer{padding-top:72px}}.hero{height:auto;min-height:0;container-type:normal;background:#231710}.hero-majlis{width:100%;height:100%;position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-majlis img{width:100%;height:100%;object-fit:cover;filter:blur(12px) sepia(.15) brightness(.52);transform:scale(1.04)}.hero:before,[dir=rtl] .hero:before{display:block;inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 60%,#3c24151a 20%,#140d09c9)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:8px;background:url(/art/sadu-band-1440.webp) center / 480px auto repeat-x}.hero-content{--phone-width: 330px;position:relative;inset:auto;display:grid;justify-items:center;align-items:start;grid-template-columns:minmax(0,1fr);width:min(1200px,calc(100% - 32px));height:auto;min-height:0;margin:0 auto;padding:100px 0 56px;text-align:center}.hero-content:before{display:none}.hero-content .hero-logo{width:260px}.hero-content h1{width:100%;margin-top:8px;max-width:none;font:800 64px/76px Cairo,sans-serif;text-wrap:balance}.hero .hero-sub{width:min(100%,760px);margin-top:8px;font:400 22px/34px Tajawal,sans-serif;color:#f4e3c4}.hero .ctas{position:static;width:auto;max-width:100%;margin-top:20px;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center}.hero .ctas .btn,.hero .ctas .store-badge{min-height:48px;height:48px;min-width:0;padding-inline:20px;font-size:18px}.device-frame{position:relative;width:280px;aspect-ratio:1170 / 2532;padding:6px;border:1px solid #8e9092;border-radius:42px;background:linear-gradient(120deg,#727477,#17191c 15%,#292b2e 70%,#65676a);box-shadow:0 30px 42px -22px #000b,inset 0 0 0 2px #141518,0 1px #d5d6d7}.device-frame:after{display:none}.device-glass{position:relative;width:100%;height:100%;overflow:hidden;border-radius:35px;background:#08090b}.device-island{position:absolute;z-index:3;left:36%;top:13px;width:28%;height:14px;border-radius:20px;background:#08090b;box-shadow:0 1px 1px #ffffff12}.device-screen,.device-screen img{display:block;width:100%;height:100%}.device-screen img{object-fit:contain;border-radius:0}.hero-primary .device-screen{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.hero-primary .device-screen.is-active{opacity:1;z-index:1}.device-landscape{aspect-ratio:2532 / 1170;border-radius:30px}.device-landscape .device-glass{border-radius:23px}.device-landscape .device-island{left:13px;top:36%;height:28%;width:12px}.hero-devices{position:relative;width:min(1100px,100%);height:calc(var(--phone-width) * 2.1642 + 40px);margin-top:24px;direction:ltr}.hero-devices:after{content:"";position:absolute;inset:auto 0 0;height:48px;background:radial-gradient(ellipse,#d9b87926,transparent 65%);filter:blur(12px)}.hero-primary{width:var(--phone-width);position:absolute;z-index:2;top:0;left:calc(50% - var(--phone-width) / 2);-webkit-box-reflect:below 12px linear-gradient(transparent 88%,#ffffff0c)}.hero-side{position:absolute;filter:blur(.4px);animation:device-float 7s ease-in-out infinite alternate;--tilt: 8deg;transform:rotate(var(--tilt))}.hero-baloot{width:250px;top:84px;left:calc(50% + 170px)}.hero-billiards{--tilt: -8deg;width:440px;top:220px;right:calc(50% + 110px);animation-delay:-3s}.hero-devices[data-paused=true] .hero-side{animation-play-state:paused}@keyframes device-float{to{transform:translateY(-4px) rotate(var(--tilt))}}@media(min-width:1800px){.hero-content{--phone-width: 380px}.hero-baloot{left:calc(50% + 200px)}.hero-billiards{right:calc(50% + 140px)}}@media(min-width:701px){.door-enabled .hero-content{--phone-width: min(330px, calc((100svh - 450px) / 2.1642));padding-top:90px}.door-enabled .hero-baloot{width:calc(var(--phone-width) * .74);top:60px}.door-enabled .hero-billiards{width:calc(var(--phone-width) * 1.25);top:150px}}@media(min-width:701px)and (max-width:1100px){.step .device-frame{width:224px}.hero-content h1{font-size:42px}.hero-baloot{left:calc(50% + 140px)}.hero-billiards{right:calc(50% + 90px)}}@media(max-width:700px){.hero-content{--phone-width: 260px;padding:88px 0 48px}.hero-content .hero-logo{width:200px}.hero-content h1{font-size:38px;line-height:48px;margin-top:12px}.hero .hero-sub{font-size:17px;line-height:28px;margin-top:12px}.hero-devices{grid-row:4;margin-top:28px;width:100%}.hero .ctas{grid-row:5;display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:20px}.hero .ctas .btn-green{grid-column:span 2}.hero .ctas .store-badge{padding-inline:8px}.hero-baloot{width:170px;left:calc(50% - 8px);top:70px}.hero-billiards{width:220px;right:calc(50% - 45px);top:170px}.hero-side{--tilt: 8deg}.hero-billiards{--tilt: -8deg}.door-enabled.is-inside .hero{overflow:clip visible}.door-enabled.is-inside{margin-bottom:max(0px,calc(1140px - 100svh))}.door-enabled.is-inside .hero:after,.door-enabled.is-inside .hero-majlis{bottom:min(0px,calc(100svh - 1140px))}}@media(prefers-reduced-motion:reduce){.hero-side{animation:none}.hero-primary .device-screen{transition:none}}@media(min-width:1800px){.door-enabled .hero-content{--phone-width: min(380px, calc((100svh - 450px) / 2.1642))}}.device-tablet{aspect-ratio:3 / 4;border-radius:24px;padding:8px}.device-tablet .device-glass{border-radius:16px}.device-tablet .device-island{left:49%;top:3px;width:4px;height:4px}.family-devices{position:relative;width:min(720px,100%);height:550px;margin:48px auto 0}.family-tablet{position:absolute;width:394px;inset-inline-start:60px;top:0}.family-phone{position:absolute;width:224px;inset-inline-end:45px;bottom:0;z-index:1}.family-avatars{display:flex;justify-content:center;gap:20px;margin-top:40px}.family-avatars picture{overflow:hidden;width:88px;aspect-ratio:1;border-radius:50%}.family-avatars img{width:100%;height:100%;object-fit:contain}.get-art{min-height:640px;padding:32px 16px}.platform-devices{position:relative;width:min(600px,100%);height:520px}.device-browser{aspect-ratio:auto;border-radius:18px;padding:5px}.device-browser .device-glass{border-radius:12px;height:auto}.device-browser .device-island{display:none}.platform-browser{position:absolute;width:88%;left:6%;top:12px}.browser-bar{height:30px;display:flex;align-items:center;gap:24px;padding-inline:12px;color:#cec9bf;background:#242629;font:12px/1.2 Tajawal,sans-serif}.browser-bar span:first-child{color:#9c8c78;font-size:9px;letter-spacing:2px}.browser-stage{position:relative;height:300px;display:grid;justify-items:center;isolation:isolate}.browser-stage>.device-screen{position:relative;width:auto;height:100%;aspect-ratio:3 / 4}.browser-backdrop{width:100%;height:100%;position:absolute;inset:0;z-index:-1;overflow:hidden}.browser-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(12px) brightness(.65)}.platform-tablet{position:absolute;width:230px;left:0;bottom:30px;z-index:1}.platform-devices .platform-phone{position:absolute;width:140px;right:6px;bottom:0;transform:none;z-index:2}.invite-page{position:relative;isolation:isolate;padding-top:280px}.invite-backdrop{position:absolute;inset:0 calc(50% - 50vw) auto;height:720px;z-index:-1}.invite-backdrop picture,.invite-backdrop img{width:100%;height:100%;object-fit:cover}.invite-backdrop{filter:brightness(.65)}@media(max-width:1100px)and (min-width:701px){.platform-devices{height:420px}.browser-stage{height:210px}.platform-tablet{width:175px}.platform-devices .platform-phone{width:110px}}@media(max-width:700px){.family-devices{max-width:358px;height:365px;margin-top:32px}.family-tablet{width:250px;inset-inline-start:0}.family-phone{width:140px;inset-inline-end:0;bottom:0}.family-avatars{gap:12px;margin-top:28px}.family-avatars picture{width:56px}.get-art{min-height:0;padding:0 16px 56px}.platform-devices{max-width:358px;height:390px}.platform-browser{width:90%;left:5%;top:0}.browser-stage{height:190px}.browser-bar{height:26px;font-size:10px;gap:14px}.platform-tablet{width:168px;bottom:28px}.platform-devices .platform-phone{width:104px;bottom:0;right:2px}}.smooth-image{display:block;background-size:100% 100%;background-repeat:no-repeat}.smooth-image[data-media-state=ready]{background-size:0 0}.smooth-image img{transition:opacity .25s ease}.images-enabled .smooth-image:not([data-media-state=ready]) img{opacity:0}.images-enabled .smooth-image[data-media-state=ready] img{opacity:1}@media(prefers-reduced-motion:reduce){.smooth-image img{transition:none}}