#court{margin:0 auto;width:80%;max-width:300px;height:250px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 33% 3px 33% 1fr;column-gap:0px;row-gap:0px;justify-items:stretch;align-items:stretch;justify-content:center;align-content:center;grid-auto-columns:30px;grid-auto-rows:30px;grid-auto-flow:row;background-color:#00f}.t0-b2{border-top:2px solid white;border-right:1px solid white}.t0-b3{border-top:2px solid white;border-left:1px solid white}.t1-b0{border-right:1px solid white;border-bottom:2px solid white}.t1-b1{border-left:1px solid white;border-bottom:2px solid white}.net{border-top:1.5px dashed white;box-shadow:0 0 5px 2px #000}#court div{display:grid}.player-icon{align-self:center;justify-self:center;cursor:pointer;color:#f5f5f5}html,body,#app{margin:0;height:100%}.default-sm-section{max-width:400px;margin:0 auto;padding-left:1%;padding-right:1%}.default-md-section{max-width:700px;margin:0 auto;padding-left:1%;padding-right:1%}.center-text{text-align:center}table{width:100%;border-collapse:collapse;font-size:.9em;font-family:sans-serif;min-width:320px;box-shadow:0 0 20px #00000026;text-align:left}table thead tr{background-color:var(--color-primary);color:#fff}table tr th{background-color:var(--color-primary);color:#fff;width:30%}table th,table td{padding:12px 15px}table tbody tr{border-bottom:1px solid #dddddd;cursor:pointer}table tbody tr th{color:#000}table tbody tr:nth-of-type(2n){background-color:#f3f3f3}table tbody tr:last-of-type{border-bottom:2px solid var(--color-primary)}table tbody tr.active-row{font-weight:700;color:var(--color-primary)}