@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Space+Grotesk:wght@300..700&display=swap";body{background-color:#ebebeb;color:#f5f5f5;display:flex;justify-content:center;margin:0}h1{font-size:3.2em;line-height:1.1;text-align:center;font-family:sans-serif;color:#1c1c1c}button.card :focus,button.card:focus-visible{outline:4px auto}h1{font-family:Space Grotesk,sans-serif;color:#0a2343;margin-bottom:5px}.game{display:flex;flex-direction:column;justify-content:center;align-items:center}.game--btnRestartGame{margin-top:20px;padding:.6em 2em;font-size:1.1rem;font-weight:700;font-family:Space Grotesk,sans-serif;color:#0a2343;border:1px solid #f1f1f1;background-color:#f1f1f1;border-radius:8px;box-shadow:0 0 10px #0003;cursor:pointer;-webkit-user-select:none;user-select:none}.game--btnRestartGame:hover{box-shadow:0 0 10px #004aad;border:1px solid #f1f1f1;background-color:#f1f1f1}.gameTable{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}@media only screen and (max-width: 600px){h1{font-size:2.7em}.gameTable{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}}@media only screen and (max-width: 400px){h1{font-size:2.3em}.game--btnRestartGame{margin-top:15px;padding:.6em 1.8em;font-size:1rem;border-radius:5px}.gameTable{gap:10px}}@media only screen and (max-width: 300px){h1{font-size:2em}.game--btnRestartGame{margin-top:15px;padding:.6em 1.6em;font-size:.9rem;border-radius:5px}}.card{aspect-ratio:1 / 1;width:100px;border-radius:5px;background-color:transparent;cursor:pointer}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s;z-index:3}.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;backface-visibility:hidden;border-radius:5px;box-shadow:0 0 10px #0003;border:2px solid #f1f1f1}.card-front{background-color:#f1f1f1;transform:rotateY(180deg);font-size:80px;backface-visibility:hidden;z-index:1}.card-back{background-color:#004aad;background:linear-gradient(180deg,#bad9f8,#81b1fa);color:#004aad;font-family:sans-serif;border:6px solid #f1f1f1;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-size:1.2rem;font-family:Orbitron,sans-serif;transform:rotateY(0);backface-visibility:hidden;z-index:2}.card-back:hover,.card-back:focus{box-shadow:0 0 10px #004aad}.disabledCard{pointer-events:none}@media only screen and (max-width: 600px){.card{width:80px;border-radius:5px}.card-front{font-size:60px}.card-back{border:5px solid #f1f1f1;font-size:1.1rem}}@media only screen and (max-width: 400px){.card{width:70px;border-radius:5px}.card-front{font-size:58px}.card-back{border:5px solid #f1f1f1;font-size:1rem}}@media only screen and (max-width: 300px){.card{width:60px;border-radius:5px}.card-front{font-size:48px}.card-back{border:5px solid #f1f1f1;font-size:.8rem}}.players__scoreCounter{display:grid;grid-template-columns:1fr;gap:10px;justify-items:center;align-items:center;width:100%;height:80px;color:#004aad;font-family:Arial,Helvetica,sans-serif;margin-bottom:10px}.players__scoreCounter--twoPlayers{grid-template-columns:1fr 1fr}.player{display:flex;flex-direction:column;align-items:center;padding:10px 15px;margin:10px 5px;border-radius:8px;font-size:1rem;min-width:120px}.player--active{text-shadow:0 0 30px #004aad}.player__weight--active{font-weight:600}.option{position:relative;display:block;width:100%}.option__button{position:absolute;border:0;background-color:transparent;padding:0;margin-top:45px}.option__icon{color:#0a2343;font-size:2rem;z-index:10;position:relative}.option__area{position:absolute;background-color:#bad8f9ea;border-radius:10px;border:3px solid #004aad;z-index:5;width:calc(100% - 44px);margin-top:100px;padding:20px}.option__area--hidden{display:none}.optionForm__form{color:#0a2343;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.optionForm__optionList{display:flex;justify-content:space-evenly}.optionForm__submit{border-radius:5px;background-color:#fff;border:2px solid #004aad;color:#0a2343;font-size:1.2rem;margin-top:10px}.optionForm__submit:hover{border-radius:5px;background-color:#0a2343;border:2px solid #fff;color:#fff;margin-top:10px}