.wx-scratch{isolation:isolate;perspective:640px;width:100%;min-height:52px;color:var(--accent,var(--primary));margin:10px 0 6px;position:relative}.wx-scratch-face{border:1px dashed var(--accent,var(--primary));background:color-mix(in srgb, var(--accent,var(--primary)) 10%, var(--card));min-height:52px;color:var(--accent,var(--primary));border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;display:flex;position:relative}.wx-scratch-code{font-family:var(--font-data,ui-monospace, monospace);letter-spacing:.12em;text-align:center;min-width:8ch;font-size:15px;font-weight:800;line-height:1}.wx-scratch-foil{z-index:1;transform-origin:92% 8%;touch-action:none;cursor:grab;border-radius:12px;position:absolute;inset:0;overflow:hidden}.wx-scratch-foil:active{cursor:grabbing}.wx-scratch-foil canvas{width:100%;height:100%;display:block}.wx-scratch-foil-btn{z-index:1;border:1px dashed var(--accent,var(--primary));width:100%;height:100%;min-height:52px;color:var(--accent,var(--primary));background:repeating-linear-gradient(-62deg, color-mix(in srgb, var(--accent,var(--primary)) 34%, var(--card)) 0 7px, color-mix(in srgb, var(--card) 88%, var(--accent,var(--primary))) 7px 14px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent,var(--primary)) 35%, transparent);border-radius:12px;font-size:13px;font-weight:700;position:absolute;inset:0}.wx-scratch-foil-btn:hover{color:var(--accent,var(--primary))}.wx-scratch-corner{pointer-events:none;background:linear-gradient(225deg, var(--card) 48%, color-mix(in srgb, var(--accent,var(--primary)) 45%, var(--card)) 50%);clip-path:polygon(100% 0,0 0,100% 100%);width:22px;height:22px;box-shadow:-4px 4px 8px color-mix(in srgb, var(--foreground) 12%, transparent);position:absolute;top:0;right:0}@media (hover:none){.wx-scratch-foil-btn,.wx-scratch-face{min-height:var(--wx-touch-target,44px)}}@media (prefers-reduced-motion:reduce){.wx-scratch-foil,.wx-scratch-foil-btn{transition:opacity var(--dur-fast) var(--ease-out)}}html[data-lite] .wx-scratch{perspective:none}html[data-lite] .wx-scratch-corner{box-shadow:none}