*{font-family:Roboto,sans-serif}body{margin:0;background-color:#3e71e3}.stadium{height:100vm;width:100vm;width:100vmin;height:100vmin;position:absolute;inset:0;margin:auto}.stadium .court{position:relative;width:85%;height:85%;float:right;background-color:#d97e68;box-shadow:inset 0 0 0 .5vmin #fff,0 3px 6px #00000029,0 3px 6px #0000003b}.stadium .court .three-line{position:absolute;top:33.33%;left:0;width:100%;height:.5vmin;background-color:#fff}.stadium .court .boundaries{position:absolute;width:100%;height:100%;opacity:.5;z-index:10;pointer-events:none}.stadium .court .boundaries .boundary-vertical{position:absolute;background-color:#000;height:100%;transition:width .8s ease-in-out}.stadium .court .boundaries .boundary-horizontal{position:absolute;background-color:#000;width:100%;transition:height .8s ease-in-out}.stadium .court .boundary{position:absolute;height:100%;width:80%;right:0;background-color:#000;opacity:.6}.stadium .court .player{position:absolute;width:10%;height:10%;box-sizing:border-box;border:.5vmin solid white;border-radius:50%;cursor:pointer;padding:0;transition:inset .8s ease-in-out,transform .3s ease}.stadium .court .player.selected{transform:scale(1.1);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.stadium .court .player.setter{background-color:#6495ed}.stadium .court .player.outside-hitter{background-color:#228b22}.stadium .court .player.middle-blocker{background-color:#dc143c}.stadium .court .player.right-side-hitter{background-color:teal}.stadium .court .player.libero{background-color:#daa520}.stadium .court .player .player-label{width:100%;background:none;color:#fff;padding:0;border:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #fffc}70%{transform:scale(1);box-shadow:0 0 0 2vmin #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}.stadium .court .player-position{position:absolute;font-weight:700;font-size:20vmin;opacity:.1;color:#000;-webkit-user-select:none;user-select:none}.stadium .button-panel{height:15%;width:85%;float:right;color:#fff;display:flex;justify-content:space-between}.stadium .button-panel .button-group{flex:1;padding-top:1rem}.button-basic{border:none;font-size:1rem;font-weight:500;color:#fff;background-color:#d97e68;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;cursor:pointer;padding:.625rem}.button-basic:active{transform:translateY(2px);box-shadow:inset 0 3px 6px #00000029,inset 0 3px 6px #0000003b}.button-rounded{border-radius:50%;width:2.4375rem;height:2.4375rem}.button-curved{border-radius:1.25rem}@media (max-width: 768px){html{font-size:12px}.player-label:focus{outline:none;box-shadow:none}}