.names,.pair,.bracket-card,.pending{overflow-wrap:anywhere}
summary{cursor:pointer;min-height:48px;padding:14px 0;color:var(--green);font-weight:bold;font-size:14px}
@media(min-width:651px) and (max-width:1100px){body:not(.tv) .tables{grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto;padding-bottom:10px}body:not(.tv) .hero{margin:18px 0}body:not(.tv) h1{font-size:36px}}
@media(min-width:1101px){
 .tv header{min-height:62px;padding:17px 3vw}.tv header img{width:245px}
 .tv main{padding:12px 3vw 25px}.tv .hero{margin:14px 0}.tv h1{font-size:36px;margin:8px 0}
 .tv .screen-tabs{margin:12px 0}.tv .screen-tabs button{min-height:40px;padding:8px 16px}
 .tv .tables{gap:10px;margin:10px 0 22px}.tv .table{min-height:135px;padding:14px}.tv .table .pair{font-size:20px;margin:10px 0}
 .tv .queue{grid-template-columns:1fr 1fr;gap:10px}.tv .match{padding:12px;gap:10px;min-height:94px}.tv .names{font-size:20px;margin:5px 0}.tv .first{margin-top:5px}.tv .rank{font-size:22px}
 .tv .split{grid-template-columns:3fr 1fr;gap:20px}.tv .pending{padding:10px 0;font-size:13px}.tv aside.panel{padding:20px;max-height:535px;overflow:auto}
 .tv h2{font-size:22px;margin-bottom:12px}.tv .panel h2{margin-top:10px}.tv footer{padding:16px 3vw}
}