*{margin:0;padding:0;box-sizing:border-box}.circle-accuracy-game{display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;max-width:min(1200px,95vw);margin:0 auto;padding:1rem;gap:1.5rem;min-height:100vh}.circle-accuracy-game h1{font-size:clamp(1.5rem,2.5vw,2.2rem);color:rgb(60.5577689243,139.4422310757,63.7450199203);margin-top:1rem;text-align:center;line-height:1.3}.circle-accuracy-game .instructions{font-size:clamp(.9rem,2.5vw,1.1rem);color:#666;text-align:center;max-width:600px;margin:0 auto;line-height:1.5}.mode-toggle{display:flex;justify-content:center;gap:1rem;margin:1rem auto;flex-wrap:wrap}.mode-toggle .mode-button{padding:.6rem 1.2rem;border:2px solid #4caf50;background:#fff;color:#4caf50;border-radius:50px;cursor:pointer;font-weight:700;transition:all .3s ease;min-width:140px}.mode-toggle .mode-button.active{background:#4caf50;color:#fff}.mode-toggle .mode-button:hover:not(.active){background:rgba(76,175,80,.1)}.brush-controls{display:flex;justify-content:center;gap:2rem;margin:1rem auto;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:600px;flex-wrap:wrap}.brush-controls .control-group{display:flex;align-items:center;gap:.5rem}.brush-controls .control-group label{font-weight:700;font-size:.9rem;white-space:nowrap}.brush-controls .control-group input[type=range]{width:100px}.brush-controls .control-group input[type=color]{width:40px;height:30px;padding:2px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer}.brush-controls .control-group span{min-width:40px;text-align:center;font-size:.9rem}.canvas-container{position:relative;width:min(100%,600px);aspect-ratio:1;margin:1rem auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;touch-action:none}.canvas-container canvas{display:block;width:100%;height:100%;cursor:crosshair;user-select:none;-webkit-user-select:none}.accuracy-result{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:1rem auto;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.accuracy-result h2{font-size:clamp(1.2rem,2.5vw,1.6rem);color:rgb(52.8366533865,121.6633466135,55.6175298805)}.accuracy-result .accuracy-bar{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden}.accuracy-result .accuracy-bar .accuracy-fill{height:100%;background:linear-gradient(90deg,#4CAF50,rgb(109.9800796813,192.0199203187,113.2948207171));transition:width .5s ease}.accuracy-result .feedback{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;margin:.5rem 0;min-height:1.5em}.reset-button{background-color:#4caf50;color:#fff;border:none;padding:.8rem 1.8rem;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:700;width:fit-content}.reset-button:hover{background-color:rgb(60.5577689243,139.4422310757,63.7450199203);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.reset-button:active{transform:translateY(0)}.action-buttons{margin:1.5rem auto;display:flex;justify-content:center}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;max-width:800px;margin:1rem auto}.stats .stat{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center}.stats .stat h3{margin-bottom:.5rem;color:#4caf50;font-size:clamp(1rem,2.5vw,1.2rem)}.stats .stat p{margin:.25rem 0;font-size:clamp(.85rem,2.5vw,1rem)}@media(max-width:768px){.circle-accuracy-game{padding:.5rem;gap:1rem}.stats{grid-template-columns:1fr}.accuracy-result{margin:.5rem auto;padding:.75rem}}@media(max-width:480px){.circle-accuracy-game{gap:.75rem}.brush-controls{flex-direction:column;gap:1rem;align-items:center}.reset-button{padding:.7rem 1.5rem;font-size:.9rem}}