.scratch-opener{font-family:system-ui,sans-serif;margin:1rem auto;padding:clamp(1rem,4vw,2rem);max-width:60rem;color:#302a25;background:#faf7f0;border:1px solid #b9afa0;border-radius:1rem;overflow-wrap:anywhere;box-sizing:border-box}.scratch-opener button{font:inherit;cursor:pointer;padding:.8rem 1rem;border-radius:.6rem;border:1px solid #5d4e3b;color:#302a25;background:#fff}.scratch-opener button:focus-visible{outline:3px solid #5b458d;outline-offset:3px}.scratch-opener{max-width:32rem;text-align:center}.scratch-surface{position:relative;aspect-ratio:400 / 180;max-width:400px;margin:1.5rem auto;display:grid;place-items:center;border-radius:1rem;overflow:hidden;background:#fff;font-size:1.5rem}.scratch-surface canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}@media(prefers-reduced-motion:reduce){.scratch-surface,.scratch-help{display:none}}