*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-dark:#192a33;--color-bg-light:#1f3640;--color-gray:#a8bec9;--color-gray-dark:#7a8991;--color-yellow:#f2b238;--color-yellow-dark:#cd8d16;--color-blue:#30c4be;--color-blue-dark:#128c89;--shadow-y:6px}html{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;text-transform:uppercase}body{background-color:#192a33;background-color:var(--color-bg-dark);color:#a8bec9;color:var(--color-gray)}.App{align-items:center;display:flex;justify-content:flex-start;min-height:100vh}.container{margin-inline:auto;max-width:450px;padding:2rem 1rem;width:100%}.card{background-color:#1f3640;background-color:var(--color-bg-light);border-radius:15px;display:flex;flex-direction:column;gap:25px;padding:25px;text-align:center}.bg-light{background-color:#a8bec9;background-color:var(--color-gray)}.bg-light,.bg-yellow{color:#192a33;color:var(--color-bg-dark)}.bg-yellow{background-color:#f2b238;background-color:var(--color-yellow)}.bg-blue{background-color:#30c4be;background-color:var(--color-blue);color:#192a33;color:var(--color-bg-dark)}.text{font-size:1rem}.text-lg{font-size:1.25rem}.text-2xl{font-size:1.725rem}.text-light{color:#7a8991;color:var(--color-gray-dark)}.text-blue{color:#30c4be;color:var(--color-blue)}.text-yellow{color:#f2b238;color:var(--color-yellow)}.bg-blue .text-light,.bg-blue.text-light,.bg-light .text-light,.bg-light.text-light,.bg-yellow .text-light,.bg-yellow.text-light,.btn{color:#1f3640;color:var(--color-bg-light)}.btn{background-color:#a8bec9;background-color:var(--color-gray);border:none;border-radius:10px;box-shadow:0 6px 0 #7a8991;box-shadow:0 var(--shadow-y) 0 var(--color-gray-dark);cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:700;margin-bottom:8px;padding:12px 25px;text-transform:uppercase;transition:all .2s}.btn:hover{--shadow-y:8px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.btn-sm,.btn:active{--shadow-y:4px}.btn-sm:hover{--shadow-y:6px}.btn-sm:active{--shadow-y:3px}.btn-yellow{background-color:#f2b238;background-color:var(--color-yellow);box-shadow:0 6px 0 #cd8d16;box-shadow:0 var(--shadow-y) 0 var(--color-yellow-dark)}.btn-blue{background-color:#30c4be;background-color:var(--color-blue);box-shadow:0 6px 0 #128c89;box-shadow:0 var(--shadow-y) 0 var(--color-blue-dark)}.shadow-gray{box-shadow:0 8px 0 rgba(0,0,0,.2)}.shadow-blue{box-shadow:0 8px 0 #128c89;box-shadow:0 8px 0 var(--color-blue-dark)}.shadow-yellow{box-shadow:0 8px 0 #cd8d16;box-shadow:0 8px 0 var(--color-yellow-dark)}.icon{display:inline-block}.icon svg{fill:#a8bec9;fill:var(--color-gray);height:50px;vertical-align:middle;width:50px}.icon-sm svg{height:30px;width:30px}.icon-lg svg{height:65px;width:65px}.icon-yellow svg{fill:#f2b238;fill:var(--color-yellow)}.icon-blue svg{fill:#30c4be;fill:var(--color-blue)}.icon-dark svg{fill:#192a33;fill:var(--color-bg-dark)}.start{display:flex;flex-direction:column;gap:25px}.start__header{justify-content:center}.start__header,.start__players{align-items:center;display:flex}.start__players{background-color:#192a33;background-color:var(--color-bg-dark);border-radius:15px;box-shadow:inset 0 0 8px rgba(0,0,0,.2);padding:10px;width:100%}.start__players span{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:15px 10px;width:50%}.start__players--active{background-color:#a8bec9;background-color:var(--color-gray);box-shadow:0 0 8px hsla(0,0%,100%,.2)}.start__btns{display:flex;flex-direction:column;gap:12px}.board__header{justify-content:space-between;margin-bottom:50px}.board__header,.board__turn{align-items:center;display:flex}.board__turn{background-color:#1f3640;background-color:var(--color-bg-light);border-radius:5px;box-shadow:0 4px 0 rgba(0,0,0,.2);gap:4px;padding:8px 12px}.board__restart svg{align-items:center;display:flex;height:20px;justify-content:center;-webkit-transform-origin:center;transform-origin:center;transition:all .3s}.board__restart:active svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.board__body{grid-gap:30px 20px;display:grid;gap:30px 20px;grid-template-columns:repeat(3,1fr)}.board__body .card{align-items:center;cursor:pointer;display:flex;height:120px;justify-content:center;padding-inline:10px}.board__body .active.shadow-blue{background-color:#30c4be;background-color:var(--color-blue)}.board__body .active.shadow-yellow{background-color:#f2b238;background-color:var(--color-yellow)}.board__footer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:30px}.board__footer .card{gap:15px}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal.closed{display:none}.modal__content{background-color:#1f3640;background-color:var(--color-bg-light);width:100%}.score{text-align:center}.score__title{font-size:2rem;gap:6px;margin:30px 0}.score__btns,.score__title{align-items:center;display:flex;justify-content:center}.score__btns{gap:15px}.restart{text-align:center}.restart__title{font-size:2rem;margin-bottom:30px}.restart__btns{align-items:center;display:flex;gap:15px;justify-content:center}
/*# sourceMappingURL=main.d418280f.css.map*/