:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{min-width:100vw;height:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid transparent;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}html.light-mode,body.light-mode,#root.light-mode{color:#000;background-color:#fff}html.dark-mode,body.dark-mode,#root.dark-mode{color:#fff;background-color:#121212}#root{max-width:1280px;margin:0 auto}.header-container{justify-content:space-around;align-items:center;gap:1rem;width:50%;height:80px;margin:-.5rem auto;display:flex;position:relative}.left-buttons,.right-buttons{gap:10px;display:flex}.setting-container{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute}.main-container{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;margin-top:5vh;margin-bottom:5vh;display:flex}.title{flex-shrink:0;margin:0;font-size:200%;font-weight:700}@media (max-width:700px){.header-container{width:85%}.help-box{min-height:unset;height:auto;width:85vw!important}.help-button{left:20%}.assist-button{right:20%}.header-container button{margin:0 .25rem}.title{font-size:1.5rem}}.timer{text-align:center;font-size:125%;font-weight:700}.assist-button,.help-button,.settings-button,.reset-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;padding:5px 10px;font-size:100%;font-weight:700}.help-box{text-align:center;background:#fff;border-radius:10px;flex-direction:column;gap:1rem;width:320px;height:auto;padding:1rem;display:flex;box-shadow:0 0 15px rgba(0,0,0,.4)}.help-box p{text-align:left;font-size:1rem;font-weight:700;display:flex}.tabs{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:320px;margin:20px auto;display:flex;position:relative}.tabs button{cursor:pointer;z-index:2;color:#000;background:0 0;border:none;width:33.33%;padding:10px;font-weight:700}.tabs .active{border-radius:inherit;z-index:1;background:#e0e0e0;height:calc(100% - 10px);transition:transform .2s;position:absolute;top:5px;left:0;box-shadow:0 2px 2px rgba(0,0,0,.2)}.divider{opacity:.25;background-color:gray;border:none;width:50vw;height:1px}.grid{justify-content:center;align-items:center;gap:.5rem;margin:1rem auto;display:grid}.cell{aspect-ratio:1;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;transition:background-color .3s,box-shadow .3s;display:flex}.victory-box{text-align:center;z-index:10;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:320px;height:500px;font-size:1.5rem;font-weight:700;position:relative;box-shadow:0 0 15px rgba(0,0,0,.4)}.victory-footer{justify-content:space-around;align-items:center;margin:1rem auto 0;padding:0 1rem;display:flex}.stat-box{text-align:center;background-color:#f3f3f3;border-radius:5px;min-width:80px;padding:.5rem 1.5rem;box-shadow:0 0 5px rgba(0,0,0,.1)}.stat-label{color:#666;margin:0;font-size:.75rem}.stat-value{margin:0;font-size:1.2rem;font-weight:700}.victory-title{margin:1rem auto;font-size:1.125rem}.victory-cell{aspect-ratio:1;background-color:silver;border:none;border-radius:2.5px;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.victory-cell.on{background-color:#4caf50}.overlay{z-index:100;background:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings-modal{background:#fff;border-radius:10px;flex-direction:column;gap:15px;width:280px;padding:20px;display:flex;box-shadow:0 0 10px rgba(0,0,0,.25)}.settings-modal label{justify-content:space-between;align-items:center;font-weight:700;display:flex}.close-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;margin-top:10px;padding:8px;font-weight:700}.settings-modal input[type=color]{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:2.5px}.toggle-button{cursor:pointer;background-color:#ccc;border:none;justify-content:center;align-items:center;width:50px;height:20px;transition:background-color .3s;display:flex;position:relative}.toggle-button .thumb{background-color:#fff;border-radius:5px;width:15px;height:15px;transition:left .3s;position:absolute;top:50%;left:2.5px;transform:translateY(-50%)}.toggle-button.toggled{background-color:#4caf50}.toggle-button.toggled .thumb{left:32.5px}body.dark-mode{color:#fff;background-color:#121212}body.dark-mode .settings-modal{color:#fff;background-color:#1e1e1e}body.dark-mode .settings-modal label{color:#fff}body.dark-mode .settings-modal input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#333;border:1px solid #333;border-radius:2.5px}.settings-modal input[type=color]::-webkit-color-swatch{border:none;width:70%;height:85%}.settings-modal input[type=color]::-webkit-color-swatch-wrapper{justify-content:center;align-items:center;padding:5px;display:flex}body.dark-mode .settings-modal input[type=color]::-webkit-color-swatch-wrapper{padding:4px}body.dark-mode .victory-box{color:#fff;background-color:#1e1e1e;box-shadow:0 0 15px rgba(255,255,255,.1)}body.dark-mode .stat-box{color:#fff;background-color:#2a2a2a}body.dark-mode .stat-label{color:#aaa}body.dark-mode .victory-cell{background-color:#444}body.dark-mode .victory-cell.on{background-color:#4caf50}body.dark-mode .tabs{background-color:#1e1e1e}body.dark-mode .tabs button{color:#fff}body.dark-mode .tabs .active{background:#333;box-shadow:0 2px 2px rgba(255,255,255,.1)}button:focus{outline:none}button:focus-visible{outline:none}body.dark-mode button:focus{outline:none}body.dark-mode button:focus-visible{outline:none}body.dark-mode .help-box{background-color:#1e1e1e}.help-box p{margin:0 auto;font-size:15px}.help-box li{font-size:12px;font-weight:700}.help-box ul{margin:0 auto}body.dark-mode .title,body.dark-mode .timer,body.dark-mode .cell,body.dark-mode .help-box p,body.dark-mode .help-box li,body.dark-mode .divider,body.dark-mode .grid{color:#fff}