.scratch-card{--sc-width:400px;--sc-height:260px;--sc-radius:var(--radius-default);--sc-inner-radius:var(--radius-md,8px);--sc-padding:14px;position:relative;display:inline-flex;cursor:default;overflow:visible;will-change:transform;width:var(--sc-width);height:var(--sc-height);perspective:600px}.scratch-card__frame{width:100%;height:100%;flex-direction:column;border-radius:var(--sc-radius);background:var(--color-primary);overflow:clip;box-shadow:var(--shadow-lg);padding:var(--space-3) var(--sc-padding);gap:var(--space-3)}.scratch-card__frame,.scratch-card__header{position:relative;display:flex;box-sizing:border-box}.scratch-card__header{z-index:2;align-items:center;justify-content:space-between;padding:var(--space-1) 1px 0;flex-shrink:0;pointer-events:none;user-select:none}.scratch-card__logo{display:flex;align-items:center}.scratch-card__logo-img{width:23px;height:18px;display:block;filter:brightness(0) invert(1)}.scratch-card__title{color:var(--color-text-inverse);font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--text-body-lg);line-height:1;letter-spacing:-.64px}.scratch-card__body{position:relative;z-index:2;width:100%;flex:1;min-height:0;background:var(--color-surface-light);border-radius:var(--sc-inner-radius);overflow:hidden}.scratch-card__holo{width:100%;height:100%}.scratch-card__holo,.scratch-card__reveal{position:absolute;inset:0;z-index:0;border-radius:var(--sc-inner-radius)}.scratch-card__reveal{flex-direction:column;justify-content:flex-end;background:transparent;padding:var(--space-3);gap:var(--space-2);overflow:hidden}.scratch-card__reveal,.scratch-card__win-deco{display:flex;pointer-events:none;user-select:none}.scratch-card__win-deco{position:absolute;inset:0;z-index:1;align-items:center;justify-content:center;mix-blend-mode:screen;isolation:isolate}.scratch-card__win-deco-img{width:70%;height:auto;filter:invert(1);opacity:.35}.scratch-card__redeem{position:absolute;inset:0;z-index:2;overflow:visible}.scratch-card__redeem-title{position:absolute;top:calc(50% - 66.5px);left:50%;transform:translateX(-50%);font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--text-md);line-height:var(--text-md--line-height);letter-spacing:-.02em;color:var(--color-text-dark);white-space:nowrap}.scratch-card__redeem-price{position:absolute;top:calc(50% + 9px);left:calc(50% - 10px);transform:translate(-50%,-50%)}.scratch-card__redeem-price img{width:225px;height:115px;display:block}.scratch-card__redeem-value{position:absolute;top:calc(50% + 40.5px);left:calc(50% + 81.5px);font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-dark);opacity:.6}.scratch-card__redeem-value,.scratch-card__reveal-footer{font-family:var(--font-accent);font-weight:var(--font-weight-medium);text-transform:uppercase;white-space:nowrap}.scratch-card__reveal-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;flex-shrink:0;font-size:var(--text-fine);line-height:var(--text-fine--line-height)}.scratch-card__reveal-footer-col{display:flex;flex-direction:column;gap:2px}.scratch-card__reveal-footer-col--right{text-align:right;align-items:flex-end}.scratch-card__reveal-footer-label{color:var(--color-text-muted);font-size:var(--text-fine);line-height:var(--text-fine--line-height)}.scratch-card__reveal-footer-value{color:var(--color-text-inverse);font-size:var(--text-fine);line-height:var(--text-fine--line-height)}.scratch-card__gradient{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:var(--sc-radius);background:radial-gradient(ellipse 140% 100% at top left,rgba(29,31,42,0) 40%,rgba(29,31,42,.2) 100%)}.scratch-card__sheen{position:absolute;width:400px;height:400px;pointer-events:none;z-index:3;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);will-change:transform,opacity;mix-blend-mode:overlay}.scratch-card__sheen img{display:block;width:100%;height:100%}.scratch-card__canvas{position:absolute;inset:0;z-index:1;border-radius:var(--sc-inner-radius);touch-action:none}.scratch-card__canvas--scratching{cursor:grabbing}.scratch-card__canvas--idle{cursor:pointer}.scratch-card__footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-3);z-index:2;pointer-events:none}.scratch-card__footer-left,.scratch-card__footer-right{display:flex;flex-direction:column;gap:2px}.scratch-card__footer-right{text-align:right;align-items:flex-end}.scratch-card__footer-label{color:var(--color-text-muted)}.scratch-card__footer-label,.scratch-card__footer-value{font-family:var(--font-accent);font-size:var(--text-fine);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0;line-height:var(--text-fine--line-height)}.scratch-card__footer-value{color:var(--color-text-inverse)}.scratch-card__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;opacity:1;transition:opacity var(--duration-normal) var(--ease-standard);animation:scratch-hint-sway 3s ease-in-out infinite}.scratch-card__hint--hidden{opacity:0;animation:none}.scratch-card__hint-img{width:40px;height:40px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}@keyframes scratch-hint-sway{0%{transform:translate(-50%,-50%) translateX(0) rotate(0deg)}10%{transform:translate(-50%,-50%) translateX(14px) rotate(8deg)}30%{transform:translate(-50%,-50%) translateX(-14px) rotate(-8deg)}50%{transform:translate(-50%,-50%) translateX(14px) rotate(8deg)}60%{transform:translate(-50%,-50%) translateX(0) rotate(0deg)}to{transform:translate(-50%,-50%) translateX(0) rotate(0deg)}}.scratch-card-wrap{display:inline-flex;flex-direction:column;align-items:center}.scratch-card-cta{margin-top:var(--space-4);opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity var(--duration-medium) var(--ease-smooth),transform var(--duration-medium) var(--ease-bounce)}.scratch-card-cta--visible{opacity:1;transform:translateY(0);pointer-events:auto}@media (max-width:430px){.scratch-card-wrap{width:100%;max-width:400px;container-type:inline-size}.scratch-card{transform:scale(calc(100cqi / 400));transform-origin:top center;margin-bottom:calc((calc(100cqi / 400) - 1) * var(--sc-height))}}