.game[data-game="snake"] .game__canvas-wrap{background: radial-gradient(120% 90% at 50% 0%,rgba(18,183,106,.18),transparent 60%),linear-gradient(180deg,#0b1220,#121b2a);border-color: color-mix(in srgb,var(--accent) 34%,var(--c-border-strong))}.game[data-game="snake"] #gameCanvas{box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent),0 18px 40px -28px color-mix(in srgb,var(--accent) 70%,transparent)}.game[data-game="snake"] .gamehud__item:first-child b{color: var(--accent);text-shadow: 0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.game[data-game="snake"] .game__status{color: color-mix(in srgb,var(--accent) 55%,var(--c-muted))}.game[data-game="snake"] .gametouch{grid-template-columns: repeat(3,64px);grid-auto-rows: 58px;gap: 10px;margin-top: 2px}.game[data-game="snake"] .gametouch__btn{font-size: 19px;background: linear-gradient(180deg,#1b2739,#141d2b);color: var(--game-pad-ink);border-color: color-mix(in srgb,var(--accent) 22%,var(--c-border-strong))}.game[data-game="snake"] .gametouch__btn:active{background: var(--accent);border-color: var(--accent);transform: translateY(1px)}@media (hover: hover) and (pointer: fine) and (min-width: 900px){.game[data-game="snake"] [data-game-touch]{display: none}}@media (max-width: 560px){.game[data-game="snake"] .gametouch{grid-template-columns: repeat(3,58px);grid-auto-rows: 52px;gap: 8px}}