.deal-origin{z-index:0;position:absolute;top:-104px;right:8px;width:120px;height:168px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px -2px rgba(0,0,0,.6)}@media (max-width:768px){.deal-origin{width:64px;height:90px;top:-48px;right:4px}}@keyframes deal-in{0%{transform:translate(var(--dx),var(--dy)) scale(.6) rotate(-15deg);opacity:0}to{transform:translate(0) scale(1) rotate(0deg);opacity:1}}.card-fly{position:absolute;width:120px;height:168px;transition:left .35s ease,top .35s ease}@media (max-width:768px){.card-fly{width:64px;height:90px}}.card-fly.deal{animation:deal-in .55s cubic-bezier(.22,.8,.3,1) forwards;opacity:0}.card-fly.fade{transition:transform .4s ease,opacity .4s ease;transform:translateY(40px);opacity:0}.score-pill{position:absolute;min-width:28px;padding:2px 10px;background:#111827;color:#fff;font-size:16px;font-weight:600;border-radius:9999px;text-align:center;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.4);user-select:none;z-index:1300}@media (max-width:768px){.score-pill{min-width:20px;padding:1px 6px;font-size:12px}}.payout-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.payout-inner{background:#111827;border-radius:8px;padding:6px 24px;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase}@media (max-width:768px){.payout-inner{padding:4px 12px;font-size:14px}}.payout-subline{margin-top:4px;font-size:24px;font-weight:700;color:#111827;text-align:center;text-transform:uppercase}@media (max-width:768px){.payout-subline{margin-top:2px;font-size:14px}}.active-arrow{position:absolute;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:20px solid #3b82f6;border-left:0;pointer-events:none;z-index:1200}.card-3d{perspective:600px}.card-3d,.card-inner{width:100%;height:100%}.card-inner{position:relative;transform-style:preserve-3d;transition:transform .4s ease}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;box-shadow:0 4px 12px -2px rgba(0,0,0,.6)}.card-face.front{transform:rotateY(180deg)}.card-face.back{transform:rotateY(0deg)}@media (max-width:768px){.card-face{border-radius:4px;box-shadow:0 2px 8px -1px rgba(0,0,0,.6)}}