.sound-mix{display:flex;flex-wrap:wrap;gap:12px 20px;margin:14px 0;color:#c5aebd;font:12px Arial;text-align:left}
.sound-mix label{display:flex;align-items:center;gap:9px;min-height:32px}
.sound-mix input{width:105px;accent-color:#d49aab;cursor:pointer}
.sound-mix input:focus-visible{outline:2px solid #e5be87;outline-offset:3px}
.offer-symbol{display:inline-block;transform-style:preserve-3d;animation:offer-arrive .55s ease-out both}
.upgrade-card:nth-child(2) .offer-symbol{animation-delay:.07s}.upgrade-card:nth-child(3) .offer-symbol{animation-delay:.14s}
@keyframes offer-arrive{from{transform:perspective(240px) rotateY(-180deg) scale(.65);opacity:0}to{transform:perspective(240px) rotateY(0) scale(1);opacity:1}}
#choice-celebration{position:fixed;top:22%;left:50%;transform:translateX(-50%);z-index:170;pointer-events:none;display:flex;align-items:center;gap:15px;padding:12px 22px;border:1px solid #e2ba7666;border-radius:10px;background:#190e24ec;box-shadow:0 0 35px #c877a129;color:#ffe1b1;animation:choice-fade .8s both;font:18px Georgia,serif;max-width:90vw}
.choice-medallion{display:inline-grid;place-items:center;min-width:44px;height:44px;font:32px Arial;color:#edb6d0;animation:choice-spin .6s cubic-bezier(.2,.65,.3,1) both}
@keyframes choice-spin{0%{transform:perspective(300px) rotateY(0) scale(.65)}65%{transform:perspective(300px) rotateY(330deg) scale(1.2)}100%{transform:perspective(300px) rotateY(360deg) scale(1)}}
@keyframes choice-fade{0%{opacity:0}15%,75%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.offer-symbol,.choice-medallion{animation:none}#choice-celebration{animation:choice-fade .8s both}}
@media(max-height:500px){#choice-celebration{top:12%;padding:6px 14px;font-size:15px}.sound-mix{margin:5px 0;gap:8px}}
