*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-dark:#192a33;--color-bg-light:#1f3640;--color-gray:#a8bee9;--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:#a8bee9;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-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.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)}.btn{background:#a8bee9;background: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);color:#7a8991;color:var(--color-gray-dark);cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:700;margin-bottom:6px;padding:12px 25px;text-transform:uppercase;transition:all .2s}.btn:hover{--shadow-y:8px;transform:translateY(-2px)}.btn:active{--shadow-y:4px;transform:translateY(2px)}.btn-yellow{background:#f2b238;background:var(--color-yellow);box-shadow:0 6px 0 #cd8d16;box-shadow:0 var(--shadow-y) 0 var(--color-yellow-dark)}.btn-blue,.btn-yellow{color:#192a33;color:var(--color-bg-dark)}.btn-blue{background:#30c4be;background:var(--color-blue);box-shadow:0 6px 0 #128c89;box-shadow:0 var(--shadow-y) 0 var(--color-blue-dark)}.btn-sm{--shadow-y:4px}.btn-sm:hover{--shadow-y:6px}.btn-sm:active{--shadow-y:3px}.icon{display:inline-block}.icon svg{fill:#a8bee9;fill:var(--color-gray);height:50px;vertical-align:middle;width:50px}.icon-lg svg{height:65px;width:65px}.icon-sm svg{height:30px;width:30px}.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 #0003;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:#a8bee9;background-color:var(--color-gray);box-shadow:0 0 8px #fff3;color:#192a33;color:var(--color-bg-dark)}.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 #0003;gap:4px;padding:8px 12px}.board__restart svg{align-items:center;display:flex;height:20px;justify-content:center;transform-origin:center;transition:all .3s}.board__restart:active svg{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:#00000080;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.5e05f0c9.css.map*/