@font-face{font-family:Popppins;font-style:normal;font-weight:300;src:url(./fonts/Popppins-Light.ttf),url(./fonts/Popppins-Light.ttf) format("truetype")}@font-face{font-family:Popppins;font-style:normal;font-weight:400;src:url(./fonts/Popppins-Regular.ttf),url(./fonts/Popppins-Regular.ttf) format("truetype")}@font-face{font-family:Popppins;font-style:normal;font-weight:600;src:url(./fonts/Popppins-Bold.ttf),url(./fonts/Popppins-Bold.ttf) format("truetype")}@font-face{font-family:Popppins;font-style:normal;font-weight:900;src:url(./fonts/Popppins-Black.ttf),url(./fonts/Popppins-Black.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0f2d4a;color:#f0f7f4;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#app{display:flex;flex-direction:column;gap:20px;width:990px;max-height:calc(100vh - 40px);padding:20px;overflow:hidden}#app h1{display:flex;align-items:center;gap:8px;font-size:32px}@media screen and (max-width: 990px){#app{width:768px}#app h1{font-size:28px}}@media screen and (max-width: 768px){#app{width:calc(100% - 40px);gap:10px}#app h1{font-size:24px}}@media screen and (max-width: 545px){#app h1{font-size:20px}}a{text-decoration:none;color:#0f2d4a}.ripple-btn{position:relative;overflow:hidden}.ripple-btn .text{position:relative;z-index:1}.ripple-btn .ripple-effect{--ripple-bg: rgb(38.164556962, 96.835443038, 79.1772151899);position:absolute;border-radius:50%;transform:scale(0);transform:scale(3);opacity:var(--opacity);background-color:var(--ripple-bg);animation:pulse var(--duration) linear}@keyframes pulse{0%{transform:scale(0);opacity:.8}to{transform:scale(var(--scale));opacity:var(--opacity)}}.board[data-v-17290d76]{display:grid;grid-template-rows:repeat(3,1fr);width:100%;aspect-ratio:1/1;border:thin solid #F0F7F4;border-radius:15px;overflow:hidden}.board.disabled[data-v-17290d76]{opacity:.8}.board .row[data-v-17290d76]{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-bottom:thin solid #F0F7F4}.board .row[data-v-17290d76]:last-child{border-bottom:none}.board .row .square[data-v-17290d76]{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;position:relative;overflow:hidden;font-size:7rem;font-weight:700;border-right:thin solid #F0F7F4;cursor:pointer}.board .row .square[data-v-17290d76]:last-child{border-right:none}@media screen and (max-width: 990px){.board .row .square[data-v-17290d76]{font-size:5rem}}@media screen and (max-width: 768px){.board .row .square[data-v-17290d76]{font-size:4rem}}@media screen and (max-width: 545px){.board .row .square[data-v-17290d76]{font-size:4rem}}@media screen and (max-width: 480px){.board .row .square[data-v-17290d76]{font-size:3.5rem}}.scoreboard[data-v-992751ab]{display:grid;grid-template-rows:repeat(2,1fr);gap:15px;width:100%}.scoreboard ul[data-v-992751ab]{background-color:#153f66;border-radius:15px;list-style-type:none;display:flex;align-items:center;justify-content:space-between;padding:5px 20px;position:relative}.scoreboard ul[data-v-992751ab]:before{content:"";width:4px;height:0;background-color:#f0f7f4;border-radius:15px;position:absolute;left:8px;top:50%;transform:translateY(-50%);transition:all .3s ease}.scoreboard ul.turn[data-v-992751ab]:before{height:40px}.scoreboard ul li[data-v-992751ab]{font-size:3.8rem;font-weight:700}.scoreboard ul:first-child li[data-v-992751ab]:first-child{color:#f24236}.scoreboard ul:last-child li[data-v-992751ab]:first-child{color:#43aa8b}@media screen and (max-width: 990px){.scoreboard[data-v-992751ab]{gap:10px}.scoreboard ul[data-v-992751ab]{padding:5px 20px}.scoreboard ul.turn[data-v-992751ab]:before{height:30px}.scoreboard ul li[data-v-992751ab]{font-size:3rem}}@media screen and (max-width: 768px){.scoreboard[data-v-992751ab]{gap:5px}.scoreboard ul[data-v-992751ab]{padding:10px 20px}.scoreboard ul.turn[data-v-992751ab]:before{height:25px}.scoreboard ul li[data-v-992751ab]{font-size:36px}}@media screen and (max-width: 545px){.scoreboard[data-v-992751ab]{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);gap:15px}.scoreboard ul[data-v-992751ab]:before{width:0px;height:4px;left:50%;top:auto;bottom:5px;transform:translate(-50%)}.scoreboard ul.turn[data-v-992751ab]:before{width:30px;height:4px}.scoreboard ul[data-v-992751ab]:last-child{flex-direction:row-reverse}}.menu[data-v-d8d65657]{display:flex;flex-direction:column;gap:15px;width:100%}@media screen and (max-width: 990px){.menu[data-v-d8d65657]{gap:10px}}@media screen and (max-width: 768px){.menu[data-v-d8d65657]{gap:5px}}@media screen and (max-width: 545px){.menu[data-v-d8d65657]{flex-direction:row;gap:10px}}.btn[data-v-d8d65657]{text-align:center;outline:none;border:none;background-color:#43aa8b;color:#f0f7f4;width:100%;font-size:1.5rem;font-weight:700;padding:20px 0;border-radius:15px;overflow:hidden;cursor:pointer;position:relative}.btn.pointer[data-v-d8d65657]{animation:pointing-d8d65657 .6s alternate infinite}@keyframes pointing-d8d65657{0%{box-shadow:0 0 0 4px #43aa8b66}to{box-shadow:0 0 0 8px #43aa8b66}}.btn.reset[data-v-d8d65657]{background-color:#f24236}.btn.quit[data-v-d8d65657]{background-color:#f0f7f4;color:#0f2d4a}@media screen and (max-width: 990px){.btn[data-v-d8d65657]{font-size:20px;padding:16px 0}@keyframes pointing-d8d65657{0%{box-shadow:0 0 0 2px #43aa8b66}to{box-shadow:0 0 0 6px #43aa8b66}}}@media screen and (max-width: 768px){.btn[data-v-d8d65657]{font-size:18px;padding:15px 0}@keyframes pointing-d8d65657{0%{box-shadow:0 0 0 1px #43aa8b66}to{box-shadow:0 0 0 4px #43aa8b66}}}@media screen and (max-width: 545px){.btn[data-v-d8d65657]{font-size:16px}}.content[data-v-b31bd99e]{display:grid;grid-template-columns:2fr 1fr;width:100%;gap:20px}@media screen and (min-width: 545px){.content.full-width[data-v-b31bd99e]{grid-template-columns:1fr}.content.full-width .control .menu[data-v-b31bd99e]{flex-direction:row}}@media screen and (max-width: 990px){.content[data-v-b31bd99e]{gap:10px}}@media screen and (max-width: 545px){.content[data-v-b31bd99e]{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.content.full-width .control .menu[data-v-b31bd99e]{flex-direction:column}}.control[data-v-b31bd99e]{display:flex;flex-direction:column;justify-content:space-between;gap:20px}@media screen and (max-width: 768px){.control[data-v-b31bd99e]{gap:5px}}@media screen and (max-width: 545px){.control[data-v-b31bd99e]{justify-content:flex-start;gap:10px}}