*{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-purple:#540d35;--color-purple-dark:#290515;--color-blue:#6c1530;--color-blue-dark:#2e0814;--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:center;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}.text-light{color:var(--color-bg)}.text-blue{color:#2e0814;color:var(--color-blue-dark)}.text-purple{color:#290515;color:var(--color-purple-dark)}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:1.75rem}.bg-light{background-color:#a8bec9;background-color:var(--color-gray);color:#192a33;color:var(--color-bg-dark)}.bg-blue{background-color:#6c1530;background-color:var(--color-blue)}.bg-purple{background-color:#540d35;background-color:var(--color-purple)}.btn{background-color:#a8bec9;background-color:var(--color-gray);border:10px radius;box-shadow:0 6px 0 #7a8991;box-shadow:0 var(--shadow-y) 0 var(--color-gray-dark);color:#1f3640;color:var(--color-bg-light);cursor:pointer;display:block;font-size:1,50rem;font-weight:700;margin-bottom:6px;padding:20px 40px;text-transform:Uppercase;transition:all .2s}.btn:hover{--shadow-y:8px}.btn:active,.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn:active{--shadow-y:4px}.btn-purple{background-color:#540d35;background-color:var(--color-purple);box-shadow:0 6px 0 #290515;box-shadow:0 var(--shadow-y) 0 var(--color-purple-dark);color:#f0f8ff}.btn-blue{background-color:#6c1530;background-color:var(--color-blue);box-shadow:0 6px 0 #2e0814;box-shadow:0 var(--shadow-y) 0 var(--color-blue-dark);color:#f0f8ff}.btn-sm{--shadow-y:4px}.btn-sm:hover{--shadow-y:6px}.btn-sm:active{--shadow-y:3px}.shadow-gray{box-shadow:0 8px #000}.shadow-blue{box-shadow:0 8px #2e0814;box-shadow:0 8px var(--color-blue-dark)}.shadow-purple{box-shadow:0 8px #290515;box-shadow:0 8px var(--color-purple-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}.icon-lg svg{height:65px}.icon-purple svg{fill:#540d35;fill:var(--color-purple)}.icon-blue svg{fill:#6c1530;fill:var(--color-blue)}.icon-dark svg{fill:var(--color-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:#1f3640;background-color:var(--color-bg-light);border-radius:15px;box-shadow:inset 0 0 8px #000;padding:10px}.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:#7a8991;background-color:var(--color-gray-dark);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:25px 30px;display:grid;gap:25px 30px;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:#6c1530;background-color:var(--color-blue)}.board__body .active.shadow-purple{background-color:#540d35;background-color:var(--color-purple)}.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{font-size:2rem;text-align:center}.score__tittle{font-size:2rem;gap:6px;margin:30px 0}.score__btns,.score__tittle{align-items:center;display:flex;justify-content:center}.score__btns{gap:15px}.restart{text-align:center}.restart__title{font-size:2rem;gap:6px;margin-bottom:30px}.restart__btns,.restart__title{align-items:center;display:flex;justify-content:center}.restart__btns{gap:15px}
/*# sourceMappingURL=main.2caa6152.css.map*/