*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{touch-action:manipulation;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);justify-content:center;align-items:center;min-height:100dvh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#app{justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.snake-game[data-v-0c5c3b87]{flex-direction:column;align-items:center;gap:20px;max-width:100vw;padding:20px;display:flex;overflow:hidden}.game-header[data-v-0c5c3b87]{text-align:center}.game-header h1[data-v-0c5c3b87]{color:#0f8;text-shadow:0 0 10px #00ff8880;margin:0 0 15px;font-size:2.5rem}.info-row[data-v-0c5c3b87]{justify-content:center;align-items:flex-end;gap:40px;display:flex}.score[data-v-0c5c3b87],.level[data-v-0c5c3b87]{flex-direction:column;align-items:center;display:flex}.label[data-v-0c5c3b87]{color:#888;margin-bottom:5px;font-size:.9rem}.score .value[data-v-0c5c3b87],.level .value[data-v-0c5c3b87]{color:#0f8;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.level .value[data-v-0c5c3b87]{color:inherit}.level-name[data-v-0c5c3b87]{margin-top:2px;font-size:.8rem}.game-container[data-v-0c5c3b87]{border:3px solid #0f8;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 20px #00ff884d}.game-canvas[data-v-0c5c3b87]{display:block}.food[data-v-0c5c3b87]{animation:1.5s ease-in-out infinite glow-0c5c3b87}@keyframes glow-0c5c3b87{0%,to{opacity:.8}50%{opacity:1}}.overlay[data-v-0c5c3b87]{background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.pause-text[data-v-0c5c3b87]{color:#fc0;text-shadow:0 0 10px #ffcc0080;font-size:2.5rem;font-weight:700}.game-over h2[data-v-0c5c3b87]{color:#ff6b6b;margin:0;font-size:2rem}.game-over p[data-v-0c5c3b87]{color:#fff;margin:10px 0;font-size:1.2rem}.start-btn[data-v-0c5c3b87]{color:#0f0f23;cursor:pointer;background:linear-gradient(135deg,#0f8,#00cc6a);border:none;border-radius:8px;padding:15px 40px;font-size:1.2rem;font-weight:700;transition:all .3s}.start-btn[data-v-0c5c3b87]:hover{transform:scale(1.05);box-shadow:0 0 20px #00ff8880}.hint[data-v-0c5c3b87]{color:#666;font-size:.9rem}.legend[data-v-0c5c3b87]{gap:20px;margin-top:10px;display:flex}.legend-item[data-v-0c5c3b87]{color:#888;align-items:center;gap:6px;font-size:.9rem;display:flex}.dot[data-v-0c5c3b87]{border-radius:3px;width:12px;height:12px}.dot.snake[data-v-0c5c3b87]{background:#0f8}.dot.food[data-v-0c5c3b87]{background:#ff6b6b;border-radius:50%}.dot.obstacle[data-v-0c5c3b87]{background:#444;border:1px solid #666}.mobile-controls[data-v-0c5c3b87]{flex-direction:column;align-items:center;gap:8px;margin-top:15px;display:none}.controls-row[data-v-0c5c3b87]{gap:8px;display:flex}.ctrl-btn[data-v-0c5c3b87]{color:#0f8;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#1a1a2e;border:2px solid #0f8;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .15s;display:flex}.ctrl-btn[data-v-0c5c3b87]:active{color:#0f0f23;background:#0f8;transform:scale(.95)}@media (width<=768px){.snake-game[data-v-0c5c3b87]{gap:10px;padding:10px}.mobile-controls[data-v-0c5c3b87]{display:flex}.legend[data-v-0c5c3b87]{display:none}.game-header h1[data-v-0c5c3b87]{margin:0 0 10px;font-size:1.8rem}.info-row[data-v-0c5c3b87]{gap:20px}.score .value[data-v-0c5c3b87],.level .value[data-v-0c5c3b87]{font-size:1.2rem}.hint[data-v-0c5c3b87]{font-size:.75rem}}