:root{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#242424}#root{width:100%;margin:0 auto;text-align:center}.App{width:100%}*{box-sizing:border-box}.App{margin:0;padding:0;font-family:Courier New,Courier,monospace}.game-container{position:relative;display:inline-block;background-color:#fff}.game-image{max-width:100%;cursor:crosshair;vertical-align:middle}h1{margin:0;padding:20px 0;background-color:#f9ffd2;color:#7a8e06}h2,h3{margin:0}.target-box,.found-box{position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;pointer-events:none;z-index:100}.target-box{border:4px solid #ff1e1e;background-color:#ff000026;box-shadow:0 0 15px #f00c,inset 0 0 10px #ff000080;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.found-box{border:4px solid #35ab0b;background-color:#2bff000d;box-shadow:0 0 15px #00ff26cc,inset 0 0 10px #3cff0080;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.selection-menu{position:absolute;background-color:#fff;border-radius:8px;padding:5px 10px;display:flex;flex-direction:column;z-index:200;box-shadow:0 4px 15px #00000080;min-width:100px}.selection-menu button{background:none;border:none;padding:10px 35px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.05rem;text-align:left;transition:background .2s}.selection-menu button:hover{background-color:#ebffd7;color:#2a8807}.cancel-btn{color:#999}.selection-menu .cancel-btn:hover{background-color:#f5f5f5;color:#f44336}.game-header{position:sticky;top:0;margin-bottom:-89px;z-index:1000;display:flex;justify-content:center;gap:70px;padding:15px}.game-stats{display:flex;flex-direction:column;align-items:center;background-color:#333;border-radius:8px;padding:2px 20px;border:2px solid white}.game-stats .label{color:#fff}.game-stats .value{font-size:1.8rem;font-weight:700;color:#fff}.game-stats:last-child .value{color:#8cff62}.feedback-notification{position:fixed;bottom:50px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:10px;border:4px solid #fff;color:#fff;box-shadow:0 10px 10px #00000080;font-weight:700;z-index:1000;animation:fadeInOut 2.5s ease-in-out}.feedback-notification.success{background-color:#4caf50}.feedback-notification.failure{background-color:#f44336}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.game-won-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:3000}.game-won-modal{background:#fff;padding:30px 60px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #00000080}.game-won-modal h2{font-size:2.5rem;color:#333;margin-bottom:10px}.game-won-modal p{font-size:1.2rem;margin-bottom:30px}.game-won-modal button{padding:12px 24px;font-size:1.2rem;font-weight:700;border:none;border-radius:10px;cursor:pointer}.game-won-footer{margin-top:25px}.leaderboard-form{display:flex;flex-direction:column;align-items:center;gap:15px;margin:20px 0;width:100%}.leaderboard-form input{width:80%;padding:12px 15px;font-size:1rem;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s}.leaderboard-form input:focus{border-color:#35ab0b}.play-again-btn{width:80%;background-color:#007bff;color:#fff}.play-again-btn:hover{background-color:#0056b3}.submit-score-btn{width:80%;background-color:#35ab0b;color:#fff}.submit-score-btn:hover{background-color:#277d07}.success-msg{color:#35ab0b;font-weight:700}.leaderboard-container{border-top:1px solid #eee;padding-top:20px;width:100%}.leaderboard-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:.9rem}.leaderboard-table th{text-align:left;color:#888;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.leaderboard-table td{padding:10px 0;border-bottom:1px solid #f3f3f3}.leaderboard-table tr:nth-child(-n+3) td:first-child{font-weight:700;color:#35ab0b}
