.app-opening{flex-direction:column;align-items:center;gap:28px;display:flex}.app-opening-board{width:min(68vw,56vh,480px);overflow:visible}.app-opening-piece{transform-origin:50%;opacity:0;animation:.95s linear forwards app-opening-in}.app-opening-name{color:var(--piecework-text-primary);font-family:var(--piecework-font-sans);font-size:var(--piecework-text-display);font-weight:var(--piecework-weight-semibold);letter-spacing:.02em;opacity:0;animation:app-opening-name .4s var(--piecework-ease-out) 1.76s forwards;margin:0;line-height:1.2;transform:translateY(8px)}@keyframes app-opening-in{0%{opacity:0;transform:translate(var(--app-opening-x,0), var(--app-opening-y,0)) rotate(var(--app-opening-r,0)) scale(.7)}27%{opacity:1;transform:translate(calc(var(--app-opening-x) * .72), calc(var(--app-opening-y) * .72 - 24px)) rotate(calc(var(--app-opening-r) * -.55))}48%{transform:translate(calc(var(--app-opening-x) * .48), calc(var(--app-opening-y) * .48)) rotate(calc(var(--app-opening-r) * .4))}68%{transform:translate(calc(var(--app-opening-x) * .24), calc(var(--app-opening-y) * .24 - 14px)) rotate(calc(var(--app-opening-r) * -.2))}87%{transform:translate(calc(var(--app-opening-x) * .05), calc(var(--app-opening-y) * .05))}to{opacity:1;transform:none}}@keyframes app-opening-name{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.app-opening-piece,.app-opening-name{opacity:1;animation:none;transform:none}}