*{margin:0;padding:0;box-sizing:border-box}.overwide{width:80%;height:500px;margin:30px auto 0;box-shadow:0 5px 10px 4px #00000080}.form-ow{padding:20px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.form-ow input{width:100%;height:35px;font-size:20px;outline:none;padding:20px}.form-ow button{background-color:#000;color:#fff;height:45px;cursor:pointer}.cover{height:90vh;width:100%;display:flex;align-items:center;justify-content:center}.teamname{width:80%;height:500px;margin:30px auto 0;box-shadow:0 5px 10px 4px #00000080}.form-tn{padding:20px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}h1{text-align:center}.form-tn input{width:100%;height:35px;font-size:20px;outline:none;padding:20px}.form-tn button{background-color:#000;color:#fff;height:45px;cursor:pointer}.header{color:#fff;background-color:#000;height:50px;display:flex;align-items:center;justify-content:center;padding:20px}.info{color:#fff;background-color:#000;height:50px;display:flex;align-items:center;justify-content:space-between;padding:20px}.foot{color:#fff;background-color:#000;height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;position:fixed;bottom:0}.middle{width:100%;height:80vh;display:flex;padding-bottom:20px}.scoreboard{width:75%;height:100%;box-shadow:0 5px 10px 7px gray;overflow:auto;display:flex}.click{display:flex;flex-direction:column;width:25%;height:100%;align-items:center;overflow:scroll}.zero,.one,.two,.three,.four,.six,.wide,.out{width:100px;height:100px;margin:10px 0;border-radius:50%;cursor:pointer;padding:20px;display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:700;box-shadow:0 5px 10px 4px #00000080}.wide{font-size:30px;padding:50px;background-color:#00f;color:#fff}.out{background-color:red;color:#fff}.scoreboard .left{display:grid;grid-template-columns:1fr;grid-auto-rows:100px;width:15%;float:left;padding-top:20px;gap:20px}.scoreboard .right{width:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:100px;padding:20px;gap:20px}.scoreboard .right div{height:100px;width:100px;border-radius:50%;background-color:#fff;box-shadow:0 5px 10px 4px #00000080;display:flex;align-items:center;justify-content:center;color:#000;font-size:50px;font-weight:700}.scoreboard .left div{background-color:#fff;display:flex;align-items:center;justify-content:center;color:#000;font-size:20px;font-weight:700}@media (max-width: 600px){.container{font-size:10px}.info{height:25px;padding:5px}.middle{width:100%;height:70vh;display:block;padding-bottom:20px}.scoreboard{width:100%}.scoreboard .right div{height:50px;width:50px;font-size:30px;font-weight:700}.scoreboard .left div{font-size:15px}.scoreboard .left{grid-auto-rows:50px;padding:10px;gap:15px}.scoreboard .right{width:100%;grid-auto-rows:50px;padding:10px 25px;gap:15px}.click{flex-direction:row;width:100%;height:120px;align-items:center;padding-top:5px}.zero,.one,.two,.three,.four,.six,.wide,.out{width:100px;height:100px;margin:0 10px;padding:50px}.out{font-size:30px}.scoreboard{box-shadow:0 5px 10px 1px gray;height:93%}}.choice{width:80%;height:500px;margin:30px auto 0;box-shadow:0 5px 10px 4px #00000080}.form-choice{padding:20px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.A{display:flex;justify-content:center;align-items:center;background-color:#00f;color:#fff;height:75px;cursor:pointer;box-shadow:inset 0 0 0 2px #000}.B{display:flex;justify-content:center;align-items:center;background-color:red;color:#fff;height:75px;cursor:pointer;box-shadow:inset 0 0 0 2px #000}.show{height:100vh;width:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.show h1{color:#fff}.show button{padding:10px 20px;background-color:#fff;border:none;border-radius:5px;margin-top:20px;cursor:pointer;font-size:20px;font-weight:bolder}.show div{display:flex;flex-direction:column;align-items:center}