:root{--bg:#0a0a0a;--grid-bg:#111;--grid-line:#1a1a1a;--snake-head:#0f8;--snake-body:#00cc6a;--snake-tail:#00994d;--food:#f44;--food-glow:#f446;--text:#fff;--accent:#0f8;--danger:#f44;--card:#1a1a1a;--card-border:#2a2a2a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-overflow-scrolling:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{min-height:100dvh}body.game-active{touch-action:none;width:100%;height:100%;position:fixed;overflow:hidden}#app{min-height:100dvh}::selection{background:var(--accent);color:#000}.game-canvas[data-v-30929bf8]{border:2px solid var(--card-border);border-radius:12px;width:480px;max-width:95vw;height:480px;max-height:60vh;display:block;box-shadow:0 4px 24px #0000004d}@media (width<=500px){.game-canvas[data-v-30929bf8]{width:calc(100vw - 24px);height:calc(100vw - 24px);max-height:none}}.score-board[data-v-c4895c8b]{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.score-item[data-v-c4895c8b]{background:var(--card);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;align-items:center;min-width:80px;padding:10px 20px;display:flex}.score-item.best .score-value[data-v-c4895c8b]{color:var(--accent)}.score-label[data-v-c4895c8b]{color:var(--text);opacity:.6;letter-spacing:2px;font-size:11px}.score-value[data-v-c4895c8b]{color:var(--text);font-family:Courier New,monospace;font-size:28px;font-weight:700}.game-controls[data-v-4c5d1302]{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.main-controls[data-v-4c5d1302]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn[data-v-4c5d1302]{border:1px solid var(--card-border);background:var(--card);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 18px;font-size:14px;transition:all .2s}.btn[data-v-4c5d1302]:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.btn[data-v-4c5d1302]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-4c5d1302]{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.btn-primary[data-v-4c5d1302]:hover{opacity:.9}.btn-danger[data-v-4c5d1302]{border-color:var(--danger);color:var(--danger)}.btn-danger[data-v-4c5d1302]:hover{background:var(--danger);color:#fff}.btn-active[data-v-4c5d1302]{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.btn-icon[data-v-4c5d1302]{padding:10px 14px;font-size:18px}.side-controls[data-v-4c5d1302],.speed-selector[data-v-4c5d1302]{align-items:center;gap:6px;display:flex}.speed-selector label[data-v-4c5d1302]{color:var(--text);opacity:.7;font-size:13px}.speed-selector select[data-v-4c5d1302]{border:1px solid var(--card-border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.joystick-overlay[data-v-fa8daee0]{z-index:50;touch-action:none;position:fixed;inset:0}.joystick-base[data-v-fa8daee0]{pointer-events:none;background:#ffffff14;border:2px solid #ffffff26;border-radius:50%;width:100px;height:100px;position:fixed;transform:translate(-50%,-50%)}.joystick-thumb[data-v-fa8daee0]{pointer-events:none;background:#ffffff40;border:2px solid #fff6;border-radius:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;transition:none;position:absolute;top:50%;left:50%}@media (pointer:fine){.joystick-overlay[data-v-fa8daee0]{display:none!important}}.app[data-v-05e6a82c]{background:var(--bg);width:100%;min-height:100dvh;color:var(--text);outline:none;flex-direction:column;align-items:center;padding:24px 16px 20px;display:flex}@media (width<=600px){.app[data-v-05e6a82c]{padding:12px 8px 16px}}.header[data-v-05e6a82c]{margin-bottom:8px}.title[data-v-05e6a82c]{color:var(--accent);text-align:center;margin:0;font-size:32px}.main[data-v-05e6a82c]{flex-direction:column;align-items:center;gap:16px;max-width:100%;display:flex}.board-wrapper[data-v-05e6a82c]{margin:4px 0}.hint[data-v-05e6a82c]{color:var(--text);opacity:.5;text-align:center;font-size:13px}kbd[data-v-05e6a82c]{background:var(--card);border:1px solid var(--card-border);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px}.controls-help[data-v-05e6a82c]{width:100%;max-width:500px;margin-top:20px}.controls-help details[data-v-05e6a82c]{background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:12px 16px}.controls-help summary[data-v-05e6a82c]{cursor:pointer;color:var(--text);opacity:.7;-webkit-user-select:none;user-select:none;font-size:14px}.controls-help summary[data-v-05e6a82c]:hover{opacity:1}.help-grid[data-v-05e6a82c]{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.help-item[data-v-05e6a82c]{color:var(--text);opacity:.8;align-items:center;gap:6px;font-size:13px;display:flex}@media (width<=400px){.help-grid[data-v-05e6a82c]{grid-template-columns:1fr}}.version[data-v-05e6a82c]{opacity:.4;margin-top:12px;font-size:12px}.version a[data-v-05e6a82c]{color:var(--text);text-decoration:none}.version a[data-v-05e6a82c]:hover{color:var(--accent);text-decoration:underline}@media (width<=600px){.app[data-v-05e6a82c]{padding:12px 8px 20px}.header[data-v-05e6a82c]{margin-bottom:4px}.title[data-v-05e6a82c]{font-size:24px}.controls-help[data-v-05e6a82c]{display:none}.version[data-v-05e6a82c]{margin-top:8px}}