:root{--hb-cream:#fbf7f0;--hb-blush:#f9ebe8;--hb-sage:#eaf3ec;--hb-sky:#e8f1f8;--hb-lavender:#efebf8;--hb-butter:#fbf4dc;--hb-warm:#f7f0e5;--hb-amber-ink:#7a5310}@layer components{.hb{padding-block:clamp(2.5rem,1.6rem + 2.6vw,4.25rem);position:relative}.hb-cream{background:var(--hb-cream)}.hb-blush{background:var(--hb-blush)}.hb-sage{background:var(--hb-sage)}.hb-sky{background:var(--hb-sky)}.hb-lavender{background:var(--hb-lavender)}.hb-butter{background:var(--hb-butter)}.hb-warm{background:var(--hb-warm)}.hb-white{background:var(--surface)}.hd{flex-direction:column;gap:.45rem;margin-bottom:1.6rem;display:flex;position:relative}.hd-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--hd-ink);font-size:.75rem;font-weight:700}html:lang(ar) .hd-eyebrow{letter-spacing:0;font-size:.85rem}.hd-title{color:var(--text);text-wrap:balance;font-size:clamp(1.75rem,1.35rem + 1.6vw,2.5rem);line-height:1.12}.hd-lead{max-width:44rem;color:var(--text-muted);font-size:1.05rem;line-height:1.55}.hd-spark{inset-inline-end:0;color:var(--hd-spark);position:absolute;top:-.25rem}.hd-lilac{--hd-ink:var(--accent);--hd-spark:#c9bdea}.hd-blush{--hd-ink:var(--blush-ink);--hd-spark:#eab9b0}.hd-sage{--hd-ink:var(--sage-ink);--hd-spark:#a9d1bb}.hd-sky{--hd-ink:var(--powder-ink);--hd-spark:#a9c8e2}.hd-amber{--hd-ink:var(--hb-amber-ink);--hd-spark:#ecd18a}.hero-lib{isolation:isolate;background:radial-gradient(38rem 26rem at 88% 8%, #e7e0f3b3, transparent 70%), radial-gradient(30rem 22rem at 4% 96%, #f1ddd98c, transparent 70%), var(--hb-cream);padding-block:1.75rem 2.25rem;position:relative;overflow:hidden}.hero-lib>.shell{z-index:1;position:relative}.hero-grid{align-items:center;gap:1.5rem;display:grid}.hero-grid>*{min-width:0}.hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}html:lang(ar) .hero-eyebrow{letter-spacing:0;font-size:.85rem}.hero-h1{color:var(--text);text-wrap:balance;max-width:15em;margin-top:.6rem;font-size:clamp(2.2rem,1.5rem + 2.7vw,3.6rem);line-height:1.07}.hero-accent{color:var(--accent);font-style:italic}html:lang(ar) .hero-accent{font-style:normal}.hero-promise{color:var(--text-muted);flex-wrap:wrap;gap:.35rem 1.25rem;margin-top:1rem;font-size:.92rem;font-weight:600;display:flex}.hero-promise li{align-items:center;gap:.4rem;display:inline-flex}.hero-star{color:#b8954f;font-size:.85em}.hs{border:1px solid var(--line);background:var(--surface);max-width:42rem;box-shadow:var(--shadow-lg);border-radius:1.4rem;margin-top:1.4rem;padding:.7rem .8rem .8rem}.hs fieldset{border:0;min-inline-size:0;margin:0;padding:0}.hs-tabs{scrollbar-width:none;gap:.2rem;display:flex;overflow-x:auto;border-bottom:1px solid var(--line)!important;padding:.1rem .1rem .6rem!important}.hs-tabs::-webkit-scrollbar{display:none}.hs-tab{cursor:pointer;flex:none}.hs-tab>span{white-space:nowrap;min-height:2.2rem;color:var(--text-muted);border-radius:999px;align-items:center;padding-inline:.8rem;font-size:.88rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.hs-tab:hover>span{color:var(--text);background:var(--cream-2)}.hs-tab:has(input:checked)>span{color:var(--accent);background:var(--lilac)}.hs-tab:has(input:focus-visible)>span{outline:2px solid var(--focus);outline-offset:2px}.hs-bar{align-items:center;gap:.6rem;padding:.55rem .25rem;display:flex}.hs-input{min-width:0;min-height:2.75rem;color:var(--text);text-overflow:ellipsis;background:0 0;outline:none;flex:1;font-size:1.02rem}.hs-input::placeholder{color:var(--text-subtle)}.hs-bar:focus-within{box-shadow:inset 0 -2px 0 var(--accent)}.hs-go{background:var(--accent);color:#fff;border-radius:999px;flex:none;min-height:2.6rem;padding-inline:1.15rem;font-size:.95rem;font-weight:600}.hs-go:hover{background:var(--accent-strong)}.hs-go:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hs-filters{flex-wrap:wrap;gap:.35rem;display:flex;padding-top:.1rem!important}.hs-pill{background:var(--hb-cream);min-height:2.25rem;color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;padding-inline:.75rem 1.6rem;font-size:.85rem;display:inline-flex;position:relative}.hs-pill:hover{background:var(--cream-2)}.hs-pill:has(select:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.hs-pill-name{margin-inline-end:.3rem}.hs-pill-val{white-space:nowrap;text-overflow:ellipsis;max-width:11rem;color:var(--text);font-weight:700;overflow:hidden}.hs-pill select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.hs-pill:after{content:"";inset-inline-end:.75rem;border-right:1.6px solid var(--text-muted);border-bottom:1.6px solid var(--text-muted);pointer-events:none;width:.38rem;height:.38rem;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.hero-popular{color:var(--text-muted);margin-top:.85rem;font-size:.92rem}.hero-popular a{color:var(--accent);text-underline-offset:3px;font-weight:600}.hero-popular a:hover{text-decoration:underline}.hero-art{height:13.5rem;position:relative}.hc{background:#fff;border-radius:.9rem;width:9.5rem;padding:.35rem .35rem 0;display:block;position:absolute;box-shadow:0 1px 2px #33374a0f,0 14px 28px -14px #33374a4d}.hc .lc-pic{aspect-ratio:4/3;border-radius:.6rem;height:auto}.hc-ribbon{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--text);padding:.3rem .2rem .4rem;font-size:.62rem;font-weight:800;display:block}html:lang(ar) .hc-ribbon{letter-spacing:0;font-size:.72rem}.hc-1{top:3.5rem;left:0;rotate:-5deg}.hc-2{z-index:3;width:8.5rem;top:0;right:0;rotate:5deg}.hc-3,.hc-4{display:none}.hero-pair{z-index:2;width:12rem;height:12.5rem;position:absolute;bottom:0;left:50%;translate:-42%}.hero-teacher{width:auto;height:12.5rem;position:absolute;bottom:0;left:0}.hero-bear{width:auto;height:6.4rem;position:absolute;bottom:0;right:0}@media (min-width:40rem){.hero-art{max-width:40rem;height:17rem}.hc{width:11.5rem}.hc-2{width:10.5rem}.hc-4{width:9rem;display:block;top:.5rem;left:12.5rem;rotate:3deg}.hero-pair{width:15rem;height:16rem;left:auto;right:9rem;translate:0}.hero-teacher{height:16rem}.hero-bear{height:8rem}}@media (min-width:64rem){.hero-lib{padding-block:2.5rem 3rem}.hero-grid{grid-template-columns:minmax(0,1fr) 27rem;gap:2rem}.hero-art{max-width:none;height:33rem}.hc{width:12rem}.hc-1{top:12rem;left:-1rem;rotate:-6deg}.hc-2{width:11rem;top:3rem;right:-.5rem;rotate:6deg}.hc-3{width:10.5rem;display:block;top:0;left:.5rem;rotate:-3deg}.hc-4{z-index:3;width:10.5rem;top:auto;bottom:.5rem;left:2rem;rotate:4deg}.hero-pair{width:18rem;height:21rem;bottom:0;right:-.5rem}.hero-teacher{height:21rem}.hero-bear{height:10.5rem;right:-.25rem}}.spk-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.spk{filter:drop-shadow(0 1px 1px #fffc);transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute}@media (prefers-reduced-motion:reduce){.spk{transition:none}}.lc{border:1px solid var(--line);background:var(--surface);height:100%;box-shadow:var(--shadow);border-radius:1.25rem;flex-direction:column;transition:transform .18s;display:flex;overflow:hidden}.lc:hover{transform:translateY(-2px)}.lc:hover .lc-title{color:var(--accent)}.lc:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.lc-img{aspect-ratio:4/3;background:var(--hb-cream);display:block;position:relative;overflow:hidden}.lc-pic{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.lc-pic-whole{object-fit:contain;object-position:center;background:#fff;padding:.5rem}.lc-tag{top:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blush-ink);background:#fff;border-radius:.4rem;padding:.2rem .55rem;font-size:.68rem;font-weight:800;position:absolute;inset-inline-start:.7rem;box-shadow:0 2px 6px #33374a1f}.lc-body{flex-direction:column;flex:1;gap:.25rem;padding:.85rem 1rem 1rem;display:flex}.lc-type{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}html:lang(ar) .lc-type,html:lang(ar) .lc-tag{letter-spacing:0}.lc-title{color:var(--text);font-size:1.02rem;font-weight:600;line-height:1.3;transition:color .15s}.lc-chips{flex-wrap:wrap;gap:.25rem .9rem;margin-top:.2rem;font-size:.8rem;font-weight:600;display:flex}.lc-chips>:first-child{color:var(--accent)}.lc-chips>:nth-child(2){color:var(--powder-ink)}.lc-chips>:nth-child(3){color:var(--sage-ink)}.lc-paper{border-radius:.35rem;box-shadow:0 1px 2px #33374a14,0 18px 30px -18px #33374a59}.lc-paper .lc-img{aspect-ratio:3/4;background:#fff}.lc-paper .lc-pic{object-fit:contain;object-position:top;background:#fff;padding:.4rem}.lc-paper .lc-type{color:var(--sage-ink);text-transform:none;letter-spacing:0;order:2;font-size:.82rem}.paper-grid li:nth-child(odd) .lc-paper{rotate:-1.2deg}.paper-grid li:nth-child(2n) .lc-paper{rotate:1deg}.paper-grid .lc-paper:hover{rotate:none}.lc-deck .lc-img,.lc-game .lc-img,.lc-page .lc-img{aspect-ratio:16/10}.lc-game .lc-type{color:var(--blush-ink)}.lc-page .lc-type{color:var(--hb-amber-ink)}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:48rem){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.tile{border-radius:1.25rem;flex-direction:column;height:100%;padding:.6rem .6rem .85rem;transition:transform .18s;display:flex}.tile:hover{transform:translateY(-2px)}.tile:hover .tile-name{color:var(--accent)}.tile:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tile-1,.tile-8{background:var(--hb-sage)}.tile-2,.tile-7{background:var(--hb-sky)}.tile-3{background:var(--hb-blush)}.tile-4{background:var(--hb-butter)}.tile-5{background:var(--hb-lavender)}.tile-6{background:var(--hb-warm)}.tile-img{aspect-ratio:4/3;background:#fff;border-radius:.85rem;display:block;overflow:hidden;box-shadow:0 1px 2px #33374a0f,0 8px 18px -12px #33374a4d}.tile-name{color:var(--text);margin-top:.7rem;padding-inline:.2rem;font-weight:700;line-height:1.25}.tile-count{color:var(--text-muted);padding-inline:.2rem;font-size:.85rem;font-weight:600}.age-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:64rem){.age-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.age-card{border:1px solid var(--line);background:var(--surface);border-radius:1.1rem;flex-direction:column;gap:.3rem;height:100%;padding:1.1rem 1.15rem;transition:transform .18s;display:flex}.age-card:hover{transform:translateY(-2px)}.age-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.age-range{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}html:lang(ar) .age-range{letter-spacing:0}.age-name{font-family:var(--font-display);color:var(--text);font-size:1.6rem;line-height:1.15}.age-go{color:var(--accent);margin-top:auto;padding-top:.35rem;font-size:.9rem;font-weight:600}.season-grid{gap:1.1rem;display:grid}@media (min-width:64rem){.season-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}}.feat{background:var(--surface);min-width:0;box-shadow:var(--shadow-lg);border-radius:1.5rem;flex-direction:column;gap:.85rem;padding:1.4rem 1.4rem 1.2rem;display:flex}.feat-date{letter-spacing:.12em;text-transform:uppercase;color:var(--blush-ink);font-size:.75rem;font-weight:700}html:lang(ar) .feat-date{letter-spacing:0;font-size:.85rem}.feat-title{font-family:var(--font-display);color:var(--feat-ink);font-size:clamp(1.9rem,1.5rem + 1.4vw,2.6rem);font-style:italic;line-height:1.05}html:lang(ar) .feat-title{font-style:normal}.feat-the{color:var(--blush-ink);font-size:.55em;display:block}.feat-points{gap:.35rem;display:grid}.feat-points li{color:var(--text);padding-inline-start:1.6rem;position:relative}.feat-points li:before{content:"";inset-inline-start:.2rem;border-left:2px solid var(--feat-ink);border-bottom:2px solid var(--feat-ink);width:.75rem;height:.42rem;position:absolute;top:.3rem;rotate:-45deg}.feat-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.3rem;display:grid}.feat-previews a{border:1px solid var(--line);background:var(--hb-cream);color:var(--text-muted);border-radius:.9rem;font-size:.82rem;display:block;overflow:hidden}.feat-previews a:hover{color:var(--accent)}.feat-previews span{padding:.45rem .65rem .55rem;display:block}.feat-sheet{aspect-ratio:4/3;background:#fff;height:auto}.poster{background:var(--surface);min-height:18rem;box-shadow:var(--shadow-lg);border-radius:1.5rem;align-items:flex-end;display:flex;position:relative;overflow:hidden}.poster:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.poster-art{object-position:70% 20%;transition:transform .4s;position:absolute;inset:0}.poster:hover .poster-art{transform:scale(1.02)}.poster-text{background:linear-gradient(#fff0,#fffffff7 45%);flex-direction:column;gap:.25rem;width:100%;padding:4rem 1.3rem 1.2rem;display:flex;position:relative}.poster-month{letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:.75rem;font-weight:700}html:lang(ar) .poster-month{letter-spacing:0}.poster-title{font-family:var(--font-display);color:var(--text);font-size:1.85rem;line-height:1.1}.poster-line{color:var(--text-muted);font-size:.92rem}.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem .9rem;padding:.3rem;display:grid}@media (min-width:64rem){.paper-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}}.present-grid{align-items:start;gap:1rem;display:grid}@media (min-width:48rem){.present-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.present-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr)}}.plans{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1.25rem;padding:1rem 1.15rem .9rem}@media (min-width:48rem) and (not (min-width:64rem)){.plans{grid-column:1/-1}}.plans-label{letter-spacing:.12em;text-transform:uppercase;color:var(--powder-ink);margin-bottom:.3rem;font-size:.75rem;font-weight:700}html:lang(ar) .plans-label{letter-spacing:0;font-size:.85rem}.plans li+li{border-top:1px solid var(--line)}.plan-row{align-items:center;gap:.85rem;padding-block:.6rem;display:flex}.plan-row:hover .plan-title{color:var(--accent)}.plan-thumb{border:1px solid var(--line);border-radius:.45rem;flex:none;width:4.4rem!important;height:3.3rem!important}.plan-title{color:var(--text);font-weight:600;line-height:1.3;display:block}.plan-meta{color:var(--text-muted);margin-top:.1rem;font-size:.82rem;display:block}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.game-big{grid-column:1/-1}@media (min-width:64rem){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.game-big{grid-area:span 2/span 2}.game-big .lc{height:100%}.game-big .lc-img{aspect-ratio:auto;flex:1;min-height:16rem}.game-big .lc-body{flex:none}}.game-big .lc-title{font-size:1.25rem}.speak-row>.speak-item{scroll-snap-align:start;flex:none;width:min(30rem,84vw)}.teach-grid{gap:1rem;display:grid}@media (min-width:64rem){.teach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.panel{border:1px solid var(--line);background:var(--surface);height:100%;box-shadow:var(--shadow);border-radius:1.25rem;flex-direction:column;gap:.6rem;padding:1.2rem 1.25rem;display:flex}.panel-title{color:var(--text);font-size:1.08rem;font-weight:600}.panel-head{font-family:var(--font-display);color:var(--text);font-size:1.6rem;line-height:1.15}.rows li{grid-template-columns:4.6rem minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding-block:.55rem;display:grid}.rows li+li{border-top:1px solid var(--line)}.rows a{color:var(--text);text-underline-offset:3px;font-weight:500}.rows a:hover{color:var(--accent);text-decoration:underline}.row-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--powder-ink);font-size:.68rem;font-weight:700}html:lang(ar) .row-kind{letter-spacing:0;font-size:.78rem}.row-date{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.tool-grid a{border:1px solid var(--line);min-height:2.6rem;color:var(--text);border-radius:.8rem;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.88rem;font-weight:600;line-height:1.2;display:flex}.tool-grid a:hover{border-color:var(--line-strong);color:var(--accent)}.founder{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;gap:.6rem;margin-top:1rem;padding:1.6rem 1.4rem 1.5rem;display:flex;position:relative}.founder-spark{top:1rem;color:#e3c97f;position:absolute;inset-inline-end:1.2rem}.founder-photo{width:auto;height:7rem}.founder-title{color:var(--text);font-size:clamp(1.5rem,1.25rem + .9vw,1.95rem)}.founder-text{max-width:40rem;color:var(--text-muted);line-height:1.6}.chip-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row-label{color:var(--text-muted);margin-inline-end:.25rem;font-size:.875rem;font-weight:600}.more{margin-top:1.25rem}.more>summary{min-height:2.5rem;color:var(--accent);cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;list-style:none;display:inline-flex}.more>summary::-webkit-details-marker{display:none}.more>summary:after{content:"+";font-size:1.1rem;line-height:1}.more[open]>summary:after{content:"−"}@media not (min-width:40rem){.chip-row.scroll-sm{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1.25rem;padding:2px 1.25rem;overflow-x:auto}.chip-row.scroll-sm::-webkit-scrollbar{display:none}.chip-row.scroll-sm>*{flex:none}.panel .chip-row.scroll-sm{margin-inline:-1.25rem;padding-inline:1.25rem}.hd-title{font-size:1.7rem}.tile-name{font-size:.95rem}.lc-body{padding:.65rem .75rem .8rem}.lc-title{font-size:.92rem}.age-name{font-size:1.35rem}.feat-title{font-size:2rem}.game-grid,.teach-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;margin-inline:-1.25rem;padding:.25rem 1.25rem .75rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}.game-grid::-webkit-scrollbar{display:none}.teach-grid::-webkit-scrollbar{display:none}.game-grid>li{scroll-snap-align:start;flex:0 0 72%}.teach-grid>*{scroll-snap-align:start;flex:0 0 86%}.present-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.plans{grid-column:1/-1}.lc-deck .lc-chips>:nth-child(3),.feat-previews{display:none}.hb{padding-block:2.25rem}}}