.note-fall-overlay{z-index:9999;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.note-fall-backdrop{-webkit-backdrop-filter:blur(10px);background:#fffc;width:100%;height:100%;position:absolute;top:0;left:0}.falling-note{width:var(--random-size,80px);height:calc(var(--random-size,80px) * 1.5);perspective:1000px;transform-origin:50%;animation-name:noteFall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-200px}.note-front{width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(135deg,#0f5132 0%,#198754 50%,#0f5132 100%);border:2px solid #0a4228;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 8px #0000004d,inset 0 0 20px #ffffff1a}.note-front:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 2px 4px);border-radius:4px;position:absolute;inset:0}.note-value{color:#fff;text-shadow:2px 2px 4px #00000080;z-index:1;font-size:32px;font-weight:700}@keyframes noteFall{0%{opacity:1;transform:translateY(0)translate(0)rotateX(0)rotate(0)rotateY(0)}15%{transform:translateY(25vh) translateX(calc(var(--random-x,0px) * .15)) rotateX(60deg) rotateZ(calc(var(--random-rotation,0deg) * .15)) rotateY(20deg);opacity:1}30%{transform:translateY(50vh) translateX(calc(var(--random-x,0px) * .3)) rotateX(-45deg) rotateZ(calc(var(--random-rotation,0deg) * .3)) rotateY(-25deg);opacity:1}45%{transform:translateY(70vh) translateX(calc(var(--random-x,0px) * .45)) rotateX(35deg) rotateZ(calc(var(--random-rotation,0deg) * .45)) rotateY(15deg);opacity:.9}60%{transform:translateY(85vh) translateX(calc(var(--random-x,0px) * .6)) rotateX(-25deg) rotateZ(calc(var(--random-rotation,0deg) * .6)) rotateY(-20deg);opacity:.8}75%{transform:translateY(95vh) translateX(calc(var(--random-x,0px) * .75)) rotateX(20deg) rotateZ(calc(var(--random-rotation,0deg) * .75)) rotateY(10deg);opacity:.6}90%{transform:translateY(105vh) translateX(calc(var(--random-x,0px) * .9)) rotateX(-15deg) rotateZ(calc(var(--random-rotation,0deg) * .9)) rotateY(-10deg);opacity:.4}to{transform:translateY(120vh) translateX(var(--random-x,0px)) rotateX(10deg) rotateZ(var(--random-rotation,0deg)) rotateY(5deg);opacity:0}}