@layer component{._05yHDG_Snake{gap:var(--space-4);display:grid}._05yHDG_Snake ._05yHDG_toolbar,._05yHDG_Snake ._05yHDG_settings{align-items:end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}._05yHDG_Snake ._05yHDG_toolbar{align-items:center;gap:var(--space-2)}._05yHDG_Snake ._05yHDG_play{align-items:start;gap:var(--space-4);flex-wrap:wrap;display:flex}._05yHDG_Snake canvas{aspect-ratio:1;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);touch-action:none;inline-size:min(100%,36rem,70svh);display:block}._05yHDG_Snake ._05yHDG_pad{gap:var(--space-1);grid-template-areas:"._05yHDG_up.""_05yHDG_left._05yHDG_right""._05yHDG_down.";justify-content:start;display:grid}._05yHDG_Snake ._05yHDG_pad>[data-direction=up]{grid-area:_05yHDG_up}._05yHDG_Snake ._05yHDG_pad>[data-direction=left]{grid-area:_05yHDG_left}._05yHDG_Snake ._05yHDG_pad>[data-direction=right]{grid-area:_05yHDG_right}._05yHDG_Snake ._05yHDG_pad>[data-direction=down]{grid-area:_05yHDG_down}._05yHDG_Snake dl{gap:var(--space-2) var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}._05yHDG_Snake dl div{gap:var(--space-2);display:flex}._05yHDG_Snake dl dd{color:var(--color-text-primary);margin:0}._05yHDG_Snake ._05yHDG_help{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}}