.mg-snake{--ink:#090b1e;--navy:#111a45;--cyan:#24f5d1;--pink:#ff3e91;--yellow:#ffe84a;max-width:900px;margin:0 auto;background:var(--ink);color:#fff;font-family:Arial,sans-serif;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--pink)}.mg-snake *{box-sizing:border-box}.snake-head{padding:38px 24px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#2f347a 0,var(--navy) 55%,var(--ink) 100%)}.snake-head p{margin:0;color:var(--yellow);font:800 11px monospace;letter-spacing:3px}.snake-head h1{margin:12px 0;font:900 clamp(64px,14vw,118px)/.8 Impact,Arial Black,sans-serif;letter-spacing:3px;color:var(--pink);-webkit-text-stroke:2px var(--yellow);text-shadow:5px 5px 0 #30194f}.snake-stats{display:flex;justify-content:center;gap:38px;font:800 14px monospace;color:var(--cyan)}.snake-stats b{color:#fff;margin-left:8px}.snake-game{padding:24px;background:#f4f0ff;color:var(--ink)}.snake-board-wrap{position:relative;max-width:600px;margin:auto;border:5px solid var(--ink);box-shadow:8px 8px 0 #7a17c9;background:var(--navy)}#snake-canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.snake-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#090b1edb;color:#fff;text-align:center}.snake-overlay[hidden]{display:none}.snake-overlay strong{font:900 clamp(38px,8vw,72px)/1 Impact,Arial Black,sans-serif;color:var(--pink);-webkit-text-stroke:1px var(--yellow)}.snake-overlay small{font:700 13px monospace;color:var(--cyan)}.snake-overlay button,.snake-how button{border:3px solid var(--ink);padding:13px 18px;background:var(--yellow);color:var(--ink);font:900 13px monospace;cursor:pointer;box-shadow:4px 4px 0 var(--cyan)}.snake-controls{display:none;max-width:240px;margin:22px auto 0;text-align:center}.snake-controls button{width:64px;height:50px;margin:3px;border:3px solid var(--ink);background:var(--cyan);color:var(--ink);font-size:22px;font-weight:900;box-shadow:3px 3px 0 var(--pink)}.snake-how{max-width:600px;margin:25px auto 0;padding:17px 20px;border:3px solid var(--ink);background:#fff;display:flex;gap:18px;align-items:center}.snake-how b{font:900 14px monospace;color:#7616bd}.snake-how p{margin:0;line-height:1.45;font-size:14px}.snake-how button{margin-left:auto;white-space:nowrap;background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--ink)}@media(max-width:650px){.snake-game{padding:16px}.snake-controls{display:block}.snake-how{display:block}.snake-how p{margin:9px 0 15px}.snake-how button{width:100%}}