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}.leaderboard{background-color:#003049;border-radius:12px;color:#fff;margin:20px 0;max-width:450px;padding:20px;width:100%}.leaderboard h3{color:#fcbf49;font-size:22px;margin:0 0 15px;text-align:center}.leaderboard-header{background-color:#fcbf4933;border-radius:6px;display:grid;font-size:13px;font-weight:700;grid-template-columns:55px 1fr 65px 55px;letter-spacing:.5px;margin-bottom:8px;padding:10px 12px;text-transform:uppercase}.leaderboard-entries{max-height:300px;overflow-y:auto}.leaderboard-entry{border-bottom:1px solid #ffffff1a;display:grid;font-size:14px;grid-template-columns:55px 1fr 65px 55px;padding:10px 12px;transition:background-color .2s ease}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry:hover{background-color:#ffffff0d}.leaderboard-entry.highlighted{animation:highlight-pulse 2s ease-in-out;background-color:#fcbf4940}@keyframes highlight-pulse{0%,to{background-color:#fcbf4940}50%{background-color:#fcbf4966}}.leaderboard-entry.rank-1 .rank-col{color:gold;font-weight:700}.leaderboard-entry.rank-2 .rank-col{color:silver;font-weight:700}.leaderboard-entry.rank-3 .rank-col{color:#cd7f32;font-weight:700}.rank-col{text-align:center}.name-col{overflow:hidden;padding-right:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.accuracy-col,.score-col{text-align:center}.leaderboard .leaderboard-empty{color:#fff9;font-style:italic;padding:30px 20px;text-align:center}.leaderboard-loading{color:#ffffffb3;padding:30px 20px;text-align:center}.high-score-form{background-color:#4caf5026;border:2px solid #4caf50;border-radius:12px;margin:20px 0;padding:25px;text-align:center}.high-score-form h3{color:#4caf50;font-size:26px;margin:0 0 8px}.high-score-stats{color:#333;font-size:18px;margin:0 0 20px}.name-input{border:2px solid #003049;border-radius:6px;box-sizing:border-box;font-size:18px;margin-bottom:15px;max-width:280px;padding:12px 16px;text-align:center;width:100%}.name-input:focus{border-color:#fcbf49;outline:none}.name-input:disabled{background-color:#f0f0f0;cursor:not-allowed}.form-buttons{display:flex;gap:12px;justify-content:center}.submit-score-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:background-color .2s ease}.submit-score-button:hover:not(:disabled){background-color:#45a049}.submit-score-button:disabled{background-color:#ccc;cursor:not-allowed}.skip-button{background-color:#666;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:background-color .2s ease}.skip-button:hover:not(:disabled){background-color:#555}.skip-button:disabled{background-color:#999;cursor:not-allowed}@media (max-width:768px){.leaderboard{max-width:100%;padding:15px}.leaderboard-entry,.leaderboard-header{font-size:13px;grid-template-columns:45px 1fr 55px 50px;padding:8px 10px}.leaderboard h3{font-size:20px}}@media (max-width:480px){.leaderboard-entry,.leaderboard-header{font-size:12px;grid-template-columns:40px 1fr 50px 45px;padding:8px}.high-score-form{padding:20px 15px}.name-input{font-size:16px;max-width:100%}.form-buttons{flex-direction:column;gap:10px}.skip-button,.submit-score-button{padding:14px;width:100%}}*{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;transition:background-color .6s ease}.App-header{border-radius:8px;padding:20px}.App-header,.stats{background-color:#003049;color:#fff;margin-bottom:30px}.stats{border:3px solid #003049;border-radius:50px;box-shadow:0 12px 24px #0000004d;display:inline-block;padding:12px 24px}.round-counter,.stats{align-self:center;width:-webkit-fit-content;width:fit-content}.round-counter{align-items:center;background-color:#003049;border:2px solid #0000;border-radius:50px;box-shadow:0 4px 12px #0003;color:#fff;display:inline-flex;gap:12px;margin-bottom:30px;padding:10px 20px;transition:box-shadow .4s ease,background-color .4s ease}.round-counter h2{font-size:16px;font-weight:700;margin:0}[data-streak-tier="1"] .round-counter{animation:warmFadeIn .6s ease-in forwards;border:2px solid #fcbf4999;box-shadow:0 0 18px #fcbf49b3,0 0 36px #fcbf4959}@keyframes warmFadeIn{0%{border-color:#0000;box-shadow:0 4px 12px #0003}to{border-color:#fcbf4999;box-shadow:0 0 18px #fcbf49b3,0 0 36px #fcbf4959}}[data-streak-tier="2"] .round-counter{animation:hotPulse 1.4s ease-in-out infinite;border:2px solid #f77f00b3;box-shadow:0 0 22px #f77f00b3,0 0 44px #f77f0066,0 0 60px #fcbf4933}@keyframes hotPulse{0%,to{box-shadow:0 0 22px #f77f00b3,0 0 44px #f77f0066,0 0 60px #fcbf4933}50%{box-shadow:0 0 34px #f77f00e6,0 0 60px #f77f0099,0 0 80px #fcbf494d}}[data-streak-tier="3"] .round-counter{animation:firePulse .9s ease-in-out infinite;border:2px solid #d62828b3;box-shadow:0 0 24px #d62828cc,0 0 48px #f77f0080,0 0 72px #fcbf494d}@keyframes firePulse{0%,to{box-shadow:0 0 24px #d62828cc,0 0 48px #f77f0080,0 0 72px #fcbf494d}50%{box-shadow:0 0 36px #d62828,0 0 64px #f77f00b3,0 0 90px #fcbf4973}}[data-streak-tier="4"] .round-counter{animation:infernoPulse .6s ease-in-out infinite;border:2px solid #d62828e6;box-shadow:0 0 30px #d62828e6,0 0 60px #f77f0099,0 0 90px #fcbf4966}[data-streak-tier="4"].App{background-color:#f0c67a}@keyframes infernoPulse{0%,to{box-shadow:0 0 30px #d62828e6,0 0 60px #f77f0099,0 0 90px #fcbf4966;transform:scale(1)}50%{box-shadow:0 0 44px #d62828,0 0 80px #f77f00cc,0 0 110px #fcbf498c;transform:scale(1.03)}}.play-buttons{display:flex;gap:16px;justify-content:center}.timed-button{background-color:#d62828}.timed-button:not(:disabled):hover{background-color:#a81e1e}.timer-bar-container{align-self:center;background-color:#ddd;border-radius:14px;height:28px;margin-bottom:20px;overflow:hidden;position:relative;width:300px}.timer-bar{border-radius:14px;height:100%;transition:width 1s linear,background-color .5s ease}.timer-bar-stopped{transition:none}.timer-text{color:#003049;font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.game-over{flex:1 1;flex-direction:column;justify-content:center}.game-over,.game-over-card{align-items:center;display:flex;padding:40px;text-align:center}.game-over-card{background-color:#fcbf49;border:4px solid #fcbf49;border-radius:12px;box-shadow:0 8px 16px #0000001a;flex-direction:column;max-width:700px;width:90%}.game-over-card h2{color:#003049;font-size:48px;margin-bottom:25px;margin-top:0}.game-over-card p{color:#003049;font-size:24px;line-height:1.6;margin:15px 0}.play-again-button{background-color:#003049;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:30px;padding:16px 40px;transition:background-color .2s ease,transform .1s ease}.play-again-button:hover{background-color:#1a5490;transform:scale(1.05)}.play-again-button:active{transform:scale(.98)}.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;position:relative;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{transform:scale(1.06)}.real-image,.timed-out{border:4px solid #d62828!important}.timed-out{background-color:#fde8e8}.image-pair{gap:30px}.image-pair,.zoom-button{align-items:center;display:flex;justify-content:center}.zoom-button{background:#0000008c;border:none;border-radius:8px;bottom:25px;color:#fff;cursor:pointer;font-size:18px;height:36px;opacity:0;position:absolute;right:25px;transition:opacity .2s ease,background .2s ease;width:36px;z-index:2}.left-card:hover .zoom-button,.right-card:hover .zoom-button{opacity:1}.zoom-button:hover{background:#000c}.zoom-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.zoom-overlay-image{animation:zoomIn .2s ease;border-radius:12px;box-shadow:0 8px 32px #0006;cursor:default;max-height:90vh;max-width:90vw}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.button-container{display:flex;gap:20px;height:60px;justify-content:center;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){.timer-bar-container{width:250px}.game-over{padding:20px 10px}.game-over-card{padding:25px 20px;width:95%}.game-over-card h2{font-size:36px;margin-bottom:15px}.game-over-card p{font-size:18px;margin:10px 0}.play-again-button{font-size:16px;margin-top:20px;padding:14px 30px}.content{flex:1 1;gap:30px;justify-content:flex-start;padding:10px}.zoom-button{bottom:20px;opacity:1;right:20px}.image-pair{flex-direction:column;gap:15px;max-height:60vh;width:100%}.left-card img,.right-card img{aspect-ratio:8/5;border-radius:6px;height:auto;max-height:50vh;width:100%}.button-container{height:60px;margin-top:10px;position:relative;width:100%}.button-container button{height:100%;left:0;position:absolute;top:0;width:100%}}@media (max-width:480px){.timer-bar-container{width:200px}.play-buttons{flex-direction:column;gap:12px}.game-over{padding:15px 8px}.game-over-card{border-radius:8px;padding:20px 15px;width:100%}.game-over-card h2{font-size:28px;margin-bottom:12px}.game-over-card p{font-size:16px;line-height:1.4;margin:8px 0}.play-again-button{font-size:15px;margin-top:15px;padding:12px 24px;width:100%}.content{flex:1 1;gap:20px;justify-content:flex-start;padding:8px}.image-pair{flex-direction:column;gap:12px;max-height:55vh;width:100%}.left-card img,.right-card img{border-radius:6px;height:auto;max-height:45vh;max-width:100%;width:100%}.button-container{height:50px;margin-top:8px;position:relative;width:100%}.button-container button{height:100%;left:0;position:absolute;top:0;width:100%}}
/*# sourceMappingURL=main.61d097ee.css.map*/