/* Scratch card simulator */
.scr-row { display: grid; grid-template-columns: 2fr 1fr; gap: 0 16px; }
.scr-edit { margin: 8px 0 14px; }
.scr-edit summary { cursor: pointer; font-weight: 600; margin-bottom: 8px; }
.scr-t input { width: 100%; min-width: 80px; font: inherit; padding: 6px 8px; border-radius: 8px; border: 1px solid var(--c-line, #333); background: var(--c-bg2, rgba(255,255,255,.04)); color: inherit; }
.scr-facts, .scr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 6px 0 12px; }
.scr-facts div, .scr-stats div { padding: 10px 12px; border-radius: 10px; background: var(--c-bg2, rgba(255,255,255,.04)); border: 1px solid var(--c-line, #333); }
.scr-facts span, .scr-stats span { display: block; font-size: 12.5px; opacity: .75; }
.scr-facts b, .scr-stats b { font-size: 19px; font-variant-numeric: tabular-nums; }
.scr-stats .is-up b { color: var(--c-accent, #a3e635); }
.scr-stats .is-down b { color: var(--warn, #fb923c); }
.scr-warn { color: var(--warn, #fb923c); }
.scr-card { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 360px; margin: 10px 0; padding: 12px; border-radius: 14px; background: linear-gradient(135deg, #facc15, #f97316); }
.scr-cell { position: relative; aspect-ratio: 1.6; border: 0; border-radius: 8px; cursor: pointer; background: #fff; color: #111; font: 700 16px/1 var(--font, Arial, sans-serif); overflow: hidden; }
.scr-cell span { visibility: hidden; }
.scr-cell::after { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(45deg, #9ca3af, #9ca3af 6px, #a8b0bb 6px, #a8b0bb 12px); transition: opacity .25s; }
.scr-cell.is-open span { visibility: visible; }
.scr-cell.is-open::after { opacity: 0; pointer-events: none; }
.scr-cell.is-win { background: #bbf7d0; }
.scr-msg { font-weight: 700; min-height: 1.4em; }
.scr-bulk { align-items: center; flex-wrap: wrap; gap: 8px; }
.scr-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
@media (max-width: 560px) { .scr-row { grid-template-columns: 1fr; } }