@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--neon-blue:#4facfe;--neon-green:#2ed573;--neon-pink:#ff4757;--neon-orange:#ffa502;--bg-dark:#0a0b10}#root,body,html{background-color:#0a0b10;background-color:var(--bg-dark);font-family:Orbitron,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.game-container{background:radial-gradient(circle at center,#1b2735 0,#090a0f 100%);box-sizing:border-box;flex-direction:column;height:100vh;padding:10px}.game-container,.game-header{align-items:center;display:flex}.game-header{flex-shrink:0;height:50px;justify-content:space-between;max-width:500px;width:100%}.logo{color:#4facfe;color:var(--neon-blue);font-size:clamp(1.1rem,4vw,1.4rem);font-weight:700;letter-spacing:2px}.logo span{color:#fff;text-shadow:0 0 10px #4facfe;text-shadow:0 0 10px var(--neon-blue)}.score-readout{color:#ffa502;color:var(--neon-orange);font-size:clamp(.9rem,3.5vw,1.1rem);text-shadow:0 0 8px #ffa502;text-shadow:0 0 8px var(--neon-orange)}.game-area-wrapper{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:0;padding:10px 0;width:100%}.game-area{aspect-ratio:2/3;background-color:#0006;border:2px solid #4facfe4d;border-radius:12px;box-shadow:0 0 20px #00000080,inset 0 0 20px #4facfe1a;height:100%;max-width:100%;overflow:hidden;position:relative;transition:border .3s ease,box-shadow .3s ease}.game-area.wall-mode{border:2px solid #ff4757;border:2px solid var(--neon-pink);box-shadow:0 0 20px #00000080,inset 0 0 20px #ff475733}.svg-board{display:block;height:100%;width:100%}.snake-head{fill:#4facfe;fill:var(--neon-blue);filter:url(#neon-glow)}.snake-body{fill:url(#snake-gradient);opacity:.8}.food-item{fill:#ff4757;fill:var(--neon-pink);animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px #ff4757);filter:drop-shadow(0 0 8px var(--neon-pink))}@keyframes pulse{0%{r:6;opacity:.8}50%{r:9;opacity:1}to{r:6;opacity:.8}}.glass-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b10d9;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:100}.mode-selection-container{display:flex;flex-direction:column;gap:15px}.btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;font-family:Orbitron;font-size:1rem;font-weight:700;letter-spacing:1px;padding:14px 28px;transition:.3s}.neon-blue-btn:hover{background:#4facfe;background:var(--neon-blue);box-shadow:0 0 20px #4facfe;box-shadow:0 0 20px var(--neon-blue);color:#000}.neon-red-btn:hover{background:#ff4757;background:var(--neon-pink);box-shadow:0 0 20px #ff4757;box-shadow:0 0 20px var(--neon-pink);color:#000}.game-footer{flex-shrink:0;height:40px;justify-content:center;max-width:500px}.game-footer,.status-bar{align-items:center;display:flex;width:100%}.status-bar{justify-content:space-between}.mode-tag{color:#777;font-size:.8rem;font-weight:700;letter-spacing:1px}.resign-btn{background:#0000;border:1px solid #ff4757;border:1px solid var(--neon-pink);border-radius:4px;color:#ff4757;color:var(--neon-pink);cursor:pointer;font-family:Orbitron;font-size:.7rem;padding:5px 12px;transition:.3s}.resign-btn:hover{background:#ff4757;background:var(--neon-pink);box-shadow:0 0 10px #ff4757;box-shadow:0 0 10px var(--neon-pink);color:#fff}.controls-container{align-items:center;display:flex;flex:0 1 25vh;justify-content:center;margin-bottom:10px;min-height:80px;width:100%;z-index:10}.d-pad{grid-gap:clamp(8px,1.5vw,15px);align-items:stretch;display:grid;gap:clamp(8px,1.5vw,15px);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);justify-items:stretch;max-width:clamp(200px,60vw,400px)}.control-btn,.d-pad{height:100%;width:100%}.control-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0d;border:1px solid #4facfe4d;border-radius:10px;color:#4facfe;color:var(--neon-blue);cursor:pointer;display:flex;font-size:clamp(1.2rem,5vw,2rem);justify-content:center;transition:all .1s ease;-webkit-user-select:none;user-select:none}.d-pad-icon{height:32px;width:32px}.control-btn.up{grid-column:2;grid-row:1}.control-btn.left{grid-column:1;grid-row:2}.control-btn.down{grid-column:2;grid-row:2}.control-btn.right{grid-column:3;grid-row:2}.control-btn.active,.control-btn:active{background:#4facfe;background:var(--neon-blue);box-shadow:0 0 15px #4facfe;box-shadow:0 0 15px var(--neon-blue);color:#fff;transform:scale(.92)}@media (min-width:768px){.controls-container{flex:0 1 12vh;min-height:80px}.d-pad{gap:8px;max-width:220px}.d-pad-icon{height:22px;width:22px}.control-btn{border-radius:6px}}@media (min-width:1024px){.controls-container{flex:0 1 80px}.d-pad{max-width:180px}}
/*# sourceMappingURL=main.4d93c6ab.css.map*/