.game-board{display:grid;gap:1px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;padding:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:100%;max-height:100%}.cell{background:#0f172a;border-radius:2px;transition:.15s cubic-bezier(.4,0,.2,1);position:relative}.snake-head{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px rgba(16,185,129,.4);border-radius:4px;transform:scale(1.1)}.snake-body{background:linear-gradient(135deg,#34d399,#10b981);border-radius:3px;transform:scale(.95)}.food{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;animation:foodPulse 1s infinite;box-shadow:0 0 15px rgba(239,68,68,.6)}@keyframes foodPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.game-over-panel{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(15,23,42,.95);border-radius:12px;text-align:center}.hud-panel{backdrop-filter:blur(10px);background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.2)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);transition:.2s}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 10px 25px rgba(59,130,246,.3)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569)}.btn-secondary:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px)}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:#1e293b;padding:30px;border-radius:10px;width:90%;max-width:450px;box-shadow:0 10px 25px rgba(0,0,0,.5)}.touch-controls{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:150px;height:150px;gap:5px;margin-top:10px}.control-btn{background:#334155;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px #1e293b;transition:.1s}.control-btn:active{transform:translateY(2px);box-shadow:0 2px #1e293b}.empty-cell{background:0 0}