/* Przykładowe okienko do zdrapania (adwent-demo.js): strona główna i /adwent/. */
.scratch-box { justify-self: center; width: min(340px, 100%); margin: 0 auto; }
.scratch { position: relative; aspect-ratio: 1 / 1; border-radius: 24px; overflow: hidden; background: #fff; color: #14143a; box-shadow: 0 20px 50px rgba(10,10,69,.18); user-select: none; touch-action: none; text-align: center; }
.scratch .under { position: absolute; inset: 0; padding: 32px 28px; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(160deg, #fffaf0, #F9F5E6); }
.scratch .under .day { font-family: "Lexend", system-ui, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .14em; color: #8a6d12; }
.scratch .under q { margin-top: 12px; font-family: "Newsreader", Georgia, serif; font-style: italic; font-size: 22px; line-height: 1.3; quotes: "„" "”"; }
.scratch .under .ref { margin-top: 8px; font-size: 13px; color: #666; }
.scratch .under .deed { margin-top: 18px; font-size: 13.5px; line-height: 1.45; background: #fff; border-radius: 12px; padding: 10px 12px; border: 1px dashed #D4AF37; }
.scratch canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: grab; }
.scratch-box .scratch-hint { margin: 12px 0 0; text-align: center; font-size: 13px; color: var(--muted, #6b6f8f); }