.selfie-discovery__stage{aspect-ratio:4 / 3}.selfie-discovery__stage>video,.selfie-discovery__stage>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.duplicate-journey__stage{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden}.duplicate-journey__tile{position:absolute;width:calc((100% - 24px) / 3);aspect-ratio:1;left:calc(var(--column) * (100% + 12px) / 3);top:calc(var(--row) * (50% + 2px));border-radius:10px;border:2px solid var(--hairline);overflow:hidden;opacity:1;transition:left var(--motion-reveal) var(--ease-out),top var(--motion-reveal) var(--ease-out),opacity var(--motion-reveal) var(--ease-out),transform var(--motion-reveal) var(--ease-out),border-color var(--motion-slow) var(--ease-out)}.duplicate-journey__tile img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.duplicate-journey__pair{position:absolute;top:6px;left:6px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--surface-0);color:var(--accent);font-size:10px;font-weight:600;opacity:0;transition:opacity var(--motion-medium) var(--ease-out)}.duplicate-journey__badge{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;background:var(--surface-0);color:var(--foreground);font-size:10px;font-weight:600;opacity:0;transition:opacity var(--motion-medium) var(--ease-out)}.duplicate-journey__scan{position:absolute;inset:0;border-top:2px solid var(--accent);pointer-events:none;opacity:0}.duplicate-journey[data-phase="0"] .duplicate-journey__scan{opacity:1;animation:duplicate-scan 2.7s linear both}.duplicate-journey[data-phase="0"] .duplicate-journey__tile{animation:duplicate-compare .9s var(--ease-in-out) both;animation-delay:calc(var(--frame) * .32s)}.duplicate-journey[data-phase="1"] .duplicate-journey__tile{border-color:var(--accent)}.duplicate-journey[data-phase="1"] .duplicate-journey__pair,.duplicate-journey[data-phase="1"] .duplicate-journey__badge{opacity:1}.duplicate-journey[data-phase="2"] .duplicate-journey__tile--repeat,.duplicate-journey[data-phase="3"] .duplicate-journey__tile--repeat{opacity:0;transform:translateY(20px) scale(.8);pointer-events:none}.duplicate-journey[data-phase="2"] .duplicate-journey__tile--original .duplicate-journey__badge,.duplicate-journey[data-phase="3"] .duplicate-journey__tile--original .duplicate-journey__badge{opacity:1}.duplicate-journey[data-phase="3"] .duplicate-journey__tile--original{left:calc(var(--pair) * (100% + 12px) / 3);top:17%;border-color:var(--accent)}.duplicate-journey__complete{position:absolute;bottom:10%;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--accent);font-size:12px;font-weight:500;opacity:0;transform:translateY(5px);transition:opacity var(--motion-slow) var(--ease-out),transform var(--motion-slow) var(--ease-out)}.duplicate-journey[data-phase="3"] .duplicate-journey__complete{opacity:1;transform:translateY(0)}.duplicate-journey__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:10px;font-weight:500}.duplicate-journey__steps span{display:flex;flex-direction:column;gap:7px}.duplicate-journey__steps i{display:block;height:2px;transition:background var(--motion-medium) var(--ease-out)}.duplicate-journey[data-running=false] *{animation-play-state:paused}@keyframes duplicate-scan{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes duplicate-compare{40%,65%{border-color:var(--accent);transform:scale(.97)}}@media(max-width:400px){.duplicate-journey__stage{aspect-ratio:3 / 2.15}.duplicate-journey__tile{width:calc((100% - 16px) / 3);left:calc(var(--column) * (100% + 8px) / 3)}.duplicate-journey[data-phase="3"] .duplicate-journey__tile--original{left:calc(var(--pair) * (100% + 8px) / 3)}.duplicate-journey__badge{left:3px;bottom:3px;font-size:8px;gap:2px;padding:3px}.duplicate-journey__badge svg{width:9px}}@media(prefers-reduced-motion:reduce){.duplicate-journey *{animation:none!important;transition:none!important}.duplicate-journey__scan{display:none}}
