/* TINTE V2.8.48 — Spot the difference */
.spot-diff-v2848{max-width:1180px;margin:0 auto}.spot-toolbar-v2848{display:grid;grid-template-columns:auto minmax(140px,1fr) auto auto;align-items:center;gap:14px;margin:0 0 14px;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.spot-toolbar-v2848 strong{font-size:.86rem}.spot-progress-v2848{height:8px;border-radius:999px;background:var(--soft);overflow:hidden}.spot-progress-v2848 i{display:block;width:0;height:100%;background:var(--accent);border-radius:inherit;transition:width .2s ease}.spot-stat-v2848{font-size:.78rem;color:var(--muted);white-space:nowrap}.spot-stat-v2848 b{color:var(--ink);font-size:.95rem}.spot-instruction-v2848{margin:0 0 15px;text-align:center;color:var(--muted);font-size:.88rem}.spot-pair-v2848{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spot-panel-v2848{margin:0}.spot-panel-v2848 figcaption{margin:0 0 7px;font-size:10px;font-weight:950;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.spot-board-v2848{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);cursor:crosshair;box-shadow:0 12px 35px rgba(0,0,0,.055);touch-action:manipulation}.spot-board-v2848 img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;user-select:none;-webkit-user-drag:none;pointer-events:none}.spot-marker-v2848,.spot-wrong-v2848{position:absolute;transform:translate(-50%,-50%);width:clamp(28px,4.2vw,48px);aspect-ratio:1;border-radius:50%;pointer-events:none}.spot-marker-v2848{border:4px solid #20a05a;background:rgba(32,160,90,.12);box-shadow:0 0 0 3px rgba(255,255,255,.82),0 3px 14px rgba(0,0,0,.15);animation:spotPop .2s ease}.spot-marker-v2848::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#08773d;font-weight:950;font-size:1rem}.spot-wrong-v2848{border:3px solid #e33832;background:rgba(227,56,50,.09);animation:spotWrong .65s ease forwards}.spot-result-v2848{max-width:720px;margin:24px auto 0;padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--paper);text-align:center;box-shadow:0 18px 55px rgba(0,0,0,.07)}.spot-result-v2848 strong{display:block;font-size:clamp(3rem,8vw,5.5rem);letter-spacing:-.06em}.spot-result-v2848 h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:.3em 0}.spot-result-v2848 p{color:var(--muted)}.spot-result-actions-v2848{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.spot-result-actions-v2848 button{border:0;border-radius:11px;padding:11px 15px;background:var(--ink);color:var(--paper);font:inherit;font-weight:900;cursor:pointer}.spot-result-actions-v2848 button+button{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
@keyframes spotPop{from{transform:translate(-50%,-50%) scale(.35);opacity:.2}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes spotWrong{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}
@media(max-width:720px){.spot-toolbar-v2848{grid-template-columns:1fr auto auto}.spot-toolbar-v2848 .spot-progress-v2848{grid-column:1/-1;grid-row:2}.spot-pair-v2848{grid-template-columns:1fr;gap:18px}.spot-board-v2848{border-radius:14px}.spot-instruction-v2848{text-align:left}.spot-result-v2848{padding:24px}}