.screen{width:100%;min-width:0;animation:screen-in .5s var(--ease-out) backwards;flex-direction:column;align-items:center;gap:18px;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pack-stage{place-items:center;min-height:120px;padding:18px 0 8px;display:grid}.cta{text-align:center;align-content:start;justify-items:center;gap:14px;min-height:128px;display:grid}.tear-pack{will-change:transform;position:relative}.tear-pack.ripped{width:min(64vw, 270px, calc((100dvh - 400px) * var(--ratio,.54)));aspect-ratio:var(--ratio,.54)}.tear-pack .piece{position:absolute;inset:0}.piece-top{clip-path:polygon(0 0,100% 0,100% 13%,91% 9%,82% 14%,72% 9%,61% 14%,50% 8%,40% 14%,29% 9%,19% 14%,9% 9%,0 13%);animation:.85s cubic-bezier(.3,.7,.3,1) forwards piece-top}.piece-bottom{clip-path:polygon(0 13%,9% 9%,19% 14%,29% 9%,40% 14%,50% 8%,61% 14%,72% 9%,82% 14%,91% 9%,100% 13%,100% 100%,0 100%);animation:.85s ease-in forwards piece-bottom}.piece .wrap,.piece .packimg{width:100%}@keyframes piece-top{0%{transform:none}25%{transform:translate(6px,-18px)rotate(4deg)}to{opacity:0;transform:translate(60px,-260px)rotate(24deg)}}@keyframes piece-bottom{0%{transform:none}35%{transform:translateY(8px)scale(.99)}to{opacity:0;transform:translateY(70px)scale(.9)}}.ringbtn{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 35%, var(--ink-700), var(--ink-900));width:112px;height:112px;color:var(--ivory);font:600 12px/1.25 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line), 0 12px 30px #00000080;border:0;border-radius:50%;padding:0;transition:transform .15s;position:relative}.ringbtn:active{transform:scale(.96)}.ringbtn:disabled{cursor:default;opacity:.7}.ringbtn svg{pointer-events:none;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px;transform:rotate(-90deg)}.ringbtn circle{fill:none;stroke-width:3px}.ringbtn .track{stroke:var(--line)}.ringbtn .prog{stroke:var(--ivory);stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3px}