@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;height:100%;padding:0}#root{height:100vh;padding:0}#root,body{margin:0;width:100%}body{background-color:#000;min-height:100vh;padding:0!important}.App{background-color:#000;color:#fff;flex-direction:column;min-height:100vh}.App,.content{display:flex;width:100%}.content{background:#000;flex:1 1;flex-direction:column;overflow-y:auto;padding:0;position:relative}@media (hover:hover){.content{scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin}.content::-webkit-scrollbar{display:block;width:8px}.content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background-color:#fff6}}@media (hover:none){.content::-webkit-scrollbar{display:none}.content{-ms-overflow-style:none;scrollbar-width:none}}.welcome-screen{padding:0}.nav-icons{justify-content:space-between;width:100%}.nav-icon,.nav-icons{display:flex;margin:0;padding:0}.nav-icon{align-items:center;flex-direction:column;gap:8px;min-width:70px}h1{color:#f8f8f8;font-family:Inter,sans-serif;font-size:3.5rem;font-weight:300;letter-spacing:.2em;margin:0;padding:0}.app-container,.notch,.phone-container{display:none}*{box-sizing:border-box;margin:0;padding:0}.notch{display:none}.score-display{background-color:#1c1c1e;border-radius:15px;padding:15px}.player-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.player-name{flex:1 1;font-weight:500}.score-numbers{display:flex;gap:10px}.score-box{background-color:#2c2c2e;border-radius:8px;height:30px;justify-content:center;width:30px}.header,.score-box{align-items:center;display:flex}.header{justify-content:space-between;margin-bottom:20px}.time{font-size:18px}.controls{display:flex;gap:15px}.control-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:60px 20px}.logo{font-size:32px;font-weight:600;letter-spacing:1px}.welcome-message{text-align:center}.welcome-message h1{font-size:24px;font-weight:400;margin-bottom:10px}.welcome-message p{color:#888;font-size:18px}.tracking-screen{background:#000;color:#fff;display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:16px}.tracking-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1c1c1ee6;border-radius:16px;margin-bottom:16px;padding:20px}.player-controls,.score-grid{background:#2c2c2ecc;border-radius:12px;margin:16px 0;padding:16px}.button-base{align-items:center!important;background-color:initial!important;border:.5px solid #ffffff4d!important;border-radius:8px!important;box-shadow:0 1px 4px 0 #ffffff14!important;color:#fff!important;display:flex!important;flex:1 1!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;height:min(48px,12vw)!important;justify-content:center!important;line-height:1.2!important;margin:0!important;min-height:32px!important;overflow:hidden!important;padding:0!important;position:relative!important;text-align:center!important;text-transform:none!important;transition:all .2s!important;-webkit-user-select:none!important;user-select:none!important}.button-base:hover{background-color:#ffffff2e!important;box-shadow:0 2px 8px 0 #ffffff21!important}.button-base:active{transform:scale(.98)!important}.button-base:disabled{opacity:.4!important;pointer-events:none!important}.button-base .MuiTouchRipple-root{color:#ffffff4d!important}.button-serve-in{box-shadow:0 1px 4px 0 #bfff0014!important;color:#bfff00!important}.button-serve-in:hover{background-color:#bfff0040!important;box-shadow:0 2px 8px 0 #bfff0021!important}.button-serve-in .MuiTouchRipple-root{color:#bfff004d!important}.button-serve-in.pulse{animation:pulse-serve .5s!important;box-shadow:0 0 24px 8px #bfff00,0 0 32px 12px #ffde59!important}.button-serve-in.pulse:hover{box-shadow:0 0 32px 12px #bfff00,0 0 48px 16px #ffde59!important}.button-serve-out{box-shadow:0 1px 4px 0 #ff444414!important;color:#f44!important}.button-serve-out:hover{background-color:#ff444440!important;box-shadow:0 2px 8px 0 #ff444421!important}.button-serve-out .MuiTouchRipple-root{color:#ff44444d!important}.button-serve-out.pulse{animation:pulse-serve .5s!important;box-shadow:0 0 24px 8px #f44,0 0 32px 12px #ffde59!important}.button-serve-out.pulse:hover{box-shadow:0 0 32px 12px #f44,0 0 48px 16px #ffde59!important}@media (max-width:375px){.button-base{font-size:12px!important;height:36px!important}}@keyframes pulse-serve{0%{box-shadow:0 0 0 0 #ffde59}50%{box-shadow:0 0 32px 16px #ffde59}to{box-shadow:0 0 0 0 #ffde59}}.prepare-screen{display:flex;flex-direction:column;gap:20px;height:100%}h2{color:#fff;text-align:center}