.images-container{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.images-container{grid-template-columns:1fr}}.image-wrapper{cursor:crosshair;ring:1px solid var(--color-border,#333);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:.75rem;position:relative;overflow:hidden}.image-label{z-index:10;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#00000080;border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.placeholder-image{aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;position:relative}.image-a-bg,.image-b-bg{background:linear-gradient(135deg,#1a365d 0%,#2d3748 50%,#1a202c 100%)}.image-content{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:.5rem;padding:2rem 1.5rem;display:grid;position:absolute;inset:0}.deco{filter:drop-shadow(0 2px 4px #0000004d);justify-content:center;align-items:center;font-size:2.5rem;line-height:1;display:flex}@media (width<=640px){.deco{font-size:2rem}}.found-marker{pointer-events:none;z-index:20;background:#22c55e26;border:3px solid #22c55e;border-radius:50%;animation:.4s ease-out marker-pop;position:absolute}.wrong-marker{pointer-events:none;z-index:20;background:#ef444433;border:2px solid #ef4444;border-radius:50%;width:24px;height:24px;animation:.6s ease-out forwards wrong-flash;position:absolute}@keyframes marker-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes wrong-flash{0%{opacity:1;transform:scale(0)}50%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}