body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background-color:#eae2b7;font-family:Arial,Helvetica,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh;padding:20px;text-align:center}.App-header{border-radius:8px;padding:20px}.App-header,.stats{background-color:#003049;color:#fff;margin-bottom:30px}.stats{align-self:center;border:3px solid #003049;border-radius:50px;box-shadow:0 12px 24px #0000004d;display:inline-block;padding:12px 24px;width:-webkit-fit-content;width:fit-content}.directions{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding-top:120px}.directions-content{background-color:#fcbf49;border:4px solid #fcbf49;border-radius:12px;box-shadow:0 8px 16px #0000001a;max-width:600px;padding:40px;text-align:center}.directions-content h2{color:#003049;font-size:24px;margin-bottom:25px;margin-top:0}.directions-content p{color:#003049;font-size:20px;line-height:1.6;margin-bottom:30px}.play-button{background-color:#003049;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:14px 36px;transition:background-color .2s ease,transform .1s ease}.play-button:hover{background-color:#1a5490;transform:scale(1.05)}.play-button:active{transform:scale(.98)}.play-button:disabled{background-color:#fcbf49;cursor:not-allowed;opacity:0;visibility:hidden}.spinner{animation:spin .8s linear infinite;border:4px solid #fcbf494d;border-radius:50%;border-top-color:#1a5490;height:40px;margin:20px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:180px;justify-content:center;padding:20px}.left-card,.right-card{background-color:#fff;border:4px solid #0000;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;padding:15px;transition:transform .2s ease,border .2s ease}.left-card img,.right-card img{border-radius:8px;display:block;height:500px;object-fit:cover;width:800px}.left-card:hover:not(.ai-image):not(.real-image),.right-card:hover:not(.ai-image):not(.real-image){transform:scale(1.03)}.selected{border:4px solid #fcbf49}.ai-image{border:4px solid #4caf50!important;transform:scale(1.06)}.real-image{border:4px solid #d62828!important}.image-pair{align-items:center;gap:30px}.button-container,.image-pair{display:flex;justify-content:center}.button-container{gap:20px;height:60px;margin-top:-60px;position:relative;width:100%}.button-container button{position:absolute}button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;opacity:1;padding:16px 40px;scale:1;transition:opacity .3s ease;transition:scale .2s ease}.submit-button{background-color:#f77f00}.next-button{background-color:#003049}button:disabled{background-color:#fcbf49;cursor:not-allowed;opacity:0;scale:.1;visibility:hidden}button:not(:disabled):hover{transform:scale(1.05)}.submit-button:not(:disabled):hover{background-color:#d65a00}.next-button:not(:disabled):hover{background-color:#1a5490}button:not(:disabled):active{transform:scale(.98)}@media (max-width:768px){.App{padding:10px}.App-header{margin-bottom:20px;padding:15px}.App-header h1{font-size:24px;margin:0}.stats{font-size:14px;margin-bottom:20px;padding:10px 16px}.stats h2{font-size:14px;margin:0}.directions{padding-top:40px}.directions-content{margin:0 15px;max-width:100%;padding:25px}.directions-content h2{font-size:20px;margin-bottom:15px}.directions-content p{font-size:16px;margin-bottom:20px}.play-button{font-size:16px;padding:12px 28px}.content{gap:60px;padding:10px}.image-pair{flex-direction:column;gap:20px}.left-card img,.right-card img{aspect-ratio:8/5;height:auto;max-width:500px;width:100%}.button-container{flex-direction:column;gap:10px;height:auto;margin-top:20px;position:static}.button-container button{position:static;width:100%}button{font-size:16px;padding:12px 24px}.ai-image{transform:scale(1.02)!important}}@media (max-width:480px){.App{min-height:100vh;padding:8px}.App-header{border-radius:6px;margin-bottom:12px;padding:12px}.App-header h1{font-size:20px;margin:0}.stats{border-radius:20px;margin-bottom:12px;padding:8px 12px}.stats h2{font-size:12px;margin:0}.directions{justify-content:center;padding-top:20px}.directions-content{border-radius:8px;margin:0 10px;max-width:100%;padding:20px}.directions-content h2{font-size:18px;margin-bottom:12px}.directions-content p{font-size:14px;margin-bottom:16px}.play-button{border-radius:4px;font-size:14px;padding:10px 20px}.content{gap:30px;justify-content:flex-start;padding:8px}.image-pair{flex-direction:column;gap:12px;width:100%}.left-card,.right-card{border-radius:8px;padding:10px}.left-card img,.right-card img{aspect-ratio:8/5;border-radius:6px;height:auto;max-width:100%;width:100%}.button-container{flex-direction:column;gap:8px;height:auto;margin-top:12px}.button-container,.button-container button{position:static;width:100%}button{border-radius:4px;font-size:14px;padding:10px 16px}.submit-button{background-color:#f77f00}.next-button{background-color:#003049}.selected{border:3px solid #fcbf49}.ai-image{border:3px solid #4caf50!important;transform:scale(1.01)!important}.real-image{border:3px solid #d62828!important}.left-card:hover:not(.ai-image):not(.real-image),.right-card:hover:not(.ai-image):not(.real-image){transform:scale(1.01)}.spinner{border:3px solid #fcbf494d;border-top-color:#1a5490;height:32px;width:32px}}
/*# sourceMappingURL=main.8fd177a0.css.map*/