:root{--bg:#f7f7f4;--surface:#fff;--surface-2:#efefea;--ink:#14161c;--ink-2:#464b58;--ink-3:#686e7c;--line:#e2e2dc;--line-2:#cdcdc4;--y7:#09705f;--y7-ink:#fff;--y7-soft:#e3f2ef;--y7-line:#b3d8d1;--y8:#2a4bd7;--y8-ink:#fff;--y8-soft:#e9edfc;--y8-line:#c3cdf6;--y9:#a44e00;--y9-ink:#fff;--y9-soft:#fbeedd;--y9-line:#eecfa2;--y10:#6a3fd1;--y10-ink:#fff;--y10-soft:#eee9fb;--y10-line:#cfc2f3;--accent:var(--ink);--accent-ink:var(--bg);--accent-soft:var(--surface-2);--accent-line:var(--line-2);--ga:#12806f;--gb:#b86e00;--gc:#5b45d6;--ga-soft:#12806f2b;--gb-soft:#b86e002b;--gc-soft:#5b45d626;--tri:#14161c1a;--shadow:0 12px 28px -16px #14161c59;--r-1:3px;--r-2:6px;--font-sans:system-ui, -apple-system, "Segoe UI", "Noto Sans", "Noto Sans Arabic", Tahoma, Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, "Noto Serif", Georgia, serif;--font-math:"Cambria Math", "STIX Two Math", "Noto Serif", Georgia, serif;--track:-.02em;--ease:cubic-bezier(.22, .8, .24, 1);--dur-1:.16s;--dur-2:.32s;--dur-3:.52s;--header-h:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--surface:#171a20;--surface-2:#1e222a;--ink:#eceff4;--ink-2:#b4bac8;--ink-3:#8f96a5;--line:#272c35;--line-2:#353b47;--y7:#4fd0b9;--y7-ink:#04201b;--y7-soft:#11302b;--y7-line:#245a51;--y8:#8aa0ff;--y8-ink:#0c1234;--y8-soft:#1b2342;--y8-line:#34407a;--y9:#f4a54b;--y9-ink:#2a1600;--y9-soft:#2e2212;--y9-line:#6b4a1c;--y10:#b9a1ff;--y10-ink:#190c3d;--y10-soft:#261e40;--y10-line:#4d3f86;--ga:#3fcdb5;--gb:#f2b24c;--gc:#a79bff;--ga-soft:#3fcdb533;--gb-soft:#f2b24c33;--gc-soft:#a79bff33;--tri:#eceff41f;--shadow:0 12px 28px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1115;--surface:#171a20;--surface-2:#1e222a;--ink:#eceff4;--ink-2:#b4bac8;--ink-3:#8f96a5;--line:#272c35;--line-2:#353b47;--y7:#4fd0b9;--y7-ink:#04201b;--y7-soft:#11302b;--y7-line:#245a51;--y8:#8aa0ff;--y8-ink:#0c1234;--y8-soft:#1b2342;--y8-line:#34407a;--y9:#f4a54b;--y9-ink:#2a1600;--y9-soft:#2e2212;--y9-line:#6b4a1c;--y10:#b9a1ff;--y10-ink:#190c3d;--y10-soft:#261e40;--y10-line:#4d3f86;--ga:#3fcdb5;--gb:#f2b24c;--gc:#a79bff;--ga-soft:#3fcdb533;--gb-soft:#f2b24c33;--gc-soft:#a79bff33;--tri:#eceff41f;--shadow:0 12px 28px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-year="7"]{--accent:var(--y7);--accent-ink:var(--y7-ink);--accent-soft:var(--y7-soft);--accent-line:var(--y7-line)}[data-year="8"]{--accent:var(--y8);--accent-ink:var(--y8-ink);--accent-soft:var(--y8-soft);--accent-line:var(--y8-line)}[data-year="9"]{--accent:var(--y9);--accent-ink:var(--y9-ink);--accent-soft:var(--y9-soft);--accent-line:var(--y9-line)}[data-year="10"]{--accent:var(--y10);--accent-ink:var(--y10-ink);--accent-soft:var(--y10-soft);--accent-line:var(--y10-line)}:root:lang(ar){--track:0}@media (min-width:760px){:root{--header-h:4.1rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}html.locked{overflow:hidden}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);flex-direction:column;margin:0;font-size:1rem;line-height:1.6;display:flex}:lang(ar) body,body:lang(ar){line-height:1.8}#root{flex-direction:column;flex:1;display:flex}main{outline:none;flex:1}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2{font-family:var(--font-serif);letter-spacing:var(--track);font-weight:600;line-height:1.12}:lang(ar) h1,:lang(ar) h2{font-family:var(--font-sans);font-weight:700;line-height:1.35}[lang=en]{font-family:inherit}h1[lang=en],h2[lang=en]{font-family:var(--font-serif);letter-spacing:var(--track);line-height:1.12}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:min(100% - 2rem,72rem);margin-inline-start:auto;margin-inline-end:auto}.skip{z-index:50;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-1);transition:top var(--dur-1) var(--ease);padding:.6rem 1rem;position:absolute;top:-4rem}.skip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:1rem}.skip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:1rem}.skip:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:1rem}.skip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:1rem}.skip:focus{top:.75rem}.dir-flip{transition:transform var(--dur-2) var(--ease)}:lang(ar) .dir-flip{transform:scaleX(-1)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page{animation:page-in var(--dur-3) var(--ease) both}.rv{opacity:0;transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease);transition-delay:calc(var(--i,0) * 55ms);transform:translateY(14px)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}.rv{opacity:1;transform:none}}.site-header{background:var(--bg);border-bottom:1px solid var(--line)}@media (min-width:760px){.site-header{z-index:20;position:sticky;top:0}}.bar{grid-template-columns:1fr auto;grid-template-areas:"brand tools""years years";align-items:center;gap:.6rem 1rem;padding-block-start:.7rem;padding-block-end:.7rem;display:grid}@media (min-width:760px){.bar{min-height:var(--header-h);grid-template-columns:1fr auto 1fr;grid-template-areas:"brand years tools";padding-block-start:.6rem;padding-block-end:.6rem}}.brand{border-radius:var(--r-1);grid-area:brand;justify-self:start;align-items:center;gap:.6rem;display:inline-flex}.brand-name{font-family:var(--font-serif);letter-spacing:-.015em;font-size:1.3rem;font-weight:700}.logo rect{transform-box:fill-box;transform-origin:50% 100%;transition:transform var(--dur-2) var(--ease)}.logo .l7{fill:var(--y7)}.logo .l8{fill:var(--y8)}.logo .l9{fill:var(--y9)}.logo .l10{fill:var(--y10)}.logo .lbase{fill:var(--ink-3)}@media (hover:hover){.brand:hover .logo .l7{transform:scaleY(1.12)}.brand:hover .logo .l8{transform:scaleY(.9)}.brand:hover .logo .l9{transform:scaleY(1.1)}.brand:hover .logo .l10{transform:scaleY(.92)}}.tools{grid-area:tools;justify-self:end;align-items:center;gap:.4rem;display:flex}.tool{border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface);min-width:2.5rem;height:2.5rem;color:var(--ink-2);transition:color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);justify-content:center;align-items:center;gap:.4rem;padding-inline-start:.8rem;padding-inline-end:.8rem;font-size:.9rem;font-weight:500;display:inline-flex}.tool:hover{color:var(--ink);border-color:var(--ink-3)}.tool:active{transform:scale(.96)}.tool-icon{width:2.5rem;padding:0}.tool-lang{font-family:var(--font-sans)}.seg{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-1);scrollbar-width:none;align-items:center;gap:2px;max-width:100%;padding:2px;display:inline-flex;position:relative;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg-item{z-index:1;border-radius:var(--r-1);color:var(--ink-2);white-space:nowrap;transition:color var(--dur-2) var(--ease);background:0 0;border:0;flex:none;padding:.45rem 1rem;font-size:.92rem;font-weight:500;line-height:1.3;position:relative}.seg-item:hover{color:var(--ink)}.seg-item[data-active=true]{color:var(--accent-ink)}.seg .ink{z-index:0;width:var(--ink-w,0);opacity:var(--ink-o,0);transform:translateX(var(--ink-x,0));background:var(--accent);border-radius:var(--r-1);position:absolute;top:2px;bottom:2px;left:0}.seg.ready .ink{transition:transform var(--dur-2) var(--ease), width var(--dur-2) var(--ease), opacity var(--dur-1) var(--ease)}.seg.chips{background:0 0;border:0;gap:.4rem;padding:0}.seg.chips .ink{display:none}.seg.chips .seg-item{background:var(--surface);border:1px solid var(--line-2);padding:.4rem .85rem;font-size:.88rem}.seg.chips .seg-item:hover{color:var(--ink);border-color:var(--accent)}.seg.chips .seg-item[data-active=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line);font-weight:600}.years{grid-area:years;justify-self:stretch;display:flex}.years .seg-item{flex:1;justify-content:center;align-items:center;gap:.45rem;padding-inline-start:.2rem;padding-inline-end:.2rem;font-size:.86rem;display:inline-flex}.ymark{background:var(--accent);border-radius:1px;flex:none;width:.55rem;height:.55rem}.seg-item[data-active=true] .ymark{background:var(--accent-ink)}@media (min-width:520px){.years .seg-item{padding-inline-start:1rem;padding-inline-end:1rem;font-size:.92rem}}@media (min-width:760px){.years{justify-self:center}.years .seg-item{flex:none;padding-inline-start:1.1rem;padding-inline-end:1.1rem}}.page{padding-block-start:2rem;padding-block-end:4rem}.page-year{padding-block-start:0;padding-block-end:4rem}.section-title{margin-bottom:1rem;font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem)}.lead{color:var(--ink-2);max-width:40rem;font-size:1.08rem}.btn{border-radius:var(--r-1);background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);transition:transform var(--dur-1) var(--ease), filter var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.68rem 1.15rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn-quiet{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn-quiet:hover{filter:none;background:var(--surface-2);border-color:var(--ink-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);display:block}@media (hover:hover){.card.link:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}}.badge{border-radius:var(--r-1);white-space:nowrap;align-items:center;gap:.4rem;padding:.2rem .55rem;font-size:.76rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-picked{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}.badge-made{background:var(--ink);color:var(--bg)}.hero{align-items:end;gap:1.5rem;padding-block-start:1rem;padding-block-end:2.5rem;display:grid}.hero h1{max-width:14ch;font-size:clamp(2.2rem,1.2rem + 4.6vw,4rem)}:lang(ar) .hero h1{max-width:16ch}.hero .lead{margin-top:1rem}@media (min-width:760px){.hero{grid-template-columns:1.3fr 1fr;gap:3rem;padding-block-start:2rem;padding-block-end:3.5rem}}.spines{justify-self:end;width:100%;max-width:22rem;height:auto}.spine rect{fill:var(--accent)}.spine .band{stroke:var(--accent-ink);stroke-width:1.4px;opacity:.45;fill:none}.spine text{font-family:var(--font-serif);fill:var(--accent-ink);font-size:26px;font-weight:600}.spine.long text{font-size:21px}.spine-empty{fill:none;stroke:var(--line-2);stroke-width:1.5px;stroke-dasharray:4 4}.shelf-line{stroke:var(--ink-3);stroke-width:2px;stroke-linecap:round}.spine{transform-box:fill-box;transform-origin:50% 100%;animation:rise var(--dur-3) var(--ease) both;animation-delay:calc(var(--i) * 80ms + .14s)}@keyframes rise{0%{opacity:0;transform:translateY(18px)scaleY(.88)}to{opacity:1;transform:none}}.ygrid{grid-template-columns:repeat(2,1fr);gap:.9rem;margin-bottom:3rem;display:grid}@media (min-width:760px){.ygrid{grid-template-columns:repeat(4,1fr);gap:1.1rem}}.ycard{background:var(--accent-soft);border-color:var(--accent-line);align-content:end;gap:.15rem;min-height:9.5rem;padding:1.1rem 1.15rem 1.15rem;display:grid;position:relative}.y-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:600}.y-num{color:var(--accent);font-family:var(--font-serif);letter-spacing:-.03em;font-size:3.6rem;font-weight:600;line-height:1}.y-meta{color:var(--ink-2);margin-top:.4rem;font-size:.88rem}.y-arrow{color:var(--accent);transition:transform var(--dur-2) var(--ease);position:absolute;top:1rem}.y-arrow:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:1rem}.y-arrow:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:1rem}.y-arrow:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:1rem}.y-arrow:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:1rem}@media (hover:hover){.ycard:hover .y-arrow{transform:translate(3px)}:lang(ar) .ycard:hover .y-arrow{transform:scaleX(-1)translate(3px)}}.ycard.is-empty .y-num{color:var(--ink-3)}.legend-list{border-top:1px solid var(--line);gap:1.1rem 2rem;padding-top:1.25rem;display:grid}.legend-list li{justify-items:start;gap:.5rem;display:grid}.legend-list p{color:var(--ink-2)}@media (min-width:760px){.legend-list{grid-template-columns:1fr 1fr}}.yband{background:var(--accent-soft);border-bottom:1px solid var(--accent-line);margin-bottom:2rem}.year-head{padding-block-start:2rem;padding-block-end:1.1rem}.year-head h1{color:var(--accent);font-size:clamp(2.6rem,1.4rem + 5vw,4.4rem)}.year-head .lead{margin-top:.4rem}.tabs{border-color:var(--accent-line);margin-bottom:1.4rem}.tabs .seg-item{padding-inline-start:1.2rem;padding-inline-end:1.2rem}.count{border-radius:var(--r-1);background:var(--surface-2);min-width:1.5em;color:var(--ink-3);text-align:center;margin-inline-start:.3rem;padding:0 .4em;font-size:.78rem;display:inline-block}[data-active=true] .count{background:#80808047;background:color-mix(in srgb, currentColor 18%, transparent);color:inherit}.tab-body{animation:page-in var(--dur-3) var(--ease) both}.unit-jump{margin-bottom:2rem}.unit{scroll-margin-top:calc(var(--header-h) + 1rem)}.unit+.unit{border-top:1px solid var(--line);margin-top:3.25rem;padding-top:2.25rem}.unit-head{flex-wrap:wrap;align-items:baseline;gap:.9rem;margin-bottom:1rem;display:flex}.unit-head h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}.unit-head p{color:var(--ink-3);font-size:.95rem}.jump{top:var(--header-h);z-index:6;background:var(--bg);box-shadow:0 0 0 .5rem var(--bg);margin-bottom:1.25rem;padding-block-start:.6rem;padding-block-end:.6rem;position:sticky}.jump .seg-item{text-align:center;min-width:3.2rem}.lesson{scroll-margin-top:calc(var(--header-h) + 4.5rem);margin-bottom:2.5rem}.lesson-title{font-family:var(--font-sans);margin-bottom:.9rem;font-size:1.12rem;font-weight:600}.lesson-title .code{color:var(--accent);font-variant-numeric:tabular-nums;margin-inline-end:.35rem}.vgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:1rem;display:grid}.vcard{flex-direction:column;display:flex;overflow:hidden}.vthumb{aspect-ratio:16/9;background:var(--surface-2);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.vthumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease)}.vthumb img.loaded{opacity:1}.vplay{background:var(--accent);width:3.1rem;height:3.1rem;color:var(--accent-ink);transition:transform var(--dur-2) var(--ease);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 6px 18px -6px #00000080}.vplay .icon{margin-left:2px}@media (hover:hover){.vthumb:hover .vplay{transform:scale(1.1)}.vthumb:hover img{transform:scale(1.04)}}.vbody{flex:1;align-content:start;justify-items:start;gap:.5rem;padding:.85rem 1rem 1rem;display:grid}.vtitle{font-size:.98rem;font-weight:600;line-height:1.4}.vsrc{color:var(--ink-3);font-size:.82rem}.vdialog{border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--surface);width:min(100% - 1.5rem,58rem);max-width:none;color:var(--ink);animation:dialog-in var(--dur-2) var(--ease) both;padding:0;box-shadow:0 30px 80px -20px #0009}.vdialog::backdrop{animation:fade-in var(--dur-2) var(--ease) both;background:#080a0e9e}.vdialog.out{animation:dialog-out .18s var(--ease) both}.vdialog.out::backdrop{animation:fade-out .18s var(--ease) both}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.vd-inner{gap:.9rem;padding:1rem;display:grid}.vd-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.vd-title{font-size:1.02rem;font-weight:600;line-height:1.35}.vd-frame{aspect-ratio:16/9;border-radius:var(--r-1);background:#000;width:min(100%,177.778dvh - 18.6667rem);margin-inline-start:auto;margin-inline-end:auto;position:relative;overflow:hidden}.vd-frame:-webkit-full-screen{border-radius:0}.vd-frame:fullscreen{border-radius:0}.vd-frame iframe{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.vd-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.vd-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.vd-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ggrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.1rem;display:grid}.gcard{overflow:hidden}.gart{background:var(--accent-soft);border-bottom:1px solid var(--accent-line);place-items:center;height:11.5rem;display:grid}.gart .art{width:auto;height:88%;transition:transform var(--dur-3) var(--ease)}@media (hover:hover){.gcard:hover .art{transform:scale(1.05)rotate(-1.5deg)}}.gbody{gap:.6rem;padding:1.1rem 1.2rem 1.2rem;display:grid}.gtitle{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.35rem;font-weight:600}.gdesc{color:var(--ink-2);font-size:.96rem}.gfoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.3rem;display:flex}.cta{color:var(--accent);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;display:inline-flex}.cta .icon{transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.gcard:hover .cta .icon{transform:translate(4px)}:lang(ar) .gcard:hover .cta .icon{transform:scaleX(-1)translate(4px)}}.art-a{fill:var(--ga-soft);stroke:var(--ga)}.art-b{fill:var(--gb-soft);stroke:var(--gb)}.art-c{fill:var(--gc-soft);stroke:var(--gc)}.art polygon{stroke-width:.09px;stroke-linejoin:round}.art-tri{fill:var(--tri);stroke:var(--ink)!important}.art-grid{fill:none;stroke:var(--ink-3);stroke-width:.035px;opacity:.5}main.immersive{padding:0;animation:none}.gscreen{z-index:60;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);animation:fade-in var(--dur-2) var(--ease) both;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.gscreen:-webkit-full-screen{padding:0}.gscreen:fullscreen{padding:0}.gbar{background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.35rem .6rem;display:grid}.gback,.gtool{border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface);min-width:2.3rem;height:2.3rem;color:var(--ink);transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);justify-content:center;align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;line-height:1;display:inline-flex}.gback{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);padding-inline-start:.8rem;padding-inline-end:.95rem}.gback:hover{filter:brightness(1.08)}.gtool{color:var(--ink-2);padding-inline-start:.6rem;padding-inline-end:.6rem;font-weight:500}.gtool:hover{background:var(--surface-2);color:var(--ink);border-color:var(--ink-3)}.gback:active,.gtool:active{transform:scale(.96)}.gtool span{display:none}@media (min-width:720px){.gtool{padding-inline-start:.95rem;padding-inline-end:.95rem}.gtool span{display:inline}}.gname{justify-content:center;align-items:center;gap:.65rem;min-width:0;display:flex}.gname-t{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;overflow:hidden}.gname .badge{display:none}@media (min-width:640px){.gname .badge{display:inline-flex}}.gtools{align-items:center;gap:.4rem;display:flex}.gstage{background:#f4f1ff;min-height:0;position:relative}.gstage iframe{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.game-loading{z-index:1;text-align:center;background:var(--surface);color:var(--ink-3);animation:pulse 1.4s var(--ease) infinite;place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.game-loading:has(.btn){color:var(--ink-2);animation:none}@keyframes pulse{50%{opacity:.45}}.empty{text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-2);justify-items:center;gap:.5rem;padding:3.5rem 1rem;display:grid}.empty-art{width:min(15rem,70%);height:auto;margin-bottom:.75rem}.empty-art .slot{fill:none;stroke:var(--line-2);stroke-width:1.5px;stroke-dasharray:4 4;animation:fade-in var(--dur-3) var(--ease) both}.empty-art .slot:nth-child(2){animation-delay:90ms}.empty-art .slot:nth-child(3){animation-delay:.18s}.empty-art .slot:nth-child(4){animation-delay:.27s}.empty-art .shelf{stroke:var(--ink-3);stroke-width:2px;stroke-linecap:round}.empty h3{font-size:1.15rem}.empty p{color:var(--ink-2)}.notfound{justify-items:start;gap:1.25rem;padding-block-start:3rem;padding-block-end:3rem;display:grid}.notfound h1{font-size:clamp(1.8rem,1.2rem + 2.5vw,2.6rem)}.site-footer{border-top:1px solid var(--line);color:var(--ink-3);font-size:.85rem}.foot{flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.5rem;padding-block-start:1.25rem;padding-block-end:1.25rem;display:flex}