.snake{flex-direction:column;display:flex;position:absolute;inset:.4rem}.snake__score{color:#0d0809;border-bottom:1px solid #0d0809;margin-bottom:.2rem;font-size:1.2rem}.snake__board{border:1px solid;flex:1;position:relative}.snake__food,.snake__segment{width:var(--cell-size);height:var(--cell-size);position:absolute}.snake__segment{background:#306230;box-shadow:inset -1px -1px #0003,inset 1px 1px #ffffff1a}.snake__segment--head{background:#0f380f}.snake__food{background:#8bac0f;border-radius:2px}