*{box-sizing:border-box;margin:0;padding:0}:root{color:#333;--primary:#6c63ff;--primary-dark:#5a52d5;--green:#22c55e;--red:#ef4444;background-color:#f8f6f3;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}body{display:flex;overflow-x:hidden;animation:gradient-shift 8s ease infinite;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e) 0 0/300% 300%;justify-content:center;align-items: center;min-height:100dvh;margin:0}#root{position:relative;width:100%;max-width:800px;min-height:100dvh}.start-screen{display:flex;justify-content:center;align-items: center;min-height:100dvh;padding:2rem}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.start-content{text-align:center}.start-icon{display:flex;justify-content:center;align-items: center;gap:.8rem;margin-bottom:1.5rem}.start-icon .icon-camera,.start-icon .icon-ai{font-size:2.5rem}.start-icon .icon-vs{color:#fff6;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:700}.start-title{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:3rem;font-weight:800}.start-tagline{color:#fff9;margin-bottom:.75rem;font-size:1.1rem}.start-instruction{color:#fff6;margin-bottom:2.5rem;font-size:.9rem}.start-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 3rem;transition:transform .2s,box-shadow .2s;font-size:1.2rem;font-weight:600;box-shadow:0 4px 20px #6c63ff66}.start-button:active{transform:scale(.96)}.start-footer{position:absolute;text-align:center;color:#ffffff40;font-size:.75rem;bottom:1.5rem;left:0;right:0}.question-screen{display:flex;flex-direction:column;min-height:100dvh;padding:1.5rem 1rem}.question-header{text-align:center;margin-bottom:1rem}.question-counter{color:#999;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.question-text{color:#fff;font-size:1.2rem;font-weight:700}.photos-container{display:flex;flex-direction:column;flex:1;justify-content:center;gap:1rem}.photo-card{position:relative;overflow:none;overflow:hidden;cursor:pointer;border:none;border-radius:8px;width:100%;padding:0;transition:transform .15s,border-color .15s}.photo-card:active{transform:scale(.97)}.photo-card img{display:block;aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.ai-badge{position:absolute;display:flex;animation:badge-pop .3s ease-out;justify-content:center;align-items: center;width:2.2rem;height:2.2rem;font-size:1.6rem;top:.5rem;right:.5rem}@keyframes badge-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.feedback-overlay{position:fixed;display:flex;z-index:100;animation:feedback-in .3s ease-out;flex-direction:column;justify-content:center;align-items: center;inset:0}.feedback-overlay.correct{border:6px solid var(--green)}.feedback-overlay.wrong{border:6px solid var(--red)}.feedback-backdrop{position:absolute;display:flex;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;justify-content:center;align-items: center;inset:0}.feedback-content{display:flex;flex-direction:column;align-items: center;gap:.5rem}.feedback-icon{font-size:4rem;font-weight:700;line-height:1}.correct .feedback-icon{color:var(--green)}.wrong .feedback-icon{color:var(--red)}.feedback-text{font-size:2rem;font-weight:800}.correct .feedback-text{color:var(--green)}.wrong .feedback-text{color:var(--red)}.next-button{position:absolute;color:#333;cursor:pointer;opacity:0;pointer-events:none;z-index:1;background:#fff;border:2px solid #ddd;border-radius:50px;padding:.8rem 3rem;transition:transform .15s,opacity .3s;font-size:1.1rem;font-weight:600;bottom:3rem}.next-button.visible{opacity:1;pointer-events:auto}.next-button:active{transform:scale(.96)}@keyframes feedback-in{0%{opacity:0}to{opacity:1}}.glitch-sequence{position:fixed;z-index:200;display:flex;overflow:hidden;background:#0a0a0a;justify-content:center;align-items: center;inset:0}.scanlines{position:absolute;pointer-events:none;z-index:10;animation:scanline-scroll 4s linear infinite;background:repeating-linear-gradient(0deg,#00000026 0 2px,#0000 2px 6px) 0 0/100% 8px;inset:0}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 8px}}.glitch-canvas-wrapper{display:flex;overflow:hidden;border-radius:12px;justify-content:center;align-items: center}.glitch-canvas-wrapper canvas{border-radius:12px}.glitch-messages{text-align:center;padding:2rem}.glitch-msg{color:#00ff41;opacity:0;text-shadow:0 0 10px #00ff4180;margin-bottom:1rem;transition:opacity .8s,transform .8s;font-family:Courier New,monospace;font-size:1.1rem;transform:translateY(10px)}.glitch-msg.visible{opacity:1;transform:translateY(0)}.flash-white{position:absolute;animation:flash-anim .3s ease-out;background:#fff;inset:0}@keyframes flash-anim{0%{opacity:1}to{opacity:0}}.final-reveal{display:flex;opacity:0;flex-direction:column;align-items: center;gap:2rem;padding:2rem;transition:opacity 1s}.final-reveal.visible{opacity:1}.final-photo{overflow:hidden;border:1px solid #333;border-radius:12px;width:280px;box-shadow:0 0 30px #00ff4126}.final-photo img{display:block;width:100%}.final-messages{text-align:center;opacity:0;transition:opacity 1s}.final-messages.visible{opacity:1}.final-msg{color:#00ff41;text-shadow:0 0 10px #00ff4180;margin-bottom:.8rem;font-family:Courier New,monospace;font-size:1rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.end-screen{position:fixed;display:flex;z-index:200;background:#0a0a0a;justify-content:center;align-items: center;inset:0}.end-content{display:flex;flex-direction:column;align-items: center;gap:2rem;padding:2rem}.end-photo{overflow:hidden;border:1px solid #333;border-radius:12px;width:280px;box-shadow:0 0 30px #00ff4126}.end-photo img{display:block;width:100%}.end-messages{text-align:center}.end-msg{color:#00ff41;text-shadow:0 0 10px #00ff4180;margin-bottom:.8rem;font-family:Courier New,monospace;font-size:1rem}