#scene{z-index:0;background:var(--bg);width:100%;height:100%;transition:opacity .35s;display:block;position:fixed;inset:0}.no3d #scene{display:none}#fallback{z-index:0;background:radial-gradient(60% 50% at 70% 40%, #dfe8fb 0%, transparent 70%), linear-gradient(180deg, var(--bg) 0%, #e9f0fc 100%);display:none;position:fixed;inset:0}.no3d #fallback{display:block}#veil{z-index:1;background:var(--bg);opacity:0;pointer-events:none;position:fixed;inset:0}#flash{z-index:1;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;inset:0}#flash.on{opacity:1;transition:none}.wash{z-index:1;pointer-events:none;opacity:0;transition:opacity .45s;position:fixed;inset:0}.wash-start{background:linear-gradient(90deg,#f5f8fdeb 0%,#f5f8fd9e 32%,#f5f8fd00 54%)}[dir=rtl] .wash-start{background:linear-gradient(270deg,#f5f8fdeb 0%,#f5f8fd9e 32%,#f5f8fd00 54%)}.wash-top{background:linear-gradient(#f5f8fdf0 0%,#f5f8fda8 24%,#f5f8fd00 42%)}.wash-bottom{background:linear-gradient(#f5f8fd00 48%,#f5f8fdb3 70%,#f5f8fdf5 100%)}.rail{z-index:40;inset-inline-end:max(14px, env(safe-area-inset-right,0px));flex-direction:column;gap:6px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.rail a{color:var(--ink-3);justify-content:flex-end;align-items:center;gap:10px;padding:3px 0;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.rail a span.lbl{opacity:0;white-space:nowrap;background:var(--card);border-radius:6px;padding:3px 8px;transition:opacity .2s,transform .2s;transform:translate(6px)}.rail:hover a span.lbl,.rail a:focus-visible span.lbl,.rail a.on span.lbl{opacity:1;transform:none}.rail a i{background:var(--silver);border-radius:50%;flex:none;width:9px;height:9px;transition:transform .2s,background .2s}.rail a.on{color:var(--ink)}.rail a.on i{background:var(--blue);transform:scale(1.35)}.rail a.done i{background:var(--ink-3)}.progress{z-index:51;top:calc(env(safe-area-inset-top,0px) + var(--nav-h));background:0 0;height:2px;position:fixed;inset-inline:0}.progress i{background:linear-gradient(90deg, var(--blue), var(--gold));width:0;height:100%;display:block}.hud{z-index:40;bottom:calc(18px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:8px;display:flex;position:fixed;inset-inline-start:var(--gutter-l)}.hud .btn{background:var(--card);border-color:var(--blue-line);color:var(--ink-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud .proto{color:var(--ink-3);letter-spacing:.02em;align-self:center;padding-inline:4px;font-size:12px;font-weight:600}#story-layer{z-index:10;pointer-events:none;position:fixed;inset:0}.blk{opacity:0;visibility:hidden;will-change:opacity, transform;position:absolute}.blk.live{visibility:visible}.blk.live a,.blk.live button{pointer-events:auto}.pos-start{inset-inline-start:max(6vw, var(--gutter-l));width:min(560px,46vw);top:50%;translate:0 -50%}.pos-start-low{inset-inline-start:max(6vw, var(--gutter-l));width:min(560px,46vw);bottom:15vh}.pos-center{width:min(960px, calc(100% - 2 * var(--gutter-l)));text-align:center;top:50%;left:50%;translate:-50% -50%}.pos-top{left:50%;top:calc(var(--nav-h) + 6vh);width:min(860px, calc(100% - 2 * var(--gutter-l)));text-align:center;translate:-50%}.pos-bottom{width:min(900px, calc(100% - 2 * var(--gutter-l)));text-align:center;bottom:11vh;left:50%;translate:-50%}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);align-items:center;gap:10px;margin-bottom:14px;font-size:12.5px;font-weight:700;display:inline-flex}:root[lang=ar] .eyebrow{letter-spacing:0;text-transform:none;font-size:14px}.eyebrow:before{content:"";background:var(--gold);width:26px;height:2px}.pos-center .eyebrow:before,.pos-top .eyebrow:before,.pos-bottom .eyebrow:before{display:none}.headline{letter-spacing:-.025em;font-size:clamp(2rem,4.6vw,4rem);font-weight:800;line-height:1.06}:root[lang=ar] .headline{letter-spacing:0;line-height:1.3}.headline .accent{color:var(--blue)}.lede{color:var(--ink-2);max-width:52ch;margin-top:18px;font-size:clamp(1.02rem,1.5vw,1.2rem)}.pos-center .lede,.pos-top .lede,.pos-bottom .lede{margin-inline:auto}.caption{color:var(--ink-3);letter-spacing:.04em;font-size:13px;font-weight:600}.scroll-cue{color:var(--ink-2);align-items:center;gap:12px;margin-top:34px;font-size:14px;font-weight:600;display:inline-flex}.mouse{border:2px solid var(--ink-2);border-radius:12px;width:22px;height:34px;position:relative}.mouse:after{content:"";background:var(--ink-2);border-radius:2px;width:3px;height:7px;margin-left:-1.5px;animation:1.8s ease-in-out infinite wheel;position:absolute;top:6px;left:50%}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(9px)}to{opacity:0}}.time-card{font-family:var(--display);color:var(--ink-2);letter-spacing:.02em;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700}.reveal-card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--blue-line);box-shadow:var(--shadow);text-align:start;border-radius:22px;padding:26px 28px}.reveal-card .prod{letter-spacing:-.02em;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800}.reveal-card .full{color:var(--ink-3);margin-top:2px;font-size:14px;font-weight:600}.reveal-card .tag{font-family:var(--display);color:var(--blue);margin-top:14px;font-size:1.15rem;font-weight:700}.reveal-card .note{color:var(--ink-2);margin-top:10px;font-size:15px}.reveal-card .row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chip{color:var(--ink-2);background:var(--blue-soft);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.people{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.person-note{background:var(--card);border:1px solid var(--blue-line);color:var(--ink-2);text-align:start;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;transition:border-color .3s,color .3s}.person-note.hot{border-color:var(--blue);color:var(--ink)}.person-note b{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:11.5px;display:block}:root[lang=ar] .person-note b{letter-spacing:0}.worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.world{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--blue-line);text-align:start;box-shadow:var(--shadow);border-radius:20px;padding:20px 22px}.world h3{font-size:1.35rem;font-weight:800}.world .tag{color:var(--blue);margin-top:2px;font-size:14px;font-weight:700}.world p{color:var(--ink-2);margin-top:8px;font-size:15px}.world .btn{margin-top:14px}.memories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.memory{background:var(--card);border:1px solid var(--blue-line);color:var(--ink-2);opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 10px));border-radius:16px;justify-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;display:grid}.memory svg{width:44px;height:44px}.finale .wordmark{margin-bottom:18px;display:inline-block}.finale .wordmark svg{width:auto;height:clamp(46px,7vw,70px)}.finale .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.finale .tiny button{pointer-events:auto;color:var(--ink-3);cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:underline}.finale{bottom:6vh}.finale .wordmark{justify-items:center;gap:4px;margin-bottom:16px;display:inline-grid}.wm-a{font-family:var(--font-latin), system-ui, sans-serif;letter-spacing:.14em;color:var(--ink);margin-inline-start:.14em;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;line-height:1}.wm-t{font-family:var(--font-latin), system-ui, sans-serif;letter-spacing:.6em;color:var(--gold);margin-inline-start:.6em;font-size:clamp(.68rem,1vw,.82rem);font-weight:700;line-height:1}.finale .headline{font-size:clamp(1.6rem,3.2vw,2.6rem)}.finale .lede{margin-top:10px}.finale .row{margin-top:20px}.finale .tiny{margin-top:12px}@media (max-width:760px){.rail{display:none}.pos-start,.pos-start-low{inset-inline:var(--gutter-l) var(--gutter-r);width:auto;top:auto;bottom:calc(86px + env(safe-area-inset-bottom,0px));translate:0}.pos-center{top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));translate:-50%}.pos-bottom{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.headline{font-size:clamp(1.7rem,8vw,2.4rem)}.people{grid-template-columns:1fr;gap:6px}.person-note{padding:8px 12px;font-size:13px}.worlds{grid-template-columns:1fr;gap:10px}.world{padding:14px 16px}.world p{display:none}.memories{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-ch{grid-template-columns:1fr;gap:8px}.sb-ch dl{grid-template-columns:1fr}.hud .proto{display:none}.finale{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.mouse:after{animation:none}}body:has(#view-story){background:var(--bg)}
