.snake{--blue:#478d30}.snake-score{display:flex;align-items:center;gap:30px;padding:0 0 14px}.snake-score span{font-size:12px}.snake-score strong{display:block;font-size:30px;font-variant-numeric:tabular-nums}.snake-score>span:last-child{margin-left:auto;background:#e1ebd4;padding:8px;border-radius:20px}.snake-wrap{position:relative;border:8px solid #253b2f;border-radius:16px;overflow:hidden;box-shadow:0 6px 0 #18271f;background:#152a20}#snake-board{display:block;width:100%;aspect-ratio:1;touch-action:none}#cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#152a20ed;color:#f4f9dc}#cover-icon{font-size:60px;color:#b8e969}#cover h2{font-size:clamp(24px,4vw,36px);margin:14px 0 0}#cover p{line-height:1.5;color:#cedac6}#cover .primary{max-width:240px;background:#b8e969;color:#213c25;border-color:#739c3d}.snake-actions{display:flex;gap:8px;margin:20px 0}.snake-actions button,.direction-pad button{padding:13px;border:1px solid #bbcbb5;border-radius:10px;background:white;color:#253b2f}.snake-actions button{flex:1}.direction-pad{display:grid;grid-template-columns:repeat(3,60px);gap:8px;justify-content:center;margin:28px 0}.direction-pad button{font-size:26px;font-weight:bold;touch-action:none}.direction-pad button:first-child{grid-column:2}.direction-pad button:nth-child(2){grid-column:1}.direction-pad button:active{background:#b8e969}#status{font-size:14px;min-height:22px}@media(max-width:780px){.snake .controls{padding-top:16px}.direction-pad{margin:16px 0}}