.snake-panel{background:#e8e9dd;border:1px solid #ccd4bf;border-radius:15px;overflow:hidden;min-width:0}.snake-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px;font-size:12px}.snake-toolbar label{display:flex;gap:7px;align-items:center}.snake-panel select,.snake-panel button{font:inherit;border:1px solid #a0ad92;background:#f9f7eb;color:#2b4533;border-radius:7px;min-height:44px;padding:9px 12px}.snake-toolbar>button{margin-left:auto}.snake-screen{margin:0 18px;padding:14px;background:#9aab83;border:6px solid #bbc4a8;border-radius:12px;box-shadow:inset 0 2px 6px #36452826}.snake-stats{display:flex;justify-content:space-between;gap:8px;font:12px/1.6 'Courier New',monospace;color:#293922;border-bottom:2px solid #667650;padding-bottom:8px;margin-bottom:10px}.snake-stats strong{font-size:19px;display:block;letter-spacing:2px}#snake-board{display:block;width:100%;height:auto;background:#aebd91;image-rendering:pixelated;border:2px solid #4c603c;touch-action:none;outline-offset:3px}.snake-board-wrap{position:relative}.snake-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.snake-message{background:#bccaa2f5;border:2px solid #35472b;box-shadow:4px 4px #465a3430;text-align:center;padding:16px 20px;max-width:88%;color:#293922;font-family:'Courier New',monospace}.snake-message strong{display:block;font-size:22px;letter-spacing:2px;margin-bottom:8px}.snake-message span{font-size:12px;line-height:1.6}.snake-overlay[hidden]{display:none}.snake-bottom{padding:17px 20px}.snake-controls{display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(3,50px);justify-content:center;gap:7px;margin:0 auto 14px}.snake-controls [data-direction="up"]{grid-column:2;grid-row:1}.snake-controls [data-direction="left"]{grid-column:1;grid-row:2}.snake-controls [data-direction="right"]{grid-column:3;grid-row:2}.snake-controls [data-direction="down"]{grid-column:2;grid-row:3}.snake-controls #toggle{grid-column:2;grid-row:2;font-size:11px;background:#32523b;color:#fff5df}.snake-controls button{font-size:19px;padding:5px;touch-action:none;border-bottom-width:3px}.snake-controls small{font:10px 'Courier New',monospace;display:block;margin-top:2px}.snake-controls button:active{transform:translateY(1px);border-bottom-width:1px}.snake-panel,.snake-panel *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.snake-bottom #status{font-size:13px;line-height:1.7;color:#314d37;margin:10px 0}.snake-help{font-size:12px;line-height:1.8;color:#4f6346}.snake-sound{display:flex;gap:9px;align-items:center;margin-top:12px;font-size:12px;color:#4f6346}.snake-sound input{width:20px;height:20px;accent-color:#32523b}.snake-panel button:focus-visible,.snake-panel select:focus-visible{outline:3px solid #a54e2c;outline-offset:3px}.snake-screen.victory{animation:snake-cheer .8s ease-out 2}@keyframes snake-cheer{50%{border-color:#6e8d53;box-shadow:0 0 0 4px #b6c994}}@media(prefers-reduced-motion:reduce){.snake-screen.victory{animation:none}}@media(max-width:500px){.snake-toolbar{padding:12px;gap:8px}.snake-toolbar>button{margin-left:0}.snake-screen{margin:0 10px;padding:8px;border-width:4px}.snake-stats{font-size:10px}.snake-stats strong{font-size:16px}.snake-bottom{padding:14px}.snake-message{padding:12px}.snake-message strong{font-size:18px}.snake-message span{font-size:10px}.snake-controls{grid-template-columns:repeat(3,minmax(52px,70px));grid-template-rows:repeat(3,48px)}}.mini-game .snake-screen{margin:0 6px}.mini-game .snake-toolbar{padding:8px}.mini-game .snake-bottom{padding:10px}.mini-game .snake-controls{grid-template-rows:repeat(3,44px);gap:5px;margin-bottom:8px}.snake-art{background:#e3e8d5}.snake-art img{width:176px;height:141px;max-width:94%;margin-top:12px;object-fit:contain}
.snake-screen{width:calc(100% - 36px);max-width:640px;margin-inline:auto!important}@media(max-width:500px){.snake-screen{width:calc(100% - 20px)}}