/* One registered forepaw and contact point shared by all five cat coats. */
body.refined .card-stamp-stage {--actor-width:210px;--actor-height:280px;--landing-top:236px;--landing-width:190px;display:block;position:relative;min-height:0;padding:0 4px 8px;isolation:isolate;overflow:visible}
.stamp-actor {position:relative;z-index:40;width:var(--actor-width);height:var(--actor-height);margin:0 auto;pointer-events:none}
.card-stamp-cat {display:block;width:100%;height:100%;filter:drop-shadow(0 5px 4px #49382e12)}
.stamp-landing {position:absolute;z-index:0;left:50%;top:var(--landing-top);width:var(--landing-width);aspect-ratio:1.586;transform:translateX(-50%);opacity:0;pointer-events:none}
.stamp-caption {position:relative;z-index:2;margin:calc(var(--landing-width) / 1.586 - 14px) 0 22px!important;text-align:center;font-size:12px!important;color:var(--muted);line-height:1.6;min-height:20px}
.stamp-card-in-flight .stamp-caption {visibility:hidden}
.card-stamp-stage .credit-card-display {position:relative;z-index:auto;width:100%;min-height:0;margin:0;padding:0;order:initial}
.card-stamp-stage .credit-card-fan {display:grid;grid-template-columns:repeat(var(--stamp-columns),minmax(0,1fr));gap:14px 10px;min-height:0;isolation:auto;z-index:auto}
.card-stamp-stage .credit-card-shell {position:relative;left:auto;bottom:auto;z-index:1;width:100%;min-width:0;aspect-ratio:1.586;transform:none;transform-origin:50% 50%;transition:none;filter:drop-shadow(0 4px 4px #49382e18);animation:none}
.card-stamp-stage .credit-card-face {border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff99;color:#49382e}
.card-stamp-stage .credit-card-face::before {inset:7%;border-radius:6px;transform:none}
.card-stamp-stage .credit-card-topline {font-size:9px;letter-spacing:0}.card-stamp-stage .credit-card-topline span {font-size:7px}
.card-stamp-stage .credit-card-chip {width:17%;height:19%;top:30%;border-radius:3px}
.card-stamp-stage .credit-card-number {top:54%;font-size:7px;letter-spacing:.03em}
.card-stamp-stage .credit-card-bottom {bottom:10%;line-height:1.25}.card-stamp-stage .credit-card-bottom small {font-size:6px}.card-stamp-stage .credit-card-bottom b {font-size:11px;max-width:13ch}.card-stamp-stage .credit-card-mark,.card-stamp-stage .credit-card-contactless {display:none}
.card-stamp-stage .credit-card-shell.is-being-stamped {z-index:30;filter:drop-shadow(0 10px 10px #49382e25)}
.card-stamp-stage .credit-card-shell.is-winner {z-index:3;transform:none;filter:drop-shadow(0 0 5px #d18a5a55)}
.card-stamp-stage .credit-card-shell.is-winner .credit-card-face {border:2px solid var(--accent)}
.card-stamp-stage .credit-card-fan.has-winner .credit-card-shell:not(.is-winner) {opacity:1;filter:drop-shadow(0 4px 4px #49382e14)}
.paw-stamp {position:absolute;z-index:5;left:var(--stamp-mark-x,70%);top:25%;width:27%;aspect-ratio:1;display:block;transform:translate(-50%,-50%) rotate(-16deg) scale(.75);color:var(--accent);opacity:0;pointer-events:none}
.paw-stamp svg {display:block;width:100%;height:100%}
.is-stamped .paw-stamp {opacity:.9;transform:translate(-50%,-50%) rotate(-16deg) scale(1)}
.stamp-contact .is-stamped .paw-stamp {transform:translate(-50%,-50%) rotate(-16deg) scale(1.08)}
@media(max-width:760px){
  body.refined .card-stamp-stage {--actor-width:174px;--actor-height:232px;--landing-top:190px;--landing-width:166px;padding:0 0 6px}
  .card-stamp-stage .credit-card-fan {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}
  .card-stamp-stage .credit-card-topline {font-size:9px}.card-stamp-stage .credit-card-number {font-size:8px}.card-stamp-stage .credit-card-bottom b {font-size:12px}
}
@media(prefers-reduced-motion:reduce){.card-stamp-stage .credit-card-shell {transition:none}}

html body.refined.motion-preview {display:grid;grid-template-columns:280px minmax(0,650px);justify-content:center;align-items:start;gap:24px;padding:32px 20px}
html body.refined.motion-preview #app {width:100%;max-width:650px;margin:0;padding:0!important}
html body.refined.motion-preview .motion-review {width:100%;margin:10px 0 0}
html body.refined.motion-preview .motion-review h1 {font-size:25px}
@media(max-width:760px){html body.refined.motion-preview {display:block;padding:16px 6px}html body.refined.motion-preview #app {width:calc(100% - 16px);margin:0 auto}html body.refined.motion-preview .motion-review {width:calc(100% - 16px);margin:0 auto 18px;max-width:650px}}