body,html{box-sizing:border-box;margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}#root{max-width:100vw;overflow-x:hidden;width:100%}@media screen and (min-width:2560px){#root,.MuiBox-root,.MuiContainer-root,.main-layout-container,body,html{max-width:100vw!important;overflow-x:hidden!important}}@media screen and (min-width:3840px){#root,body,html{max-width:100vw!important;overflow-x:hidden!important;width:100vw!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.playing-style-container{display:flex;flex-wrap:wrap;gap:10px}.playing-style-container .MuiButton-root,.playing-style-container .MuiButtonBase-root,.playing-style-container [role=button],.playing-style-container button{font-size:14px!important;min-width:120px!important;overflow:visible!important;padding:8px 16px!important;text-overflow:clip!important;white-space:nowrap!important;width:auto!important}.MuiMenuItem-root,.MuiSelect-select{min-width:150px!important;white-space:nowrap!important}.bowling-hand-select{min-width:180px!important}.player-form-container{margin:0 auto!important;max-width:800px!important}.player-form-section{border-radius:8px!important;margin-bottom:20px!important;padding:15px!important}.player-form-container .MuiFormLabel-root,.player-form-container .MuiInputLabel-root{overflow:visible!important;white-space:nowrap!important}.fastest-record-form-container .MuiInputLabel-root{max-width:calc(100% - 24px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.debug-panel-toggle{position:fixed;right:20px;top:80px;z-index:9999}.toggle-button{background:#2d3748;border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.toggle-button:hover{background:#4a5568;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.console-debug-panel{background:#1a202c;border-left:2px solid #4a5568;box-shadow:-4px 0 20px #0000004d;color:#e2e8f0;display:flex;flex-direction:column;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;height:100vh;position:fixed;right:0;top:0;width:60vw;z-index:10000}.panel-header{background:#2d3748;border-bottom:1px solid #4a5568;justify-content:space-between;padding:12px 16px}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{gap:12px}.panel-title h3{font-size:14px;font-weight:600;margin:0}.capture-status{background:#4a5568;border-radius:4px;font-size:11px;padding:4px 8px}.status-capturing{color:#fc8181}.status-stopped{color:#a0aec0}.panel-controls{display:flex;gap:8px}.control-btn{background:#4a5568;border:none;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:11px;padding:6px 10px;transition:background .2s ease}.control-btn:hover{background:#718096}.control-btn.start{background:#38a169}.control-btn.start:hover{background:#48bb78}.control-btn.stop{background:#e53e3e}.control-btn.stop:hover{background:#f56565}.control-btn.close{background:#e53e3e}.control-btn.close:hover{background:#f56565}.panel-filters{background:#2d3748;border-bottom:1px solid #4a5568;flex-wrap:wrap;gap:12px;padding:8px 16px}.filter-group,.panel-filters{align-items:center;display:flex}.filter-group{font-size:11px;gap:6px}.filter-group label{color:#a0aec0;font-weight:500}.type-filter{align-items:center;border-radius:3px;cursor:pointer;display:flex;gap:4px;padding:2px 6px;transition:background .2s ease}.type-filter:hover{background:#4a5568}.type-filter input[type=checkbox]{margin:0}.search-input{background:#4a5568;border:1px solid #718096;border-radius:4px;color:#e2e8f0;font-size:11px;padding:4px 8px;width:200px}.search-input:focus{border-color:#63b3ed;outline:none}.time-filter{background:#4a5568;border:1px solid #718096;border-radius:4px;color:#e2e8f0;font-size:11px;padding:4px 8px}.panel-content{display:flex;flex:1 1;overflow:hidden}.stats-section{background:#2d3748;border-right:1px solid #4a5568;overflow-y:auto;width:250px}.stats-panel{padding:12px}.stats-summary{border-bottom:1px solid #4a5568;display:flex;gap:16px;margin-bottom:16px;padding-bottom:12px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{color:#a0aec0;font-size:10px;font-weight:600;text-transform:uppercase}.stat-value{color:#63b3ed;font-size:16px;font-weight:700}.stats-by-type{margin-bottom:16px}.type-stat{align-items:center;display:flex;font-size:11px;gap:8px;padding:4px 0}.type-icon{width:16px}.type-name{flex:1 1;text-transform:capitalize}.type-count{color:#63b3ed;font-weight:600}.stats-sources{border-top:1px solid #4a5568;padding-top:12px}.stats-sources h4{color:#a0aec0;font-size:11px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.source-stat{align-items:center;display:flex;font-size:10px;justify-content:space-between;padding:2px 0}.source-name{color:#cbd5e0;font-family:monospace;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-count{color:#63b3ed;font-weight:600}.logs-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.logs-header{background:#2d3748;border-bottom:1px solid #4a5568;color:#a0aec0;font-size:11px;font-weight:600;padding:8px 16px}.logs-container{flex:1 1;overflow-y:auto;padding:8px}.no-logs{color:#a0aec0;font-style:italic;padding:40px 20px;text-align:center}.log-entry{border-left:3px solid #0000;border-radius:4px;cursor:pointer;margin-bottom:4px;padding:8px 12px;transition:all .2s ease}.log-entry:hover{background:#2d3748}.log-entry.selected{background:#2d3748;border-left-color:#63b3ed}.log-entry.log-error{background:#ff44441a;border-left-color:#f44}.log-entry.log-warn{background:#ffaa001a;border-left-color:#fa0}.log-entry.log-info{background:#4488ff1a;border-left-color:#48f}.log-entry.log-debug{background:#aa44ff1a;border-left-color:#a4f}.log-header{align-items:center;display:flex;font-size:10px;gap:8px;margin-bottom:4px}.log-icon{width:16px}.log-timestamp{color:#a0aec0;font-family:monospace}.log-source{color:#63b3ed;font-family:monospace;font-weight:500}.log-type{background:#ffffff1a;border-radius:2px;font-size:9px;font-weight:600;padding:2px 4px}.log-message{color:#e2e8f0;font-family:monospace;line-height:1.4;word-break:break-word}.log-details{border-top:1px solid #4a5568;margin-top:8px;padding-top:8px}.log-args,.log-stack{margin-bottom:8px}.log-args strong,.log-stack strong{color:#a0aec0;display:block;font-size:10px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.log-args pre,.log-stack pre{background:#1a202c;border:1px solid #4a5568;border-radius:4px;color:#cbd5e0;font-size:10px;line-height:1.3;margin:0;overflow-x:auto;padding:8px}.logs-container::-webkit-scrollbar,.stats-section::-webkit-scrollbar{width:6px}.logs-container::-webkit-scrollbar-track,.stats-section::-webkit-scrollbar-track{background:#2d3748}.logs-container::-webkit-scrollbar-thumb,.stats-section::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.logs-container::-webkit-scrollbar-thumb:hover,.stats-section::-webkit-scrollbar-thumb:hover{background:#718096}@media (max-width:1200px){.console-debug-panel{width:70vw}.stats-section{width:200px}}@media (max-width:768px){.console-debug-panel{width:100vw}.stats-section{display:none}.panel-filters{align-items:stretch;flex-direction:column;gap:8px}.filter-group{justify-content:space-between}}.App{text-align:center}.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)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.stats-card{align-items:center;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;overflow:hidden;padding:16px 8px;position:relative;transition:all .3s ease;width:100%}.stats-card:hover{box-shadow:0 5px 10px #00000026;transform:translateY(-2px)}.stats-card .stats-icon{font-size:1.5rem;margin-bottom:4px;opacity:.9}.stats-card .stats-value{font-size:2rem;font-weight:700;line-height:1;margin:4px 0}.stats-card .stats-label{font-size:.8rem;font-weight:500;letter-spacing:1px;margin-top:2px;text-align:center;text-transform:uppercase}.stats-card:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fffc 50%,#fff0);bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.admin-tools-container{margin:0;padding:0;width:100%}.admin-tool-card{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-bottom:0;overflow:hidden;position:relative;text-align:center;transition:all .3s ease}.admin-tool-card .tool-icon{color:#1976d2;font-size:1.5rem;margin-bottom:8px;transition:all .3s ease}.admin-tool-card:hover .tool-icon{transform:scale(1.05)}.admin-tool-card .tool-title{font-size:1.1rem;font-weight:600;line-height:1.2;margin-bottom:8px}.admin-tool-card .tool-description{color:#ffffffb3;color:var(--text-secondary-color,#ffffffb3);font-size:.85rem;line-height:1.4;margin-bottom:12px;max-width:90%}.admin-tool-card .tool-action{margin:0 auto;width:80%}.dark-mode .admin-tool-card,.dark-mode .stats-card{background-color:var(--mui-palette-background-paper)!important;color:var(--mui-palette-text-primary)!important}.dark-mode .stats-card:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000)}@media (max-width:1200px){.admin-dashboard-container,.stats-container{padding:0}}@media (max-width:960px){.stats-card .stats-value{font-size:1.7rem}.stats-card .stats-icon{font-size:1.5rem}.stats-card{padding:12px 4px}.admin-tool-card{padding:12px 8px}}@media (max-width:600px){.stats-container{margin-bottom:8px}.stats-card{padding:10px 4px}.stats-card .stats-value{font-size:1.5rem;margin:2px 0}.stats-card .stats-label{font-size:.7rem;margin-top:2px}.admin-tool-card{padding:12px 8px}.admin-tool-card .tool-icon{font-size:1.5rem;margin-bottom:6px}.admin-tool-card .tool-title{font-size:1rem;margin-bottom:6px}.admin-tool-card .tool-description{font-size:.8rem;margin-bottom:10px;max-width:95%}.admin-dashboard-container{padding:0}.admin-section-title{font-size:1.3rem;margin-bottom:8px}}.admin-tabs{margin-bottom:16px}.admin-tabs .MuiTab-root{font-weight:500;min-width:100px;padding:12px 16px;text-transform:none;transition:all .3s ease}.admin-tabs .MuiTab-root.Mui-selected{background-color:#00000008;font-weight:600}.dark-mode .admin-tabs .MuiTab-root.Mui-selected{background-color:#ffffff0d}.dark-mode-toggle{align-items:center;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:1000}.dark-mode-toggle:hover{transform:scale(1.1)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .3s,transform .3s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.mobile-card{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0003;box-sizing:border-box;flex-direction:column;height:220px;overflow:hidden;padding:24px 16px;text-align:center;width:100%}.mobile-card,.mobile-card-icon{align-items:center;display:flex;margin-bottom:16px}.mobile-card-icon{border-radius:50%;height:64px;justify-content:center;width:64px}.mobile-card-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:8px}.mobile-card-subtitle{color:#ffffffb3;font-size:.875rem;margin-bottom:16px}.mobile-card-button{align-items:center;border-radius:20px;display:flex;font-weight:500;justify-content:center;margin-top:auto;padding:10px 0;text-transform:none;width:100%}.mobile-activity-card{height:auto;min-height:220px;padding:16px}.mobile-activity-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:16px;text-align:left;width:100%}.mobile-activity-list{padding:0;width:100%}.mobile-activity-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:12px 0}.mobile-activity-item:last-child{border-bottom:none}.mobile-activity-avatar{border-radius:50%;height:40px;margin-right:12px;width:40px}.mobile-activity-content{flex:1 1}.mobile-activity-text{color:#fff;font-size:.875rem}.mobile-activity-subtext{color:#fff9;font-size:.75rem}.light-mode .mobile-card{background-color:#fff;box-shadow:0 4px 8px #0000001a}.light-mode .mobile-card-title{color:#333}.light-mode .mobile-card-subtitle{color:#0009}.light-mode .mobile-activity-title{color:#333}.light-mode .mobile-activity-item{border-bottom:1px solid #0000001a}.light-mode .mobile-activity-text{color:#333}.light-mode .mobile-activity-subtext{color:#0009}.mobile-card.leaderboard .mobile-card-icon{background-color:#2196f31a;color:#2196f3}.mobile-card.game .mobile-card-icon{background-color:#ff98001a;color:#ff9800}.mobile-card.team .mobile-card-icon{background-color:#4caf501a;color:#4caf50}.mobile-card.tournament .mobile-card-icon{background-color:#9c27b01a;color:#9c27b0}.mobile-card.leaderboard .mobile-card-button{background-color:#2196f3;color:#fff}.mobile-card.game .mobile-card-button{background-color:#ff9800;color:#fff}.mobile-card.team .mobile-card-button{background-color:#4caf50;color:#fff}.mobile-card.tournament .mobile-card-button{background-color:#9c27b0;color:#fff}