:root{--navy-900: #08182c;--navy-800: #0c1e35;--navy: #10253f;--navy-600: #16314f;--navy-500: #1d3d61;--offwhite: #f2f5f7;--offwhite-dim: rgba(242, 245, 247, .74);--offwhite-mute: rgba(242, 245, 247, .5);--offwhite-faint: rgba(242, 245, 247, .22);--offwhite-hair: rgba(242, 245, 247, .11);--teal: #19a7a0;--teal-bright: #35c9c1;--teal-soft: rgba(25, 167, 160, .45);--teal-faint: rgba(25, 167, 160, .16);--net: rgba(126, 178, 232, .62);--net-glow: rgba(96, 156, 220, .5);--net-pulse: rgba(198, 226, 255, .95);--gold: #edc264;--gold-lift: #f8dc9a;--gold-deep: #c08f38;--alert: #c9614c;--alert-soft: rgba(201, 97, 76, .5);--font-stack: "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--fs-display: clamp(1.35rem, .95rem + .95vw, 1.95rem);--fs-lead: clamp(.9rem, .78rem + .3vw, 1.1rem);--fs-body: .875rem;--fs-beat: clamp(.78rem, .15rem + .98vw, 1.2rem);--fs-chip: clamp(.72rem, .45rem + .5vw, 1rem);--fs-label: .7rem;--fs-micro: .625rem;--track-label: .14em;--track-micro: .2em;--gap-xs: .35rem;--gap-sm: .6rem;--gap-md: 1rem;--gap-lg: 1.6rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--beat: 4s;--switch: 1.1s;--ease-out: cubic-bezier(.22, .68, .32, 1);--ease-snap: cubic-bezier(.16, .9, .24, 1.02);--accent: var(--teal);--accent-soft: var(--teal-soft)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--navy-900);color:var(--offwhite);font-family:var(--font-stack);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.app{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.5rem,1.1vh,.9rem);height:100dvh;overflow:hidden;padding:clamp(.75rem,1.5vh,1.35rem) clamp(.9rem,2vw,2.25rem);background:radial-gradient(125% 95% at 50% 4%,rgba(29,61,97,.6) 0%,transparent 60%),linear-gradient(178deg,var(--navy-800) 0%,var(--navy-900) 100%)}.app--message{place-items:center;grid-template-rows:1fr;color:var(--offwhite-dim);text-align:center}.app__header,.app__footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--gap-lg)}.app__header{padding-bottom:clamp(.4rem,.9vh,.75rem);border-bottom:1px solid var(--offwhite-hair)}.app__footer{padding-top:clamp(.4rem,.9vh,.75rem);border-top:1px solid var(--offwhite-hair)}.app__brand{display:flex;flex-direction:column;gap:.1rem;min-width:0}.app__headline{margin:0;font-size:var(--fs-display);font-weight:600;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}.app__subline{margin:0;font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--offwhite-mute)}.app__lead{justify-self:end;margin:0;font-size:var(--fs-lead);font-weight:400;color:var(--accent);transition:color .4s var(--ease-out);white-space:nowrap}.app__closing,.app__tagline{margin:0;font-size:var(--fs-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--offwhite-faint)}.app__tagline{justify-self:end}.nav--indicator{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:min(26rem,30vw)}.nav__steps{display:flex;gap:clamp(.9rem,2vw,1.9rem)}.nav__step{font-size:var(--fs-label);font-weight:500;letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--offwhite-faint);transition:color .32s var(--ease-out);white-space:nowrap}.nav__step:hover:not([disabled]){color:var(--offwhite-dim)}.nav__step.is-done{color:var(--offwhite-mute)}.nav__step.is-active{color:var(--offwhite);cursor:default}.nav__progress{position:relative;width:100%;height:2px;background:var(--offwhite-hair);overflow:hidden}.nav__progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--teal) 0%,var(--accent) 100%);transition:width .52s var(--ease-out),background .4s var(--ease-out)}.nav--controls{display:flex;align-items:center;justify-content:center;gap:var(--gap-md)}.nav__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border:1px solid var(--offwhite-faint);border-radius:999px;font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--offwhite-dim);transition:border-color .24s var(--ease-out),color .24s var(--ease-out),background .24s var(--ease-out),opacity .24s var(--ease-out)}.nav__btn:hover:not([disabled]){color:var(--offwhite);border-color:var(--accent-soft);background:#f2f5f70f}.nav__btn[disabled]{opacity:.26;cursor:not-allowed}.nav__btn--play{width:2.3rem;height:2.3rem;padding:0;justify-content:center}.nav__btn svg{width:.68rem;height:.68rem;fill:currentColor}.nav__beats{display:inline-flex;gap:.3rem;margin-left:.2rem}.nav__beat{width:16px;height:3px;border-radius:2px;background:var(--offwhite-hair);transition:background .26s var(--ease-out)}.nav__beat.is-active{background:var(--accent)}.nav__hint{font-size:var(--fs-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--offwhite-faint)}.stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(.4rem,1vh,.9rem);min-height:0}.stage__head{display:flex;align-items:baseline;gap:.7rem;animation:bandIn calc(var(--switch) / 2) var(--ease-out) both}.stage__num{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--track-micro);color:var(--accent);font-variant-numeric:tabular-nums}.stage__title{margin:0;font-size:clamp(.95rem,.8rem + .35vw,1.2rem);font-weight:600;letter-spacing:.01em;white-space:nowrap}.stage__sub{flex:1 1 auto;min-width:0;margin:0;font-size:var(--fs-label);letter-spacing:.04em;color:var(--offwhite-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.band{position:relative;grid-column:1 / -1;grid-row:1;display:grid;grid-template-rows:auto auto;min-width:0}.stack{display:grid;min-width:0}.stack>*{grid-area:1 / 1;min-width:0}.block-wrap{animation:bandIn calc(var(--switch) / 2) var(--ease-out) both}.block-wrap.is-leaving,.stage__head.is-leaving{pointer-events:none;animation:bandOut calc(var(--switch) / 2) var(--ease-out) both}.block.is-frozen .narration__line--impact,.block.is-frozen .narration__line--solution,.block.is-frozen .chip,.block.is-frozen .chip__marker{animation:none}@keyframes bandIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes bandOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(5px)}}.band__tie{position:relative;height:.8rem}.band__mark{position:absolute;inset:0 auto 0 0;width:calc(100% / 3);transform:translate(calc(var(--active, 0) * 100%));transition:transform var(--switch) var(--ease-out)}.band__mark:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--accent)}.band__mark:after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(var(--accent),var(--accent-soft))}.block{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.2rem,.6vh,.45rem);padding:clamp(.3rem,.8vh,.6rem) 0 clamp(.25rem,.7vh,.5rem)}.block__rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:clamp(2.5rem,4.6vh,3.1rem);gap:clamp(.3rem,.6vw,.7rem)}.axis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr);min-height:0}.seg{position:relative;display:grid;grid-row:2 / -1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;min-width:0;min-height:0;text-align:left;transition:opacity var(--switch) linear}.axis.is-switching .seg.is-active .pq{animation:pqMaterialise var(--switch) linear both}@keyframes pqMaterialise{0%{opacity:0}to{opacity:1}}.seg__stage .layer{grid-area:1 / 1;display:flex;align-items:flex-start;justify-content:center;min-width:0;min-height:0}.seg__stage .layer.is-leaving{animation:layerOut var(--switch) linear both}@keyframes layerOut{0%{opacity:1}to{opacity:0}}.seg.is-past,.seg.is-future{opacity:.32}.seg.is-past:hover,.seg.is-future:hover,.seg.is-past:focus-within,.seg.is-future:focus-within{opacity:.6}.seg__jump{position:absolute;inset:0;z-index:2;border-radius:var(--radius-md)}.seg__jump[disabled]{cursor:not-allowed}.seg.is-active{background:radial-gradient(62% 58% at 50% 58%,rgba(29,61,97,.55),transparent 72%)}.seg__stage{display:flex;align-items:flex-start;justify-content:center;min-width:0;min-height:0;padding:clamp(.3rem,1vh,.8rem) clamp(.4rem,1.2vw,1.1rem) 0}.seg__stage .stack{width:100%;height:100%}.seg__foot{position:relative;display:flex;align-items:baseline;gap:.5rem;padding:0 .4rem .4rem 1rem;border-bottom:3px solid var(--offwhite-faint)}.seg.is-active .seg__foot{border-bottom-color:var(--accent)}.seg__node{position:absolute;bottom:-5px;left:0;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--offwhite-faint);background:var(--navy-900)}.seg.is-past .seg__node{border-color:var(--offwhite-mute);background:var(--offwhite-mute)}.seg.is-active .seg__node{border-color:var(--accent);background:var(--accent)}.seg__num{font-size:var(--fs-micro);letter-spacing:var(--track-micro);color:var(--offwhite-faint);font-variant-numeric:tabular-nums}.seg__name{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--track-micro);color:var(--offwhite-dim)}.seg.is-active .seg__name{color:var(--offwhite)}.seg__outcome{min-width:0;overflow:hidden;font-size:var(--fs-micro);letter-spacing:var(--track-micro);color:var(--offwhite-mute);white-space:nowrap}.seg__hint{margin-left:auto;font-size:var(--fs-micro);letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--offwhite-faint);white-space:nowrap}.seg.is-past .seg__hint:before{content:"◀ "}.seg.is-future .seg__hint:after{content:" ▶"}.outcome{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border:1px solid var(--accent-soft);border-radius:var(--radius-sm);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--track-micro);color:var(--offwhite);white-space:nowrap}.outcome__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.chip{display:flex;align-items:center;gap:.45rem;min-width:0;height:100%;overflow:hidden;padding:.3rem .6rem;border:1px solid var(--offwhite-hair);border-radius:var(--radius-sm);background:#f2f5f705;font-size:var(--fs-chip);font-weight:500;letter-spacing:.03em;line-height:1.15;text-transform:uppercase;color:var(--offwhite-mute);text-align:left;transition:color .26s var(--ease-out),border-color .26s var(--ease-out),background .26s var(--ease-out)}.chip__label{flex:1 1 auto;min-width:0;overflow-wrap:break-word}.chip__marker{flex:0 0 auto;width:9px;height:9px;border:1px solid currentColor;opacity:.55}.chip--pain .chip__marker{transform:rotate(45deg)}button.chip:hover{color:var(--offwhite);border-color:var(--offwhite-faint)}.chip--pain.is-active{color:var(--offwhite);border-color:var(--alert-soft);background:#c9614c1f;animation:chipEnter var(--beat) var(--ease-out) both}.chip--pain.is-active .chip__marker{background:var(--alert);border-color:var(--alert);opacity:1}.chip--pain.is-done{color:var(--offwhite-dim);border-color:var(--teal-faint)}.chip--pain.is-done .chip__marker{background:var(--teal-faint);border-color:var(--teal-soft)}.chip--tool.is-engaged{animation:chipEnter var(--beat) var(--ease-out) both,toolEngage var(--beat) var(--ease-out) both}.chip--tool.is-engaged .chip__marker{animation:toolMarker var(--beat) steps(1,end) both}.chip--tool.is-done{color:var(--offwhite-dim);border-color:var(--teal-faint)}.chip--tool.is-done .chip__marker{background:var(--teal-faint);border-color:var(--teal-soft)}@keyframes chipEnter{0%{transform:translateY(3px);opacity:.5}9%,to{transform:none;opacity:1}}@keyframes toolEngage{0%,49%{color:var(--offwhite-mute);border-color:var(--offwhite-hair);background:#f2f5f705}51%,to{color:var(--offwhite);border-color:var(--teal-soft);background:#19a7a024}}@keyframes toolMarker{0%,50%{background:transparent;border-color:currentColor}51%,to{background:var(--teal);border-color:var(--teal)}}.chip.is-selected{animation:none!important;color:var(--offwhite);border-color:var(--accent);background:#f2f5f714}.narration{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;width:100%;height:2.9em;margin:0;font-size:var(--fs-beat)}.narration__line{grid-area:1 / 1;display:flex;align-items:baseline;justify-content:center;gap:.4rem;line-height:1.32;text-align:center;color:var(--offwhite-dim);overflow-wrap:break-word}.narration__tag{flex:0 0 auto;padding:.1rem .32rem;border-radius:var(--radius-sm);font-size:.55rem;font-weight:600;letter-spacing:var(--track-micro);text-transform:uppercase;white-space:nowrap}.narration__tag--pain{background:#c9614c2e;color:#eda491}.narration__tag--tool{background:#19a7a02e;color:var(--teal-bright)}.narration__line--impact{opacity:0}.narration__line--solution{opacity:1;color:var(--offwhite)}.block .narration__line--impact{animation:beatBroken var(--beat) var(--ease-out) both}.block .narration__line--solution{animation:beatResolved var(--beat) var(--ease-out) both}@keyframes beatBroken{0%{opacity:0;transform:translateY(4px)}7%,41%{opacity:1;transform:none}48%,to{opacity:0;transform:translateY(-4px)}}@keyframes beatResolved{0%,50%{opacity:0;transform:translateY(4px)}57%,to{opacity:1;transform:none}}.detail{position:absolute;top:50%;left:50%;z-index:6;width:min(26rem,70%);transform:translate(-50%,-50%);padding:var(--gap-md);border:1px solid var(--offwhite-faint);border-left:2px solid var(--accent);border-radius:var(--radius-md);background:linear-gradient(160deg,#16314ffa,#08182cfa);box-shadow:0 24px 60px -18px #020810e6;animation:detailIn .24s var(--ease-out) both}@keyframes detailIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}.detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm);margin-bottom:var(--gap-sm)}.detail__kind{display:inline-block;margin-bottom:.25rem;font-size:var(--fs-micro);letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--offwhite-mute)}.detail__kind--pain{color:#eda491}.detail__kind--tool{color:var(--teal-bright)}.detail__title{margin:0;font-size:1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.detail__close{flex:0 0 auto;width:1.6rem;height:1.6rem;display:grid;place-items:center;border:1px solid var(--offwhite-faint);border-radius:var(--radius-sm);color:var(--offwhite-mute)}.detail__close:hover{color:var(--offwhite)}.detail__row+.detail__row{margin-top:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px solid var(--offwhite-hair)}.detail__term{margin:0 0 .2rem;font-size:var(--fs-micro);letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--offwhite-faint)}.detail__text{margin:0;color:var(--offwhite-dim)}.detail__row--solution .detail__text{color:var(--offwhite)}.pq{width:87.5%;aspect-ratio:1;max-height:100%;min-width:0;min-height:0}.pq-frame{fill:none;stroke:var(--offwhite-faint);stroke-width:1.4}.pq-halo{fill:none;stroke:url(#pq-gold);transform-box:fill-box;transform-origin:50% 50%}.pq-gold-lift{stop-color:var(--gold-lift)}.pq-gold-core{stop-color:var(--gold)}.pq-gold-deep{stop-color:var(--gold-deep)}.pq-links{filter:drop-shadow(0 0 1.5px var(--net-glow)) drop-shadow(0 0 4px var(--net-glow))}.pq-link{stroke:var(--net);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}.pq-pulse{stroke:var(--net-pulse);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:14 86;stroke-dashoffset:100;opacity:0}.pq-slot,.pq-size{transform-box:fill-box;transform-origin:50% 50%}.pq-assets{--askew: translate(5px, 4px) rotate(-2.9deg) scale(.953);transform-box:view-box;transform-origin:50% 50%}.pq-skin{fill:currentColor}.pq--structure .pq-size{transform:scale(var(--d1))}.pq--perform .pq-size{transform:scale(var(--d2))}.pq--prove .pq-size{transform:scale(var(--tw),var(--th))}.pq-tile{opacity:0}.pq--prove .pq-tile{opacity:1}.pq-skin--blend{opacity:0}.pq--perform .pq-skin--blend,.pq--prove .pq-skin--blend{opacity:1}.pq--structure.is-live .is-loose .pq-slot{animation:pqLoose var(--beat) ease-in-out both}.pq--structure.is-live .is-snap .pq-slot{animation:pqSnap var(--beat) var(--ease-snap) both}.pq--structure.is-live[data-beat="0"] .is-loose .pq-slot{animation-name:pqRelease}.pq--structure.is-live[data-beat="0"] .is-snap .pq-slot{animation-name:pqReleaseSnap}@keyframes pqLoose{0%,to{transform:translate(var(--sx),var(--sy))}33%{transform:translate(calc(var(--sx) + var(--wx)),calc(var(--sy) + var(--wy)))}66%{transform:translate(calc(var(--sx) - var(--wy)),calc(var(--sy) - var(--wx)))}}@keyframes pqSnap{0%{transform:translate(var(--sx),var(--sy))}30%{transform:translate(calc(var(--sx) + var(--wx)),calc(var(--sy) + var(--wy)))}50%{transform:translate(calc(var(--sx) - var(--wy)),calc(var(--sy) - var(--wx)))}79%,to{transform:translate(0)}}@keyframes pqRelease{0%{transform:translate(0)}32%{transform:translate(var(--sx),var(--sy))}66%{transform:translate(calc(var(--sx) + var(--wx)),calc(var(--sy) + var(--wy)))}to{transform:translate(var(--sx),var(--sy))}}@keyframes pqReleaseSnap{0%{transform:translate(0)}32%{transform:translate(var(--sx),var(--sy))}50%{transform:translate(calc(var(--sx) + var(--wx)),calc(var(--sy) + var(--wy)))}79%,to{transform:translate(0)}}.pq--structure.is-live[data-beat="0"] .pq-assets{animation:pqUnalign var(--beat) var(--ease-out) both}.pq--structure.is-live[data-beat="1"] .pq-assets,.pq--structure.is-live[data-beat="2"] .pq-assets,.pq--structure.is-live[data-beat="3"] .pq-assets{animation:pqAskew var(--beat) linear both}.pq--structure.is-live[data-beat="4"] .pq-assets{animation:pqAlign var(--beat) var(--ease-snap) both}@keyframes pqAskew{0%,to{transform:var(--askew)}}@keyframes pqUnalign{0%{transform:none}32%,to{transform:var(--askew)}}@keyframes pqAlign{0%,50%{transform:var(--askew)}82%,to{transform:none}}.pq--perform.is-live[data-beat="0"] .pq-size,.pq--perform.is-live[data-beat="1"] .pq-size,.pq--perform.is-live[data-beat="2"] .pq-size{animation:pqHoldSmall var(--beat) linear both}.pq--perform.is-live.is-rewind[data-beat="0"] .pq-size{animation-name:pqUngrow}.pq--perform.is-live[data-beat="3"] .pq-size{animation:pqGrowHalf var(--beat) var(--ease-out) both}.pq--perform.is-live[data-beat="4"] .pq-size{animation:pqGrowFull var(--beat) var(--ease-out) both}@keyframes pqHoldSmall{0%,to{transform:scale(var(--d1))}}@keyframes pqUngrow{0%{transform:scale(var(--d2))}28%,to{transform:scale(var(--d1))}}@keyframes pqGrowHalf{0%,50%{transform:scale(var(--d1))}82%,to{transform:scale(var(--dm))}}@keyframes pqGrowFull{0%,50%{transform:scale(var(--dm))}82%,to{transform:scale(var(--d2))}}.pq--perform.is-live[data-beat="0"] .pq-skin--blend,.pq--perform.is-live[data-beat="1"] .pq-skin--blend{animation:pqHidden var(--beat) linear both}.pq--perform.is-live.is-rewind[data-beat="0"] .pq-skin--blend{animation:pqToneOut var(--beat) var(--ease-out) both}.pq--perform.is-live[data-beat="2"] .pq-skin--blend{animation:pqToneIn var(--beat) var(--ease-out) both}@keyframes pqHidden{0%,to{opacity:0}}@keyframes pqToneOut{0%{opacity:1}28%,to{opacity:0}}@keyframes pqToneIn{0%,50%{opacity:0}79%,to{opacity:1}}.pq--perform.is-live[data-beat="0"] .pq-link.is-b0,.pq--perform.is-live[data-beat="1"] .pq-link.is-b1{animation:pqLinkDraw var(--beat) var(--ease-out) both}.pq--perform.is-live[data-beat="0"] .pq-link.is-b1{animation:pqHidden var(--beat) linear both}.pq--perform.is-live.is-rewind[data-beat="0"] .pq-link.is-b0{animation:pqLinkRedraw var(--beat) var(--ease-out) both}.pq--perform.is-live.is-rewind[data-beat="0"] .pq-link.is-b1{animation:pqLinkOut var(--beat) var(--ease-out) both}@keyframes pqLinkDraw{0%,50%{opacity:0;stroke-dashoffset:100}55%{opacity:1}85%,to{opacity:1;stroke-dashoffset:0}}@keyframes pqLinkRedraw{0%{opacity:1;stroke-dashoffset:0}24%,50%{opacity:0;stroke-dashoffset:100}55%{opacity:1}85%,to{opacity:1;stroke-dashoffset:0}}@keyframes pqLinkOut{0%{opacity:1}24%,to{opacity:0}}.pq--perform.is-live[data-beat="1"] .pq-pulse.is-b0,.pq--perform.is-live[data-beat="2"] .pq-pulse.is-b0,.pq--perform.is-live[data-beat="3"] .pq-pulse.is-b0,.pq--perform.is-live[data-beat="4"] .pq-pulse.is-b0,.pq--perform.is-live[data-beat="2"] .pq-pulse.is-b1,.pq--perform.is-live[data-beat="3"] .pq-pulse.is-b1,.pq--perform.is-live[data-beat="4"] .pq-pulse.is-b1{animation:pqPulse calc(var(--beat) / 2) linear infinite;animation-delay:calc(var(--i) * -137ms)}@keyframes pqPulse{0%{opacity:0;stroke-dashoffset:100}12%,86%{opacity:1}to{opacity:0;stroke-dashoffset:0}}.pq--prove.is-live .is-loose .pq-size{animation:pqHoldRound var(--beat) ease-in-out both}.pq--prove.is-live .is-loose .pq-tile{animation:pqHidden var(--beat) linear both}.pq--prove.is-live .is-snap .pq-size{animation:pqTileSnap var(--beat) var(--ease-snap) both}.pq--prove.is-live .is-snap .pq-tile{animation:pqTileIn var(--beat) var(--ease-out) both}.pq--prove.is-live.is-rewind[data-beat="0"] .is-loose .pq-size{animation-name:pqUntile}.pq--prove.is-live.is-rewind[data-beat="0"] .is-loose .pq-tile{animation-name:pqTileOut}.pq--prove.is-live.is-rewind[data-beat="0"] .is-snap .pq-size{animation-name:pqUntileSnap}.pq--prove.is-live.is-rewind[data-beat="0"] .is-snap .pq-tile{animation-name:pqTileCycle}@keyframes pqHoldRound{0%,to{transform:scale(var(--d2))}50%{transform:scale(calc(var(--d2) * 1.025))}}@keyframes pqTileSnap{0%,50%{transform:scale(var(--d2))}81%,to{transform:scale(var(--tw),var(--th))}}@keyframes pqTileIn{0%,45%{opacity:0}86%,to{opacity:1}}@keyframes pqUntile{0%{transform:scale(var(--tw),var(--th))}28%,to{transform:scale(var(--d2))}}@keyframes pqUntileSnap{0%{transform:scale(var(--tw),var(--th))}28%,50%{transform:scale(var(--d2))}81%,to{transform:scale(var(--tw),var(--th))}}@keyframes pqTileOut{0%{opacity:1}24%,to{opacity:0}}@keyframes pqTileCycle{0%{opacity:1}24%,45%{opacity:0}86%,to{opacity:1}}.pq--prove.is-live[data-beat="0"] .pq-halo,.pq--prove.is-live[data-beat="1"] .pq-halo,.pq--prove.is-live[data-beat="2"] .pq-halo,.pq--prove.is-live[data-beat="3"] .pq-halo{animation:pqHaloHidden var(--beat) linear both}.pq--prove.is-live.is-rewind[data-beat="0"] .pq-halo{animation:pqHaloOut var(--beat) var(--ease-out) both}.pq--prove.is-live[data-beat="4"] .pq-halo{animation:pqHaloGrow var(--beat) var(--ease-out) both}@keyframes pqHaloGrow{0%,50%{opacity:0;transform:scale(var(--halo-start))}55%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes pqHaloHidden{0%,to{opacity:0;transform:scale(var(--halo-start))}}@keyframes pqHaloOut{0%{opacity:1;transform:scale(1)}30%,to{opacity:0;transform:scale(var(--halo-start))}}.app.is-paused .stage *,.app.is-paused .stage{animation-play-state:paused!important}.app.is-paused .seg .pq,.app.is-paused .block-wrap,.app.is-paused .stage__head{animation-play-state:running!important}@media(max-width:1279px){.app__lead{display:none}.app__header,.app__footer{grid-template-columns:minmax(0,1fr) auto}.app__closing{display:none}}@media(max-width:1023px){.stage__sub,.seg__outcome{display:none}}@media(max-width:719px){.block__rail{grid-template-columns:repeat(2,minmax(0,1fr))}.chip{gap:.3rem;padding-inline:.4rem}.narration__line{display:block}.narration__tag{display:inline;margin-right:.35rem;white-space:normal}}@media(max-width:719px){body{overflow:auto}.app{height:auto;min-height:100dvh;overflow:visible;padding:.9rem}.app__header,.app__footer{grid-template-columns:minmax(0,1fr);gap:var(--gap-sm);justify-items:start}.app__headline{white-space:normal}.app__tagline{justify-self:start}.nav--indicator{min-width:0;width:100%}.nav__steps{width:100%;justify-content:space-between}.nav--controls,.stage__head{flex-wrap:wrap}.block{padding:.3rem .2rem}.block__rail{grid-auto-rows:2.4rem}.narration{height:7em}.seg__stage{height:30vh;max-height:14rem;padding:.3rem .2rem 0}.seg__foot{padding:.45rem .2rem 0 .7rem;gap:.35rem}.seg__num{display:none}.seg__name{letter-spacing:var(--track-label)}.nav__hint,.seg__hint{display:none}.detail{width:90%}}@media(prefers-reduced-motion:reduce){.app *,.app *:before,.app *:after{animation:none!important}.narration{display:block;height:auto;padding-block:.2rem}.narration__line{opacity:1!important;margin-bottom:.3rem}}