:root{--primary-text-color: wheat;--primary-bg-color: rgba(33, 87, 54, .721);--secondary-bg-color: rgb(58, 20, 20);--tertiary-bg-color: rgb(30, 37, 18)}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.container-fluid{width:100vw;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center}.container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:20rem;height:36rem;background-color:var(--primary-bg-color);margin:0;padding:.2rem;border-radius:1rem;border:.2rem solid var(--secondary-bg-color);box-shadow:inset 1px -1px 5px var(--primary-text-color)}.row{width:100%}.deco{height:2.3rem;background-color:var(--tertiary-bg-color);display:flex;justify-content:space-between;align-items:center;margin:0;padding:0 .5rem;box-shadow:1px -1px 5px var(--primary-text-color)}.up{border-top-left-radius:1rem;border-top-right-radius:1rem}.down{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.rect{background-color:var(--primary-text-color);height:1.3rem;width:48%}.rect-1{border-top-left-radius:1rem;border-bottom-left-radius:1rem;box-shadow:inset 3px 10px 10px 5px #0f0b02}.rect-2{border-top-right-radius:1rem;border-bottom-right-radius:1rem;box-shadow:inset 3px 10px 10px 5px #0f0b02}.rect-3{border-bottom-left-radius:.5rem;box-shadow:inset 4px -10px 10px 5px #0f0b02}.rect-4{border-bottom-right-radius:.5rem;box-shadow:inset 4px -10px 10px 5px #0f0b02}.screen{height:3rem;background-color:var(--tertiary-bg-color);color:var(--primary-text-color);display:block;margin:.2rem 0;padding:0;border-radius:1rem;box-shadow:inset 1px -1px 9px var(--primary-text-color)}#display{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase;padding:0;font-weight:500}.levels{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.2rem}.level{width:5rem;height:2rem;text-transform:uppercase;background-color:var(--secondary-bg-color);color:var(--primary-text-color);border-radius:45%;display:flex;justify-content:center;align-items:center;box-shadow:1px -1px 5px var(--primary-text-color)}.level:hover{cursor:pointer;transform:scale(1.1);background-color:#6f2222d0;transition:all .4s ease-in-out}.level.disabled:hover{pointer-events:none}.controls{display:flex;justify-content:space-evenly;align-items:center;height:3rem;font-size:1.1rem;text-transform:uppercase;font-weight:600}.reload,.play,.next{padding:0;background-color:#126812}.reload{display:flex;justify-content:flex-start;padding-left:1rem}.play{display:flex;justify-content:center}.next{display:flex;justify-content:flex-end;padding-right:1rem}.active{background-color:var(--primary-text-color);border-radius:5px;cursor:pointer}.keys{display:grid;grid-template-columns:repeat(3,1fr);column-gap:.5rem;row-gap:.5rem;justify-items:center;padding:.5rem;margin:0}.btnContainer{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:3rem;background-color:#085e2b96;border-radius:40%;border:.4rem solid rgba(58,50,50,.567);box-shadow:2px -1px 10px var(--primary-text-color)}.light{opacity:.5;background-color:#0ff}.score{display:flex;align-items:center;justify-content:center;margin:.8rem 0;background-color:var(--secondary-bg-color);color:var(--primary-text-color);border-radius:40%;box-shadow:1px -1px 5px var(--primary-text-color)}h4{text-align:center;text-transform:uppercase;font-weight:600}#score{padding-left:.5rem}