.coin-reward{position:fixed;right:max(16px,env(safe-area-inset-right));top:calc(80px + env(safe-area-inset-top));z-index:90;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;max-width:calc(100vw - 32px);color:#9a713c;background:#fff6de url('/paper-fibres.svg') center/180px;border:2px solid #dfc395;border-radius:24px 18px 25px 19px;box-shadow:0 3px 0 #cfa97b55,0 5px 16px #70544520,inset 0 0 0 3px #fffdf1;pointer-events:none;font:800 var(--type-small,14px)/1.35 Nunito,sans-serif;letter-spacing:.035em;animation:coin-reward-arrive .28s ease-out both}
.coin-reward[hidden]{display:none}.coin-reward .boba-coin{width:2.25em;height:2.25em;transform:rotate(-10deg)}.coin-reward-copy{display:flex;gap:6px;align-items:baseline}.coin-reward strong{font-size:var(--type-medium,20px);color:#ab7b38}.coin-reward::after{content:'';position:absolute;right:14px;top:-6px;width:27px;height:10px;transform:rotate(7deg);background:repeating-linear-gradient(90deg,#edb9c388 0 4px,#fff8e499 4px 8px);border:1px solid #fff9}
html[data-cafe-theme=halloween] .coin-reward::after{background:repeating-linear-gradient(90deg,#eab58288 0 4px,#fff8e499 4px 8px)}
@keyframes coin-reward-arrive{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:700px){.coin-reward{top:calc(64px + env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));padding:8px 12px 8px 8px;gap:8px}.coin-reward strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.coin-reward{animation:none}}