.pre-bonus{border-radius:18px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px 12px 12px;display:grid}.pre-bonus .mini{width:54px;height:54px}.pre-bonus .mini svg{mix-blend-mode:multiply;width:100%;height:100%;display:block}.pre-bonus p{min-width:0;margin:0}.pre-bonus b{letter-spacing:-.015em;color:var(--color-ink);font-size:15px;font-weight:850;line-height:1.38;display:block}.pre-bonus span{margin-top:2px;font-size:13px;font-weight:600;line-height:1.45;display:block}.pre-bonus.promo{background:var(--color-red-soft);outline-offset:-6px;outline:1.5px dashed #cc352059;box-shadow:inset 0 0 0 1.5px #cc352038}.pre-bonus.promo span{color:#8f2a1a}.pre-bonus.note{background:var(--color-card);animation:pre-bonus-in .6s var(--ease-out-quint) both;margin-top:12px;box-shadow:0 0 0 1px #1c1a1712}.pre-bonus.note span{color:var(--color-ink-3)}@keyframes pre-bonus-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.pre-bonus.note{animation:none}}