:root{--text-color: #1a1a1a;--bg-color: #fffffa;--font-size: 16px;--title-size: 56px}@media(prefers-color-scheme:dark){:root{--text-color: #fffffa;--bg-color: #1a1a1a}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;display:flex;justify-content:center;text-align:center;color:var(--dark-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bg-color);color:var(--text-color)}#app{height:100vh;display:flex;flex-direction:column;justify-content:center}.knewave-regular{font-family:Knewave,system-ui;font-weight:400;font-style:normal}.atma-light{font-family:Atma,system-ui;font-weight:300;font-style:normal}.atma-regular{font-family:Atma,system-ui;font-weight:400;font-style:normal}.atma-bold{font-family:Atma,system-ui;font-weight:700;font-style:normal}footer{position:absolute;bottom:10px;font-family:Atma,system-ui;font-weight:300;color:var(--text-color)}footer a{text-decoration:none;color:var(--text-color)}button{font-family:Atma,system-ui;color:var(--text-color);appearance:none;background-color:transparent;border:.125em solid var(--text-color);border-radius:.9375em;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:var(--font-size);font-weight:700;line-height:normal;margin:0;min-height:3.75em;min-width:0;outline:none;padding:1em 2.3em;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:transform}button:disabled{pointer-events:none}button:hover{color:var(--bg-color);background-color:var(--text-color);box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}button:active{box-shadow:none;transform:translateY(0)}.btn-in-game-div{display:flex;justify-content:space-between;gap:1em;margin-top:4.5em}.btn-in-game-div button{width:100%}.board{display:grid;grid-template-columns:repeat(3,1fr);font-family:Knewave,system-ui}.cell{display:flex;justify-content:center;align-items:center;border:1px solid var(--text-color);width:100px;height:100px;font-size:4em}.cell:nth-child(1),.cell:nth-child(2),.cell:nth-child(3){border-top:none}.cell:nth-child(1),.cell:nth-child(4),.cell:nth-child(7){border-left:none}.cell:nth-child(3),.cell:nth-child(6),.cell:nth-child(9){border-right:none}.cell:nth-child(7),.cell:nth-child(8),.cell:nth-child(9){border-bottom:none}@media(min-width:540px){.cell{width:120px;height:120px}}@media(min-width:800px){.cell{width:140px;height:140px;font-size:5em}}p{font-family:Atma,system-ui;font-weight:300;font-size:24px;margin-bottom:2em}.choose-game-mode{display:flex;flex-direction:column;gap:10px;width:100%}h1{font-family:Atma,system-ui;font-weight:700;font-size:var(--title-size);margin-bottom:.8em}span{font-family:Atma,system-ui;font-weight:700;font-size:var(--title-size);font-size:6em}