.tree-chapter{margin-inline:-1.25rem;position:relative}.tree-pin{height:var(--stage-h,100svh);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.2rem 1rem;display:flex;position:sticky;top:0;overflow:hidden;container-type:inline-size}.tree-room{background:radial-gradient(closest-side at 50% 46%,#ffbe6429,#0000);position:absolute;inset:0}.tree-room:after{content:"";opacity:0;background:radial-gradient(closest-side at 50% 36%,#ffd68257,#0000);transition:opacity 1.4s;position:absolute;inset:0}.tree-chapter[data-lit=true] .tree-room:after{opacity:1}.tree-head{z-index:2;text-align:center;max-width:24rem;position:relative}.tree-title{color:#f2c77b;font-size:clamp(1.4rem,7cqw,2rem)}.tree-sub{opacity:.75;margin-top:.3rem;font-size:.92rem}.tree-art{z-index:2;width:min(100%, 24rem, calc(var(--stage-h,100svh) * .5));aspect-ratio:100/105;position:relative}.tree-svg{filter:drop-shadow(0 0 22px #ffbe6424);width:100%;height:100%;position:absolute;inset:0}.tree-lights circle{opacity:.25;animation:2.2s ease-in-out infinite tree-twinkle}@keyframes tree-twinkle{0%,to{opacity:.2}50%{opacity:1}}.tree-star{aspect-ratio:1;opacity:0;filter:drop-shadow(0 0 10px #ffe08ae6);z-index:3;width:13%;margin-left:-6.5%;transition:transform 1.3s cubic-bezier(.2,1.1,.3,1),opacity .6s;position:absolute;top:5%;left:50%;transform:translateY(120%)scale(.5)rotate(-40deg)}.tree-star[data-up=true]{opacity:1;animation:3s ease-in-out 1.3s infinite tree-star-glow;transform:none}.tree-star svg{width:100%;height:100%;display:block}@keyframes tree-star-glow{0%,to{filter:drop-shadow(0 0 8px #ffe08ab3)}50%{filter:drop-shadow(0 0 20px #ffe08a)}}.tree-orn{z-index:2;aspect-ratio:1;transform-origin:50% 0;opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:opacity .6s;position:absolute;transform:translate(-50%)}span.tree-orn{cursor:default}.tree-orn-on{opacity:1;animation:1.1s cubic-bezier(.22,1.2,.36,1) both tree-in,4.4s ease-in-out 1.1s infinite tree-sway}@keyframes tree-in{0%{transform:translate(calc(-50% + var(--fx)), -140%) scale(.35) rotate(40deg);opacity:0}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}@keyframes tree-sway{0%,to{transform:translate(-50%)rotate(-3deg)}50%{transform:translate(-50%)rotate(3deg)}}.tree-orn-swing{animation:.4s ease-in-out both tree-swing}@keyframes tree-swing{0%{transform:translate(-50%)rotate(0)}30%{transform:translate(-50%)rotate(-22deg)}65%{transform:translate(-50%)rotate(16deg)}to{transform:translate(-50%)rotate(0)}}.tree-orn:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #f2c77b}.tree-orn-cap{z-index:2;background:#f2c77b;border-radius:2px 2px 0 0;width:22%;height:12%;margin-left:-11%;position:absolute;top:-9%;left:50%}.tree-orn-img,.tree-orn-bauble{object-fit:cover;background:#20333a;border:2.5px solid #f2c77b;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 3px 10px #00000080,inset 0 0 0 1.5px #ffffff59}.tree-orn-bauble{border-color:color-mix(in srgb, var(--bc) 60%, #fff);background:radial-gradient(circle at 34% 30%, #fff8 0, transparent 30%), var(--bc)}.tree-tap{z-index:2;opacity:0;font-size:.9rem;transition:opacity .6s,transform .6s;position:relative;transform:translateY(6px)}.tree-tap[data-show=true]{opacity:.8;transform:none}@media (prefers-reduced-motion:reduce){.tree-orn-on{opacity:1;animation:none;transform:translate(-50%)}.tree-star,.tree-star[data-up=true]{opacity:1;transition:none;animation:none;transform:none}.tree-chapter{height:auto!important}.tree-pin{height:auto;min-height:0;padding-block:2.5rem;position:relative}}.star-dot{opacity:.2;background:#fff7e0;border-radius:50%;animation:5s ease-in-out infinite star-twinkle;position:absolute}@keyframes star-twinkle{0%,to{opacity:.15}50%{opacity:.85}}.star-city{background:radial-gradient(60% 100% at 25% 100%,#f2c77b38,#0000),radial-gradient(50% 100% at 75% 100%,#f4a6c329,#0000),radial-gradient(40% 90% at 50% 100%,#7fd4e824,#0000);height:18%;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.star-dot{opacity:.5;animation:none}}
.paper{isolation:isolate;color:#3a2230;background:radial-gradient(circle at 20% 10%,#fffaf0 0,#0000 60%),linear-gradient(#fbf3e4,#f3e6d0);position:relative;box-shadow:inset 0 0 90px #7846282e,0 24px 60px -24px #0009}.paper:before{content:"";z-index:-1;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.42  0 0 0 0 0.3  0 0 0 0.35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.paper .hw-text{font-family:var(--font-caveat), "Segoe Script", cursive;font-size:clamp(1.45rem,6.4cqw,2rem);line-height:1.55}.paper .hw-line{min-height:1.55em;display:block}.hw-word{clip-path:inset(-.35em 100% -.35em -.35em);animation:hw-write var(--w,.3s) linear var(--d,0s) forwards;animation-play-state:paused;display:inline-block}.hw-go .hw-word{animation-play-state:running}@keyframes hw-write{to{clip-path:inset(-.35em)}}.hw-all .hw-word{clip-path:none;animation:none}.hw-sign{opacity:0;animation:hw-sign .8s ease var(--d,0s) forwards;animation-play-state:paused}.hw-go .hw-sign{animation-play-state:running}.hw-all .hw-sign{opacity:1;animation:none}@keyframes hw-sign{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hw-word{clip-path:none;animation:none}.hw-sign{opacity:1;animation:none}}.paper-notebook{--hw-accent:#d6455d;color:#25305a;clip-path:polygon(0 7px,6% 0,12% 7px,18% 1px,25% 8px,31% 0,38% 7px,44% 1px,51% 8px,57% 0,64% 7px,70% 1px,77% 8px,83% 0,90% 7px,96% 1px,100% 6px,100% 100%,0 100%);box-shadow:none;background:#fffdf6}.paper-notebook:before{opacity:.18}.paper-notebook:after{content:"";z-index:-1;background:#d6455d80;width:2px;position:absolute;top:0;bottom:0;left:2.4rem}.paper-notebook .hw-text{background:repeating-linear-gradient(#0000 0 calc(1.55em - 1.5px),#5898b280 calc(1.55em - 1.5px) 1.55em) 0 1.9rem;padding-left:1.2rem}
.globe-root{width:calc(100% + 3rem);min-height:inherit;text-align:center;color:#f7f4ee;background:radial-gradient(circle at 50% 30%,#1d3a3a 0,#0e1a1f 62%,#090f12);flex-direction:column;justify-content:center;align-items:center;margin-inline:-1.5rem;padding:3rem 1.5rem 2rem;display:flex;position:relative;overflow:hidden;container-type:inline-size}.globe-wash,.globe-stars{pointer-events:none;position:absolute;inset:0}.globe-stars i{opacity:.8;background:#fff7e0;border-radius:50%;animation:3.6s ease-in-out infinite globe-twinkle;position:absolute}@keyframes globe-twinkle{0%,to{opacity:.25}50%{opacity:.95}}.globe-prompt{z-index:3;margin-bottom:1.4rem;transition:opacity .5s,transform .5s;position:relative}.globe-root:not([data-phase=idle]) .globe-prompt{opacity:0;pointer-events:none;transform:translateY(-8px)}.globe-title{color:#f2c77b;font-size:clamp(1.4rem,7cqw,2rem)}.globe-stage-wrap{z-index:2;width:clamp(14rem,64cqw,19rem);position:relative}.globe-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block}.globe-hit:focus-visible{outline-offset:8px;border-radius:50%;outline:2px solid #f2c77b}.globe-root[data-phase=idle] .globe-sphere{animation:3.4s ease-in-out infinite globe-bob}@keyframes globe-bob{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-5px)rotate(1.2deg)}}.globe-root[data-phase=swirl] .globe-sphere{animation:.5s ease-in-out 3 globe-shake}@keyframes globe-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-7px,3px)rotate(-3deg)}45%{transform:translate(7px,-3px)rotate(3deg)}70%{transform:translate(-4px,2px)rotate(-2deg)}}.globe-sphere{aspect-ratio:1;transform-origin:50% 66%;border:2px solid #ffffff47;border-radius:50%;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #ffffff38,inset -14px -18px 36px #0a142880,0 0 40px #f2c77b2e}.globe-scene{width:100%;height:100%;position:absolute;inset:0}.globe-snow{pointer-events:none;position:absolute;inset:0}.globe-glare{pointer-events:none;background:radial-gradient(at 40% 40%,#ffffff8c,#0000 70%);border-radius:50%;width:34%;height:22%;position:absolute;top:8%;left:12%;transform:rotate(-28deg)}.globe-base{z-index:1;background:linear-gradient(#7b4a2a,#4a2a14 70%,#34190b);border-radius:.6rem .6rem 1.4rem 1.4rem/.6rem .6rem 1rem 1rem;place-items:center;width:82%;height:4.4rem;margin:-1.1rem auto 0;transition:opacity .8s,transform .8s;display:grid;position:relative;box-shadow:0 14px 28px #00000073,inset 0 2px #ffdcaa40}.globe-plate{color:#5a3b0a;letter-spacing:.04em;overflow-wrap:anywhere;background:linear-gradient(#f6dc98,#c99a3d);border-radius:.35rem;max-width:78%;padding:.3rem .9rem;line-height:1.15;box-shadow:inset 0 1px #ffffff8c,0 1px 3px #0006}.gl-win{transition:fill .5s}.gl-win-on{fill:url(#gl-win);transition-delay:calc(var(--w) * .32s);animation:3s ease-in-out infinite gl-flick}@keyframes gl-flick{0%,to{opacity:1}50%{opacity:.88}}.globe-root[data-phase=lit] .gl-lamp,.globe-root[data-phase=enter] .gl-lamp,.globe-root[data-phase=greet] .gl-lamp{opacity:.45;transition:opacity 1s .6s}.globe-root[data-phase=enter] .globe-sphere,.globe-root[data-phase=greet] .globe-sphere{transition:transform 1.5s cubic-bezier(.55,.05,.3,1);animation:none;transform:scale(14)}.globe-root[data-phase=enter] .globe-base,.globe-root[data-phase=greet] .globe-base{opacity:0;transform:translateY(40px)}.globe-warm{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffe7b0 0,#f2b765 45%,#5a2f1a 100%);transition:opacity 1.1s;position:absolute;inset:0}.globe-root[data-phase=enter] .globe-warm{opacity:.9;transition-delay:.45s}.globe-root[data-phase=greet] .globe-warm{opacity:1;background:radial-gradient(circle at 50% 38%,#3a2216 0,#1a1013 70%);transition:background 1.2s}.globe-greet{z-index:6;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;animation:1.1s both globe-greet-in;display:flex;position:absolute;inset:0}.globe-greet-title{color:#f2c77b;text-shadow:0 0 26px #f2c77b8c;overflow-wrap:anywhere;font-size:clamp(2rem,11cqw,3.2rem);line-height:1.1}@keyframes globe-greet-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.globe-shake{z-index:3;color:#f7f4ee;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;min-height:2.75rem;margin-top:1.2rem;padding:0 1.1rem;font-size:.9rem;position:relative}@media (prefers-reduced-motion:reduce){.globe-root[data-phase] .globe-sphere,.gl-win-on,.globe-stars i{animation:none!important}.globe-warm,.globe-greet{transition:none;animation:none}}
.my-root{width:calc(100% + 3rem);min-height:inherit;text-align:center;color:#f7f4ee;background:radial-gradient(circle at 50% 20%,#17204a 0,#0b0e1a 62%,#05060d);flex-direction:column;justify-content:center;align-items:center;margin-inline:-1.5rem;padding:3rem 1.5rem 2rem;display:flex;position:relative;overflow:hidden;container-type:inline-size}.my-wash,.my-stars{pointer-events:none;position:absolute;inset:0}.my-stars i{opacity:.8;background:#fff7e0;border-radius:50%;animation:4.4s ease-in-out infinite my-twinkle;position:absolute}@keyframes my-twinkle{0%,to{opacity:.2}50%{opacity:.95}}.my-glows i{filter:blur(22px);opacity:0;border-radius:50%;width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem;animation:5s ease-in-out infinite my-glow;position:absolute}@keyframes my-glow{0%,70%,to{opacity:0;transform:scale(.3)}78%{transform:scale(1)}86%{transform:scale(1.4)}}.my-glows i{animation-name:my-glow}.my-city{pointer-events:none;width:100%;height:14%;position:absolute;bottom:0;left:0}@keyframes my-win{0%,to{opacity:.25}50%{opacity:1}}.my-fw,.my-num{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.my-num{transition:opacity .6s .1s}.my-num[data-done=true]{opacity:0}.my-wait{z-index:3;flex-direction:column;align-items:center;animation:.9s both my-fade;display:flex;position:relative}.my-title{color:#f2c77b;overflow-wrap:anywhere;font-size:clamp(1.25rem,6.4cqw,1.8rem)}.my-clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff3d0;text-shadow:0 0 30px #f2c77b73;margin-top:.9rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,15.5cqw,5.6rem);font-weight:700;line-height:1}.my-until{letter-spacing:.22em;text-transform:uppercase;color:#c9d3ee;margin-top:.7rem;font-size:.95rem}.my-hint{opacity:.7;max-width:18rem;margin-top:1.6rem;font-size:.92rem}.my-ten{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.my-ten-n{color:#fff3d0;text-shadow:0 0 60px #f2c77b99,0 0 18px #f4a6c366;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1}.my-beat{animation:1s ease-out both my-beat}@keyframes my-beat{0%{opacity:.3;transform:scale(.82)}14%{opacity:1;transform:scale(1.1)}28%{transform:scale(.97)}42%{transform:scale(1.05)}to{opacity:.92;transform:scale(1)}}.my-year{z-index:4;color:#f2c77b;text-shadow:0 0 40px #f2c77b8c;opacity:0;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1;transition:opacity .6s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.my-year[data-on=true]{opacity:1}.my-flash{z-index:8;pointer-events:none;background:radial-gradient(circle,#fff 0,#fff6d8 30%,#fff6d800 70%);animation:.9s ease-out both my-flash;position:absolute;inset:0}@keyframes my-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.my-glow-soft{z-index:2;pointer-events:none;background:radial-gradient(circle,#f2c77b66,#0000 60%);animation:1s both my-fade;position:absolute;inset:0}.my-greet{z-index:6;flex-direction:column;align-items:center;padding:0 1.5rem;animation:1s both my-fade;display:flex;position:absolute;top:61%;left:0;right:0}.my-greet-title{color:#fff3d0;text-shadow:0 0 22px #f2c77b80;overflow-wrap:anywhere;font-size:clamp(1.7rem,9cqw,2.6rem);line-height:1.12}@keyframes my-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.my-pv{z-index:9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-radius:1.2rem;flex-wrap:wrap;justify-content:center;gap:.25rem;width:max-content;max-width:calc(100% - 1.5rem);padding:.25rem;display:flex;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.my-pv button{color:#f7f4ee;white-space:nowrap;border-radius:999px;min-height:2.1rem;padding:0 .8rem;font-size:.74rem}.my-pv button[aria-pressed=true]{color:#2a1a05;background:#f2c77b;font-weight:600}@media (prefers-reduced-motion:reduce){.my-stars i,.my-glows i,.my-city rect,.my-beat,.my-flash{animation:none!important}.my-wait,.my-greet,.my-glow-soft{animation:none}.my-year{transition:none}}
.env-root{flex-direction:column;align-items:center;width:100%;max-width:24rem;margin-inline:auto;padding:3rem 0 2rem;display:flex;container-type:inline-size}.env-eyebrow{opacity:.95;text-align:center;margin-bottom:1.6rem;font-size:clamp(1.25rem,6.6cqw,1.7rem)}.env-wrap{aspect-ratio:3/2;perspective:900px;width:min(84cqw,22rem);position:relative}.env-back,.env-front,.env-flap{border-radius:6px;position:absolute;inset:0}.env-back{background:#e9cdb6;box-shadow:0 24px 50px -18px #000000a6}.env-front{clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 3px #5a321e2e);z-index:3;background:linear-gradient(135deg,#f7e6d6,#efd5bf)}.env-flap{clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:50% 0;z-index:4;backface-visibility:hidden;background:linear-gradient(#f9ead9,#ecd0b8);transition:transform .85s cubic-bezier(.45,0,.2,1)}.env-root[data-phase=open] .env-flap{z-index:1;transform:rotateX(178deg)}.env-letter{z-index:2;background:linear-gradient(#fffaf0,#f6ead6);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:80%;transition:transform .95s cubic-bezier(.22,1,.36,1) .35s;display:flex;position:absolute;top:8%;left:7%;right:7%;box-shadow:0 2px 8px #0000002e}.env-root[data-phase=open] .env-letter{z-index:5;transform:translateY(-34%)}.env-eyebrow{transition:opacity .5s}.env-root[data-phase=open] .env-eyebrow{opacity:0}.env-name-svg{width:92%;height:auto;overflow:visible}.env-name{font-family:var(--font-caveat), "Segoe Script", cursive;fill:#0000;stroke:#8a2a4a;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420px}.env-root[data-phase=open] .env-name{animation:2.2s cubic-bezier(.45,0,.2,1) 1s forwards env-write,.7s 3s forwards env-fill}@keyframes env-write{to{stroke-dashoffset:0}}@keyframes env-fill{to{fill:#8a2a4a}}.env-from{color:#7a5a62;opacity:0;margin-top:-.4rem;font-size:.95rem;font-style:italic}.env-root[data-phase=open] .env-from{animation:.8s 3.3s forwards env-appear}@keyframes env-appear{to{opacity:1}}.env-seal{--seal:clamp(3.4rem, 19cqw, 4.4rem);width:var(--seal);height:var(--seal);margin:calc(var(--seal) / -2) 0 0 calc(var(--seal) / -2);z-index:6;cursor:pointer;background:0 0;border:0;border-radius:9999px;padding:0;position:absolute;top:44%;left:50%}.env-root[data-phase=sealed] .env-seal{animation:2s ease-in-out infinite env-pulse}.env-seal-half{background:radial-gradient(circle at 35% 30%,#d94a6d,#9b1c3a 70%);transition:transform .65s cubic-bezier(.5,0,.9,.4),opacity .65s;position:absolute;inset:0;box-shadow:inset 0 -3px 6px #0000004d,0 3px 8px #00000059}.env-seal-l{clip-path:polygon(0 0,52% 0,44% 28%,56% 52%,46% 78%,52% 100%,0 100%);border-radius:9999px 0 0 9999px}.env-seal-r{clip-path:polygon(48% 0,100% 0,100% 100%,48% 100%,54% 78%,44% 52%,56% 28%);border-radius:0 9999px 9999px 0}.env-seal-heart{color:#ffffff8c;text-shadow:0 1px 1px #0006;place-items:center;font-size:clamp(1rem,7cqw,1.6rem);transition:opacity .3s;display:grid;position:absolute;inset:0}.env-root:not([data-phase=sealed]) .env-seal{pointer-events:none}.env-root[data-phase=breaking] .env-seal-l,.env-root[data-phase=open] .env-seal-l{opacity:0;transform:translate(-90%,140%)rotate(-38deg)}.env-root[data-phase=breaking] .env-seal-r,.env-root[data-phase=open] .env-seal-r{opacity:0;transform:translate(90%,150%)rotate(34deg)}.env-root:not([data-phase=sealed]) .env-seal-heart{opacity:0}@keyframes env-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.env-petals{z-index:7;width:0;height:0;position:absolute;top:30%;left:50%}.env-hint{opacity:.8;margin-top:2.2rem;font-size:.95rem;animation:.9s .4s both env-appear}.env-next{opacity:0;margin-top:3rem;animation:.8s 3.4s forwards env-appear}@media (prefers-reduced-motion:reduce){.env-flap,.env-letter,.env-seal-half{transition:none}.env-root[data-phase=open] .env-name{stroke-dashoffset:0;fill:#8a2a4a;animation:none}.env-root[data-phase=open] .env-from,.env-next,.env-hint{opacity:1;animation:none}.env-root[data-phase=sealed] .env-seal{animation:none}}
.band-root{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:24rem;margin-inline:auto;padding:3rem 0 2rem;display:flex;container-type:inline-size}.band-eyebrow{margin-bottom:1.4rem;padding-inline:.5rem;font-size:clamp(1.15rem,6.2cqw,1.55rem);line-height:1.3}.band-scene{aspect-ratio:4/3;touch-action:none;width:min(88cqw,22rem);position:relative}.band-wrist{background:linear-gradient(90deg,#d9c2a7,#efdfca 45%,#cfb695);border-radius:1.4rem;width:26%;position:absolute;top:6%;bottom:6%;right:12%;box-shadow:0 14px 30px -14px #0000008c,inset 0 0 0 2px #ffffff24}.band-wrist-cuff{background:linear-gradient(#7b5ea7,#5b3f86);border-radius:.9rem;height:14%;position:absolute;top:-3%;left:-6%;right:-6%}.band-loop{cursor:grab;touch-action:none;z-index:4;border-radius:9999px;width:36%;height:17%;transition:left .55s cubic-bezier(.34,1.4,.64,1),top .55s cubic-bezier(.34,1.4,.64,1),transform .55s cubic-bezier(.34,1.4,.64,1);animation:3s ease-in-out infinite band-float;position:absolute;top:50%;left:16%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 10px 18px -8px #0000008c}.band-loop.band-dragging{cursor:grabbing;transition:none;animation:none}.band-stripes{border-radius:inherit;background:repeating-linear-gradient(115deg,#ff6b6b 0 9px,#ffd23f 9px 18px,#2ec4b6 18px 27px,#fff 27px 33px);position:absolute;inset:0}@keyframes band-float{0%,to{transform:translate(-50%,-50%)rotate(-12deg)}50%{transform:translate(-50%,-58%)rotate(-8deg)}}.band-loop.band-tied{width:31%;height:13%;animation:.7s cubic-bezier(.34,1.56,.64,1) both band-tighten;top:50%;left:75%;transform:translate(-50%,-50%)rotate(0)}@keyframes band-tighten{0%{transform:translate(-50%,-50%)scale(1.18,1.3)}55%{transform:translate(-50%,-50%)scale(.93,.82)}to{transform:translate(-50%,-50%)scale(1)}}.band-knot{aspect-ratio:1;z-index:5;width:11%;margin:-5.5% 0 0 -5.5%;animation:.6s cubic-bezier(.34,1.9,.64,1) .15s both band-knot;position:absolute;top:50%;left:75%}.band-knot:before{content:"";background:radial-gradient(circle at 35% 30%,#ffd23f,#ff6b6b 70%);border-radius:9999px;position:absolute;inset:0;box-shadow:0 3px 6px #00000059}.band-knot i{transform-origin:50% 0;background:linear-gradient(#2ec4b6,#ff6b6b);border-radius:0 0 9999px 9999px;width:22%;height:90%;position:absolute;top:70%}.band-knot i:first-child{left:18%;transform:rotate(14deg)}.band-knot i:last-child{right:18%;transform:rotate(-16deg)}@keyframes band-knot{0%{transform:scale(0)}to{transform:scale(1)}}.band-burst{z-index:7;width:0;height:0;position:absolute;top:50%;right:25%}.band-hint{opacity:.85;margin-top:1.4rem;font-size:.95rem}.band-tapbtn{color:inherit;background:#ffffff1f;border:1.5px dashed #ffffff80;margin-top:1rem}.band-done{margin-top:1.2rem;animation:.7s .5s both band-in}.band-done-title{font-size:clamp(1.6rem,9cqw,2.4rem);line-height:1.15}.band-done-sub{opacity:.85;margin-top:.4rem}@keyframes band-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.band-loop,.band-loop.band-tied,.band-knot,.band-done{transition:none;animation:none}}
.award-root{width:100%;min-height:inherit;text-align:center;color:#fff7e0;background:radial-gradient(circle at 50% 100%,#231a0a,#0b0905 70%);flex-direction:column;justify-content:center;align-items:center;width:calc(100% + 3rem);margin-inline:-1.5rem;padding:3rem 1.5rem 2rem;display:flex;position:relative;overflow:hidden;container-type:inline-size}.award-beam{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);transform-origin:50% 0;opacity:0;background:linear-gradient(#fff0be8c,#fff0be0f 85%);width:70%;height:110%;margin-left:-35%;position:absolute;top:-10%;left:50%;transform:rotate(-38deg)}.award-root[data-phase=light] .award-beam,.award-root[data-phase=reveal] .award-beam{opacity:1;animation:2.4s cubic-bezier(.45,0,.2,1) both award-sweep}.award-root[data-phase=reveal] .award-beam{animation:none;transform:rotate(0)}@keyframes award-sweep{0%{transform:rotate(-38deg)}35%{transform:rotate(32deg)}70%{transform:rotate(-14deg)}to{transform:rotate(0)}}.award-glow{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffd67847,#0000 55%);width:120%;margin:-60% 0 0 -60%;transition:opacity 1.4s;position:absolute;top:52%;left:50%}.award-root[data-phase=reveal] .award-glow{opacity:1}.award-start{z-index:3;color:#ffe9a8;background:0 0;border:1.5px solid #ffe9a8b3;animation:2.4s ease-in-out infinite award-wait;position:relative}@keyframes award-wait{0%,to{box-shadow:0 0 #ffd67859}50%{box-shadow:0 0 0 12px #0000}}.award-eyebrow{z-index:3;color:#ffe9a8;font-size:clamp(1.2rem,6.4cqw,1.7rem);animation:.9s both award-fade;position:relative}.award-trophy{z-index:2;aspect-ratio:120/150;opacity:0;filter:drop-shadow(0 0 22px #ffc85a8c);width:clamp(5.5rem,28cqw,8rem);margin-top:1.4rem;position:relative;transform:translateY(46px)scale(.85)}.award-root[data-phase=light] .award-trophy{animation:1.6s cubic-bezier(.22,1,.36,1) .9s both award-rise}.award-root[data-phase=reveal] .award-trophy{opacity:1;transform:none}@keyframes award-rise{0%{opacity:0;transform:translateY(46px)scale(.85)}to{opacity:1;transform:none}}.award-name{z-index:3;margin-top:1rem;animation:.9s both award-fade;position:relative}.award-title{color:#ffd166;text-shadow:0 0 24px #ffbe468c;overflow-wrap:anywhere;line-height:1.1}.award-for{color:#fff1c1;margin-top:.5rem;font-size:1.05rem}.award-from{opacity:.8;margin-top:.3rem;font-size:.92rem}.award-next{color:#2b1d00;background:#ffd166}.award-confetti{z-index:6;width:0;height:0;position:absolute;top:38%;left:50%}@keyframes award-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.award-beam,.award-trophy,.award-start,.award-name,.award-eyebrow{animation:none!important}.award-root[data-phase=light] .award-trophy,.award-root[data-phase=reveal] .award-trophy{opacity:1;transform:none}}