.pl2{--scale: 1;--swing: 2.6s;--angle: 9deg;--flow: 4.2s;width:min(100%,640px);height:280px;margin:0 auto;transform:scale(var(--scale));transform-origin:center top}.pl2-scene{position:relative;height:100%;isolation:isolate;perspective:1100px}.pl2-belt{position:absolute;left:0;right:0;top:58%;transform:translateY(-50%);height:42px;overflow:hidden;z-index:0}.pl2-note{position:absolute;top:6px;left:100%;width:140px;height:30px;border-radius:8px;display:grid;place-items:center;font:900 14px/1 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;letter-spacing:.06em;color:#065f46;text-shadow:0 0 8px rgba(16,185,129,.25);background:linear-gradient(90deg,#10b9812e,#10b9815c),repeating-linear-gradient(45deg,#ffffff8c 0,#ffffff8c 8px,#10b9811a 8px,#10b9811a 16px),linear-gradient(90deg,#a7f3d0,#34d399,#10b981);box-shadow:0 10px 18px #0000002e,inset 0 1px #ffffff73;transform:translate(110%) rotate(-2deg) skew(-6deg);animation:pl2Flow var(--flow) linear infinite;will-change:transform,opacity}.pl2-note:nth-child(3n+1){animation-duration:calc(var(--flow) * .95)}.pl2-note:nth-child(3n+2){animation-duration:calc(var(--flow) * 1.05)}.pl2-note:nth-child(4n){transform:translate(110%) rotate(-1deg) skew(-4deg)}@keyframes pl2Flow{0%{transform:translate(110%) rotate(-2deg) skew(-6deg);opacity:0}10%{opacity:1}50%{transform:translate(0) rotate(0) skew(-3deg)}to{transform:translate(-140%) rotate(1deg) skew(-2deg);opacity:.95}}.pl2-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-60%) rotateY(-10deg);transform-origin:50% 10%;z-index:5;animation:pl2Swing var(--swing) ease-in-out infinite alternate;filter:drop-shadow(0 18px 36px rgba(0,0,0,.22))}@keyframes pl2Swing{0%{transform:translate(-50%,-60%) rotateY(-10deg) rotate(calc(var(--angle) * -1))}to{transform:translate(-50%,-60%) rotateY(-10deg) rotate(var(--angle))}}.pl2-shackle{position:absolute;left:12px;top:-80px;width:210px;height:170px;border:18px solid #dde3ea;border-bottom:none;border-radius:110px 110px 0 0;background:conic-gradient(from 180deg,#eef1f6,#cfd5df,#f2f5f8,#cfd5df,#eef1f6);box-shadow:inset 0 10px 12px #ffffffd9,inset 0 -8px 10px #0000001f;transform:translateZ(6px) rotateY(-4deg)}.pl2-body{position:relative;width:360px;height:210px;border-radius:22px;background:linear-gradient(180deg,#f4f7fb,#e6ecf4 48%,#d5deea);border:1px solid #c9d3e1;box-shadow:inset 0 10px 20px #fff9,inset 0 -12px 18px #00000014;transform:translateZ(18px)}.pl2-body:before,.pl2-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:linear-gradient(180deg,#cfd8e6,#aeb9cb);opacity:.9;transform:translateZ(-18px)}.pl2-body:before{transform-origin:left;transform:translateZ(-18px) rotateY(180deg)}.pl2-body:after{transform-origin:right;transform:translateZ(-18px)}.pl2-slot{position:absolute;left:50%;top:98px;transform:translate(-50%);width:240px;height:26px;border-radius:8px;background:linear-gradient(180deg,#111,#252525);box-shadow:inset 0 6px 16px #0000008c,inset 0 -4px 8px #ffffff2e}@media (prefers-reduced-motion: reduce){.pl2-note{animation-duration:calc(var(--flow) * 1.6)}.pl2-lock{animation-duration:calc(var(--swing) * 1.6)}}