:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.game-area{position:relative;width:80%;height:65vh;min-height:400px;border:5px solid #FFC107;background-color:#2c3e50;box-shadow:0 0 20px #4caf50cc;overflow:hidden;margin-top:20px;border-radius:15px;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><circle cx="15" cy="15" r="12" fill="none" stroke="%23ffc107" stroke-width="2"/><line x1="15" y1="3" x2="15" y2="27" stroke="%23ffc107" stroke-width="2"/><line x1="3" y1="15" x2="27" y2="15" stroke="%23ffc107" stroke-width="2"/></svg>') 15 15,crosshair}.stats-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-around;padding:15px 10px;background-color:#000000d9;color:#fff;font-weight:700;font-size:1.2rem;border-bottom:3px solid #FF9800;z-index:10}.stats-bar span{padding:0 10px}.target{position:absolute;width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:left .4s ease-out,top .4s ease-out,transform .1s;transform:translate(-50%,-50%) scale(1);-webkit-user-select:none;user-select:none;cursor:inherit;z-index:5;filter:drop-shadow(0 0 8px rgba(255,0,0,.7))}.target-image{width:100%;height:100%;object-fit:contain;border-radius:50%;border:none}.target:active{transform:translate(-50%,-50%) scale(.85);opacity:1;transition:transform .05s}.hit-feedback{position:absolute;font-size:1.8rem;font-weight:700;color:#4caf50;pointer-events:none;animation:fadeOutUp .8s ease-out forwards;z-index:20;text-shadow:1px 1px 3px rgba(0,0,0,.7);transform:translate(-50%,-100%)}@keyframes fadeOutUp{0%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,-200%)}}@media(max-width:500px){.stats-bar{font-size:1rem;padding:10px 5px}.game-area{height:70vh}.target{width:70px;height:70px}.hit-feedback{font-size:1.5rem}}.result-screen{width:100%;max-width:600px;margin-top:30px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;text-align:center}.final-score{font-size:1.5rem;color:#d32f2f;margin-bottom:10px}.player-rank{font-size:1.2rem;color:#1976d2;font-weight:700;margin-bottom:20px}.play-again-button{padding:10px 20px;font-size:1rem;cursor:pointer;background-color:#1976d2;color:#fff;border:none;border-radius:5px;margin-bottom:20px;transition:background-color .3s,transform .2s}.play-again-button:hover{background-color:#1565c0;transform:scale(1.05)}.ranking-list li{padding:10px;margin-bottom:5px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;background-color:#f9f9f9;border-radius:3px;transition:all .3s ease}.ranking-list li:hover{background-color:#f1f1f1}.ranking-list li.highlight{background-color:#fff59d;font-weight:700;border:2px solid #fbc02d;box-shadow:0 0 10px #fbc02d99;animation:pulseHighlight 1.5s infinite alternate}@keyframes pulseHighlight{0%{transform:scale(1);box-shadow:0 0 10px #fbc02d99}to{transform:scale(1.03);box-shadow:0 0 20px #ffd700cc}}.menu,.menu-screen{display:flex;flex-direction:column;align-items:center;width:90%;max-width:700px;padding:20px;background-color:#1e1e1e;border-radius:12px;box-shadow:0 10px 20px #00000080}.menu h2,.menu-screen h2{color:#ffc107;margin-bottom:15px}.error-message{color:#ff4d4d;font-size:.9em;margin-top:5px;text-align:left;min-height:1.2em}.input-error{border:2px solid #ff4d4d!important;box-shadow:0 0 5px #ff4d4d80}@media(max-width:600px){h1{font-size:2rem}.start-button,.play-again-button{font-size:1rem;padding:10px 20px}.menu,.menu-screen{width:95%;padding:15px}}html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.app-container{display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif;padding:20px;background-color:#121212;min-height:100vh;width:100vw;margin:0 auto;color:#e0e0e0}h1{color:#4caf50;margin-bottom:20px;font-size:2.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}button{padding:12px 25px;font-size:1.1rem;font-weight:700;cursor:pointer;border:2px solid #4CAF50;border-radius:8px;transition:all .3s ease;text-transform:uppercase;box-shadow:0 4px 6px #0000004d}.start-button{background-color:#4caf50;color:#fff;margin-bottom:30px}.start-button:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 6px 8px #0006}.menu{display:flex;flex-direction:column;align-items:center;width:90%;max-width:700px;padding:20px;background-color:#1e1e1e;border-radius:12px;box-shadow:0 10px 20px #00000080}.menu h2{color:#ffc107;margin-bottom:15px}.result-screen{width:100%;max-width:600px;margin-top:30px;padding:20px;background-color:#252525;border-radius:10px;box-shadow:0 4px 12px #00000080;text-align:center}.final-score{font-size:1.8rem;color:#e91e63;margin-bottom:20px}.play-again-button{background-color:#e91e63;color:#fff;border-color:#e91e63;margin-bottom:20px}.play-again-button:hover{background-color:#c2185b;transform:translateY(-2px);box-shadow:0 6px 8px #0006}.ranking-list{list-style:none;padding:0;text-align:left}.ranking-list li{padding:12px;margin-bottom:8px;background-color:#333;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:1rem}.ranking-list li.highlight{background-color:#ffc107;color:#121212;font-weight:700;border:2px solid #FF9800;transform:scale(1.02)}@media(max-width:600px){h1{font-size:2rem}.start-button,.play-again-button{font-size:1rem;padding:10px 20px}}