.coupon-receipt-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#19120d61;position:fixed;inset:0}.coupon-receipt{--notch:17px;z-index:101;width:calc(100% - 40px);max-width:460px;height:fit-content;max-height:calc(100vh - 32px);overscroll-behavior:contain;color:#733808;box-sizing:border-box;text-align:center;filter:drop-shadow(0 18px 24px #35200c40);background:0 0;outline:none;max-height:calc(100dvh - 32px);margin:auto;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.6;position:fixed;inset:0;overflow-y:auto}.coupon-receipt *{box-sizing:border-box}.coupon-receipt button{cursor:pointer;touch-action:manipulation;font-family:inherit}.coupon-receipt button:disabled{cursor:default}.coupon-receipt button:focus-visible{outline-offset:3px;outline:3px solid #663207}.cr-face,.cr-actions{-webkit-mask-image:radial-gradient(circle var(--notch) at 0 var(--cut-y),transparent 98%,#000 100%),radial-gradient(circle var(--notch) at 100% var(--cut-y),transparent 98%,#000 100%);-webkit-mask-image:radial-gradient(circle var(--notch) at 0 var(--cut-y),transparent 98%,#000 100%),radial-gradient(circle var(--notch) at 100% var(--cut-y),transparent 98%,#000 100%);mask-image:radial-gradient(circle var(--notch) at 0 var(--cut-y),transparent 98%,#000 100%),radial-gradient(circle var(--notch) at 100% var(--cut-y),transparent 98%,#000 100%);isolation:isolate;position:relative;-webkit-mask-position:0,100%;mask-position:0,100%;-webkit-mask-size:51% 100%;mask-size:51% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cr-face{--cut-y:100%;background:radial-gradient(at 8% 0,#fff2bacc,#0000 38%),radial-gradient(at 100% 90%,#ffc9c199,#0000 53%),linear-gradient(125deg,#ffc258,#ff981c 42%,#ff8313 66%,#ffc568);border:1px solid #ffe6a1;border-bottom:0;border-radius:20px 20px 0 0;padding:47px 24px 136px;overflow:hidden;box-shadow:inset 0 0 0 5px #ffd48e,inset 0 0 0 6px #fff4c9}.cr-face:after{content:"";z-index:3;bottom:0;left:var(--notch);right:var(--notch);background:repeating-linear-gradient(90deg,#9b521f 0 7px,#0000 7px 13px);height:2px;position:absolute}.cr-brand{color:#fff9e6;letter-spacing:.15em;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:16px;left:23px}.cr-title{z-index:1;color:#fffdf4;letter-spacing:.08em;text-shadow:0 2px 2px #ac4d2440;margin:0;font-size:clamp(24px,7vw,34px);font-weight:800;position:relative}.cr-description{z-index:1;color:#793d10;background:#fff8e4;border-radius:99px;margin:10px auto 12px;padding:4px 18px;font-size:12px;font-weight:700;display:table;position:relative}.cr-amount{z-index:1;white-space:nowrap;color:#fffef6;text-shadow:0 3px 3px #a9461859;justify-content:center;align-items:baseline;gap:6px;margin:0;line-height:1;display:flex;position:relative}.cr-amount strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,17vw,94px);font-weight:700;line-height:1.13}.cr-amount span{font-family:Georgia,Yu Mincho,serif;font-size:clamp(19px,5vw,26px);font-weight:700}.cr-amount-large{flex-wrap:wrap;row-gap:6px}.cr-amount-large strong{font-size:clamp(48px,14vw,72px)}.cr-scope{z-index:1;color:#753606;background:#fff8e9f2;border:1px solid #fff1cc;border-radius:18px;max-width:48%;margin:0;padding:4px 9px;font-size:11px;font-weight:700;line-height:1.6;position:absolute;bottom:58px;left:22px}.cr-expiry{z-index:1;color:#713503;max-width:48%;margin:0;font-size:10px;font-weight:600;position:absolute;bottom:31px;left:23px}.cr-pets{pointer-events:none;z-index:0;filter:drop-shadow(0 3px 5px #8f47082b);width:51%;height:auto;position:absolute;bottom:0;right:4px}.cr-paw{color:#fff0b6;opacity:.45;position:absolute;top:98px;right:20px;transform:rotate(12deg)}.cr-spark{color:#fff9db;opacity:.65;position:absolute;bottom:14px;left:24px}.cr-glint{color:#fff9db;text-shadow:0 0 12px #fff9b6;font-size:23px;line-height:1;position:absolute}.cr-glint-one{top:150px;left:20px}.cr-glint-two{font-size:15px;top:179px;right:24px}.cr-actions{--cut-y:0%;background:radial-gradient(at 0 100%,#ffdfbd66,#0000 50%),radial-gradient(at 100% 0,#eae3ff66,#0000 65%),linear-gradient(120deg,#fffef9,#fff7e8);border:1px solid #ffe4b1;border-top:0;border-radius:0 0 20px 20px;padding:24px 27px 8px;box-shadow:inset 0 0 0 5px #fff8e8,inset 0 0 0 6px #f2d8ac}.cr-accept{color:#713100;background:radial-gradient(at 15% 0,#ffe599,#0000 60%),linear-gradient(110deg,#ffb83e,#ff8b1b 53%,#ffba68);border:1px solid #e99229;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;font-size:clamp(16px,4.5vw,20px);font-weight:750;display:flex;box-shadow:inset 0 2px 2px #fff7b6,0 5px 16px #dc78002b}.cr-accept:hover:not(:disabled){filter:brightness(1.04)}.cr-accept:active{transition:transform .14s;transform:scale(.97)}.cr-accept svg{flex-shrink:0}.cr-feedback{color:#814917;min-height:32px;margin:12px 0 0;font-size:11px;line-height:1.65}.cr-feedback[role=alert]{color:#9f2e19}.cr-later{color:#766047;background:0 0;border:0;min-height:44px;padding:8px 22px;font-size:13px}.cr-close{color:#fff9e8;z-index:4;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:5px;right:9px}.coupon-receipt-backdrop[data-phase=entering]{animation:.4s both cr-shade-in}.coupon-receipt[data-phase=entering]{animation:.6s cubic-bezier(.22,1,.36,1) both cr-in}.coupon-receipt[data-phase=exiting]{animation:.4s both cr-out}.coupon-receipt[data-phase=exiting][data-accepted=true]{pointer-events:none;animation:none;overflow:visible}.coupon-receipt[data-phase=exiting][data-accepted=true] .cr-face{transform-origin:12% 100%;animation:.9s cubic-bezier(.3,0,.2,1) both cr-tear-face}.coupon-receipt[data-phase=exiting][data-accepted=true] .cr-actions{transform-origin:12% 0;animation:.9s cubic-bezier(.3,0,.2,1) both cr-tear-stub}.coupon-receipt[data-phase=exiting][data-accepted=true] .cr-close{visibility:hidden}.coupon-receipt[data-phase=backdrop]{opacity:0;pointer-events:none}.coupon-receipt-backdrop[data-phase=backdrop]{animation:.3s both cr-shade-out}.coupon-receipt[data-phase=accepting] .cr-accept{animation:.15s cr-press}@keyframes cr-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:none}}@keyframes cr-out{to{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes cr-tear-face{0%{opacity:1;transform:none}45%{opacity:1;transform:translateY(-10px)rotate(-2deg)}65%{opacity:1}to{opacity:0;transform:translateY(-35px)rotate(-4deg)}}@keyframes cr-tear-stub{0%{opacity:1;transform:none}45%{opacity:1;transform:translateY(17px)rotate(4deg)}65%{opacity:1}to{opacity:0;transform:translateY(60px)rotate(7deg)}}@keyframes cr-shade-in{0%{opacity:0}to{opacity:1}}@keyframes cr-shade-out{0%{opacity:1}to{opacity:0}}@keyframes cr-press{50%{transform:scale(.97)}}@media (max-width:360px){.coupon-receipt{--notch:14px;width:calc(100% - 32px)}.cr-face{padding:47px 15px 122px}.cr-actions{padding:21px 20px 7px}.cr-scope{font-size:10px;bottom:54px;left:15px}.cr-expiry{font-size:9px;bottom:31px;left:16px}.cr-pets{width:50%}.cr-description{padding-inline:13px;font-size:11px}}@media (prefers-reduced-motion:reduce){.coupon-receipt,.coupon-receipt-backdrop,.coupon-receipt *{transition:none!important;animation:none!important}.coupon-receipt[data-phase=exiting][data-accepted=true]{opacity:0}}