*{box-sizing:border-box;padding:0}*,body{margin:0}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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.snake-game{background-color:#0a0a2e;color:#fff;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.game-header,.snake-game{align-items:center;display:flex}.game-header{justify-content:space-between;margin-bottom:20px;width:600px}.game-header h1{color:#0f0;font-size:2.5em;margin:0;text-shadow:0 0 10px #0f0}.score{background-color:#0f03;border:2px solid #0f0;border-radius:10px;color:#fff;font-size:1.5em;font-weight:700;padding:10px 20px}.game-board{grid-gap:0;background-color:#16213e;border:4px solid #0f0;border-radius:8px;box-shadow:0 0 20px #00ff004d;display:grid;gap:0;grid-template-columns:repeat(20,30px);grid-template-rows:repeat(20,30px);margin-bottom:20px}.cell{background-color:initial;height:30px;width:30px}.snake-head{background-color:#0f0;border-radius:50%;box-shadow:0 0 4px #0f0}.snake-body{background-color:#0c0;border-radius:20%}.food{animation:pulse 1s infinite;background-color:#f44;border-radius:50%;box-shadow:0 0 4px #f44}.game-message{background-color:#000c;border:2px solid #0f0;border-radius:15px;box-shadow:0 0 20px #00ff004d;font-size:1.3em;left:50%;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.game-message p{color:#fff;margin:10px 0}.game-message p:first-child{color:#0f0;font-size:1.5em;font-weight:700;text-shadow:0 0 10px #0f0}.mobile-controls{align-items:center;display:none;flex-direction:column;gap:15px;margin-top:15px}.mobile-start-button{background-color:#0f03;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 10px #00ff004d;color:#0f0;cursor:pointer;font-size:1.2em;font-weight:700;padding:12px 24px;text-shadow:0 0 5px #0f0;transition:all .3s ease}.mobile-start-button:active,.mobile-start-button:hover{background-color:#00ff004d;box-shadow:0 0 15px #00ff0080;transform:scale(1.05)}.swipe-controls{display:none;gap:10px;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:60px 60px 60px;grid-template-rows:60px 60px 60px;margin:20px auto;touch-action:none}.control-button{align-items:center;background-color:#00ff001a;border:2px solid #0f0;border-radius:50%;color:#0f0;cursor:pointer;display:flex;font-size:1.5em;font-weight:700;justify-content:center;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.control-button:active,.control-button:hover{background-color:#0f03;box-shadow:0 0 10px #0f06;transform:scale(1.1)}.control-up{grid-area:up}.control-down{grid-area:down}.control-left{grid-area:left}.control-right{grid-area:right}@media (max-width:768px){.snake-game{min-height:100vh;padding:10px}.game-header{flex-wrap:wrap;gap:10px;margin-bottom:15px;max-width:none;width:100%}.game-header h1{font-size:1.8em;margin:0}.score{font-size:1.1em;padding:6px 12px}.game-board{border-width:2px;grid-template-columns:repeat(20,15px);grid-template-rows:repeat(20,15px);margin-bottom:15px}.cell{height:15px;width:15px}.game-message{font-size:1em;margin:10px;max-width:350px;padding:15px;width:95%}.game-message p:first-child{font-size:1.3em}}@media (max-width:480px){.snake-game{padding:5px}.game-header{margin-bottom:10px}.game-header h1{font-size:1.5em}.score{font-size:1em;padding:5px 10px}.game-board{grid-template-columns:repeat(20,12px);grid-template-rows:repeat(20,12px);margin-bottom:10px}.cell{height:12px;width:12px}.game-message{font-size:.9em;max-width:300px;padding:12px;width:98%}.game-message p:first-child{font-size:1.2em}}@media (max-width:768px){.mobile-controls{display:flex}.swipe-controls{display:grid}}.highscore-board{margin:10px 0;text-align:center}.highscore-board h3{color:#0f0;font-size:1.1em;margin:0 0 8px;text-shadow:0 0 5px #0f0}.highscore-entry{color:#fff;font-family:Courier New,monospace;font-size:.85em;margin:2px 0}.highscore-entry.rank-1{color:gold;font-weight:700}.highscore-entry.rank-2{color:silver;font-weight:700}.highscore-entry.rank-3{color:#cd7f32;font-weight:700}.no-scores{color:#888;font-size:.9em;font-style:italic;margin:0;text-align:center}@media (max-width:768px){.highscore-board h3{font-size:1em;margin-bottom:6px}.highscore-entry{font-size:.75em;margin:1px 0}}.name-input-container{animation:glow 2s ease-in-out infinite alternate;background-color:#000c;border:2px solid #0f0;border-radius:8px;box-shadow:0 0 20px #0f06;margin:15px 0;padding:20px}.name-input-container h3{animation:pulse 1.5s ease-in-out infinite;color:#0f0;font-size:1.3em;margin:0 0 15px;text-align:center;text-shadow:0 0 10px #0f0}.name-input-container form{align-items:center;display:flex;flex-direction:column;gap:15px}.name-input{background-color:#000000b3;border:2px solid #0f0;border-radius:4px;box-shadow:0 0 5px #00ff004d;color:#fff;font-size:1em;outline:none;padding:10px 15px;text-align:center;width:200px}.name-input:focus{background-color:#00ff000d;border-color:#0f0;box-shadow:0 0 15px #00ff0080}.name-input::placeholder{color:#888}.submit-button{background-color:#0f0;border:none;border-radius:4px;box-shadow:0 0 10px #00ff004d;color:#0a0a2e;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:all .3s ease}.submit-button:hover{background-color:#0c0;box-shadow:0 0 15px #00ff0080;transform:scale(1.05)}.submit-button:active{transform:scale(.95)}@keyframes glow{0%{box-shadow:0 0 20px #0f06}to{box-shadow:0 0 30px #0f09}}@keyframes pulse{0%,to{text-shadow:0 0 10px #0f0}50%{text-shadow:0 0 20px #0f0,0 0 30px #0f0}}@media (max-width:768px){.name-input-container{margin:10px 0;padding:15px}.name-input{padding:8px 12px;width:180px}.submit-button{font-size:.9em;padding:8px 16px}}.App{box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.d5c4d977.css.map*/