#root{margin:0 auto;max-width:1280px;padding:1rem}#root,.App{text-align:center}.game .game-table{display:grid;grid-template-columns:repeat(3,1fr)}.game .game-table .game-box{align-items:center;border:3px solid var(--color-secondary);color:#f0f8ff;display:flex;font-size:8em;height:150px;justify-content:center;width:150px}@media(max-width:768px){.game .game-table .game-box{font-size:6em;height:100px;width:100px}}.game .game-table .game-box p{margin:0;padding:0}.game .game-table>:nth-child(-n+3){border-top-color:#0000}.game .game-table>:nth-last-child(-n+3){border-bottom-color:#0000}.game .game-table>:nth-child(3n+1){border-left-color:#0000}.game .game-table>:nth-last-child(3n+1){border-right-color:#0000}.processing{cursor:wait;opacity:.5}.game-table.game-over .game-box p{opacity:.5}.game-table.game-over .winned p{animation-duration:.45s;animation-iteration-count:3;animation-name:blink;opacity:1}@keyframes blink{0%{opacity:0}to{opacity:1}}.game-table.game-over.draw .game-box p{animation-duration:.45s;animation-iteration-count:3;animation-name:half-blink}@keyframes half-blink{0%{opacity:0}to{opacity:.5}}.level{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:10%;max-width:460px}@media screen and (max-width:768px){.level{max-width:310px}}.level .level-btn{align-items:center;background-color:#385271e3;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:125px;padding:10px 20px;transition:all .3s ease}.level .level-btn.active,.level .level-btn:hover{background-color:hsla(0,4%,90%,.816);color:#000}.results-container{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem}.results-container .result-box{font-family:Courier New,Courier,monospace}.results-container .result-box h3{margin:0 0 5px;padding-bottom:5px}.reset{margin-top:10%}.reset,.reset .reset-btn{display:flex;justify-content:center}.reset .reset-btn{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:5px;color:#000;cursor:pointer;min-width:125px;padding:10px 20px;transition:all .3s ease}.reset .reset-btn:active{background-color:#000;color:#fff}@media(prefers-color-scheme:dark){:root{--color-primary:#000;--color-secondary:#fff}}@media(prefers-color-scheme:light){:root{--color-primary:#fff;--color-secondary:#000}}body{align-items:center;background:linear-gradient(160deg,#354d6a,hsla(0,4%,90%,.816));display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;min-width:320px}body h1{color:#fff;font-size:3.2em;line-height:1.1}
/*# sourceMappingURL=main.570c94f6.css.map*/