@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #637a32;--text: #1a2800;--accent: #3d5218;--glow: rgba(99, 122, 50, .4);--grid: #5a6e2e;font-family:"Press Start 2P",monospace;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;touch-action:manipulation}body{background:#0a0a0a;color:#fafafa}.app{width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);position:relative;overflow:hidden}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;opacity:.6;pointer-events:none}.screen{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;position:relative}.splash-screen{gap:1rem;animation:fadeIn .3s ease}.splash-screen.flicker{opacity:.85}.splash-logo{display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;transform:scale(.8);transition:all .4s ease}.splash-logo.visible{opacity:1;transform:scale(1)}.splash-snake-art{font-size:.7rem;line-height:1.4;white-space:pre;text-align:center}.splash-title{font-size:2rem;letter-spacing:.2em;margin:0;text-shadow:2px 2px 0 var(--accent);animation:pulse 1s ease infinite}.splash-subtitle{font-size:.55rem;letter-spacing:.4em;opacity:0;transition:opacity .5s ease}.splash-subtitle.visible{opacity:1}.splash-version{font-size:.45rem;opacity:0;position:absolute;bottom:3rem;animation:blink 1s ease infinite}.splash-version.visible{opacity:1}.menu-screen{gap:1rem;justify-content:flex-start;padding-top:3rem}.menu-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.menu-snake-ascii{font-size:.55rem;line-height:1.4;text-align:center}.menu-header h1{font-size:1.5rem;letter-spacing:.15em;margin:0;text-shadow:1px 1px 0 var(--accent)}.menu-best{font-size:.5rem;opacity:.7;margin:0}.menu-items{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:20rem}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;background:#00000026;border:1px solid var(--accent);color:var(--text);font-family:inherit;font-size:.55rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.menu-item:hover,.menu-item:active{background:#0000004d;transform:scale(1.02)}.menu-icon{font-size:.7rem;width:1.2rem;text-align:center}.menu-label{flex:1;letter-spacing:.1em}.menu-sub{font-size:.45rem;opacity:.6}.menu-footer{margin-top:auto;padding-bottom:1rem}.sound-toggle{font-family:inherit;font-size:.5rem;background:none;border:1px solid var(--accent);color:var(--text);padding:.4rem .8rem;cursor:pointer}.sub-screen{gap:1rem;justify-content:flex-start;padding-top:2rem}.sub-screen h2{font-size:.9rem;letter-spacing:.15em;margin:0;text-shadow:1px 1px 0 var(--accent)}.option-list,.theme-list,.settings-list,.scores-list,.ach-list{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:20rem;max-height:60dvh;overflow-y:auto}.option-item,.theme-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:#00000026;border:1px solid var(--accent);color:var(--text);font-family:inherit;font-size:.5rem;cursor:pointer;text-align:left;width:100%;transition:all .15s ease}.option-item:hover,.theme-item:hover{background:#0000004d}.option-item.selected,.theme-item.selected{border-color:var(--text);background:#00000040}.option-icon{font-size:.7rem;width:1.2rem;text-align:center}.option-label{font-size:.55rem;letter-spacing:.1em}.option-desc{font-size:.4rem;opacity:.6;margin-top:.15rem}.option-check{margin-left:auto;font-size:.6rem}.theme-preview{width:2.5rem;height:1.5rem;border:1px solid var(--accent);position:relative;overflow:hidden}.theme-preview-snake{position:absolute;width:.5rem;height:.5rem;top:.3rem;left:.3rem}.theme-preview-food{position:absolute;width:.4rem;height:.4rem;top:.8rem;right:.4rem}.theme-name{flex:1;font-size:.5rem;letter-spacing:.1em}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#00000026;border:1px solid var(--accent);font-size:.45rem;letter-spacing:.05em}.toggle-btn{font-family:inherit;font-size:.45rem;padding:.25rem .6rem;border:1px solid var(--accent);background:#0003;color:var(--text);cursor:pointer;min-width:3rem}.toggle-btn.on{background:var(--accent);color:var(--bg)}.score-item{display:flex;justify-content:space-between;padding:.5rem .8rem;background:#0000001f;border:1px solid var(--accent);font-size:.5rem}.score-rank{opacity:.6}.no-scores{font-size:.45rem;text-align:center;opacity:.6;padding:2rem 0}.ach-progress{font-size:.45rem;opacity:.7;margin:0}.ach-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:#0000001f;border:1px solid var(--accent);font-size:.45rem}.ach-item.locked{opacity:.4}.ach-icon{font-size:.8rem;width:1.2rem;text-align:center}.ach-name{font-size:.5rem;margin-bottom:.1rem}.ach-desc{font-size:.38rem;opacity:.6}.back-btn{font-family:inherit;font-size:.5rem;background:none;border:1px solid var(--accent);color:var(--text);padding:.5rem 1.2rem;cursor:pointer;margin-top:1rem;transition:all .15s ease}.back-btn:hover{background:#0003}.game-layout{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative}.game-hud{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .8rem;font-size:.45rem;z-index:10;flex-shrink:0}.hud-score{display:flex;flex-direction:column;gap:.1rem}.hud-label{font-size:.35rem;opacity:.6;letter-spacing:.15em}.hud-value{font-size:.8rem;letter-spacing:.1em}.hud-mode{font-size:.4rem;opacity:.6;letter-spacing:.1em}.pause-btn-small{font-family:inherit;font-size:.6rem;background:none;border:1px solid var(--accent);color:var(--text);padding:.3rem .5rem;cursor:pointer;letter-spacing:-.1em}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:.25rem;min-height:0}.game-canvas{image-rendering:pixelated;image-rendering:crisp-edges}.dpad{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 0 1rem;flex-shrink:0;z-index:10}.dpad-row{display:flex;align-items:center;gap:.15rem}.dpad-center{width:2.5rem;height:2.5rem}.dpad-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#00000040;border:1px solid var(--accent);color:var(--text);font-size:.8rem;font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background .1s}.dpad-btn:active{background:#00000080}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem}.pause-overlay{background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gameover-overlay{background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}.pause-box,.gameover-box{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem;background:var(--bg);border:2px solid var(--accent);max-width:18rem;width:100%}.pause-box h2,.gameover-box h2{font-size:.9rem;letter-spacing:.15em;margin:0;text-shadow:1px 1px 0 var(--accent)}.pause-buttons,.gameover-buttons{display:flex;flex-direction:column;gap:.4rem;width:100%}.pause-btn,.gameover-btn{font-family:inherit;font-size:.5rem;padding:.55rem .8rem;background:#0003;border:1px solid var(--accent);color:var(--text);cursor:pointer;width:100%;letter-spacing:.08em;transition:all .15s ease}.pause-btn:hover,.gameover-btn:hover{background:#0006}.gameover-btn.retry{background:var(--accent);color:var(--bg)}.new-best{font-size:.55rem;color:var(--accent);animation:pulse .8s ease infinite}.gameover-score,.gameover-best{display:flex;flex-direction:column;align-items:center;gap:.15rem}.score-label{font-size:.4rem;opacity:.6;letter-spacing:.2em}.score-big{font-size:1.5rem;letter-spacing:.1em;text-shadow:1px 1px 0 var(--accent)}.score-med{font-size:.8rem;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:480px){.splash-title{font-size:1.5rem}.menu-header h1{font-size:1.2rem}.menu-item{padding:.55rem .65rem;font-size:.5rem}.dpad-btn{width:3rem;height:3rem;font-size:1rem}.dpad-center{width:3rem;height:3rem}.game-hud{padding:.4rem .6rem}.hud-value{font-size:.7rem}}@media(min-width:768px){.dpad-btn,.dpad-center{width:2.2rem;height:2.2rem}}@supports (padding: env(safe-area-inset-top)){.game-hud{padding-top:calc(.5rem + env(safe-area-inset-top))}.dpad{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.menu-screen{padding-top:calc(3rem + env(safe-area-inset-top))}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent)}