:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;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:#747bff}html,body{margin:0;padding:0;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%}body{display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}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:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.game-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.game-container h1{margin:0;color:#000}.score{font-size:24px;font-weight:700;color:#22c55e}.game-canvas{border:3px solid #0f3460;border-radius:8px;box-shadow:0 0 20px #00d9ff4d;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}.controls{display:flex;gap:10px}.start-btn{padding:12px 30px;font-size:18px;background:linear-gradient(135deg,#0f3460,#16213e);color:#00d9ff;border:2px solid #00d9ff;border-radius:8px;cursor:pointer;transition:all .3s ease}.start-btn:hover{background:linear-gradient(135deg,#16213e,#0f3460);box-shadow:0 0 15px #00d9ff80;transform:scale(1.05)}.instructions{color:#888;font-size:14px;margin-top:10px}.dpad-container{display:none;flex-direction:column;align-items:center;gap:5px;margin-top:20px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.dpad-middle-row{display:flex;align-items:center;gap:5px}.dpad-btn{width:60px;height:60px;font-size:24px;background:linear-gradient(135deg,#0f3460,#16213e);color:#00d9ff;border:2px solid #00d9ff;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;-webkit-tap-highlight-color:transparent}.dpad-btn:active{background:linear-gradient(135deg,#16213e,#0f3460);box-shadow:0 0 15px #00d9ffb3;transform:scale(.95)}.dpad-center{width:60px;height:60px;background:#0f34604d;border-radius:12px}@media(max-width:600px){.game-container{padding:10px;gap:15px}.game-container h1{font-size:24px}.score{font-size:20px}.game-canvas{max-width:calc(100vw - 30px);max-height:calc(100vw - 30px);width:auto;height:auto}.dpad-container{display:flex}.dpad-btn{width:80px;height:80px;font-size:32px}.dpad-center{width:80px;height:80px}.start-btn{padding:15px 40px;font-size:20px}}@media(max-width:400px){.dpad-btn{width:70px;height:70px;font-size:28px}.dpad-center{width:70px;height:70px}}@media(pointer:coarse){.game-container{touch-action:manipulation;overscroll-behavior:contain}.dpad-container{display:flex}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popup{background:#fff;border:4px solid #2ecc71;border-radius:12px;padding:30px;max-width:400px;text-align:center;box-shadow:0 0 30px #2ecc7166}.popup p{color:#333;font-size:18px;line-height:1.6;margin:0 0 20px}.popup-score{font-weight:700;color:#2ecc71;font-size:22px}.popup-btn{padding:12px 40px;font-size:18px;background:#2ecc71;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.popup-btn:hover{background:#27ae60;box-shadow:0 0 15px #2ecc7180;transform:scale(1.05)}.popup-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.popup-btn-easy{background:#3498db}.popup-btn-easy:hover{background:#2980b9;box-shadow:0 0 15px #3498db80}.popup-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.popup-btn-red{background:#a04040}.popup-btn-red:hover{background:#8a3535;box-shadow:0 0 15px #a0404080}.popup-with-image{max-width:400px}.popup-image{width:200px;height:200px;object-fit:contain;border-radius:8px;margin-bottom:15px}.popup-large{max-width:550px}.popup-image-large{width:500px;height:500px;object-fit:contain;border-radius:8px;margin-bottom:15px}@media(max-width:600px){.popup-image{width:100%;height:auto;max-width:300px}.popup-image-large{width:100%;height:auto;max-width:90vw}.popup-with-image,.popup-large{max-width:90vw}}.countdown{display:flex;flex-direction:column;justify-content:flex-start;padding-top:20vh;align-items:center;min-height:100vh;text-align:center}.countdown-title{font-size:clamp(2rem,6vw,4rem);font-weight:700;margin-bottom:.5rem}.countdown-time{font-size:clamp(1.5rem,5vw,3rem);font-weight:700;font-family:Courier New,monospace;letter-spacing:.05em;color:#213547}.countdown-label{font-size:clamp(.8rem,2vw,1.2rem);color:#888;margin-top:1rem}#root{width:100%;display:flex;justify-content:center}