.scratch-pending{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;border:1px solid var(--border-subtle);padding:14px;border-radius:14px;background:var(--layout-surface)}.scratch-pending h3{flex-basis:100%;margin:0;font-size:16px}.scratch-pending .pill-btn{max-width:100%;white-space:normal}.scratch-active{max-width:820px;margin:20px auto;padding:22px;border:1px solid var(--border-subtle);border-radius:20px;background:var(--layout-surface)}.scratch-active-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.scratch-active-header h3{font-size:22px;margin:0}.scratch-active-header button{width:auto;margin:0;font-size:12px}.scratch-active .scratch-ticket{width:100%;max-width:600px;aspect-ratio:12/5;height:auto;margin:auto;border-radius:16px;overflow:hidden;position:relative;background:radial-gradient(ellipse at center,#59387a,#181021)}.scratch-active canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;position:absolute;inset:0;outline-offset:-4px}.scratch-active .scratch-prize{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:clamp(20px,4vw,36px);color:#ffe1aa;text-align:center;padding:12px}.scratch-prize small{font-size:14px;color:#d1bddf}.scratch-note{font-size:13px;color:var(--text-dim);margin:12px 0}.scratch-active .scratch-progress{width:100%;height:9px;margin-top:18px;accent-color:var(--accent)}.scratch-jackpot .scratch-prize{background:radial-gradient(ellipse at center,#a46d2633,transparent);color:#ffe28d;animation:scratchWin .7s ease-out}@keyframes scratchWin{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.scratch-active{padding:14px}.scratch-active-header h3{font-size:19px}.scratch-active-header button{min-height:40px}.scratch-prize small{font-size:12px}}