Как сделать такие линии на css?
А не проще ли использовать модуль Canvas? В смысле, это не подразумевает что все точки и углы придётся считать самому, есть же софтинка: www.htmlcanvasstudio.com
И чтобы пасиба мне сказал!
Видел что-то похожее, см 8 задачу https://habr.com/en/company/yandex/blog/430560/
Вот тебе лошадка на css для вдохновенияsnippet