:root{color-scheme:light;--font-body:"Nunito","Nunito Fallback",ui-rounded,system-ui,sans-serif;--font-display:var(--font-body);--script-scale:1;--text--1:calc(clamp(0.8333rem,0.8072rem + 0.1159vw,0.9000rem) * var(--script-scale));--text-0:calc(clamp(1.0000rem,0.9511rem + 0.2174vw,1.1250rem) * var(--script-scale));--text-1:calc(clamp(1.2000rem,1.1193rem + 0.3587vw,1.4062rem) * var(--script-scale));--text-2:calc(clamp(1.4400rem,1.3156rem + 0.5527vw,1.7578rem) * var(--script-scale));--text-3:calc(clamp(1.7280rem,1.5444rem + 0.8161vw,2.1973rem) * var(--script-scale));--text-4:calc(clamp(2.0736rem,1.8103rem + 1.1704vw,2.7466rem) * var(--script-scale));--text-5:calc(clamp(2.4883rem,2.1186rem + 1.6433vw,3.4332rem) * var(--script-scale));--leading-tight:1.1;--leading-snug:1.25;--leading-body:1.5;--tracking-display:-0.02em;--weight-body:400;--weight-strong:700;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:clamp(3rem,2.6087rem + 1.7391vw,4rem);--space-3xl:clamp(4rem,3.2174rem + 3.4783vw,6rem);--space-4xl:clamp(5rem,3.8261rem + 5.2174vw,8rem);--measure:65ch;--container:72rem;--gutter-page:clamp(1rem,4vw,3rem);--tap:2.75rem;--header-h:4rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--ring:0.4375rem;--dur-1:120ms;--dur-2:200ms;--dur-3:300ms;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.55,0,1,.45);--color-surface:#FAF7FC;--color-surface-2:#F2ECF7;--color-surface-raised:#FFFFFF;--color-text:#2B2233;--color-text-muted:#6D6177;--color-border:#E4DBEB;--color-border-strong:#8C7F96;--color-accent:#7B4FA6;--color-accent-hover:#5E3A82;--color-accent-subtle:#E9DDF4;--color-accent-ink:#FFFFFF;--color-focus:#7B4FA6;--color-band:#2B2233;--color-band-text:#F1EBF6;--color-band-muted:#C9BED3;--color-band-line:rgb(241 235 246 / .2);--shadow-1:0 1px 2px rgb(43 34 51 / .06),0 2px 6px rgb(43 34 51 / .06);--shadow-2:0 2px 4px rgb(43 34 51 / .06),0 8px 24px rgb(43 34 51 / .12)}:root:lang(ar){--font-body:"Baloo Bhaijaan 2","Nunito","Noto Sans Arabic","Segoe UI",Tahoma,"Geeza Pro",sans-serif;--script-scale:1.125;--leading-tight:1.35;--leading-snug:1.35;--leading-body:1.8;--tracking-display:0;--measure:60ch;--weight-strong:600}:lang(ar){letter-spacing:0 !important}:lang(ar) :is(em,i,cite){font-style:normal;font-weight:var(--weight-strong)}:root:lang(en) [lang="ar"]{--font-body:"Baloo Bhaijaan 2","Baloo Switch","Nunito","Nunito Fallback",sans-serif;--font-display:var(--font-body);--leading-snug:1.35;--weight-strong:600;font-family:var(--font-body);line-height:1.8}:root:lang(en) [lang="ar"]:not(a){font-size:1.12em}@font-face{font-family:"Nunito Fallback";src:local("Arial"),local("ArialMT"),local("Roboto"),local("Liberation Sans"),local("Helvetica");size-adjust:100%;ascent-override:101%;descent-override:35%;line-gap-override:0%}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:var(--font-body);background:var(--color-surface);color:var(--color-text);scroll-padding-block-start:var(--space-xl)}html:has(body.has-sticky){scroll-padding-block-end:6rem}body{margin:0;font-size:var(--text-0);line-height:var(--leading-body);font-weight:var(--weight-body);overflow-wrap:break-word}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-strong);line-height:var(--leading-snug);text-wrap:balance;margin:0}h1{font-size:var(--text-4);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}h2{font-size:var(--text-3)}h3{font-size:var(--text-1)}p,li,dd{text-wrap:pretty}p{margin:0}img,svg,picture{display:block;max-width:100%}[hidden]{display:none !important}img{height:auto}a{color:var(--color-accent);text-decoration-thickness:0.08em;text-underline-offset:0.18em}:where(ul,ol)[role="list"]{list-style:none;margin:0;padding:0}bdi,[dir="ltr"]{unicode-bidi:isolate}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.vh{position:absolute !important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs);z-index:30;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);font-weight:var(--weight-strong);transform:translateY(-200%)}.skip:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.wrap{inline-size:min(100% - 2 * var(--gutter-page),var(--container));margin-inline:auto}.section{padding-block:var(--space-2xl)}@media (min-width:52.5em){.section{padding-block:var(--space-3xl)}}.section + .section{padding-block-start:0}.band{background:var(--color-surface-2)}.band + .section,.section + .band{padding-block-start:var(--space-2xl)}@media (min-width:52.5em){.band + .section,.section + .band{padding-block-start:var(--space-3xl)}}.stack>* + *{margin-block-start:var(--space-s)}.head{margin-block-end:var(--space-l)}.head>* + *{margin-block-start:var(--space-2xs)}.lead{font-size:var(--text-1);color:var(--color-text-muted);max-inline-size:34ch}:lang(ar) .lead{max-inline-size:32ch}.muted{color:var(--color-text-muted)}.small{font-size:var(--text--1)}.site-header{border-block-end:1px solid var(--color-border);background:var(--color-surface);position:relative;z-index:20}.bar{display:flex;align-items:center;gap:var(--space-3xs);min-block-size:var(--header-h)}.logo{display:inline-flex;align-items:center;min-block-size:var(--tap);margin-inline-end:auto;border-radius:var(--radius-sm)}.logo img{inline-size:8.5rem;block-size:auto}@media (min-width:52.5em){.logo img{inline-size:9.5rem}}.nav ul{display:flex;gap:var(--space-3xs)}.nav li:not(.key){display:none}.nav a,.lang,.menu summary{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--tap);min-inline-size:var(--tap);padding-inline:var(--space-xs);border-radius:var(--radius-pill);color:var(--color-text);text-decoration:none;font-weight:var(--weight-strong);font-size:var(--text--1)}.nav a[aria-current="page"]{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.4em}.lang{border:1px solid var(--color-border);font-weight:var(--weight-body)}.lang:lang(ar){font-family:"Baloo Bhaijaan 2","Baloo Switch",sans-serif;font-size:calc(var(--text--1) * 1.12)}.lang:lang(en){font-family:"Nunito","Nunito Fallback",sans-serif;font-size:calc(var(--text--1) / var(--script-scale) * 1.05)}@media (max-width:22.4em){.nav{display:none}}@media (min-width:52.5em){.nav li:not(.key){display:list-item;list-style:none}.menu{display:none}.lang{margin-inline-start:var(--space-xs)}}@media (hover:hover){.nav a:hover,.menu summary:hover{background:var(--color-surface-2)}.lang:hover{border-color:var(--color-accent);color:var(--color-accent)}}.menu summary{list-style:none;cursor:pointer;padding-inline:var(--space-2xs)}.menu summary::-webkit-details-marker{display:none}.menu .icon-close{display:none}.menu[open] .icon-open{display:none}.menu[open] .icon-close{display:block}.menu-sheet{position:absolute;inset-inline:0;inset-block-start:100%;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border);box-shadow:var(--shadow-2);padding-block:var(--space-2xs) var(--space-m)}.menu[open] .menu-sheet{animation:sheet var(--dur-2) var(--ease-out)}@keyframes sheet{from{opacity:0;transform:translateY(-0.5rem)}}.menu-sheet ul{inline-size:min(100% - 2 * var(--gutter-page),var(--container));margin-inline:auto}.menu-sheet a{display:flex;align-items:center;min-block-size:3rem;text-decoration:none;color:var(--color-text);font-size:var(--text-1);font-weight:var(--weight-strong);border-block-end:1px solid var(--color-border)}.menu-sheet li:last-child a{border-block-end:0}.menu-sheet a[aria-current="page"]{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.4em}.icon{inline-size:1.25em;block-size:1.25em;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-block-size:3rem;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-pill);border:2px solid transparent;font:inherit;font-weight:var(--weight-strong);line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-block{inline-size:100%}@media (min-width:40em){.btn-block{inline-size:auto;min-inline-size:18rem}}@media (hover:hover){.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}}@media (min-width:52.5em){.btn-quiet-wide{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}@media (hover:hover){.btn-quiet-wide:hover{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}}}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s) var(--space-m)}.text-link{font-weight:var(--weight-strong);min-block-size:var(--tap);display:inline-flex;align-items:center}@media (hover:hover){a:hover{color:var(--color-accent-hover)}}.tile{display:block;background:var(--color-surface-2);border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1}.tile img{inline-size:100%;block-size:100%;object-fit:contain}.gallery{position:relative}.loupe{position:absolute;inset-block-end:calc(-1 * var(--space-m));inset-inline-end:calc(-1 * var(--space-2xs));inline-size:clamp(7.5rem,36%,11.5rem);aspect-ratio:1;margin:0;border-radius:50%;overflow:hidden;border:var(--ring) solid var(--color-accent);box-shadow:0 0 0 3px var(--color-surface),var(--shadow-2);background:var(--color-surface-2)}.loupe img{inline-size:100%;block-size:100%;object-fit:cover}.loupe[tabindex]{cursor:grab;z-index:2}.loupe[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:50%}.loupe-lens{position:absolute;inset:0;border-radius:50%;background-repeat:no-repeat;background-color:var(--color-surface-2);opacity:0;pointer-events:none}.loupe.is-live{touch-action:none;cursor:grabbing}.loupe.is-live .loupe-lens{opacity:1}@media (hover:hover){.pdp .tile{cursor:zoom-in}}@media (min-width:52.5em){.loupe{inset-inline-end:calc(-1 * var(--space-m));inset-block-end:calc(-1 * var(--space-l))}}.grid{display:grid;gap:var(--space-l) var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:40em){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl) var(--space-m)}}@media (min-width:75em){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-feature>li:first-child{grid-column:span 2;grid-row:span 2}.grid-feature>li:first-child .tile{border-radius:var(--radius-lg)}}.piece{display:block;text-decoration:none;color:var(--color-text);border-radius:var(--radius-md)}.piece .tile{transition:transform var(--dur-2) var(--ease-out)}.piece-name{display:block;margin-block-start:var(--space-xs);font-size:var(--text-0);font-weight:var(--weight-strong);line-height:var(--leading-snug)}.piece-meta{display:block;margin-block-start:var(--space-3xs);font-size:var(--text--1);color:var(--color-text-muted)}@media (hover:hover){.piece:hover .tile{transform:translateY(-3px)}.piece:hover .piece-name{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.18em}}.piece:active .tile{transform:scale(.99)}.steps{display:grid;gap:var(--space-m);counter-reset:step}@media (min-width:52.5em){.steps-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}}.steps li{counter-increment:step;display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-3xs) var(--space-s);align-items:baseline}.steps li::before{content:counter(step);grid-row:span 2;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;border:2px solid var(--color-text);font-weight:var(--weight-strong);font-size:var(--text-0);font-family:"Nunito","Nunito Fallback",sans-serif;align-self:start}.steps h3{font-size:var(--text-1);align-self:center}.steps p{color:var(--color-text-muted);grid-column:2}.steps-compact{gap:var(--space-s)}.steps-compact li{grid-template-columns:2rem 1fr}.steps-compact li::before{inline-size:2rem;block-size:2rem;font-size:var(--text--1);border-width:1.5px}.steps-compact h3{font-size:var(--text-0)}.steps-compact p{font-size:var(--text--1)}:lang(ar) .steps-compact p{font-size:var(--text-0)}.hero{padding-block:var(--space-m) var(--space-2xl)}.hero-grid{display:grid;gap:var(--space-xl);align-items:center}.hero h1{font-size:var(--text-4);max-inline-size:14ch}@media (max-width:52.49em){.hero-grid{gap:var(--space-l)}}@media (min-width:52.5em){.hero-grid>.encounter{order:1}.hero-grid:has(.encounter){align-items:start}}:lang(ar) .hero h1{max-inline-size:13ch}.hero .lead{margin-block-start:var(--space-s)}.hero .actions{margin-block-start:var(--space-l)}.hero .text-link{color:var(--color-text)}@media (hover:hover){.hero .text-link:hover{color:var(--color-accent)}}.hero .gallery{max-inline-size:34rem;margin-inline-end:var(--space-2xs)}@media (min-width:52.5em){.hero{padding-block:var(--space-3xl) var(--space-2xl)}.hero h1{font-size:var(--text-5)}.hero-grid{grid-template-columns:5fr 6fr;gap:var(--space-2xl)}.hero .gallery{margin-inline-start:auto;margin-inline-end:var(--space-m)}}.split{display:grid;gap:var(--space-xl)}@media (min-width:52.5em){.split{grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}}.more{margin-block-start:var(--space-xl)}.chips-bar{position:sticky;inset-block-start:0;z-index:10;background:var(--color-surface);border-block-end:1px solid var(--color-border)}.chips{display:flex;gap:var(--space-2xs);overflow-x:auto;padding-block:var(--space-xs);scrollbar-width:none;overscroll-behavior-x:contain}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;min-block-size:var(--tap);padding-inline:var(--space-s);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text);text-decoration:none;font-weight:var(--weight-strong);font-size:var(--text--1);white-space:nowrap}:lang(ar) .chip{font-size:var(--text-0)}@media (hover:hover){.chip:hover{background:var(--color-accent-subtle);color:var(--color-text)}}.chip[aria-current="true"]{background:var(--color-accent-subtle);color:var(--color-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.4em}.shop-body{padding-block-start:var(--space-l)}.cat{scroll-margin-block-start:5rem}.cat + .cat{margin-block-start:var(--space-2xl)}.cat h2{font-size:var(--text-2);margin-block-end:var(--space-m)}.cant-find{margin-block-start:var(--space-2xl);padding-block-start:var(--space-l);border-block-start:1px solid var(--color-border)}.cant-find h2{font-size:var(--text-2)}.cant-find p{margin-block-start:var(--space-2xs);color:var(--color-text-muted);max-inline-size:var(--measure)}.crumbs{display:flex;flex-wrap:wrap;gap:var(--space-3xs) var(--space-2xs);padding-block:var(--space-xs) var(--space-s);font-size:var(--text--1);color:var(--color-text-muted)}.crumbs a{color:var(--color-text-muted);min-block-size:1.5rem;display:inline-flex;align-items:center}.crumbs li + li::before{content:"/";margin-inline-end:var(--space-2xs);color:var(--color-border-strong)}.pdp{display:grid;gap:var(--space-s);padding-block-end:var(--space-2xl)}.pdp .tile{border-radius:var(--radius-lg)}@media (hover:hover) and (max-width:52.49em){.pdp{gap:var(--space-l)}}.pdp-info>* + *{margin-block-start:var(--space-s)}.pdp h1{font-size:var(--text-4)}.pdp-cat{font-size:var(--text--1);color:var(--color-text-muted);font-weight:var(--weight-strong)}.pdp-info .pdp-cat + h1{margin-block-start:var(--space-3xs)}.facts{display:grid;gap:var(--space-2xs);margin:0}.facts div{display:flex;flex-wrap:wrap;gap:0 var(--space-2xs)}.facts dt{color:var(--color-text-muted)}.facts dt::after{content:":"}.facts dd{margin:0}.order{margin-block-start:var(--space-s) !important;padding-block-start:var(--space-m);border-block-start:1px solid var(--color-border)}.order>* + *{margin-block-start:var(--space-xs)}.price-note{font-weight:var(--weight-strong)}.order .note{font-size:var(--text--1);color:var(--color-text-muted)}:lang(ar) .order .note{font-size:var(--text-0)}.aside{margin-block-start:var(--space-xl) !important}.aside h2{font-size:var(--text-1);margin-block-end:var(--space-s)}.aside + .aside{margin-block-start:var(--space-l) !important}.aside p{color:var(--color-text-muted)}.aside p + p{margin-block-start:var(--space-2xs)}@media (min-width:52.5em){.pdp{grid-template-columns:7fr 5fr;gap:var(--space-3xl);align-items:start;padding-block-start:var(--space-s)}.pdp .gallery{position:sticky;inset-block-start:var(--space-l)}}.related h2{font-size:var(--text-2);margin-block-end:var(--space-m)}.sticky-cta{position:fixed;inset-inline:0;inset-block-end:0;z-index:15;display:flex;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--gutter-page) calc(var(--space-xs) + env(safe-area-inset-bottom));background:var(--color-surface-raised);box-shadow:0 -1px 0 var(--color-border),var(--shadow-2);transform:translateY(110%);transition:transform var(--dur-3) var(--ease-out);visibility:hidden}.sticky-cta.on{transform:none;visibility:visible}.sticky-cta .name{flex:1;min-inline-size:0;font-weight:var(--weight-strong);font-size:var(--text--1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:lang(ar) .sticky-cta .name{font-size:var(--text-0)}.sticky-cta .btn{flex:none}@media (min-width:52.5em){.sticky-cta{display:none}}.page-head{padding-block:var(--space-2xl) var(--space-l)}.page-head .lead{margin-block-start:var(--space-s);max-inline-size:var(--measure)}.prose{max-inline-size:var(--measure)}.prose>* + *{margin-block-start:var(--space-s)}.prose h2{font-size:var(--text-2);margin-block-start:var(--space-xl)}.prose h2 + p{margin-block-start:var(--space-2xs)}.prose>:first-child{margin-block-start:0}.qa h2{font-size:var(--text-1)}.examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-s);max-inline-size:34rem;margin-block:var(--space-l)}.examples figcaption{margin-block-start:var(--space-2xs);font-size:var(--text--1);color:var(--color-text-muted)}:lang(ar) .examples figcaption{font-size:var(--text-0)}.examples figure{margin:0}.cta-block{margin-block-start:var(--space-xl) !important}.head-cta{margin-block-start:var(--space-l)}.head-cta + p{margin-block-start:var(--space-xs)}.custom-layout{display:grid;grid-template-areas:"head" "body" "ex" "how";padding-block-end:var(--space-2xl)}.c-head{grid-area:head}.c-body{grid-area:body}.c-ex{grid-area:ex}.c-how{grid-area:how;margin-block-start:var(--space-xl)}@media (min-width:52.5em){.custom-layout{grid-template-columns:minmax(0,1fr) 22rem;grid-template-areas:"head ex" "body ex" "how ex";column-gap:var(--space-3xl);align-items:start}.c-ex{grid-template-columns:1fr;max-inline-size:none;margin-block:var(--space-2xl) 0}}.prose-layout{display:grid;gap:var(--space-2xl)}@media (min-width:52.5em){.prose-layout{grid-template-columns:minmax(0,1fr) 20rem;gap:var(--space-3xl);align-items:start}}.side{background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-m)}@media (min-width:52.5em){.side{position:sticky;inset-block-start:var(--space-l)}}.side h2{font-size:var(--text-1);margin-block-end:var(--space-s)}.side .btn{margin-block-start:var(--space-m)}.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin-block-end:var(--space-l) !important}.lost{padding-block:var(--space-2xl) var(--space-3xl)}.lost-ring{margin-inline:auto;inline-size:7.5rem;aspect-ratio:1;border-radius:50%;border:var(--ring) solid var(--color-accent);background:var(--color-surface-2);box-shadow:0 0 0 3px var(--color-surface),var(--shadow-2);margin-block-end:var(--space-xl)}.lost-grid{display:grid;gap:var(--space-2xl)}@media (min-width:52.5em){.lost-grid{grid-template-columns:1fr 1fr}}.lost h1,.lost h2{font-size:var(--text-3)}.lost ul{margin-block-start:var(--space-m);display:grid;gap:var(--space-3xs)}.site-footer{background:var(--color-band);color:var(--color-band-text);padding-block:var(--space-2xl) var(--space-xl);margin-block-start:var(--space-2xl)}.site-footer a{color:var(--color-band-text)}.site-footer :focus-visible{outline-color:var(--color-band-text)}.foot-grid{display:grid;gap:var(--space-xl) var(--space-l);grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1 / -1}.foot-brand img{inline-size:9rem}.foot-brand p{margin-block-start:var(--space-s);color:var(--color-band-muted);max-inline-size:30ch}.foot-grid h2{font-size:var(--text--1);font-weight:var(--weight-strong);color:var(--color-band-muted);margin-block-end:var(--space-2xs)}:lang(ar) .foot-grid h2{font-size:var(--text-0)}.foot-grid ul a{display:inline-flex;align-items:center;min-block-size:var(--tap);text-decoration:none;overflow-wrap:anywhere}.foot-grid ul a bdi{min-inline-size:0;overflow-wrap:anywhere}@media (hover:hover){.site-footer ul a:hover{text-decoration:underline;color:var(--color-band-text)}}.foot-lang{display:inline-flex;align-items:center;min-block-size:var(--tap);color:var(--color-band-text) !important;text-decoration:none}@media (hover:hover){.foot-lang:hover{text-decoration:underline}}.foot-base{margin-block-start:var(--space-xl);padding-block-start:var(--space-m);border-block-start:1px solid var(--color-band-line);font-size:var(--text--1);color:var(--color-band-muted);display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-l);justify-content:space-between;align-items:center}@media (min-width:52.5em){.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}.foot-brand{grid-column:auto}}body.has-sticky .site-footer{padding-block-end:calc(var(--space-xl) + 4.5rem)}@media (min-width:52.5em){body.has-sticky .site-footer{padding-block-end:var(--space-xl)}}.prose>:first-child h2{margin-block-start:0}.measure{max-inline-size:var(--measure)}.section.flush{padding-block-start:0}.loupe-hint{margin-block-start:var(--space-2xs);padding-inline-end:40%;font-size:var(--text--1);color:var(--color-text-muted)}.loupe-hint .hint-hover{display:none}@media (hover:hover){.loupe-hint .hint-touch{display:none}}@media (hover:hover) and (min-width:52.5em){.loupe-hint{margin-block-start:var(--space-xl);padding-inline-end:34%}.loupe-hint .hint-hover{display:inline}}@media (hover:hover) and (max-width:52.49em){.loupe-hint{display:none}}:root{--color-ring-open:#CDBBDD;--color-shadow:#D9CCE6}.ring{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg)}:root:lang(ar) .ring{transform:rotate(-90deg) scaleY(-1)}.ring circle{fill:none;stroke-width:5;stroke-linecap:round}.ring-track{stroke:var(--color-ring-open);stroke-dasharray:84 16;stroke-dashoffset:-8}.ring-stitch{stroke:var(--color-accent);stroke-dasharray:0 100;opacity:0}.is-closing .ring-stitch,.is-met .ring-stitch,html:not(.game-on) .slot .ring-stitch{opacity:1}.is-closing .ring-stitch{stroke-dasharray:100 0;transition:stroke-dasharray 600ms steps(14,end)}.is-met .ring-stitch{stroke-dasharray:100 0}.is-met .ring-track{stroke:transparent}.squash{animation:squash 400ms var(--ease-out)}@keyframes squash{0%{transform:scale(1)}30%{transform:scale(1.07,.92)}60%{transform:scale(.97,1.04)}100%{transform:scale(1)}}.sparks{position:absolute;inset-block-start:50%;inset-inline-start:50%;pointer-events:none}.sparks i{position:absolute;inline-size:10px;block-size:10px;margin:-5px;border-radius:50%;background:var(--color-accent);animation:spark 600ms var(--ease-out) forwards}.sparks i:nth-child(even){background:var(--color-ring-open);inline-size:8px;block-size:8px}@keyframes spark{from{transform:translate(0,0) scale(.4);opacity:1}to{transform:translate(calc(var(--dx) * 2.2),calc(var(--dy) * 2.2)) scale(1);opacity:0}}.book-link{display:inline-flex;align-items:center;gap:var(--space-3xs)}.book-ring{inline-size:1.125rem;block-size:1.125rem;border-radius:50%;border:3px solid var(--color-accent);border-block-start-color:transparent;transform:rotate(35deg);flex:none}.book-count{font-variant-numeric:tabular-nums;font-weight:var(--weight-strong)}.book-count:empty{display:none}.nav .key .book-word{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (min-width:52.5em){.nav .key .book-word{position:static;inline-size:auto;block-size:auto;clip-path:none}}.bump .book-ring{animation:squash 400ms var(--ease-out)}.toast{position:fixed;z-index:40;inset-inline:var(--space-s);inset-block-end:calc(var(--space-s) + env(safe-area-inset-bottom));max-inline-size:26rem;margin-inline:auto;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-band-text);font-size:var(--text--1);font-weight:var(--weight-strong);text-align:center;opacity:0;transform:translateY(1rem);pointer-events:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.toast.on{opacity:1;transform:none}.toast:empty{display:none}body.has-sticky .toast{inset-block-end:calc(5rem + env(safe-area-inset-bottom))}.type-stamp{display:inline-block;padding:0 var(--space-xs);border:1.5px solid var(--color-text);border-radius:var(--radius-pill);font-size:var(--text--1);font-weight:var(--weight-strong);line-height:1.7}.enc{display:grid;gap:var(--space-m);justify-items:center;text-align:center}.enc-stage{position:relative;inline-size:min(78%,17rem);aspect-ratio:1}@media (min-width:52.5em){.enc-stage{inline-size:min(100%,26rem)}}.enc-tile,.slot-art .tile{position:absolute;inset:7%;border-radius:50%;aspect-ratio:auto}.enc-tile img,.enc-tile picture,.slot-art .tile picture,.slot-art .tile img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}.enc-tile .clue img{object-fit:cover}.enc-btn[aria-disabled]{pointer-events:none}.enc-tile .reveal,.slot-art .tile picture{transition:opacity var(--dur-3) var(--ease-out)}.enc-stage:not(.is-met) .reveal{opacity:0}.enc-tile .reveal img{transform-origin:var(--ox,50%) var(--oy,50%)}.enc-stage:not(.is-met) .reveal img{transform:translate(calc(50% - var(--ox,50%)),calc(50% - var(--oy,50%))) scale(var(--z,3))}.enc-stage.is-met .reveal img{transition:transform 700ms var(--ease-out)}.enc-stage.is-met .clue{opacity:0;transition:opacity var(--dur-2) var(--ease-out)}.enc-panel.is-pending{opacity:0}.enc-panel{transition:opacity var(--dur-3) var(--ease-out)}.enc-btn{position:absolute;inset-block-end:2%;inset-inline:0;margin-inline:auto;inline-size:max-content;box-shadow:var(--shadow-2)}.enc-panel{display:grid;gap:var(--space-2xs);justify-items:center;max-inline-size:26rem}.enc-peek{font-size:var(--text-1);color:var(--color-text-muted)}.enc-title{font-size:var(--text-3);font-weight:var(--weight-strong);line-height:var(--leading-snug)}.enc-title:focus{outline:none}.enc-line{font-size:var(--text-1)}.enc-progress{color:var(--color-text-muted);font-size:var(--text--1)}.enc-panel .actions{justify-content:center;margin-block-start:var(--space-2xs)}.book-progress{display:grid;gap:var(--space-2xs);margin-block-start:var(--space-m);max-inline-size:30rem}.book-progress [data-book-progress]{font-weight:var(--weight-strong)}.bar-track{block-size:0.5rem;border-radius:var(--radius-pill);background:var(--color-surface-2);overflow:hidden}.bar-fill{display:block;block-size:100%;inline-size:0;background:var(--color-accent);border-radius:inherit;transition:inline-size var(--dur-3) var(--ease-out)}.set + .set{margin-block-start:var(--space-xl)}.set h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs) var(--space-s);margin-block-end:var(--space-m)}.set-count{margin-inline-start:0.4em;font-weight:var(--weight-body);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.set-tally{font-size:var(--text-0);font-weight:var(--weight-body);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.set-done{display:none}.set.is-done .set-done{display:inline-block;align-self:center;padding:0 var(--space-xs);border:1.5px solid var(--color-accent);border-radius:var(--radius-pill);color:var(--color-accent);font-size:var(--text--1);line-height:1.7}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-m) var(--space-s)}@media (min-width:40em){.slots{grid-template-columns:repeat(4,1fr)}}@media (min-width:52.5em){.slots{grid-template-columns:repeat(6,1fr)}}.slot{display:grid;gap:var(--space-3xs);color:var(--color-text);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent}.slot-art{position:relative;display:block;aspect-ratio:1;margin-block-end:var(--space-2xs)}.slot-art .tile{inset:9%}.slot .sil{z-index:1}.slot-name{font-weight:var(--weight-strong);line-height:var(--leading-snug)}.slot-title{font-size:var(--text--1);color:var(--color-text-muted);line-height:var(--leading-snug)}.slot.is-unmet .slot-name{visibility:hidden}.slot.is-unmet .slot-title{display:none}.slot.is-unmet .slot-name::before{content:"?";visibility:visible;display:block;color:var(--color-text-muted)}.slot.is-unmet .slot-art .tile picture{opacity:0}html:not(.game-on) .slot .ring-stitch,.slot.is-met .ring-stitch{stroke-dasharray:100 0}html:not(.game-on) .slot .ring-track{stroke:transparent}.slot:focus-visible{outline-offset:4px;border-radius:var(--radius-md)}@media (hover:hover){.slot:hover .slot-name{color:var(--color-accent)}.slot.is-unmet:hover .ring-track{stroke:var(--color-accent)}}.book-fiction{margin-block-start:var(--space-xl);max-inline-size:var(--measure)}.called{margin-block:var(--space-2xs)}.called a{font-weight:var(--weight-strong)}.order-h{font-size:var(--text-2);margin-block-end:var(--space-2xs)}.creature{display:grid;gap:var(--space-s);margin-block-start:var(--space-xl);padding:var(--space-m);border-radius:var(--radius-lg);background:var(--color-surface-2);scroll-margin-block-start:var(--space-m)}.cr-head{display:flex;align-items:center;gap:var(--space-s)}.cr-head h2{font-size:var(--text-2)}.cr-head .cr-type{margin-block-start:var(--space-3xs)}.cr-badge{position:relative;flex:none;inline-size:4.5rem;aspect-ratio:1}.cr-badge img{position:absolute;inset:10%;inline-size:80%;block-size:80%;border-radius:50%;object-fit:cover;background:var(--color-surface)}.cr-line{font-size:var(--text-1);line-height:var(--leading-snug)}.cr-facts{margin:0}.cr-facts dt{font-size:var(--text--1);color:var(--color-text-muted)}.cr-facts dd{margin:0;font-weight:var(--weight-strong)}.cr-fiction{font-size:var(--text--1);color:var(--color-text-muted)}.cr-actions .btn{background:var(--color-surface)}.copy-name{background:none;border:0;padding:0;font:inherit;font-weight:var(--weight-strong);color:var(--color-accent);text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.18em;cursor:pointer}button.text-link{background:none;border:0;padding:0;font:inherit;font-weight:var(--weight-strong);color:var(--color-accent);text-decoration:underline;text-underline-offset:0.18em;cursor:pointer}.gallery.is-turning>.tile,.gallery.is-turning>.loupe{visibility:hidden}.gallery.is-turning + .loupe-hint{display:none}.pdp .gallery .tile{clip-path:inset(0 round var(--radius-lg))}.turn{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto auto;border-radius:var(--radius-lg);background:var(--color-surface-2);overflow:hidden;z-index:3}.turn-stage{background-repeat:no-repeat;background-position:50% 0;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity var(--dur-2) var(--ease-out)}.turn-stage.ready{opacity:1}.turn-stage:active{cursor:grabbing}.turn-stage:focus-visible{outline-offset:-4px;border-radius:var(--radius-lg)}.turn-bar{direction:ltr;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-xs)}.turn-step{display:inline-grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);border-radius:50%;border:2px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-2);line-height:1;cursor:pointer}.turn-note{margin:0;padding-inline:var(--space-s);padding-block-end:var(--space-xs);text-align:center;font-size:var(--text--1);color:var(--color-text-muted)}.answer{font-size:var(--text-1);line-height:var(--leading-body)}.prose .grid{margin-block:var(--space-s) var(--space-m)}@media (prefers-reduced-motion:reduce){.is-closing .ring-stitch{transition:none}.squash,.bump .book-ring{animation:none}.toast,.bar-fill,.turn-stage,.enc-tile .reveal,.enc-panel,.enc-stage.is-met .clue{transition:none}.enc-stage .reveal img,.enc-stage.is-met .reveal img{transform:none;transition:none}}