/* Shared gift surprise: a compact card on phones and desktop. */
dialog.gift-reward-celebration {
  width:min(560px,calc(100vw - 28px));max-height:calc(100svh - 28px);
  padding:30px 32px 28px;border:1px solid #d9c5af;border-radius:20px;
  background:#f7f0e5;box-shadow:0 24px 90px #30201638;
  overflow:auto;overscroll-behavior:contain;
  animation:gift-surprise-arrive .28s ease-out both;
}
dialog.gift-reward-celebration::backdrop {background:#33291f88;backdrop-filter:none}
.gift-reward-content {position:relative;z-index:1}
.gift-reward-celebration .gift-reward-close {top:-18px;right:-20px;width:44px;height:44px;font-size:30px}
.gift-reward-emblem {display:block;width:48px;height:48px;margin:0 auto 14px;color:#ac633f}
.gift-reward-celebration h2 {margin:0 0 18px;font:400 34px/1.1 'PawMaker Editorial',Georgia,serif;letter-spacing:-.02em;color:#4d392b}
.gift-reward-celebration h2 em {display:block;margin-top:6px;font-size:26px;color:#83644e;font-style:normal}
.gift-reward-celebration #gift-reward-description {margin:0 0 22px;font:400 16px/1.45 var(--sans,Arial,sans-serif);color:#715c49}
.gift-reward-celebration #gift-reward-description strong {display:block;margin-bottom:10px;font:400 40px/1.03 'PawMaker Editorial',Georgia,serif;color:#4d392b;letter-spacing:-.03em}
.gift-reward-celebration #gift-reward-description strong em {color:#a45935;font-weight:400}
.gift-reward-celebration #gift-reward-description>span {display:block}
.gift-reward-celebration .gift-reward-gallery {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;padding:18px 0;border-color:#decdb8}
.gift-reward-celebration .gift-reward-gallery img {height:60px;margin:0 auto 6px}
.gift-reward-celebration .gift-reward-gallery span {font:400 14px/1.25 var(--sans,Arial,sans-serif);color:#6d5745}
.gift-reward-celebration .gift-reward-total {padding:15px 0;gap:14px;font-size:16px;line-height:1.4}
.gift-reward-celebration .gift-reward-total strong {font-size:21px;color:#405437}
.gift-reward-celebration .gift-reward-continue {min-height:52px;border-color:#3f5235;background:#3f5235;border-radius:28px;color:#fffaf1;font-size:17px}
.gift-reward-celebration .gift-reward-continue:hover {background:#536747}
.gift-reward-confetti {position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:3}
.gift-reward-confetti i {position:absolute;display:block;will-change:transform,opacity;pointer-events:none}
@keyframes gift-surprise-arrive {from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:760px) {
  dialog.gift-reward-celebration {width:calc(100vw - 28px);padding:24px 18px 18px;border-radius:18px}
  .gift-reward-celebration .gift-reward-close {right:-12px;top:-16px}
  .gift-reward-emblem {width:40px;height:40px;margin-bottom:10px}
  .gift-reward-celebration h2 {font-size:31px;margin-bottom:16px}
  .gift-reward-celebration h2 em {font-size:23px}
  .gift-reward-celebration #gift-reward-description {font-size:16px;margin-bottom:18px}
  .gift-reward-celebration #gift-reward-description strong {font-size:35px}
  .gift-reward-celebration .gift-reward-gallery {gap:14px 8px;padding:15px 0}
  .gift-reward-celebration .gift-reward-gallery img {height:48px}
  .gift-reward-celebration .gift-reward-gallery span {font-size:14px;line-height:1.25;min-height:2.5em}
  .gift-reward-celebration .gift-reward-total {padding:13px 0;flex-wrap:nowrap;font-size:15px}
  .gift-reward-celebration .gift-reward-continue {min-height:50px;font-size:16px}
}
@media(max-height:650px) and (max-width:760px) {
  dialog.gift-reward-celebration {padding-top:20px}
  .gift-reward-emblem {display:none}
  .gift-reward-celebration h2 {font-size:29px;margin-bottom:12px}
  .gift-reward-celebration #gift-reward-description strong {font-size:32px}
  .gift-reward-celebration #gift-reward-description {margin-bottom:12px}
  .gift-reward-celebration .gift-reward-gallery {padding:12px 0;gap:10px 8px}
  .gift-reward-celebration .gift-reward-gallery img {height:40px}
}
@media(max-width:360px) and (max-height:740px) {
  .gift-reward-emblem {display:none}
}
@media(prefers-reduced-motion:reduce) {
  dialog.gift-reward-celebration {animation:none}
  .gift-reward-confetti {display:none}
}