.game{width:100vw;display:flex;flex-direction:column;padding:24px;justify-content:center;align-items:center;gap:72px}@media only screen and (min-width: 992px){.game{flex-direction:row;justify-content:space-evenly;gap:0}}.board{display:grid;grid-template-columns:repeat(3,min(30vw,172px));grid-template-rows:repeat(3,min(30vw,172px))}.board .cell{color:#fff;font-size:72px;border:1px solid white;display:flex;justify-content:center;align-items:center;transition:.15s ease-out;cursor:pointer;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #7f00ff,0 0 80px #7f00ff}.board .cell:hover,.board .cell.hint{background-color:#e8e8f180}.board .cell.bot{color:#fff;text-shadow:0 0 5px #fff,0 0 10px orange,0 0 20px orange,0 0 40px orange,0 0 80px orange}.board .cell.bot.loss{color:#fff;text-shadow:0 0 5px #fff,0 0 10px rgb(245,50,50),0 0 20px rgb(245,50,50),0 0 40px rgb(245,50,50),0 0 80px rgb(245,50,50)}.board .cell.player{color:#fff;text-shadow:0 0 5px #fff,0 0 10px blue,0 0 20px blue,0 0 40px blue,0 0 80px blue}.board .cell.player.loss{color:#fff;text-shadow:0 0 5px #fff,0 0 10px rgb(245,50,50),0 0 20px rgb(245,50,50),0 0 40px rgb(245,50,50),0 0 80px rgb(245,50,50)}.configuration{width:350px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:36px}.configuration button{width:100%}.configuration button:disabled{cursor:not-allowed}.configuration__btn-primary{outline:none;border:none;border-radius:10px;padding:15px;font-weight:700;font-size:24px;background:linear-gradient(to bottom right,#7f00ff,#6600cc);background-size:200% 200%;background-position:top left;cursor:pointer;transition:.15s ease-out;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #7f00ff,0 0 80px #7f00ff;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #7f00ff,0 0 20px #7f00ff,0 0 40px #7f00ff,0 0 80px #7f00ff}.configuration__btn-primary:hover{background-position:bottom right}.configuration__btn-success{outline:none;border:none;border-radius:10px;padding:15px;font-weight:700;font-size:24px;background:linear-gradient(to bottom right,rgb(12,172,12),#097c09);background-size:200% 200%;background-position:top left;cursor:pointer;transition:.15s ease-out;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0cac0c,0 0 80px #0cac0c;color:#fff;text-shadow:0 0 5px #fff,0 0 10px rgb(12,172,12),0 0 20px rgb(12,172,12),0 0 40px rgb(12,172,12),0 0 80px rgb(12,172,12)}.configuration__btn-success:hover{background-position:bottom right}.configuration__btn-error{outline:none;border:none;border-radius:10px;padding:15px;font-weight:700;font-size:24px;background:linear-gradient(to bottom right,rgb(165,18,18),#770d0d);background-size:200% 200%;background-position:top left;cursor:pointer;transition:.15s ease-out;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #a51212,0 0 80px #a51212;color:#fff;text-shadow:0 0 5px #fff,0 0 10px rgb(165,18,18),0 0 20px rgb(165,18,18),0 0 40px rgb(165,18,18),0 0 80px rgb(165,18,18)}.configuration__btn-error:hover{background-position:bottom right}.announcement{width:100%;text-align:center;position:absolute;top:0;left:0;transform:translateY(-100%)}.announcement__title{font-size:72px;padding-bottom:32px;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #7f00ff,0 0 20px #7f00ff,0 0 40px #7f00ff,0 0 80px #7f00ff}.home{padding:24px}.home__title{text-align:center;font-size:96px;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #7f00ff,0 0 20px #7f00ff,0 0 40px #7f00ff,0 0 80px #7f00ff}.home__button-container{margin-top:72px;text-align:center}.home__button-container button{width:80%;outline:none;border:none;border-radius:10px;padding:15px;font-weight:700;font-size:24px;background:linear-gradient(to bottom right,#7f00ff,#6600cc);background-size:200% 200%;background-position:top left;cursor:pointer;transition:.15s ease-out;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #7f00ff,0 0 80px #7f00ff;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #7f00ff,0 0 20px #7f00ff,0 0 40px #7f00ff,0 0 80px #7f00ff}.home__button-container button:hover{background-position:bottom right}*{margin:0;padding:0}.App{width:100vw;height:100vh;overflow:hidden;background-image:url(/stars.jpg)}.wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0000004d;position:relative}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:.5s ease-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:.5s ease-out}