/* Скретч-карта (/scratch): общее с колесом удачи — в p-w.css (правая колонка, джекпот, лента, окно регистрации) */
body[data-page="scratch"] .xp-head { padding-top: clamp(92px, 8vw, 112px); }
body[data-page="scratch"] .xp-head h1 { font-size: clamp(34px, 4vw, 52px); }
.v3 .scr-card { position: relative; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; width: min(100%, 520px, calc((100dvh / var(--z, 1) - 420px) / 1.022)); min-width: 260px; margin-top: 18px; filter: drop-shadow(0 24px 50px rgb(0 0 0 / .7)); }
.v3 .scr-frame { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; }
/* тёмная середина рамки (замер по art/scratch-frame.png): поле 3×3 и защитный слой лежат точно на ней */
.v3 .scr-field { position: absolute; left: 12.45%; right: 12.55%; top: 13.92%; bottom: 12.77%; border-radius: 6px; overflow: hidden; }
.v3 .scr-grid { position: absolute; inset: 4%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 4%; }
.v3 .scr-cell { position: relative; display: grid; place-items: center; align-content: center; gap: 2px; border-radius: 10px;
  background: radial-gradient(circle at 50% 40%, rgb(255 210 140 / .08), rgb(0 0 0 / .35) 70%); box-shadow: inset 0 0 0 1px rgb(246 212 138 / .22), inset 0 6px 14px rgb(0 0 0 / .55); }
.v3 .scr-cell img { width: 62%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 4px 6px rgb(0 0 0 / .6)); }
.v3 .scr-cell span { max-width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f3e3c0; font-size: clamp(10px, 2.4vw, 13px); font-weight: 700; text-shadow: 0 1px 2px #000; }
.v3 .scr-cell.is-win { box-shadow: inset 0 0 0 2px #f6d48a, 0 0 22px rgb(242 193 78 / .75), inset 0 0 26px rgb(242 193 78 / .35); animation: scr-win 1.4s ease-in-out infinite; }
@keyframes scr-win { 50% { box-shadow: inset 0 0 0 2px #fff1b0, 0 0 34px rgb(242 193 78 / 1), inset 0 0 34px rgb(242 193 78 / .5); } }
.v3 .scr-foil { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; cursor: grab; border-radius: 6px; transition: opacity .45s ease; }
.v3 .scr-foil:active { cursor: grabbing; }
.v3 .scr-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.v3 .scr-odds li span { display: inline-flex; align-items: center; gap: 8px; }
.v3 .scr-odds li img { width: 28px; height: 28px; object-fit: contain; flex: none; }
.v3 .scr-jack .wh-jack-art { object-position: 50% 40%; }
.v3 .scr-jack .wh-jack-name { font-size: clamp(26px, 3vw, 34px); }
@media (prefers-reduced-motion: reduce) { .v3 .scr-cell.is-win { animation: none; } .v3 .scr-foil { transition: none; } }

/* 19.10: на компьютере карта подстраивается под высоту окна, чтобы кнопка и подпись под ней были видны без прокрутки */
@media (max-width: 960px) { .v3 .scr-card { width: min(100%, 460px); } }