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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6200ee;--primary-color-dark:#3700b3;--accent-color:#03dac6;--background-color-light:#fff;--text-color-light:#000;--background-color-dark:#121212;--text-color-dark:#fff;--surface-color-dark:#333;--error-color:#b00020;--spacing-unit:8px}body{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--text-color-light);font-family:Roboto,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}.App{margin:16px auto;margin:calc(var(--spacing-unit)*2) auto;max-width:600px;padding:16px;padding:calc(var(--spacing-unit)*2);text-align:center}h1,h2{color:#000;color:var(--text-color-light);margin-bottom:16px;margin-bottom:calc(var(--spacing-unit)*2)}button{background-color:#6200ee;background-color:var(--primary-color);border:none;border-radius:4px;box-shadow:0 2px 2px #0000003d;color:#fff;cursor:pointer;font-size:1em;margin:8px;margin:var(--spacing-unit);padding:12px 24px;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*3);text-transform:uppercase;transition:background-color .3s ease,box-shadow .3s ease}button:hover{background-color:#3700b3;background-color:var(--primary-color-dark);box-shadow:0 3px 4px #0000003d,0 3px 3px #0003}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:1em;margin:8px;margin:var(--spacing-unit);padding:12px;padding:calc(var(--spacing-unit)*1.5);width:calc(100% - 32px);width:calc(100% - var(--spacing-unit)*4)}ul{list-style:none;padding:0}li{border-bottom:1px solid #eee;margin-bottom:12px;margin-bottom:calc(var(--spacing-unit)*1.5);padding:8px;padding:var(--spacing-unit);text-align:left}body.dark-mode{background-color:#121212;background-color:var(--background-color-dark)}body.dark-mode,body.dark-mode button,body.dark-mode h1,body.dark-mode h2{color:#fff;color:var(--text-color-dark)}body.dark-mode button{background-color:#03dac6;background-color:var(--accent-color);box-shadow:0 2px 2px #00000080}body.dark-mode button:hover{background-color:#018786;box-shadow:0 3px 4px #00000080,0 3px 3px #0006}body.dark-mode input[type=number],body.dark-mode input[type=text]{background-color:#333;background-color:var(--surface-color-dark);border-color:#555;color:#fff;color:var(--text-color-dark)}body.dark-mode li{border-bottom-color:#555}.App>div{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin-bottom:24px;margin-bottom:calc(var(--spacing-unit)*3);padding:16px;padding:calc(var(--spacing-unit)*2)}body.dark-mode .App>div{background-color:#333;background-color:var(--surface-color-dark);border-color:#555;box-shadow:0 1px 3px #00000080,0 1px 2px #0006}.score-cards-container{grid-gap:16px;grid-gap:calc(var(--spacing-unit)*2);display:grid;gap:16px;gap:calc(var(--spacing-unit)*2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;margin-bottom:calc(var(--spacing-unit)*3)}.score-card{background-color:#6200ee;background-color:var(--primary-color);border-radius:4px;box-shadow:0 2px 4px #0000003d;color:#fff;padding:16px;padding:calc(var(--spacing-unit)*2);text-align:center}.score-card h3{color:#fff;margin-top:0}body.dark-mode .score-card h3{color:#fff;color:var(--text-color-dark)}.score-card p{font-size:1.2em;font-weight:700;margin-bottom:0}body.dark-mode .score-card{background-color:#333;background-color:var(--surface-color-dark);box-shadow:0 2px 4px #00000080;color:#fff;color:var(--text-color-dark)}.burger-menu-container{position:absolute;right:20px;top:20px;z-index:1000}.burger-icon{cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;width:30px}.burger-line{background-color:#333;height:3px;transition:all .3s ease;width:100%}body.dark-mode .burger-line{background-color:#fff}.burger-line.open:first-child{transform:rotate(-45deg) translate(-5px,5px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(45deg) translate(-5px,-5px)}.menu-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.menu-content{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;padding:20px}body.dark-mode .menu-content{background-color:#333;background-color:var(--surface-color-dark)}.app-logo{color:#000;color:var(--text-color-light);font-size:1.8em;font-weight:700;transition:color .3s ease}body.dark-mode .app-logo{color:#fff;color:var(--text-color-dark)}.rules-overlay{align-items:center;background-color:#000c;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.rules-image{max-height:95%;max-width:95%;object-fit:contain}
/*# sourceMappingURL=main.b4a0b831.css.map*/