body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--bg-color:#f8f9fa;--text-color:#202124;--board-bg:#ffffffe6}body{background:linear-gradient(180deg,#fff 0,#fff 33.3%,#0039a6 0,#0039a6 66.6%,#d52b1e 0,#d52b1e);color:#202124;color:var(--text-color);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow:hidden}.app,body{align-items:center;display:flex}.app{flex-direction:column;gap:15px;max-width:600px;padding:20px;width:100%}.header{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 4px #0003;padding:10px 20px;text-align:center}h1{color:#0039a6;font-size:2.5rem;letter-spacing:-1px;margin:0;text-shadow:1px 1px 0 #d52b1e}.settings-panel{background:#fffffff2;border-radius:12px;box-shadow:0 2px 5px #0003;flex-wrap:wrap;font-size:.9rem;gap:15px;justify-content:center;padding:15px}.setting-group,.settings-panel{align-items:center;display:flex}.setting-group{flex-direction:column;gap:5px}.score-board{background:#fffffff2;border-radius:24px;box-shadow:0 1px 3px #0000001f;display:flex;font-size:1.2rem;font-weight:500;gap:20px;padding:10px 20px}.score-current{color:#0039a6}.score-best{color:#d52b1e}.game-container{background:#ffffffe6;background:var(--board-bg);border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:10px;position:relative}.board{background-color:#e0e0e0;border:2px solid #333;border-radius:8px;display:grid;height:80vw;max-height:450px;max-width:450px;overflow:hidden;position:relative;width:80vw}.cell{align-items:center;border-radius:2px;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.snake-segment{border:1px solid #0000001a;border-radius:4px;z-index:2}.snake-head{border-radius:6px;position:relative;z-index:3}.snake-head:after,.snake-head:before{background:#fff;border-radius:50%;content:"";height:20%;position:absolute;top:20%;width:20%}.snake-head:before{left:20%}.snake-head:after{right:20%}.food{animation:pulse 1.5s infinite;background-color:#d52b1e;border-radius:50%;box-shadow:0 0 5px #d52b1e;z-index:1}.tank{background-color:#2e4c23;border-radius:2px;box-shadow:inset 0 0 2px #000;position:relative;z-index:2}.tank:after{background-color:#1a2e14;border-radius:2px;height:60%;transform:translate(-50%,-50%);width:60%}.tank:after,.tank:before{content:"";left:50%;position:absolute;top:50%}.tank:before{background-color:#000;height:20%;transform:translate(-20%,-50%);width:80%}.projectile{animation:spin 1s linear infinite;color:#d52b1e;font-size:14px;text-shadow:0 0 2px #000;z-index:4}.pig-zombie{animation:wobble 1s ease-in-out infinite;box-shadow:0 0 5px #00ff0080}.rockets-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.rocket{font-size:24px;opacity:.7;position:absolute;transform:rotate(-45deg)}.r1{animation:fly 5s linear infinite;top:80%}.r1,.r2{left:-50px}.r2{animation:fly 7s linear 2s infinite;top:50%}.r3{animation:fly 6s linear 1s infinite;left:-50px;top:20%}@keyframes fly{0%{transform:translateX(0) translateY(0) rotate(-45deg)}to{transform:translateX(400px) translateY(-400px) rotate(-45deg)}}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(.9)}}.game-over-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd9;border-radius:16px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.game-over-text{color:#d52b1e;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.btn{background-color:#0039a6;border:none;border-radius:24px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .2s,transform .1s}.btn:hover{background-color:#002980;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.mobile-controls{display:none;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:10px}.control-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#333;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.control-btn:active{background-color:#e0e0e0}.control-up{grid-column:2}.control-left{grid-column:1;grid-row:2}.control-down{grid-column:2;grid-row:2}.control-right{grid-column:3;grid-row:2}@media (max-width:768px){.mobile-controls{display:grid}}
/*# sourceMappingURL=main.8d0dcc4d.css.map*/