.sof-card-in{animation:.45s ease-out both sof-card-in}@keyframes sof-card-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.sof-hand{width:100%;max-width:760px;height:340px;margin:0 auto;position:relative}.sof-hand-slot{transform-origin:50% 140%;transform:translateX(calc(-50% + var(--x)))translateY(var(--y))rotate(var(--r));z-index:var(--z);transition:transform .35s cubic-bezier(.2,.9,.3,1.2),z-index;position:absolute;bottom:0;left:50%}.sof-hand-slot:hover,.sof-hand-slot:focus-within{transform:translateX(calc(-50% + var(--x)))translateY(-36px)rotate(0deg)scale(1.08);z-index:30}@media (max-width:640px){.sof-hand{height:262px}.sof-hand-slot{transform:translateX(calc(-50% + var(--x)*.36))translateY(var(--y))rotate(var(--r))scale(.64)}.sof-hand-slot:hover,.sof-hand-slot:focus-within{transform:translateX(calc(-50% + var(--x)*.36))translateY(-20px)scale(.74)}}.sof-embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sof-embers i{opacity:0;background:#fcd34d;border-radius:9999px;width:3px;height:3px;animation:9s linear infinite sof-ember;position:absolute;bottom:-10px;box-shadow:0 0 8px 2px #fbbf2499}@keyframes sof-ember{0%{opacity:0;transform:translate(0)}10%{opacity:.9}to{transform:translate(var(--drift,30px),-95vh);opacity:0}}.sof-wood{background-color:#1a100a;background-image:radial-gradient(at 50% 0,#14b8a624,#0000 60%),repeating-linear-gradient(92deg,#0000002e 0 2px,#0000 2px 9px),linear-gradient(#2a1a0f 0%,#140c07 100%)}.sof-rule{background:linear-gradient(90deg,#0000,#fbbf248c,#0000);height:1px}@media (prefers-reduced-motion:reduce){.sof-card-in,.sof-embers i{animation:none}.sof-embers{display:none}.sof-hand-slot{transition:none}}