:root{--bg-dark: #0f172a;--bg-panel: rgba(30, 41, 59, .7);--neon-green: #00ffcc;--neon-green-dim: #00ccaa;--neon-red: #ff0055;--text-main: #f8fafc;--text-muted: #94a3b8;--font-main: "Quicksand", "PingFang SC", system-ui, sans-serif}body{margin:0;padding:0;background:linear-gradient(135deg,#0f172a,#1e1b4b);color:var(--text-main);font-family:var(--font-main);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.game-container{width:100%;max-width:500px;padding:20px;display:flex;flex-direction:column;gap:20px}.game-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.score-board{display:flex;gap:24px}.score-item{display:flex;flex-direction:column}.score-item .label{font-size:12px;color:var(--text-muted);font-weight:700;display:flex;align-items:center;gap:4px}.score-item .value{font-size:24px;font-weight:800}.neon-text{color:var(--neon-green);text-shadow:0 0 10px rgba(0,255,204,.5)}.text-red{color:var(--neon-red);text-shadow:0 0 10px rgba(255,0,85,.5)}.cloud-status{font-size:12px;color:var(--text-muted);background:#0003;padding:4px 10px;border-radius:99px}.cloud-status .syncing{animation:pulse 1.5s infinite}.board-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;background:#0006;border-radius:24px;border:2px solid rgba(255,255,255,.05);overflow:hidden;box-shadow:inset 0 0 20px #00000080,0 10px 30px #0000004d}.game-board{width:100%;height:100%;display:block}@keyframes pulse{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}.food-pulse{transform-origin:center;animation:pulse 1s ease-in-out infinite}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10}.glass-panel{background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:#ffffff0d;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006}.menu-content .title{font-size:32px;margin:0;font-weight:900;letter-spacing:2px}.difficulty-selector{display:flex;flex-direction:column;gap:10px;color:var(--text-muted);font-size:14px}.diff-buttons{display:flex;gap:8px}.diff-btn{background:#ffffff1a;border:none;color:#fff;padding:8px 16px;border-radius:99px;cursor:pointer;transition:all .2s;font-family:inherit}.diff-btn:hover{background:#fff3}.diff-btn.active{background:var(--neon-green);color:#000;font-weight:700;box-shadow:0 0 15px #0fc6}.primary-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--neon-green),#00b3ff);color:#000;border:none;padding:14px 32px;font-size:18px;font-weight:800;border-radius:99px;cursor:pointer;box-shadow:0 6px #00997acc,0 10px 20px #0000004d;transition:transform .1s,box-shadow .1s}.primary-btn:active{transform:translateY(4px)!important;box-shadow:0 2px #00997acc,0 5px 10px #0000004d}.final-score{font-size:18px;margin:10px 0}.new-record{color:gold;font-weight:700;font-size:14px;margin-top:5px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.controls{display:flex;justify-content:space-between;align-items:center;padding:10px}.icon-btn{width:50px;height:50px;border-radius:16px;background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px #0000004d}.icon-btn:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.d-pad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:5px}.d-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.05);border-radius:12px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:inset 0 2px 5px #ffffff1a,0 4px #0006}.d-btn:active{background:#fff3;transform:translateY(2px);box-shadow:inset 0 2px 5px #ffffff1a,0 2px #0006}.d-btn.up{grid-column:2;grid-row:1}.d-btn.left{grid-column:1;grid-row:2}.d-btn.right{grid-column:3;grid-row:2}.d-btn.down{grid-column:2;grid-row:3}@media (max-width: 400px){.game-container{padding:10px}.d-pad{grid-template-columns:repeat(3,45px);grid-template-rows:repeat(3,45px)}.icon-btn{width:45px;height:45px}}