@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-arabic-wght-normal-DEc70LOo.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-latin-ext-wght-normal-1lppP-5y.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-latin-wght-normal-D4haMHFz.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Cairo", system-ui, "Segoe UI", Tahoma, sans-serif;--font-display:"Reem Kufi", "Cairo", system-ui, sans-serif;--sky-top:#12131f;--sky-mid:#2a1f2e;--sky-glow:#8a5a3c;--bg:var(--sky-top);--surface:#16121ca8;--surface-strong:#16121cdb;--surface-solid:#18141ef2;--surface-opaque:#18141e;--surface-raised:#f4ead80a;--border:#f4ead81a;--hairline:#c9a45c59;--hairline-strong:#c9a45cb3;--text:#f4ead8;--text-muted:#bfb29a;--text-faint:#8d826f;--gold:#c9a45c;--gold-soft:#c9a45c29;--olive:#5f8f4e;--leaf:#8fc46a;--leaf-soft:#8fc46a29;--accent:var(--leaf);--accent-ink:#14200f;--sand:#d9c39a;--sky-blue:#9fb6d9;--demo:#ffb547;--demo-ink:#2a1a00;--demo-soft:#ffb54714;--radius-sm:10px;--radius:18px;--radius-pill:999px;--gap:16px;--gap-sm:8px;--blur:blur(14px) saturate(1.2);--shadow:0 1px 0 #f4ead80f inset, 0 18px 40px -12px #0000008c;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:clamp(1.6rem, 2.6vw, 2.1rem);--fs-hero:clamp(2.6rem, 6.5vw, 4.75rem);--tracking-kicker:.14em;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.16s;--dur:.32s}body[data-quality=low]{--blur:none;--surface:#16121cd6;--surface-strong:#16121ceb}*,:before,:after{box-sizing:border-box}html,body{block-size:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}::selection{background:#c9a45c66}#app{transition:opacity .9s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.backdrop[data-chapter=intro]~#app{opacity:0}#app canvas{touch-action:none;display:block}.sprite{block-size:0;inline-size:0;position:absolute;overflow:hidden}.backdrop{background:var(--sky-top);position:fixed;inset:0;overflow:hidden}.backdrop__sky,.backdrop__stars,.backdrop__vignette{position:absolute;inset:0}.backdrop__sky{background:radial-gradient(120% 60% at 50% 100%, #c9814f8c 0%, #8a5a3c40 30%, transparent 62%), linear-gradient(to bottom, var(--sky-top) 0%, #1a1726 40%, var(--sky-mid) 75%, #3a2733 100%)}.backdrop__stars{background-image:radial-gradient(1px 1px at 12% 18%,#f4ead8b3,#0000 60%),radial-gradient(1px 1px at 27% 8%,#f4ead880,#0000 60%),radial-gradient(1.5px 1.5px at 41% 22%,#f4ead899,#0000 60%),radial-gradient(1px 1px at 58% 12%,#f4ead873,#0000 60%),radial-gradient(1px 1px at 69% 28%,#f4ead866,#0000 60%),radial-gradient(1.5px 1.5px at 83% 9%,#f4ead8a6,#0000 60%),radial-gradient(1px 1px at 92% 24%,#f4ead873,#0000 60%),radial-gradient(1px 1px at 6% 34%,#f4ead859,#0000 60%);-webkit-mask-image:linear-gradient(#000 0%,#0000 45%);mask-image:linear-gradient(#000 0%,#0000 45%)}.backdrop__hero{object-fit:cover;object-position:50% 100%;opacity:0;block-size:104%;inline-size:104%;transition:opacity .9s var(--ease-out), transform 1.4s var(--ease-out);will-change:opacity, transform;position:absolute;inset:-2%;transform:scale(1.06)}.backdrop[data-chapter=intro] .backdrop__hero{opacity:1;transform:scale(1)}.backdrop__vignette{background:radial-gradient(130% 90% at 50% 45%,#0000 55%,#0a09108c 100%)}.backdrop[data-chapter=intro] .backdrop__vignette{background:radial-gradient(70% 50% at 50% 42%,#0a09106b 0%,#0000 70%),radial-gradient(130% 90% at 50% 45%,#0000 55%,#0a091099 100%)}#ui{pointer-events:none;gap:var(--gap);grid-template-rows:auto 1fr auto;padding:20px;display:grid;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--surface);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.dashboard,.roadmap,.info-panel{background:var(--surface-solid);-webkit-backdrop-filter:none}.panel:after{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mx,50%) var(--my,-200px), #e9c478e6, transparent 70%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--dur) ease;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.panel[data-glow]:after{opacity:1}body[data-quality=low] .panel:after{display:none}.button{border-radius:var(--radius-pill);cursor:pointer;min-block-size:44px;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur) ease, border-color var(--dur) ease, box-shadow var(--dur) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding-inline:22px;font-weight:700;display:inline-flex}.button:active{transform:scale(.97)}.button--primary{background:linear-gradient(180deg, #a6d685 0%, var(--leaf) 55%, #79ad57 100%);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff59,0 10px 24px -10px #8fc46acc}.button--primary:hover{box-shadow:inset 0 1px #ffffff59,0 14px 30px -10px #8fc46af2}.button--glass{pointer-events:auto;background:var(--surface-strong);-webkit-backdrop-filter:var(--blur);border-color:var(--hairline);color:var(--text);box-shadow:var(--shadow)}.button--glass:hover{border-color:var(--hairline-strong)}.icon-button{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;block-size:44px;inline-size:44px;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur) ease, background-color var(--dur) ease;border-radius:50%;place-items:center;padding:0;display:grid}.icon-button:hover:not(:disabled){border-color:var(--hairline-strong);background:var(--gold-soft)}.icon-button:active:not(:disabled){transform:scale(.92)}.icon-button:disabled{opacity:.3;cursor:default}.button:focus-visible,.icon-button:focus-visible,.lang-switch button:focus-visible,.tour-toggle:focus-visible,.chapter-nav__dot:focus-visible,.story-card__more:focus-visible,.metric__switch:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.icon-arrow{flex:none;block-size:20px;inline-size:20px}.icon-arrow--back,[dir=rtl] .icon-arrow{transform:scaleX(-1)}[dir=rtl] .icon-arrow--back{transform:none}.topbar{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}.brand{text-align:start;text-shadow:0 1px 12px #00000080;align-items:center;gap:12px;display:flex}.brand__mark{filter:drop-shadow(0 4px 12px #c9a45c59);flex:none;block-size:40px;inline-size:40px}.brand__star{fill:#c9a45c24;stroke:var(--gold);stroke-width:1.6px;stroke-linejoin:round}.brand__leaf{fill:var(--leaf);stroke:var(--accent-ink);stroke-width:1.4px;stroke-linecap:round}.brand__text{flex-direction:column;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:.01em;font-size:1.375rem;font-weight:600;line-height:1.1}.brand__tagline{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.02em}.topbar__end{align-items:center;gap:10px;display:flex}.quality-menu{position:relative}.quality-menu__button{border-radius:var(--radius-pill);min-block-size:46px;color:var(--text-muted);cursor:pointer;transition:color var(--dur) ease, border-color var(--dur) ease;align-items:center;gap:8px;padding-inline:14px 16px;font-weight:700;display:inline-flex}.quality-menu__button:hover,.quality-menu__button[aria-expanded=true]{color:var(--text);border-color:var(--hairline-strong)}.quality-menu__button:focus-visible,.quality-menu__item:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.quality-menu__icon{block-size:18px;inline-size:18px;color:var(--gold);flex:none}.quality-menu__list{z-index:5;background:var(--surface-opaque);-webkit-backdrop-filter:none;inline-size:280px;padding:10px;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0}.quality-menu__title{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--gold);letter-spacing:var(--tracking-kicker);text-transform:uppercase;padding:4px 8px 8px;font-weight:600}html[lang=ar] .quality-menu__title{letter-spacing:0}.quality-menu__items{gap:4px;display:grid}.quality-menu__item{border-radius:var(--radius-sm);text-align:start;cursor:pointer;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;gap:1px;padding:9px 12px;padding-inline-start:36px;display:grid;position:relative}.quality-menu__item:hover{background:var(--surface-raised);border-color:var(--border)}.quality-menu__item:before{content:"";border:1.5px solid var(--text-faint);border-radius:50%;block-size:14px;inline-size:14px;position:absolute;inset-block-start:13px;inset-inline-start:12px}.quality-menu__item[aria-checked=true]{background:var(--leaf-soft);border-color:#8fc46a59}.quality-menu__item[aria-checked=true]:before{border-color:var(--leaf);background:radial-gradient(circle, var(--leaf) 0 40%, transparent 45%)}.quality-menu__name{font-weight:700}.quality-menu__hint{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.quality-menu__note{color:var(--text-faint);margin:8px 8px 2px;font-size:.6875rem}.lang-switch{border-radius:var(--radius-pill);gap:2px;padding:4px;display:flex}.lang-switch__pill{border-radius:var(--radius-pill);background:linear-gradient(180deg, #dcbb78, var(--gold));pointer-events:none;inline-size:0;position:absolute;inset-block:4px;inset-inline-start:0;box-shadow:0 4px 14px -4px #c9a45cb3}.lang-switch button{border-radius:var(--radius-pill);min-block-size:36px;min-inline-size:46px;color:var(--text-muted);cursor:pointer;transition:color var(--dur) ease;background:0 0;border:0;padding-inline:12px;font-weight:700;position:relative}.lang-switch button:hover{color:var(--text)}.lang-switch button[aria-pressed=true]{color:#1b1408}.chapter-nav{border-radius:var(--radius-pill);touch-action:pan-y;justify-self:center;align-items:center;gap:10px;max-inline-size:100%;padding:7px;display:flex}.chapter-nav__label{gap:6px;min-inline-size:15rem;padding-inline:6px;display:grid}.chapter-nav__meta{white-space:nowrap;justify-content:center;align-items:baseline;gap:10px;line-height:1.2;display:flex}.chapter-nav__count{font-size:var(--fs-xs);color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.chapter-nav__title{font-family:var(--font-display);text-overflow:ellipsis;font-weight:600;overflow:hidden}.chapter-nav__rail{gap:5px;display:flex}.chapter-nav__dot{border-radius:var(--radius-pill);cursor:pointer;block-size:6px;transition:flex-grow .52s cubic-bezier(.34, 1.4, .64, 1), background-color var(--dur) ease;background:#f4ead824 padding-box content-box;border:0;flex:1 1 0;block-size:18px;margin-block:-6px;padding:0;padding-block:6px}.chapter-nav__dot[data-state=done]{background-color:#c9a45c8c}.chapter-nav__dot[data-state=current]{background-color:var(--leaf);flex-grow:3.2}.chapter-nav__dot:hover:not([data-state=current]){background-color:#f4ead852}.tour-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-raised);min-block-size:44px;font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--dur) ease, border-color var(--dur) ease, color var(--dur) ease, transform var(--dur-fast) var(--ease-out);align-items:center;gap:7px;padding-inline:14px 18px;font-weight:700;display:inline-flex}.tour-toggle:hover{border-color:var(--hairline-strong)}.tour-toggle:active{transform:scale(.96)}.tour-toggle svg{block-size:16px;inline-size:16px}.tour-toggle[aria-pressed=true]{background:var(--leaf);color:var(--accent-ink);border-color:#0000}.tour-toggle[aria-pressed=true] .tour-toggle__play,.tour-toggle[aria-pressed=false] .tour-toggle__pause{display:none}.loading{padding:var(--gap);background:url(/art/girih.svg) center / 96px repeat, var(--sky-top);transition:opacity .7s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.loading:before{content:"";background:radial-gradient(closest-side, #12131fcc, var(--sky-top));position:absolute;inset:0}.loading.is-done{opacity:0;pointer-events:none}.loading__card{text-align:center;justify-items:center;gap:10px;inline-size:min(340px,100%);display:grid;position:relative}.loading__star{block-size:88px;inline-size:88px;margin-block-end:6px;overflow:visible}.loading__star path{fill:none;stroke-width:1.4px;stroke-linejoin:round}.loading__star-track{stroke:#c9a45c33}.loading__star-fill{stroke:var(--gold);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0));filter:drop-shadow(0 0 6px #c9a45c99);transition:stroke-dashoffset .35s linear}.loading:not(.has-progress) .loading__star-fill{stroke-dasharray:18 82;animation:1.6s linear infinite star-chase}@keyframes star-chase{to{stroke-dashoffset:-100px}}.loading__brand{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600}.loading__status{color:var(--text-muted);font-size:var(--fs-sm)}.loading__bar{border-radius:var(--radius-pill);background:#c9a45c2e;block-size:2px;inline-size:160px;margin-block-start:4px;overflow:hidden}.loading__fill{background:var(--gold);block-size:100%;inline-size:0;transition:inline-size .2s linear}.loading:not(.has-progress) .loading__fill{inline-size:30%;animation:1.2s ease-in-out infinite alternate loading-sweep}@keyframes loading-sweep{0%{margin-inline-start:0}to{margin-inline-start:70%}}.loading__percent{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-faint);letter-spacing:.08em}.loading__retry{margin-block-start:var(--gap-sm)}body.is-loading .chapter-nav,body.is-loading .story-card{visibility:hidden}.story-card{touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;block-size:fit-content;max-block-size:calc(100% - 230px);inline-size:min(400px,100% - 40px);margin-block:auto;padding:30px 26px 24px;position:fixed;inset-block:0;inset-inline-start:20px;overflow:hidden auto}.story-card[hidden]{display:none}.story-card__arch{block-size:14px;inline-size:calc(100% - 36px);position:absolute;inset-block-start:8px;inset-inline:18px;overflow:visible}.story-card__arch path{fill:none;stroke:var(--hairline);stroke-width:1px;vector-effect:non-scaling-stroke}.story-card__kicker{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--gold);letter-spacing:var(--tracking-kicker);text-transform:uppercase;align-items:center;gap:10px;font-weight:600;display:flex}.story-card__kicker:after{content:"";background:linear-gradient(to right, var(--hairline), transparent);flex:1;block-size:1px}[dir=rtl] .story-card__kicker:after{background:linear-gradient(to left, var(--hairline), transparent)}.story-card__title{font-family:var(--font-display);font-size:var(--fs-xl);text-wrap:balance;margin-block:10px 12px;font-weight:600;line-height:1.2}.story-card__body p{color:var(--text-muted);margin-block:0 10px;line-height:1.65}.story-card__body bdi{color:var(--text);font-weight:700}.story-card__points{gap:2px;margin:4px 0 0;padding:0;list-style:none;display:grid}.story-card__points li{border-block-end:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm);grid-template-columns:auto 1fr;column-gap:10px;padding-block:7px;line-height:1.5;display:grid}.story-card__points li:before{content:"";background:var(--leaf);clip-path:polygon(50% 0,64.6% 14.6%,85.4% 14.6%,85.4% 35.4%,100% 50%,85.4% 64.6%,85.4% 85.4%,64.6% 85.4%,50% 100%,35.4% 85.4%,14.6% 85.4%,14.6% 64.6%,0 50%,14.6% 35.4%,14.6% 14.6%,35.4% 14.6%);grid-row:span 2;block-size:10px;inline-size:10px;margin-block-start:5px}.story-card__points li:last-child{border-block-end:0}.story-card__points strong{color:var(--text);font-family:var(--font-display);font-weight:600}.story-card__hint{border-block-start:1px dashed var(--border);font-size:var(--fs-sm);color:var(--text-faint);align-items:center;gap:8px;margin-block:16px 0;padding-block-start:12px;display:flex}.story-card__hint:before{content:"";background:var(--gold);block-size:6px;inline-size:6px;box-shadow:0 0 0 4px var(--gold-soft);border-radius:50%;flex:none}.story-card__more{color:var(--gold);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;margin-block-start:var(--gap-sm);padding:0;font-weight:700}.story-card__more[hidden],.story-card__cta[hidden]{display:none}.story-card[data-chapter=intro]{text-align:center;text-shadow:0 2px 18px #0a0910a6;max-block-size:none;inline-size:min(760px,100% - 40px);box-shadow:none;-webkit-backdrop-filter:none;pointer-events:none;background:0 0;border-color:#0000;margin-inline:auto;padding:0;inset-block:0 12vh;inset-inline:0;overflow:visible}.story-card[data-chapter=intro]:after,.story-card[data-chapter=intro] .story-card__arch{display:none}.story-card[data-chapter=intro] .story-card__kicker{font-size:var(--fs-sm);justify-content:center}.story-card[data-chapter=intro] .story-card__kicker:before,.story-card[data-chapter=intro] .story-card__kicker:after{content:"";background:var(--hairline-strong);flex:0 0 48px;block-size:1px}.story-card[data-chapter=intro] .story-card__title{font-size:var(--fs-hero);letter-spacing:-.01em;background:linear-gradient(#fff8ea 30%,#e3c58c 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 4px 24px #0a091099);-webkit-background-clip:text;background-clip:text;margin-block:14px 18px;font-weight:700;line-height:1.05}.story-card[data-chapter=intro] .story-card__body{max-inline-size:36rem;margin-inline:auto}.story-card[data-chapter=intro] .story-card__body p{color:#e6dac4;font-size:1.0625rem}.story-card[data-chapter=intro] .story-card__cta{pointer-events:auto;min-block-size:52px;font-size:var(--fs-md);text-shadow:none;margin-block-start:18px;padding-inline:28px 24px}html[lang=ar] .story-card__kicker,html[lang=ar] .brand__name,html[lang=ar] .story-card[data-chapter=intro] .story-card__title,html[lang=ar] .loading__percent{letter-spacing:0}html[lang=ar] .story-card__title,html[lang=ar] .story-card[data-chapter=intro] .story-card__title{line-height:1.45}html[lang=ar] .story-card__body p{line-height:1.85}.stage{justify-content:flex-end;align-items:center;gap:var(--gap-sm);flex-direction:column;display:flex}.assembly-toggle[aria-pressed=true]{background:var(--leaf);color:var(--accent-ink);border-color:#0000}.assembly-toggle[hidden]{display:none}.load-status{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;padding-block:4px;padding-inline:12px}.load-status[hidden]{display:none}.demo-badge{border-radius:var(--radius-pill);background:var(--demo);color:var(--demo-ink);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:6px;padding-block:3px;padding-inline:8px 10px;font-weight:800;display:inline-flex}.demo-badge:before{content:"";border:1.5px dashed;border-radius:50%;flex:none;block-size:8px;inline-size:8px}.demo-badge--compact{gap:4px;padding-block:1px;padding-inline:5px 7px;font-size:.6875rem}.demo-badge--compact:before{border-width:1px;block-size:6px;inline-size:6px}.dashboard{scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;max-block-size:calc(100% - 210px);inline-size:min(560px,100% - 40px);padding:18px;position:fixed;inset-block-start:96px;inset-inline-start:20px;overflow:hidden auto}.dashboard[hidden]{display:none}.dashboard__header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);margin-block-end:14px;display:flex}.dashboard__title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0;font-weight:600;line-height:1.2}.dashboard__clock{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-block-start:2px}.dashboard__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dashboard__note{font-size:var(--fs-xs);color:var(--text-faint);margin-block:14px 0}.metric{border:1px solid var(--border);min-inline-size:0;transition:border-color var(--dur) ease;background:linear-gradient(#f4ead80d,#f4ead804);border-radius:12px;align-content:start;gap:4px;padding:11px 12px 10px;display:grid;position:relative}.metric:hover{border-color:var(--hairline)}.metric__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.metric__label{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.3}.metric__value{font-variant-numeric:tabular-nums;text-align:start;letter-spacing:-.01em;font-size:1.375rem;font-weight:800;line-height:1.2}.metric__spark{block-size:28px;inline-size:100%;overflow:visible}.metric__spark polyline{fill:none;stroke:var(--leaf);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.metric__spark polygon{stroke:none}body[data-quality=low] .metric__spark polygon{display:none}.metric__spark-top{stop-color:var(--leaf);stop-opacity:.32}.metric__spark-bottom{stop-color:var(--leaf);stop-opacity:0}.metric__note{color:var(--text-faint);font-size:.6875rem}.metric--status[data-status=good] .metric__value{color:var(--leaf)}.metric--status[data-status=attention] .metric__value{color:var(--demo)}.metric__switch{border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;block-size:30px;inline-size:54px;transition:background-color var(--dur) ease;background:#f4ead81a;margin-block-start:4px;padding:0;position:relative}.metric__switch:after{content:"";background:var(--text);border-radius:50%;block-size:22px;inline-size:22px;transition:inset-inline-start .38s cubic-bezier(.34,1.56,.64,1);position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 2px 6px #00000059}.metric__switch[aria-checked=true]{background:var(--leaf)}.metric__switch[aria-checked=true]:after{background:#fbf6ec;inset-inline-start:27px}.metric--switch[data-on=false] .metric__value{color:var(--text-muted)}.roadmap{scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;max-block-size:calc(100% - 210px);inline-size:min(680px,100% - 40px);padding:20px;position:fixed;inset-block-start:96px;inset-inline-start:20px;overflow:hidden auto}.roadmap__groups{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"core app""core rnd";align-items:start;gap:16px 22px;display:grid}.roadmap__group--core{grid-area:core}.roadmap__group--app{grid-area:app}.roadmap__group--rnd{grid-area:rnd}.roadmap[hidden]{display:none}.roadmap__title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 14px;font-weight:600}.roadmap__group-title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--leaf);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.roadmap__group-title:before{content:"";clip-path:polygon(50% 0,64.6% 14.6%,85.4% 14.6%,85.4% 35.4%,100% 50%,85.4% 64.6%,85.4% 85.4%,64.6% 85.4%,50% 100%,35.4% 85.4%,14.6% 85.4%,14.6% 64.6%,0 50%,14.6% 35.4%,14.6% 14.6%,35.4% 14.6%);background:currentColor;flex:none;block-size:12px;inline-size:12px}.roadmap__group--app .roadmap__group-title{color:var(--gold)}.roadmap__group--rnd .roadmap__group-title{color:var(--demo)}.roadmap__group-text{font-size:var(--fs-xs);color:var(--text-faint);margin:2px 0 8px;padding-inline-start:20px}.roadmap__items{border-inline-start:1px solid var(--border);gap:6px;margin:0;margin-inline-start:5px;padding:0;padding-inline-start:14px;list-style:none;display:grid}.roadmap__item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);transition:border-color var(--dur) ease, background-color var(--dur) ease;padding-block:8px;padding-inline:11px;position:relative}.roadmap__item:before{content:"";background:var(--border);block-size:1px;inline-size:10px;position:absolute;inset-block-start:50%;inset-inline-start:-15px}.roadmap__item[tabindex]{cursor:default}.roadmap__item[tabindex]:hover,.roadmap__item[tabindex]:focus-visible{border-color:var(--hairline-strong);background:var(--gold-soft);outline:none}.roadmap__item[data-status=rnd]{border-style:dashed;border-color:var(--demo);background:var(--demo-soft)}.roadmap__item-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.roadmap__item-title{font-size:var(--fs-sm);line-height:1.3}.roadmap__item-text{font-size:var(--fs-xs);color:var(--text-muted);margin:3px 0 0;line-height:1.45}.roadmap__item-text bdi{color:var(--text);font-weight:700}.roadmap__closing{border-block-start:1px solid var(--hairline);align-items:center;gap:12px;margin-block-start:16px;padding-block-start:14px;display:flex}.roadmap__seal{block-size:34px;inline-size:34px;fill:var(--gold-soft);stroke:var(--gold);stroke-width:1.6px;flex:none}.roadmap__vision{font-family:var(--font-display);color:var(--gold);font-weight:600}.roadmap__tagline{font-size:var(--fs-sm);color:var(--text-muted)}.fallback{padding:var(--gap);background:var(--sky-top);place-items:end center;padding-block-end:48px;display:grid;position:fixed;inset:0}.fallback[hidden]{display:none}.fallback__poster{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.fallback__card{background:var(--surface-strong);text-align:center;max-inline-size:560px;padding:20px 22px}.fallback__title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 6px;font-weight:600}.fallback__text{color:var(--text-muted);margin:0}body.no-webgl .chapter-nav,body.no-webgl .story-card,body.no-webgl .stage,body.no-webgl .dashboard,body.no-webgl .roadmap,body.no-webgl .info-panel,body.no-webgl .quality-menu{display:none}.context-notice{z-index:10;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface-strong);block-size:fit-content;inline-size:fit-content;-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);align-items:center;gap:14px;margin:auto;padding-block:10px;padding-inline:20px 10px;font-weight:700;display:flex;position:fixed;inset:0}.context-notice[hidden]{display:none}.context-notice__reload{min-block-size:36px;padding-inline:16px}.context-notice__reload[hidden]{display:none}.label-layer{pointer-events:none;direction:ltr;position:absolute;inset:0}.module-label{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface-strong);font-size:var(--fs-sm);white-space:nowrap;unicode-bidi:plaintext;align-items:center;gap:8px;padding-block:5px;padding-inline:10px 14px;font-weight:700;display:flex;box-shadow:0 8px 20px -8px #0009}.module-label:before{content:"";background:var(--gold);block-size:7px;inline-size:7px;box-shadow:0 0 0 3px var(--gold-soft);border-radius:50%}.info-panel{max-block-size:calc(100% - 210px);inline-size:min(360px,100% - 40px);padding:20px;padding-inline-end:60px;position:fixed;inset-block-start:100px;inset-inline-end:20px;overflow:hidden auto}.info-panel[hidden]{display:none}.info-panel__close{block-size:38px;inline-size:38px;position:absolute;inset-block-start:12px;inset-inline-end:12px}.info-panel__close svg{block-size:16px;inline-size:16px}.info-panel__pillar{border-radius:var(--radius-pill);font-size:var(--fs-xs);border:1px solid;align-items:center;gap:6px;padding-block:3px;padding-inline:8px 10px;font-weight:700;display:inline-flex}.info-panel__pillar:before{content:"";background:currentColor;border-radius:50%;block-size:6px;inline-size:6px}.info-panel__pillar[data-pillar=plant]{background:var(--leaf-soft);color:var(--leaf)}.info-panel__pillar[data-pillar=tech]{color:var(--sky-blue);background:#9fb6d924}.info-panel__pillar[data-pillar=structure]{background:var(--gold-soft);color:var(--gold)}.info-panel__title{font-family:var(--font-display);margin-block:12px 6px;font-size:1.375rem;font-weight:600;line-height:1.25}.info-panel__body{color:var(--text-muted);margin:0;line-height:1.65}.info-panel__body bdi{color:var(--text);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=600px){#ui{padding:12px}.brand__mark{block-size:34px;inline-size:34px}.brand__name{font-size:1.125rem}.brand__tagline{display:none}.lang-switch button{min-inline-size:40px;padding-inline:8px}.topbar__end{gap:6px}.quality-menu__current{display:none}.quality-menu__button{justify-content:center;inline-size:44px;padding:0}.quality-menu{position:static}.quality-menu__list{inline-size:auto;inset-block-start:66px;inset-inline:12px}.chapter-nav{gap:6px;padding:5px}.chapter-nav__label{flex:1;min-inline-size:0}.chapter-nav__count{display:none}.chapter-nav__title{font-size:var(--fs-sm)}.tour-toggle__label{display:none}.tour-toggle{justify-content:center;inline-size:44px;padding:0}.dashboard{max-block-size:48vh;inline-size:auto;padding:12px;inset-block-start:70px;inset-inline:12px}.dashboard__grid{gap:6px}.roadmap__groups{grid-template-columns:minmax(0,1fr);grid-template-areas:"core""app""rnd"}.roadmap{max-block-size:52vh;inline-size:auto;padding:14px;inset-block-start:70px;inset-inline:12px}.metric{padding:8px}.metric__value{font-size:var(--fs-md)}.metric__spark,.metric__note,.dashboard__note{display:none}.story-card{max-block-size:38vh;inline-size:auto;margin-block:0;padding:22px 16px 14px;inset-block:70px auto;inset-inline:12px}.story-card__title{font-size:var(--fs-lg);margin-block:6px 8px}.story-card:not([data-expanded]) .story-card__body p:not(:first-child),.story-card:not([data-expanded]) .story-card__points,.story-card:not([data-expanded]) .story-card__hint{display:none}.story-card__body p:last-child{margin-block-end:0}.story-card[data-chapter=intro]{max-block-size:none;inline-size:calc(100% - 32px);margin-block:auto;margin-inline:auto;inset-block:0 14vh;inset-inline:0}.story-card[data-chapter=intro] .story-card__title{font-size:2.5rem}.story-card[data-chapter=intro] .story-card__body p{font-size:var(--fs-md)}body[data-module-open] .story-card,body[data-module-open] .dashboard,body[data-module-open] .roadmap,body[data-module-open] .assembly-toggle{display:none}.info-panel{max-block-size:45vh;inline-size:auto;inset-block:auto 92px;inset-inline:12px}}