html:has([data-story-root]){--story-bar:3rem;--story-top:calc(3.5rem + var(--story-bar));scroll-snap-type:y proximity;scroll-padding-top:var(--story-top)}@media (min-width:768px){html:has([data-story-root]){--story-top:calc(4rem + var(--story-bar))}}@media (prefers-reduced-motion:no-preference){html:has([data-story-root]){scroll-behavior:smooth}}:is(.pres-shell:has([data-story-root]) .pres-shell-chips,.pres-shell:has([data-story-root]) .pres-shell-aside){display:none}.pres-shell:has([data-story-root]) .pres-shell-grid{grid-template-columns:minmax(0,1fr)}.story-root{background:radial-gradient(120% 60% at 0% 0%, color-mix(in oklab, var(--pres-japarov) 10%, transparent), transparent 70%), radial-gradient(90% 50% at 100% 40%, color-mix(in oklab, var(--viz-1) 7%, transparent), transparent 70%), color-mix(in oklab, var(--pres-japarov) 3%, var(--background))}.story-card{scroll-snap-align:start;min-height:calc(100svh - var(--story-top));flex-direction:column;justify-content:center;display:flex}@media (scripting:enabled){.story-card[data-guess=pending] [data-story-answer]{display:none}}.story-seg{background:color-mix(in oklab, var(--foreground) 14%, transparent);border-radius:9999px;flex:1 1 0;height:4px;overflow:hidden}.story-seg>span{background:var(--pres-japarov);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.story-seg[data-state=done]>span,.story-seg[data-state=active]>span{transform:scaleX(1)}.story-seg[data-state=active]{height:6px}.story-range{accent-color:var(--pres-japarov)}.story-pin{transform:translateX(var(--pin));pointer-events:none;position:absolute;inset:0}.story-pin>.story-pin-dot{position:absolute;top:50%;left:0;translate:-50% -50%}.story-pin-dot{border-radius:9999px;width:.875rem;height:.875rem;display:inline-block}.story-pin-dot[data-pin-mark=guess]{border:2px solid var(--foreground);background:var(--card)}.story-pin-dot[data-pin-mark=answer]{background:var(--delta-good);box-shadow:0 0 0 2px var(--card)}@media screen and (prefers-reduced-motion:no-preference){html.pres-motion [data-reveal] .story-draw{clip-path:inset(-8px);transition:clip-path .9s cubic-bezier(.2,.7,.2,1) .15s}html.pres-motion [data-reveal]:not([data-revealed]) .story-draw{clip-path:inset(-8px 100% -8px -8px)}html.pres-motion [data-reveal] .story-pop{transition:opacity .36s ease-out,transform .36s cubic-bezier(.2,.7,.2,1.3);transition-delay:calc(var(--pop-delay,0s) + var(--pop-i,0) * var(--pop-step,40ms))}html.pres-motion [data-reveal]:not([data-revealed]) .story-pop{opacity:0;transform:scale(.4)}html.pres-motion [data-reveal] .story-region{transition:opacity .42s ease-out;transition-delay:calc(var(--pop-i,0) * 40ms)}html.pres-motion [data-reveal]:not([data-revealed]) .story-region{opacity:.15}.story-pin-in{animation:.7s cubic-bezier(.2,.7,.2,1) .12s both story-pin-in}@keyframes story-pin-in{0%{transform:translateX(var(--pin-from));opacity:0}30%{opacity:1}}}@media print{.story-card{min-height:0}.story-art .art-in,.story-art .art-loop{animation:none!important}.story-scene{display:none!important}.story-card[data-guess=pending] [data-story-answer]{display:block!important}}.story-map-label{color:var(--foreground);text-shadow:0 0 2px var(--card), 0 0 3px var(--card), 0 0 6px var(--card)}.story-art{aspect-ratio:360/190;background:var(--art-sky);pointer-events:none;border-radius:1.5rem;overflow:hidden}.story-art svg{width:100%;height:100%;display:block}.story-art g{transform-box:view-box}.story-scene-fixed{justify-content:center;margin-bottom:1rem;display:flex}h2+.story-scene-fixed{margin-top:1.25rem}@media (max-height:640px){.story-card[data-kind=question] .story-scene-fixed{display:none}}.story-scene-fixed>.story-art{width:min(100%, var(--scene-h) * 360 / 190)}.story-scene{display:none}@media (scripting:enabled){.story-card[data-guess=pending]>[data-reveal]{flex-direction:column;flex-grow:1;display:flex}.story-card[data-guess=pending] [data-guess-root]{flex-grow:1}.story-card[data-guess=pending] .story-scene{flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding-top:1rem;display:flex;container-type:size}.story-scene>.story-art{width:min(100cqw,189.474cqh,492.632px)}@container (not (min-height:96px)) or (not (min-width:182px)){.story-scene>.story-art{display:none}}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.story-art .art-in{animation-duration:var(--art-dur);animation-delay:var(--art-delay);animation-timing-function:var(--art-ease);animation-play-state:paused;animation-fill-mode:both}.story-art .art-in[data-in=grow-y]{animation-name:art-grow-y}.story-art .art-in[data-in=grow-x]{animation-name:art-grow-x}.story-art .art-in[data-in=pop]{animation-name:art-pop}.story-art .art-in[data-in=fade]{animation-name:art-fade}.story-art .art-in[data-in=rise]{animation-name:art-rise}.story-art .art-in[data-in=slide]{animation-name:art-slide}.story-art .art-in[data-in=wipe-right]{animation-name:art-wipe-right}.story-art .art-in[data-in=wipe-up]{animation-name:art-wipe-up}.story-art[data-art=play] .art-in{animation-play-state:running}.story-art .art-loop{animation-duration:var(--art-period);animation-delay:var(--art-loop-delay);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.story-art .art-loop[data-loop=blink]{animation-name:art-blink}.story-art .art-loop[data-loop=swing]{animation-name:art-swing}.story-art .art-loop[data-loop=bob]{animation-name:art-bob}.story-art .art-loop[data-loop=sway]{animation-name:art-sway}.story-art .art-loop[data-loop=pulse]{animation-name:art-pulse}.story-art .art-loop[data-loop=spin]{animation-name:art-spin;animation-timing-function:linear}.story-art[data-art=play][data-art-live] .art-loop{animation-play-state:running}}@keyframes art-grow-y{0%{transform:scaleY(.001)}}@keyframes art-grow-x{0%{transform:scaleX(.001)}}@keyframes art-pop{0%{opacity:0;transform:scale(.001)}40%{opacity:1}}@keyframes art-fade{0%{opacity:0}}@keyframes art-rise{0%{transform:translate(var(--art-dx), var(--art-dy));opacity:0}40%{opacity:1}}@keyframes art-slide{0%{transform:translate(var(--art-dx), var(--art-dy))}}@keyframes art-wipe-right{0%{clip-path:inset(-8px 100% -8px -8px)}to{clip-path:inset(-8px)}}@keyframes art-wipe-up{0%{clip-path:inset(100% -8px -8px)}to{clip-path:inset(-8px)}}@keyframes art-blink{50%{opacity:var(--art-amp)}}@keyframes art-swing{25%{transform:rotate(calc(var(--art-amp) * 1deg))}75%{transform:rotate(calc(var(--art-amp) * -1deg))}}@keyframes art-bob{50%{transform:translateY(calc(var(--art-amp) * -1px))}}@keyframes art-sway{25%{transform:translateX(calc(var(--art-amp) * 1px))}75%{transform:translateX(calc(var(--art-amp) * -1px))}}@keyframes art-pulse{50%{transform:scale(calc(1 + var(--art-amp)))}}@keyframes art-spin{to{transform:rotate(calc(var(--art-amp) * 1deg))}}