.gl{height:100vh;z-index:0;pointer-events:none;opacity:0;height:100lvh;transition:opacity 1.4s var(--ease-out);position:fixed;inset:0 0 auto}.gl.is-on{opacity:1}.gl canvas{width:100%;height:100%;display:block}main{z-index:1;position:relative}.anchor{aspect-ratio:1;pointer-events:none;position:relative}.fallback{width:100%;height:auto;display:none;transform:scale(1.72)}.hero{text-align:center;height:100svh;min-height:540px;padding:calc(var(--header-h) + 4px) var(--pad) 26px;grid-template-rows:minmax(0,1fr) auto auto auto;place-items:center;display:grid}.anchor--hero{width:min(34svh,54vw)}.hero__title .line{vertical-align:top;display:inline-block}.hero__title .line+.line{margin-left:.14em}.js:not(.is-static) .hero__title .line__in{animation:line-in 1.25s var(--ease-out) both;animation-delay:calc(.12s + var(--i) * .11s);transition:none;transform:none}@keyframes line-in{0%{transform:translateY(118%)}}.live{color:rgba(var(--plum-rgb), .86);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:clamp(14px,2.4svh,24px);font-size:clamp(.9375rem,1.3vw,1.125rem);font-weight:400;display:inline-flex}.live__dot{background:var(--white);width:7px;height:7px;box-shadow:0 0 12px var(--white);border-radius:50%;flex:none}.live[data-state=open] .live__dot{animation:pulse 2s var(--ease-io) infinite}.live[data-state=closed] .live__dot,.live[data-state=neutral] .live__dot{box-shadow:none;background:#ffffff8c}.hint{color:rgba(var(--plum-rgb), .76);justify-items:center;gap:10px;margin-top:clamp(16px,4.5svh,48px);font-size:.8125rem;display:grid}.hint i{background:#fff6;width:1px;height:34px;position:relative;overflow:hidden}.hint i:after{content:"";background:var(--white);animation:hint 2.2s var(--ease-io) infinite;position:absolute;inset:0}@keyframes hint{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.js:not(.is-static) .live,.js:not(.is-static) .hint{opacity:0;transition:opacity 1.2s var(--ease-out), transform 1.4s var(--ease-out);transform:translateY(12px)}.js:not(.is-static).is-lit .live,.js:not(.is-static).is-lit .hint{opacity:1;transform:none}.js.is-lit .hint{transition-delay:.35s}.chapter{position:relative}.chapter--crash{height:280svh}.chapter--explode{height:320svh}.chapter--flip{height:440svh}.chapter--jar{height:260svh}.pin{height:100svh;min-height:540px;padding:calc(var(--header-h) + 8px) var(--pad) clamp(52px, 8svh, 84px);display:grid;position:sticky;top:0}.copy{align-content:center;justify-items:start;gap:clamp(12px,2svh,22px);display:grid}.chapter--crash .pin,.chapter--jar .pin{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(20px,3.5vw,64px)}.anchor--crash,.anchor--jar{width:min(38svh,28vw)}.meter,.status{text-align:right;justify-self:end}.crash__copy .title,.jar__copy .title{white-space:nowrap;font-size:clamp(2rem,3.9vw,3.6rem)}.crash__copy{align-self:end;padding-bottom:clamp(8px,5svh,56px)}.meter{align-self:start;padding-top:clamp(8px,7svh,72px)}.meter__label{color:rgba(var(--plum-rgb), .76);font-size:.9375rem}.meter__value{color:var(--white);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-right:-.04em;font-size:clamp(3.6rem,9.2vw,8.4rem);font-weight:600;line-height:1}.meter__sub{color:rgba(var(--plum-rgb), .86);font-variant-numeric:tabular-nums;margin-top:6px;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:300}.meter__cap{color:var(--deep);opacity:0;transition:opacity .6s var(--ease-out), transform .9s var(--spring);margin-top:14px;font-size:.8125rem;transform:translateY(8px)}.meter.is-max .meter__cap{opacity:1;transform:none}.status__big{color:var(--white);letter-spacing:-.045em;font-size:clamp(1.9rem,3.6vw,3.2rem);font-weight:600;line-height:1.02}.status__sub{max-width:24ch;color:rgba(var(--plum-rgb), .86);margin-top:12px;margin-left:auto;font-size:clamp(1rem,1.25vw,1.125rem);font-weight:300;line-height:1.4}.chapter--explode .pin{text-align:center;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:clamp(8px,2svh,20px)}.explode__copy{justify-items:center;gap:clamp(8px,1.4svh,16px)}.explode__copy .title{font-size:clamp(2rem,4.2vw,3.6rem)}.explode__copy .line{vertical-align:top;display:inline-block}.explode__copy .line+.line{margin-left:.16em}.explode__copy .body{max-width:46ch;font-size:clamp(1rem,1.2vw,1.125rem)}.anchor--fan{aspect-ratio:auto;width:min(1040px,84vw);height:100%;min-height:0}.explode__ui{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;width:100%;display:grid}.explode__slot{place-items:center;min-height:44px;display:grid}.explode__slot>*{grid-area:1/1}.explode__hint{color:rgba(var(--plum-rgb), .76);transition:opacity .4s var(--ease-out);font-size:.8125rem}.explode__hint.is-off{opacity:0}.readout{opacity:0;min-height:44px;transition:opacity .35s var(--ease-out), transform .7s var(--spring);color:var(--plum);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:inset 0 0 0 1px #fffc, var(--glass-shadow);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);background:#ffffff80;border-radius:999px;align-items:center;padding:0 20px;font-size:clamp(.9375rem,1.2vw,1.0625rem);display:inline-flex;transform:translateY(6px)scale(.98)}.readout b{font-weight:600}.readout__ticker{margin-right:.5em}.readout.is-on{opacity:1;transform:none}.readout.is-float{z-index:5;pointer-events:none;transition:opacity .35s var(--ease-out);will-change:transform;margin:0;position:fixed;top:0;left:0}.chips{flex-wrap:wrap;justify-content:center;gap:6px;max-width:880px;display:flex}.chip{letter-spacing:.01em;height:36px;color:rgba(var(--plum-rgb), .8);transition:background .5s var(--ease-out), color .5s var(--ease-out), box-shadow .5s var(--ease-out);background:#fff3;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:.8125rem;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff6b}.chip:hover,.chip.is-active{color:var(--deep);box-shadow:inset 0 0 0 1px var(--white), 0 10px 26px -10px rgba(var(--hot-rgb), .8);background:#ffffffeb}.chip__dot{background:color-mix(in srgb, color-mix(in srgb, var(--white), var(--hot) calc(min(var(--b,0), .5) * 200%)), var(--deep) calc(max(var(--b,0) - .5, 0) * 200%));width:8px;height:8px;box-shadow:0 0 calc(var(--b,0) * 12px) rgba(var(--hot-rgb), .9);transition:background 1s var(--ease-out);border-radius:50%;flex:none}.chip__value{font-variant-numeric:tabular-nums;font-weight:400;display:none}.chapter--flip .pin{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(28px,6vw,110px)}.anchor--flip{pointer-events:auto;width:min(60svh,42vw);margin-right:clamp(0px,5vw,96px);container-type:inline-size}.steps{gap:clamp(10px,1.8svh,18px);max-width:440px;margin-top:clamp(10px,2.4svh,28px);display:grid}.step{opacity:.38;transition:opacity .7s var(--ease-out);grid-template-columns:2.4em 1fr;column-gap:4px;display:grid}.step.is-active{opacity:1}.step__n{font-variant-numeric:tabular-nums;color:rgba(var(--plum-rgb), .76);grid-row:span 2;padding-top:.3em;font-size:.8125rem}.step__label{color:var(--white);letter-spacing:-.035em;font-size:clamp(1.25rem,1.9vw,1.625rem);font-weight:600;line-height:1.15}.step__text{color:rgba(var(--plum-rgb), .9);font-size:clamp(.9375rem,1.15vw,1.0625rem);font-weight:300;line-height:1.4}.stack{opacity:0;backface-visibility:hidden;will-change:transform, opacity;grid-template-rows:repeat(4,minmax(0,1fr));gap:2.6cqw;display:grid;position:absolute;inset:12.5%}.notif{perspective:120cqw;transform-style:preserve-3d;position:relative}.notif__inner{transform-style:preserve-3d;transition:transform 1.1s var(--spring);position:absolute;inset:0}.notif.is-flipped .notif__inner{transform:rotateX(180deg)}.notif__face{backface-visibility:hidden;border-radius:5.4cqw;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-content:center;gap:.4cqw 3cqw;padding:0 4cqw;font-size:clamp(11px,3.25cqw,16px);line-height:1.25;display:grid;position:absolute;inset:0;overflow:hidden}.notif__face--alert{color:var(--white);background:linear-gradient(180deg, rgba(var(--deep-rgb), .9), rgba(var(--deep-rgb), .8));box-shadow:inset 0 0 0 1px #ffffff38, 0 2.4cqw 6cqw -2.4cqw rgba(var(--deep-rgb), .7)}.notif__face--blush{color:var(--plum);box-shadow:inset 0 0 0 1px var(--white), 0 2.4cqw 6cqw -2.4cqw rgba(var(--hot-rgb), .75);background:linear-gradient(#fffffff0,#ffffffbd);transform:rotateX(180deg)}.notif__icon{background:var(--lilac);border-radius:2.6cqw;grid-row:1/span 2;align-self:center;place-items:center;width:9cqw;height:9cqw;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.notif__icon img{width:100%;height:100%;transform:scale(1.5)}.notif__icon--alert{color:var(--white);background:#ffffff29}.notif__icon--alert svg{width:56%}.notif__app{display:none}.notif__title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:1.06em;font-weight:600;overflow:hidden}.notif__time{opacity:.6;grid-area:1/3;font-size:.82em}.notif__body{opacity:.84;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:2/-1;font-size:.92em;font-weight:400;line-height:1.22;display:-webkit-box;overflow:hidden}.notif__face--alert .notif__glare{background:radial-gradient(60cqw circle at var(--gx,50%) var(--gy,-60%), #ffffff4d, #ffffff14 40%, #fff0 64%)}.notif__glare{border-radius:inherit;pointer-events:none;background:radial-gradient(60cqw circle at var(--gx,50%) var(--gy,-60%), rgba(var(--hot-rgb), .3), rgba(var(--hot-rgb), .08) 40%, rgba(var(--hot-rgb), 0) 64%);opacity:var(--go,0);transition:opacity .5s var(--ease-out);position:absolute;inset:0}.final{grid-template-rows:minmax(0,1fr) auto;min-height:100svh;display:grid}.final__inner{padding:calc(var(--header-h) + 8px) var(--pad) 12px;text-align:center;align-content:center;justify-items:center;gap:clamp(18px,3.2svh,34px);display:grid}.anchor--final{width:min(27svh,46vw);margin-bottom:clamp(18px,5svh,56px)}.final__title{font-size:clamp(2rem,4.6vw,4rem)}.final__actions{justify-items:center;gap:16px;margin-top:4px;display:grid}.pin{opacity:var(--o,1)}@media (max-width:860px){.hero__title .line,.explode__copy .line{display:block}.hero__title .line+.line,.explode__copy .line+.line{margin-left:-.06em}.anchor--hero{width:min(30svh,58vw)}.pin{padding-bottom:58px}.chapter--crash .pin,.chapter--jar .pin{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);row-gap:8px}.meter,.status{text-align:left;grid-row:1;justify-self:start;padding-top:0}.crash__copy{padding-bottom:0}.anchor--crash,.anchor--jar{grid-row:2;place-self:center;width:min(30svh,58vw)}.crash__copy,.jar__copy{grid-row:3}.crash__copy .title,.jar__copy .title{font-size:clamp(2rem,9vw,2.9rem)}.meter__value{font-size:clamp(3.4rem,17vw,5rem)}.meter__cap{margin-top:6px}.status__sub{max-width:30ch;margin-left:0}.copy .body{max-width:34ch;font-size:1rem}.explode__copy .body{display:none}.anchor--fan{width:100%}.chips{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;max-width:440px;display:grid}.chip{letter-spacing:0;justify-content:center;gap:5px;height:34px;padding:0 4px;font-size:.6875rem}.chip__dot{width:6px;height:6px}.readout{min-height:40px;padding:0 16px;font-size:.9375rem}.chapter--flip .pin{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:start;row-gap:8px}.flip__copy{display:contents}.flip__copy .title{font-size:clamp(1.9rem,8.4vw,2.6rem)}.anchor--flip{grid-row:3;place-self:center;width:min(46svh,90vw);margin-right:0}.steps{grid-row:4;align-content:start;min-height:5.4em;margin-top:0}.step{opacity:0;transition:opacity .5s var(--ease-out), transform .8s var(--ease-out);grid-area:1/1;transform:translateY(10px)}.step.is-active{opacity:1;transform:none}.step__label{font-size:1.25rem}}@media (max-width:860px) and (max-height:700px){.copy .body{display:none}}@media (min-width:861px) and (max-height:640px){.explode__copy .body{display:none}}.is-static .gl{display:none}.is-static .fallback{display:block}.is-static .hero{height:auto;min-height:100svh}.is-static .hint{display:none}.is-static .chapter{height:auto}.is-static .pin{opacity:1;height:auto;min-height:0;padding-block:clamp(56px,10svh,120px);position:static}.is-static .anchor--crash,.is-static .anchor--jar,.is-static .anchor--fan{display:none}.is-static .chapter--crash .pin,.is-static .chapter--jar .pin{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.is-static .meter,.is-static .status{grid-row:auto}.is-static .meter__cap,.is-static .explode__slot{display:none}.is-static .chips{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;width:100%;max-width:920px;display:grid}.is-static .chip{white-space:nowrap;background:#fff6;justify-content:flex-start;height:48px;padding:0 16px;font-size:.9375rem}.is-static .chapter--explode .pin{grid-template-rows:auto auto;row-gap:28px}.is-static .crash__copy .eyebrow{display:none}.is-static .chapter--flip .pin{grid-template-columns:minmax(0,1fr) minmax(0,440px)}.is-static .chip__value{margin-left:auto;display:inline}.is-static .stack{opacity:1;grid-template-rows:none;gap:10px;position:relative;inset:auto}.is-static .anchor--flip{aspect-ratio:auto;width:100%;margin-right:0;container-type:inline-size}.is-static .notif__inner,.is-static .notif__face{position:relative;transform:none}.is-static .notif__face{padding-block:14px}.is-static .notif__face--alert{display:none}.is-static .step{opacity:1;grid-area:auto;transform:none}@media (max-width:860px){.is-static .chapter--crash .pin,.is-static .chapter--jar .pin{grid-template-columns:minmax(0,1fr);row-gap:24px}.is-static .chapter--flip .pin{grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:20px}.is-static .anchor--flip,.is-static .steps{grid-row:auto}.is-static .steps{min-height:0}}
