.gj{width:100%;max-width:30rem;animation:gj-enter .9s var(--ease-out-expo) .35s both;flex-direction:column;align-items:stretch;margin-inline:auto;display:flex;position:relative}@keyframes gj-enter{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.gj .gj-kicker{color:var(--ink-3);align-self:center}@media (max-width:1023px){.gj .gj-kicker{display:none}}.gj-deck{z-index:1;height:clamp(5.5rem,15dvh,10.5rem);margin-top:.4rem;position:relative}@media (min-width:1024px){.gj-deck{height:clamp(9rem,40dvh,23rem);margin-top:.75rem}}.gj-ground{inset-inline:22%;background:radial-gradient(closest-side, color-mix(in oklch, var(--ink) 16%, transparent), transparent);pointer-events:none;border-radius:50%;height:14px;position:absolute;bottom:-2px}.gj-art{transform-origin:bottom;opacity:0;transform:translateY(14px) scale(calc(var(--gj-scale) * .93));filter:blur(7px);transition:opacity .8s var(--ease-soft), transform .9s var(--ease-out-expo), filter .8s var(--ease-soft);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.gj-art.is-active{opacity:1;transform:translateY(0) scale(var(--gj-scale));filter:blur()}.gj-art img{animation:6.5s ease-in-out infinite gj-float}.gj-art:not(.is-active) img{animation:none}@keyframes gj-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-.7deg)}}@media (hover:hover){.gj:hover .gj-art.is-active{transform:translateY(-2px) scale(calc(var(--gj-scale) * 1.03))}}.gj-evolve{pointer-events:none;position:absolute;inset:0}.gj-ripple{aspect-ratio:4;border:2px solid var(--accent-bright);opacity:0;width:70%;animation:gj-ripple 1.1s var(--ease-out-expo) .15s both;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%,40%)scale(.2)}@keyframes gj-ripple{0%{opacity:.9;transform:translate(-50%,40%)scale(.2)}to{opacity:0;transform:translate(-50%,40%)scale(1.25)}}.gj-spark{left:calc(50% + var(--sx));top:calc(55% + var(--sy));background:var(--sc);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:14px;height:14px;animation:gj-spark .95s var(--ease-pop) calc(.25s + var(--sd)) both;margin:-7px 0 0 -7px;position:absolute}@keyframes gj-spark{0%{opacity:0;transform:scale(0)rotate(0)}45%{opacity:1;transform:scale(1.35)rotate(90deg)}to{opacity:0;transform:translateY(-14px)scale(.6)rotate(160deg)}}.gj-plate{margin-top:-1rem;padding:.9rem 1.1rem 1rem;position:relative}@media (min-width:1024px){.gj-plate{margin-top:-1.25rem;padding:1.3rem 1.5rem 1.4rem}}.gj-plate-glass{border:1px solid var(--rule);border-radius:var(--radius-2xl);background:linear-gradient(180deg, color-mix(in oklab, var(--paper) 88%, transparent) 0%, color-mix(in oklab, var(--paper) 66%, transparent) 55%, color-mix(in oklab, var(--paper) 40%, transparent) 100%);-webkit-backdrop-filter:blur(18px)saturate(1.2);box-shadow:0 20px 55px -34px color-mix(in oklab, var(--ink) 45%, transparent);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 58%,#00000080 100%);mask-image:linear-gradient(#000 0% 58%,#00000080 100%)}.gj-copy-deck{display:grid;position:relative}.gj-copy{opacity:0;transition:opacity .55s var(--ease-soft), transform .7s var(--ease-out-expo);pointer-events:none;grid-area:1/1;transform:translateY(8px)}.gj-copy.is-active{opacity:1;transform:translateY(0)}.gj-chip{color:var(--accent-color);align-items:center;gap:.4rem;display:inline-flex}.gj-chip .kicker{color:inherit}.gj-chip-arrow{animation:gj-nudge 2.6s var(--ease-soft) infinite}@keyframes gj-nudge{0%,55%,to{transform:translate(0)}28%{transform:translate(3px)}}[dir=rtl] .gj-chip-arrow{animation-name:gj-nudge-rtl;transform:scaleX(-1)}@keyframes gj-nudge-rtl{0%,55%,to{transform:scaleX(-1)translate(0)}28%{transform:scaleX(-1)translate(3px)}}.gj-title{font-family:var(--font-display-src), var(--font-arabic-src), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.015em;color:var(--ink);margin:.35rem 0 0;font-size:1.125rem;font-weight:500;line-height:1.15;position:relative}[dir=rtl] .gj-title{font-family:var(--font-arabic-src), system-ui, sans-serif;letter-spacing:normal;font-weight:600;line-height:1.35}@media (min-width:1024px){.gj-title{margin-top:.5rem;font-size:1.4rem}}.gj-squiggle{stroke-dasharray:130;stroke-dashoffset:130px;margin-top:.25rem;display:block}.gj-copy.is-active .gj-squiggle{animation:gj-draw .9s var(--ease-draw) .35s forwards}@keyframes gj-draw{to{stroke-dashoffset:0}}.gj-body{max-width:34ch;color:var(--ink-2);margin:.5rem 0 0;font-size:.9375rem;font-weight:350;line-height:1.5;display:none}@media (max-width:1023px) and (max-height:999px){.gj-plate{display:none}.gj-rail{margin-top:.9rem}}@media (min-width:1024px) and (min-height:720px){.gj-body{display:block}}.gj-rail{align-items:center;gap:.75rem;margin-top:.7rem;padding-inline:.25rem;display:flex}@media (min-width:1024px){.gj-rail{margin-top:1rem}}.gj-cap{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--ink-3);flex:none;font-size:.625rem;font-weight:600}[dir=rtl] .gj-cap{letter-spacing:normal;text-transform:none;font-size:.6875rem}.gj-track{flex:1;align-items:center;margin:0;padding:0;list-style:none;display:flex}.gj-stop{flex:1;align-items:center;display:flex}.gj-node{border:1.5px solid var(--rule-strong);cursor:pointer;width:.55rem;height:.55rem;transition:background-color .4s var(--ease-soft), border-color .4s var(--ease-soft), transform .4s var(--ease-out-expo);background:0 0;border-radius:999px;flex:none;padding:0;position:relative}.gj-node:after{content:"";position:absolute;inset:-12px}.gj-node:hover{border-color:var(--accent-color);transform:scale(1.25)}.gj-node:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.gj-node[data-state=past]{border-color:var(--accent-color);background:var(--accent-color)}.gj-node[data-state=now]{border-color:var(--accent-color);background:var(--accent-color);animation:gj-pulse 2.2s var(--ease-soft) infinite;transform:scale(1.5)}@keyframes gj-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent-color) 38%, transparent)}60%{box-shadow:0 0 0 7px color-mix(in oklch, var(--accent-color) 0%, transparent)}}.gj-seg{background:color-mix(in oklch, var(--rule-strong) 70%, transparent);border-radius:999px;flex:1;height:2px;margin-inline:.35rem;position:relative;overflow:hidden}.gj-seg-fill{border-radius:inherit;background:var(--accent-color);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] .gj-seg-fill{transform-origin:100%}.gj-seg-fill[data-state=past]{transform:scaleX(1)}.gj-seg-fill[data-state=now]{animation:gj-fill var(--gj-dwell) linear forwards}@keyframes gj-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.gj-art,.gj-copy{filter:none;transition:none}.gj-art.is-active,.gj:hover .gj-art.is-active{transform:scale(var(--gj-scale))}.gj-copy.is-active{transform:none}.gj-art img,.gj-chip-arrow,.gj-node[data-state=now]{animation:none}.gj-evolve{display:none}.gj-squiggle,.gj-copy.is-active .gj-squiggle{stroke-dashoffset:0;animation:none}.gj-seg-fill[data-state=now]{animation:none;transform:scaleX(1)}}
.stk{z-index:3;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:manipulation;transform:translate3d(calc(var(--px,0) * var(--depth,.5) * -16px), calc(var(--py,0) * var(--depth,.5) * -16px), 0);transition:transform .9s var(--ease-out-expo);position:absolute}.stk:active{cursor:grabbing}.stk-back,.stk-back *{fill:#fff!important;stroke:#fff!important;stroke-width:11px!important;stroke-linejoin:round!important;stroke-linecap:round!important;stroke-dasharray:none!important;opacity:1!important}.stk-svg{filter:drop-shadow(0 1.5px 1px #14162833)drop-shadow(0 8px 12px #1416281a);width:100%;height:auto;transition:filter .35s var(--ease-soft);display:block;overflow:visible}.stk-slap{transform:rotate(var(--rot));animation:stk-slap .75s var(--ease-soft) var(--sd,.8s) both;display:block}@keyframes stk-slap{0%{opacity:0;transform:translateY(-26px) scale(1.9) rotate(calc(var(--rot) - 22deg))}55%{opacity:1;transform:translateY(0) scale(.9, .86) rotate(var(--rot))}75%{transform:scale(1.06, 1.08) rotate(var(--rot))}to{opacity:1;transform:scale(1) rotate(var(--rot))}}.stk-float{animation:stk-float var(--fl,6s) ease-in-out calc(var(--i,0) * -.9s) infinite;display:block}@keyframes stk-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(2.2deg)}}.stk-hover{transition:transform .4s var(--ease-pop);display:block}@media (hover:hover) and (pointer:fine){.stk:hover .stk-hover{transform:translateY(-5px) scale(1.1) rotate(calc(var(--rot) * -.5))}.stk:hover .stk-svg{filter:drop-shadow(0 3px 2px #14162829)drop-shadow(0 18px 20px #14162829)}}.stk-spin{transform-box:view-box;transform-origin:50%;animation:24s linear infinite stk-spin}@keyframes stk-spin{to{transform:rotate(360deg)}}[dir=rtl] .stk-spin{animation-direction:reverse}[data-celebrate=true] .stk-float{animation:stk-hop .7s var(--ease-pop) calc(var(--i,0) * 70ms) 2 both}@keyframes stk-hop{0%,to{transform:translateY(0)rotate(0)scale(1)}40%{transform:translateY(-22px)rotate(-8deg)scale(1.12)}70%{transform:translateY(2px)rotate(4deg)scale(.97)}}.stk-burst{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.stk-bit{width:var(--bs,22px);margin-left:calc(var(--bs,22px) / -2);opacity:0;animation:stk-bit 1.5s cubic-bezier(.15, .85, .35, 1) var(--bd,0s) both;position:absolute;top:40%;left:50%}@keyframes stk-bit{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}12%{opacity:1}70%{opacity:1;transform:translate(var(--bx), var(--by)) scale(1) rotate(var(--br))}to{opacity:0;transform:translate(var(--bx), calc(var(--by) + 60px)) scale(.9) rotate(calc(var(--br) * 1.4))}}@media (prefers-reduced-motion:reduce){.stk{transition:none;transform:none}.stk-float,.stk-spin,[data-celebrate=true] .stk-float{animation:none}.stk-burst{display:none}}