.hidden{visibility:hidden}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}.hcentered{margin:auto;text-align:center}.hleft{margin:auto;display:inline-block;text-align:left}.abs-hcentered{position:absolute;left:50%;transform:translate(-50%)}.vcentered{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hint{color:#969696;font-size:1rem!important}.block{padding-bottom:1rem}.container{padding:.5rem;display:flex;max-width:900px}.modal{display:flex;align-items:center;flex-direction:column;justify-content:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{border-radius:.35rem;background-color:#25252e;margin:0 auto;padding:1rem;width:80%;max-height:90%;max-width:30rem;z-index:1001;overflow-y:auto}*{font-family:monospace;font-weight:700;color:#ddd}html,body{overflow:hidden;background-color:#111114}label{-webkit-user-select:none;user-select:none}button{border:0;border-radius:.35rem;padding:1rem;margin:.5rem;flex-grow:1;flex-basis:0}button.nav{font-size:1rem;background-color:#25252e;flex-grow:0;flex-basis:auto;width:4rem;height:4rem}@media (hover: hover) and (pointer: fine){button.nav:hover{background-color:#1f1f27}}button.nav:active{background-color:#1a1a20}button.nav:disabled{background-color:#4a4c52}button.control{font-size:1rem}button.control.success{background-color:#10892f}@media (hover: hover) and (pointer: fine){button.control.success:hover{background-color:#0e7428}}button.control.success:active{background-color:#0b6021}button.control.success:disabled{background-color:#4a4c52}button.control.danger{background-color:#bd1c00}@media (hover: hover) and (pointer: fine){button.control.danger:hover{background-color:#a11800}}button.control.danger:active{background-color:#841400}button.control.danger:disabled{background-color:#4a4c52}h1.nav{flex-grow:1}.deck{width:100%;min-width:250px;padding-bottom:66.6666666667%;position:relative;border-radius:.35rem}.card{padding-bottom:66.6666666667%;border-radius:.35rem;position:absolute;width:100%;perspective:1000px}.card.slide-left{transform:translate(-150%,-100%) rotate(-90deg);transition:.5s ease}.card.slide-right{transform:translate(150%,-100%) rotate(90deg);transition:.5s ease}.cardFront,.cardBack{box-sizing:border-box;border-radius:.35rem;width:100%;height:100%;background-color:#25252e;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .5s ease;position:absolute;backface-visibility:hidden;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}.cardFront{transform:rotateY(0)}.cardFront.flipped{transform:rotateY(-180deg)}.cardBack{transform:rotateY(180deg);background-color:#25252e}.cardBack.flipped{transform:rotateY(0)}.cardDisplay{width:75%}.cardDisplay h1{font-size:3rem}.cardDisplay h2{font-size:2rem}.cardDisplay h3{font-size:1.7rem}.scoreDisplay{display:flex;flex-grow:1}.scoreDisplayBlock{width:100%}.score{margin:auto;font-size:2rem}.score.success{color:#10892f}.score.danger{color:#bd1c00}.score#percentScore{font-size:4rem}.toastContainer{display:flex;width:100%;justify-content:center}.toast{visibility:hidden;min-width:10rem;background-color:#25252e;text-align:center;border-radius:.35rem;padding:1rem;position:fixed;z-index:2000}.toast.success{background-color:#10892f}.toast.danger{background-color:#bd1c00}.toast.show{visibility:visible;animation-play-state:running;animation:fadeinout 3s}@keyframes fadeinout{0%{top:1.5rem;opacity:0}20%,80%{top:3rem;opacity:1}to{top:1.5rem;opacity:0}}@media (width < 550px){.score{font-size:1.7rem}.score#percentScore{font-size:3rem}button.control{padding:2rem;font-size:1.2rem}.cardDisplay h1{font-size:2rem}.cardDisplay h2{font-size:1.5rem}.cardDisplay h3{font-size:1.3rem}}