@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html{height:100%}#root{height:100vh;width:100vw}:focus{outline:none}.game-board *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}*{-webkit-transform:translateZ(0);transform:translateZ(0)}:root{--primary-color:#1a1a2e;--secondary-color:#16213e;--accent-color:#0f3460;--success-color:#0f8;--danger-color:#f36;--warning-color:#ffb800;--text-light:#fff;--text-dark:#2c2c54;--game-bg:#0f0f23;--header-bg:linear-gradient(135deg,#667eea,#764ba2);--snake-gradient:linear-gradient(45deg,#0f8,#00cc6a);--food-gradient:linear-gradient(45deg,#f36,#ff1744);--shadow-lg:0 25px 50px -12px rgba(0,0,0,.5);--shadow-md:0 10px 25px -3px rgba(0,0,0,.3);--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.container,body{min-height:100vh}.container{align-items:center;display:flex;justify-content:center;padding:20px;position:relative}.container:before{background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.game-wrapper{position:relative;z-index:1}.game-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23;background:var(--game-bg);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);height:90vmin;max-height:600px;max-width:600px;overflow:hidden;width:90vmin}.game-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-bg);color:#fff;color:var(--text-light);display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:20px 30px;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}.game-header:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.game-header .high-score,.game-header .score{align-items:center;display:flex;gap:8px}.game-header .high-score:before,.game-header .score:before{content:"🎯";font-size:1.2em}.game-header .high-score:before{content:"🏆"}.game-area{background:#0f0f23;background:var(--game-bg);height:calc(100% - 80px);overflow:hidden;position:relative;width:100%}.game-area:before{background:linear-gradient(45deg,hsla(0,0%,100%,.02) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.02) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.02) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.02) 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.snake-segment{background:linear-gradient(45deg,#0f8,#00cc6a);background:var(--snake-gradient);background-color:#0f8;border-radius:4px;box-shadow:0 0 10px rgba(0,255,136,.3),inset 0 1px 0 hsla(0,0%,100%,.2);height:5.5555555556%;position:absolute;transition:all .1s ease;width:5%;z-index:20}.snake-segment.snake-head{background:linear-gradient(45deg,#0f8,#0f4);border-radius:6px;box-shadow:0 0 15px rgba(0,255,136,.5),inset 0 2px 0 hsla(0,0%,100%,.3)}.snake-segment.snake-head:before{font-size:.6em;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.food{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(45deg,#f36,#ff1744);background:var(--food-gradient);background-color:#f36;border-radius:50%;box-shadow:0 0 15px rgba(255,51,102,.5),inset 0 2px 0 hsla(0,0%,100%,.3);height:5.5555555556%;position:absolute;width:5%;z-index:15}.food:before{font-size:.7em;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes pulse{0%,to{box-shadow:0 0 15px rgba(255,51,102,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 25px rgba(255,51,102,.8);-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,to{box-shadow:0 0 15px rgba(255,51,102,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 25px rgba(255,51,102,.8);-webkit-transform:scale(1.1);transform:scale(1.1)}}.game-overlay{align-items:center;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over,.start-screen{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 25px -3px rgba(0,0,0,.3);box-shadow:var(--shadow-md);color:#fff;color:var(--text-light);max-width:400px;min-height:300px;padding:40px;text-align:center}.game-over h1,.start-screen h1{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#0f8,#ffb800);background:linear-gradient(45deg,var(--success-color),var(--warning-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:20px}.game-over h2,.start-screen h2{color:#f36;color:var(--danger-color);font-size:2rem;font-weight:600;margin-bottom:15px}.game-over .instructions,.start-screen .instructions{margin:25px 0}.game-over .instructions p,.start-screen .instructions p{font-size:.95rem;line-height:1.5;margin:8px 0;opacity:.9}.game-over .new-record,.start-screen .new-record{-webkit-animation:celebration .6s ease-in-out;animation:celebration .6s ease-in-out;color:#ffb800;color:var(--warning-color);font-size:1.1rem;font-weight:600;margin:15px 0}@-webkit-keyframes celebration{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes celebration{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.restart-btn,.start-btn{background:linear-gradient(45deg,#0f8,#00cc6a);background:linear-gradient(45deg,var(--success-color),#00cc6a);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(0,255,136,.3);color:#fff;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:600;margin:20px 0 15px;padding:15px 30px;transition:all .2s ease}.restart-btn:hover,.start-btn:hover{background:linear-gradient(45deg,#0f4,#0f8);background:linear-gradient(45deg,#0f4,var(--success-color));box-shadow:0 6px 20px rgba(0,255,136,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.restart-btn:active,.start-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.controls-hint{font-size:.85rem;font-style:italic;margin-top:10px;opacity:.7}@media(max-width:768px){.container{padding:10px}.game-board{height:95vmin;width:95vmin}.game-header{font-size:1rem;padding:15px 20px}.game-over,.start-screen{padding:30px 20px}.game-over h1,.start-screen h1{font-size:2rem}.game-over h2,.start-screen h2{font-size:1.5rem}}@media(max-width:480px){.game-header{flex-direction:column;gap:8px;text-align:center}.game-over,.start-screen{padding:25px 15px}.game-over h1,.start-screen h1{font-size:1.8rem}.game-over .instructions p,.start-screen .instructions p{font-size:.9rem}}@media(prefers-contrast:high){.food,.snake-segment{border:2px solid #fff;border:2px solid var(--text-light)}.game-board{border:3px solid #fff;border:3px solid var(--text-light)}}@media(prefers-reduced-motion:reduce){.food{-webkit-animation:none;animation:none}.snake-segment{transition:none}@-webkit-keyframes pulse{0%,to{-webkit-transform:none;transform:none}}@keyframes pulse{0%,to{-webkit-transform:none;transform:none}}@-webkit-keyframes celebration{0%,to{-webkit-transform:none;transform:none}}@keyframes celebration{0%,to{-webkit-transform:none;transform:none}}}
/*# sourceMappingURL=main.a4c3f528.css.map*/