:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (min-width: 1024px){body{display:flex;place-items:center}#app{height:100vh;width:100vw}}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}header{position:fixed;z-index:2;height:40px;width:100%;padding:10px;background-color:#333;color:#fff}header *{display:inline-block;vertical-align:middle}header h1{text-align:center;left:0;width:200px;font-size:22px}header h2{text-align:left;left:220px;font-size:medium}header nav{right:100px;font-size:20px}header nav *{margin-left:20px}.sidenav{position:absolute;z-index:1;width:203px;background-color:#111}.sidenav a{padding:6px 8px 6px 16px;text-decoration:none;font-size:25px;color:#818181;display:block}.sidenav a:hover{color:#f1f1f1}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:auto;width:100%;height:calc(100% - 40px);margin-top:40px;padding:2rem;gap:20px}.space{display:flex;justify-content:end;width:100%;gap:20px}.space h1{font-weight:700;font-size:20px}.timer{text-align:center;width:135px;border-radius:10px;border:2px solid #555;background-color:#333;color:#fff;font-weight:700;font-size:22px}.menu{display:flex;justify-content:space-between;width:100%;margin-top:-5px;margin-bottom:10px}.menu button{cursor:pointer;height:36px;color:#fff;border-radius:10px;font-size:16px}.presets{flex:auto;display:flex;align-items:center;gap:10px}.presets button{width:75px;height:50px;background-color:#3f77ff;border:2px solid #7aa0ff}.presets button:hover{background-color:#1c5dff}.inputs{display:flex;align-items:center;gap:10px;margin-right:20px}.inputs div{display:flex;flex-direction:column;align-items:center}.inputs label{font-weight:700;font-size:14px}.inputs input{text-align:center;width:80px;padding:5px;border:1px solid #ccc;border-radius:5px}.newgame{width:135px;margin-top:15px;background-color:#4caf50;border:2px solid #6bdf6f}.newgame:hover{background-color:#3b8a3f}.grid{display:grid;border:4px solid rgb(65,65,65);margin:0 auto;overflow-x:auto;max-width:100%}.row{display:flex}.cell{background-color:#f1f1f1;text-align:center;color:#000;width:32px;height:32px;-webkit-user-select:none;user-select:none}.rounded{border-radius:20%}.vc{position:absolute;margin:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.vl{position:absolute;z-index:1;top:0;left:200px;height:100%;margin-left:-3px;border-left:6px solid rgb(0,255,140)}.message{position:absolute;z-index:1000;color:#fff;background-color:#000000b3;border-radius:8px;padding:10px;transform:translate(-50%,50%);pointer-events:none;white-space:nowrap;font-weight:700;font-size:18px}.router-link-exact-active{border-left:5px solid rgb(0,255,140)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .4s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-20px);opacity:0}