.pk{--pw:250px;--pk-ry:0deg;--pk-rx:0deg;--tear:0;position:relative;width:var(--pw);height:calc(var(--pw) * 1.434);flex:none;perspective:900px;-webkit-tap-highlight-color:transparent}.pk-3d{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--pk-rx)) rotateY(var(--pk-ry));will-change:transform}.pk-loading{opacity:0}.pk-sprite,.pk-still{max-width:none;position:absolute;width:calc(var(--pw) * 1.2);left:calc(var(--pw) * -.1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pk-idle,.pk-still{height:calc(var(--pw) * 1.6805);top:calc(var(--pw) * -.1233)}.pk-tear{height:calc(var(--pw) * 2.0166);top:calc(var(--pw) * -.4594);background-position:var(--pk-tx,0) var(--pk-ty,0)}.pk-burst{height:calc(var(--pw) * 2.4367);top:calc(var(--pw) * -.1233);background-position:var(--pk-bx,0) var(--pk-by,0)}.pk-idle{background-position:var(--pk-ix,36.4%) var(--pk-iy,33.3%)}.pk-sprite{background-repeat:no-repeat}.pk:not([data-mode=burst]) .pk-burst,.pk[data-mode=burst] .pk-idle,.pk[data-mode=burst] .pk-seam-light,.pk[data-mode=burst] .pk-still,.pk[data-mode=burst] .pk-tear,.pk[data-mode=idle] .pk-still,.pk[data-mode=idle] .pk-tear,.pk[data-mode=still] .pk-idle,.pk[data-mode=still] .pk-tear,.pk[data-mode=tear] .pk-idle,.pk[data-mode=tear] .pk-still{visibility:hidden}.pk-seam-light{position:absolute;left:0;right:0;top:18%;height:2px;background:var(--amber);box-shadow:0 0 14px 2px rgba(255,176,0,.55);opacity:calc(.7 + var(--tear) * .3);pointer-events:none}.pk[data-mode=tear] .pk-seam-light{opacity:0}.pk-code{container-type:inline-size}.pk-code,.pk-code-body{position:absolute;inset:0}.pk-code-body{border-radius:3px;background:linear-gradient(115deg,#5E6A7E,#C9D2E0 18%,#7C8798 34%,#EEF3FA 50%,#8C97A8 66%,#C9D2E0 82%,#6B7688);box-shadow:0 30px 50px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.25)}.pk-code-body:after,.pk-code-body:before{content:"";position:absolute;left:0;right:0;height:6cqi;background:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 2px,transparent 2px 5px)}.pk-code-body:before{top:0}.pk-code-body:after{bottom:0}.pk-code-face{position:absolute;inset:20cqi 7cqi 10cqi;background:linear-gradient(180deg,#0B1220,#111B2E);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4cqi;clip-path:polygon(5cqi 0,100% 0,100% calc(100% - 5cqi),calc(100% - 5cqi) 100%,0 100%,0 5cqi);box-shadow:inset 0 1px 0 rgba(190,220,255,.2)}.pk-code-dm{width:18cqi;height:18cqi;transform:rotate(45deg);border:2px solid #c9d2e0;margin-bottom:3cqi}.pk-code-pn{font:900 17cqi/.9 var(--font-display);color:#EEF2F8;display:flex;flex-direction:column}.pk-code-pc,.pk-code-pn{text-transform:uppercase;text-align:center}.pk-code-pc{font:600 5.5cqi/1 var(--font-hud);letter-spacing:.14em;color:#C9D2E0}.pk-code-seam{top:18%;height:2px;background:var(--amber);box-shadow:0 0 14px 2px rgba(255,176,0,.55);opacity:.85}.pk-code-seam,.pk-code-strip{position:absolute;left:0;right:0}.pk-code-strip{top:6cqi;height:8cqi;border-bottom:1px dashed rgba(0,0,0,.35)}.pk-code-peel{position:absolute;left:0;right:0;top:0;height:18%;border-radius:3px 3px 0 0;transform-origin:left bottom;background:linear-gradient(90deg,#EEF3FA,#7C8798);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);transform:translateY(calc(var(--tear) * -22px)) rotate(calc(var(--tear) * -16deg));opacity:calc(1 - var(--tear) * .45)}.pk-code-peel:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 2px,transparent 2px 5px);height:33%}@media (prefers-reduced-motion:reduce){.pk-3d{will-change:auto}}