.intro-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hadoota-mode-transition{z-index:15000;pointer-events:none;isolation:isolate;--star-x:64px;background:radial-gradient(#fff4dddf,#0000 66%);place-items:center;animation:.5s both mode-veil;display:grid;position:fixed;inset:0}.hadoota-mode-transition.to-story{--star-x:-64px}.mode-stage{width:112px;height:80px;display:block;position:relative}.mode-fold{perspective:480px;filter:drop-shadow(0 10px 9px #64503424);animation:mode-fold-arrive .5s var(--h-ease) both;display:block;position:absolute;inset:0}.mode-fold>img{object-fit:contain;width:100%;height:100%;display:block}.mode-page{transform-origin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,#e9d9b7,#fff8e7);border-radius:2px 11px 7px 2px;width:35%;height:58%;animation:.42s cubic-bezier(.3,.6,.25,1) both mode-page-fold;position:absolute;top:21%;left:50%;box-shadow:inset -2px 0 3px #c8b18a55}.to-story .mode-page{transform-origin:100%;border-radius:11px 2px 2px 7px;animation-name:mode-page-fold-back;left:15%}.mode-star{opacity:0;width:32px;height:34px;animation:mode-star-release .5s var(--h-ease) both;position:absolute;top:-4px;left:calc(50% - 16px)}.mode-star .story-control-art{width:32px;height:34px}.mode-symbol{left:calc(50% + var(--star-x) - 22px);width:44px;height:44px;color:var(--h-navy);font:600 22px/1 var(--h-font-display);letter-spacing:.06em;opacity:0;place-items:center;animation:.5s both mode-symbol;display:grid;position:absolute;top:-58px}.mode-symbol:lang(ar){font-family:var(--h-font-arabic);letter-spacing:0}.mode-symbol .story-control-art{width:30px;height:32px}.hadoota-mode-transition.is-reduced{animation:.3s linear both mode-veil-reduced!important}.hadoota-mode-transition.is-reduced *{transition:none!important;animation:none!important}.hadoota-mode-transition.is-reduced :is(.mode-page,.mode-star){display:none}.hadoota-mode-transition.is-reduced .mode-symbol{opacity:1}@keyframes mode-veil{0%{opacity:0}18%,62%{opacity:1}to{opacity:0}}@keyframes mode-veil-reduced{0%,to{opacity:0}35%,65%{opacity:1}}@keyframes mode-fold-arrive{0%{transform:translateY(8px)scale(.92)}60%{transform:none}to{transform:translateY(-3px)scale(.98)}}@keyframes mode-page-fold{0%{transform:rotateY(0)}to{transform:rotateY(-168deg)}}@keyframes mode-page-fold-back{0%{transform:rotateY(0)}to{transform:rotateY(168deg)}}@keyframes mode-star-release{0%,20%{opacity:0;transform:translateY(14px)scale(.3)rotate(-20deg)}45%{opacity:1;transform:translate(calc(var(--star-x)*.35),-34px) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--star-x),-58px) scale(.5) rotate(12deg)}}@keyframes mode-symbol{0%,45%{opacity:0;transform:scale(.6)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.hadoota-welcome{z-index:16000;color:#7954a4;isolation:isolate;background:#f7eddc;position:fixed;inset:0;overflow:hidden}.hadoota-welcome video{object-fit:cover;object-position:35% center;width:100%;height:100%}.welcome-vignette{pointer-events:none;background:linear-gradient(90deg,#0000 42%,#faf0dc32 59%,#faf0dcc9 100%);position:absolute;inset:0}.welcome-brand{align-items:center;gap:clamp(13px,2vw,29px);width:35%;display:flex;position:absolute;top:45%;right:7%;transform:translateY(-50%)}.welcome-book-mark{filter:drop-shadow(0 8px 5px #52364d17);opacity:0;flex-shrink:0;width:clamp(80px,9vw,140px)}.welcome-brand-copy{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.welcome-tagline{color:#765947;white-space:nowrap;clip-path:inset(0 100% 0 0);font-family:Andika,sans-serif;font-size:clamp(13px,1.65vw,23px)}.welcome-wordmark{letter-spacing:-.035em;white-space:nowrap;font-family:Fredoka,sans-serif;font-size:clamp(29px,4.2vw,61px);font-weight:500;line-height:1.15;display:flex}.welcome-wordmark>span{opacity:0;transform:translateY(9px)}.intro-playing .welcome-book-mark{animation:1s 1.7s both welcome-book}.intro-playing .welcome-tagline{animation:1.15s ease-out 2.6s both welcome-write,.6s 4.1s both welcome-tagline-away}.intro-playing .welcome-wordmark>span{animation:welcome-letter .65s calc(3.8s + var(--letter)*.11s) both}.welcome-buffer{width:21px;height:21px;position:absolute;top:calc(45% + 100px);right:21%}.welcome-buffer>span:first-child{border:2px solid #b599c83b;border-top-color:#7954a4;border-radius:50%;width:100%;height:100%;animation:1.2s linear infinite welcome-spin;display:block}.welcome-skip{color:#6d5945;font:inherit;cursor:pointer;background:#fff7e8ed;border:1px solid #b6a185;border-radius:40px;align-items:center;gap:16px;padding:12px 19px;font-size:14px;display:flex;position:absolute;bottom:32px;right:38px;box-shadow:0 3px #a38c6f33}.welcome-skip:focus-visible{outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:4px}[dir=rtl] .welcome-skip{left:38px;right:auto}[dir=rtl] .welcome-skip>span{transform:rotate(180deg)}@keyframes welcome-book{0%{opacity:0;transform:scale(.87)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes welcome-write{to{clip-path:inset(0)}}@keyframes welcome-letter{to{opacity:1;transform:translateY(0)}}@keyframes welcome-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.welcome-brand{justify-content:center;width:auto;inset:auto 8% 105px;transform:none}.welcome-vignette{background:linear-gradient(#0000 36%,#faf0dcf0)}.welcome-brand-copy{gap:0}.welcome-wordmark{font-size:45px}.welcome-book-mark{width:85px}.welcome-tagline{font-size:16px}.welcome-skip{bottom:25px;right:24px}.welcome-buffer{top:auto;bottom:82px;right:calc(50% - 10px)}}@media (prefers-reduced-motion:reduce){.hadoota-welcome *{transition:none!important;animation:none!important}.hadoota-welcome video{visibility:hidden}.hadoota-welcome .welcome-book-mark,.hadoota-welcome .welcome-wordmark>span{opacity:1;transform:none}.hadoota-welcome .welcome-tagline{clip-path:none}.welcome-buffer>span:first-child{animation:none}}@keyframes welcome-tagline-away{to{opacity:0;filter:blur(3px);transform:translateY(-5px)}}@font-face{font-family:HadootaWordmark;src:url(/brand/hadoota-wordmark.woff2)format("woff2");font-weight:600;font-display:swap}.welcome-wordmark{letter-spacing:0;font-family:HadootaWordmark,Fredoka,sans-serif;font-weight:600}.hadoota-welcome .welcome-skip{max-width:calc(100vw - 48px);min-height:44px;line-height:1.4}html[lang=ar] .hadoota-welcome .welcome-tagline{letter-spacing:0;font-family:"Baloo Bhaijaan 2",sans-serif}@media (max-height:420px){.hadoota-welcome .welcome-skip{bottom:16px}.hadoota-welcome .welcome-brand{top:40%;bottom:auto}}.hadoota-welcome .welcome-brand{--welcome-word:clamp(29px,4.2vw,61px);gap:calc(var(--welcome-word)*.156)}.hadoota-welcome .welcome-book-mark{width:calc(var(--welcome-word)*1.5);aspect-ratio:258/183;filter:none;height:auto}.hadoota-welcome .welcome-wordmark{font-size:var(--welcome-word);color:var(--h-purple-500)}@media (max-width:700px){.hadoota-welcome .welcome-brand{--welcome-word:45px}}.hadoota-welcome .welcome-buffer{width:40px;height:40px}.hadoota-welcome .welcome-buffer>.welcome-buffer-star{border:0;border-radius:0;place-items:center;width:100%;height:100%;animation:1.6s cubic-bezier(.22,.8,.2,1) infinite welcome-star-turn;display:grid}.hadoota-welcome .welcome-buffer .story-control-art{filter:drop-shadow(0 0 6px #ffdf94);width:36px;height:36px}@keyframes welcome-star-turn{0%{rotate:0deg;scale:.9}50%{scale:1.08}to{rotate:360deg;scale:.9}}.hadoota-welcome .welcome-skip>.welcome-skip-arrow{width:28px;height:28px}@media (prefers-reduced-motion:reduce){.hadoota-welcome .welcome-buffer>.welcome-buffer-star{animation:none!important}}