.modal-backdrop.show { opacity: 1 }

.b-red { background: #141414; color: #ff0000; }
.b-blue { background: #0d078fc9; color: #ecff00; }
.b-violet { background: #4846cdc2; color: white;font-weight:bold; }
.b-grey { background: #ffffffc7 }
.b-white { background: #ffffffa6 }
.b-whater {background:#46c1cd96;color:white;font-weight:bold; }
.nowrap { white-space: nowrap }
.score-row { margin: 5px 0; }
    .score-row .score-col { height: 100%; display: flex; align-items: center; justify-content: center; text-shadow: 1px 2px black; }
.fnt-6 { font-size: 30px }
.fnt-7 { font-size: 46px }
.fnt-5{font-size:24px}
.fnt-10{font-size:70px;}


body { background: transparent; background-color: transparent; }

.scr-col { text-shadow: 1px 2px black; }
.squ-name { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }