: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-container{display:flex;flex-direction:column;align-items:center;padding:2rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);min-height:100vh;color:#fff;position:relative;overflow:hidden}.game-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,135,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,0,135,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,135,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.game-container h1{margin-bottom:2rem;font-size:3.5rem;font-weight:800;background:linear-gradient(45deg,#00ff87,#ff0087,#0087ff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;animation:gradientShift 3s ease-in-out infinite;text-shadow:none;letter-spacing:-2px}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-info{display:flex;justify-content:space-between;align-items:center;width:450px;margin-bottom:2rem;padding:1.5rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease}.game-info:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #fff3}.score,.high-score{font-size:1.2rem;font-weight:700;padding:.5rem 1rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.score:hover,.high-score:hover{background:#ffffff1a;transform:scale(1.05)}.high-score{background:linear-gradient(45deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.high-score:before{content:"👑";position:absolute;left:-25px;top:50%;transform:translateY(-50%);font-size:1rem}.game-status{font-size:1.1rem;font-weight:600;padding:.5rem 1rem;border-radius:12px;background:#00ff871a;border:1px solid rgba(0,255,135,.3);color:#00ff87;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.8}50%{opacity:1}}.game-board{margin-bottom:2rem;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;position:relative;transition:all .3s ease}.game-board:hover{transform:translateY(-4px);box-shadow:0 25px 70px #0009,0 0 0 1px #fff3,inset 0 1px #fff3}.game-board:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#00ff87,#ff0087,#0087ff,#00ff87);background-size:400% 400%;border-radius:22px;z-index:-1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-canvas{display:block;background:radial-gradient(circle at 25% 25%,rgba(0,255,135,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,0,135,.05) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a);border:none;position:relative}.game-controls{text-align:center}.control-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.control-btn{padding:1rem 2rem;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.control-btn:hover:before{left:100%}.start-btn,.resume-btn{background:linear-gradient(45deg,#00ff87,#00d16e);color:#0a0a0a;box-shadow:0 4px 20px #00ff874d}.start-btn:hover,.resume-btn:hover{box-shadow:0 6px 30px #00ff8780}.pause-btn{background:linear-gradient(45deg,#ff9500,#ff7b00);color:#fff;box-shadow:0 4px 20px #ff95004d}.pause-btn:hover{box-shadow:0 6px 30px #ff950080}.restart-btn{background:linear-gradient(45deg,#0087ff,#06c);color:#fff;box-shadow:0 4px 20px #0087ff4d}.restart-btn:hover{box-shadow:0 6px 30px #0087ff80}.reset-btn{background:linear-gradient(45deg,#ff0087,#c06);color:#fff;box-shadow:0 4px 20px #ff00874d}.reset-btn:hover{box-shadow:0 6px 30px #ff008780}.control-btn:hover{transform:translateY(-4px) scale(1.02)}.control-btn:active{transform:translateY(-2px) scale(.98)}.instructions{background:#ffffff0d;padding:1.5rem 2rem;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease}.instructions:hover{background:#ffffff14;transform:translateY(-2px)}.instructions p{margin:.8rem 0;font-size:1rem;font-weight:500;color:#ffffffe6}.instructions p:first-child{color:#00ff87;font-weight:600}@media (max-width: 768px){.game-container{padding:1rem}.game-container h1{font-size:2.5rem;margin-bottom:1.5rem}.game-info{width:350px;flex-direction:column;gap:1rem;text-align:center;padding:1rem 1.5rem}.score,.high-score{font-size:1rem;margin:0}.high-score:before{left:-20px}.control-buttons{flex-direction:column;align-items:center}.control-btn{width:200px;padding:.8rem 1.5rem;font-size:1rem}.game-board:before{border-radius:18px}}@media (max-width: 480px){.game-container h1{font-size:2rem}.game-info{width:300px;padding:1rem}.game-canvas{width:300px;height:300px}.control-btn{width:180px;padding:.6rem 1rem;font-size:.9rem}.instructions{padding:1rem 1.5rem}.instructions p{font-size:.9rem}}@keyframes gameOverShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes gameOverPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.game-over-animation{animation:gameOverShake .6s ease-in-out,gameOverPulse 1s ease-in-out .6s}@keyframes scoreIncrease{0%{transform:scale(1)}50%{transform:scale(1.2);color:#00ff87}to{transform:scale(1)}}.score-increase{animation:scoreIncrease .3s ease-out}@keyframes newRecord{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(1.1) rotate(2deg)}}.new-record{animation:newRecord .8s ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}.particle{position:absolute;width:4px;height:4px;background:#00ff874d;border-radius:50%;animation:float 6s ease-in-out infinite}.particle:nth-child(2){animation-delay:-1s;background:#ff00874d;top:20%;left:80%}.particle:nth-child(3){animation-delay:-2s;background:#0087ff4d;top:60%;left:20%}.particle:nth-child(4){animation-delay:-3s;background:#ff87004d;top:80%;left:60%}