:root{--scratch-width: 360px;--scratch-height: 360px}@media(max-width:768px){:root{--scratch-width: 300px;--scratch-height: 300px}}.scratchcard{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));place-items:center}.scratchcard>img,.scratchcard>canvas{width:var(--scratch-width);height:var(--scratch-height);-o-object-fit:contain;object-fit:contain}.scratchcard>img{grid-column:1 / -1;grid-row:1 / -1;height:100%;width:100%;width:var(--scratch-width);height:var(--scratch-height);overflow:hidden;-o-object-fit:contain;object-fit:contain;pointer-events:none;touch-action:none}.scratchcard>canvas{grid-column:1 / -1;grid-row:1 / -1;height:100%;width:100%;width:var(--scratch-width);height:var(--scratch-height);overflow:hidden}.scratch-percentage{display:none}