@import"https://fonts.cdnfonts.com/css/stillhouse";html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}button{cursor:pointer}button:active{background:#1e1e1e}.player-controls{height:100%;width:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;font-size:8rem;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-family:Stillhouse,sans-serif;text-rendering:optimizeLegibility}.player{display:flex;height:50%;width:100%;justify-content:center;flex-direction:column!important;align-items:center;gap:2rem}.player-inner{display:flex;height:100%;width:100%;justify-content:center;flex-direction:column!important;align-items:center;gap:1rem}.player-left{transform:scale(-1)}.life{display:flex;justify-content:center;align-items:center;height:80%;width:100%}.life-number{width:250px;display:flex;justify-content:center;align-items:center;font-size:10rem;padding-top:20%}.fill{height:40%}.control{font-size:2rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:40%}.control-sm{font-size:6rem}button{background:transparent;border:none;color:#fff;display:flex;text-align:center;height:100%;width:60px}.name{text-transform:uppercase;font-size:2rem}.player-controls-timer{font-size:18px}.player-match-controls{font-size:1rem;display:flex;width:100%}.game-win-indicators{display:flex;width:100%;align-items:center;justify-content:center;padding:15px;gap:15px}.game-win-indicators>button{padding:5px 8px;height:34px;border:1px solid white;text-align:center;display:flex;align-items:center;justify-content:center}.reset-container{display:flex;flex-direction:row;align-items:center;justify-content:center;height:140px;font-size:18px;gap:1em}.reset-button{display:flex;height:48px;width:48px;align-items:center;justify-content:center;border:1px solid white;padding:5px;border-radius:100%;cursor:pointer}.inverse{transform:scale(-1)}.controls-timer{width:3em}.overlay-container{display:flex;flex-grow:1;flex-direction:column;height:100%;width:100%;justify-content:space-between;overflow:hidden;color:#fff;font-size:30px;text-transform:uppercase;font-family:Stillhouse,sans-serif;textf-rendering:optimizeLegibility;--font-size-adjust: .5}.overlay-top{display:flex;flex-direction:row;justify-content:space-between;background:#000000fc;height:100px;border-bottom:2px solid orangered}.player{display:flex;flex-direction:row;height:100%}.player-data{height:100%;width:500px;padding:10px 15px}.player-tracking{display:flex;height:100%}.player-data-top{font-size:45px}.player-deck{color:#ff4500}.player-record{font-size:18px;letter-spacing:5px}.divider{color:#777474fc}.player-play-draw{padding:10px;font-size:21px;writing-mode:vertical-rl;text-orientation:upright;background:#332b2bfc}.player-data-bottom{font-size:22px;display:flex;flex-direction:row;align-items:center;gap:15px}.player-life-total{display:flex;align-items:center;justify-content:center;padding-top:10px;font-size:70px;width:80px;padding-left:20px;padding-right:20px;background:#777474fc;text-shadow:4px 2px 1px rgba(255,255,255,.6)}.match-data{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:15px;height:100%;background:#332b2bfc}.round-timer{display:flex;flex-direction:column;align-items:center;width:200px}.timer{font-size:45px;min-width:200px;display:flex;flex-direction:row;justify-content:center}.round{font-size:35px}.player-wins{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100%;font-size:50px;color:#ff4500;padding:5px}.overlay-bottom{display:flex;align-items:center;justify-content:space-between;padding-left:20px;background:#000000fc;height:60px;border-top:4px solid orangered}.location{display:flex;font-size:20px;color:#777474fc}.logo{height:50px;width:50px;border-radius:100%;padding:20px;background:#fff;border:3px solid orangered}.logo>img{height:60px;width:70px;margin-left:-10px;margin-top:-10px}.spacer{width:30%;font-size:24px}.round-controls{height:100%;width:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;background:#000;color:#fff;font-size:1rem;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-family:Stillhouse,sans-serif;text-rendering:optimizeLegibility;gap:2em}.round-controls button{border:1px solid white;height:60px;width:120px;display:flex;align-items:center;padding:10px;justify-content:center}input{font-family:Stillhouse,sans-serif;font-size:1.2rem;border:2px solid royalblue;width:120px}