.popup-container{display:flex;align-items:center;justify-content:center;background:rgba(128,128,128,.25);width:100%;height:100vh;position:fixed;top:0;left:0;margin:0;border:0;padding:0;z-index:1}.popup-content{background-color:#fff;max-width:18.75rem;padding:1rem;border-radius:.5rem;text-align:center;color:gray;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.popup-button-container{display:flex;justify-content:space-between}.popup-button-container>button{font-size:1rem;color:gray;background:transparent;border:1px solid gray;border-radius:.5rem;padding:.5rem;cursor:pointer}.controls-container{display:flex;justify-content:flex-end;width:100vmin;max-width:23.75rem}.play-again{border:none;background:url(/retry.svg) center no-repeat;background-size:contain;width:44px;aspect-ratio:16/9;cursor:pointer}.app-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;min-height:92svh}.app{display:grid;grid-template-columns:repeat(auto-fit,minmax(25%,1fr));width:100vmin;max-width:23.75rem;padding:0 .75rem;gap:.75rem}.card-container{position:relative;transition:transform .8s;transform-style:preserve-3d;border:none;aspect-ratio:1;border-radius:.5rem;cursor:pointer;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;perspective:1000px}.card-container:disabled{cursor:not-allowed;color:#464646}.show-back{transform:rotateY(180deg)}.card-front,.card-back{width:100%;aspect-ratio:1;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{transform:rotateY(180deg)}.spinner{display:flex;align-items:center;justify-content:center}.spinner:after{content:"";width:35px;height:35px;border:8px solid rgba(221,221,221,.5);border-top-color:#464646;border-radius:50%;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:root{font-family:Verdana,Geneva,Tahoma,sans-serif}*{box-sizing:border-box}body{overflow:hidden}