#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes flipIn{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}h1,h2,h3,h4,h5,h6{font-family:Fredoka,sans-serif}body{font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif}.site-header{background-color:#212121!important;position:fixed;z-index:1000;width:100%}.header-logo{width:75px;height:40px}.header-title{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-left:50px}.header-subtitle{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:relative}.nav-button{margin-left:24px!important}.about-root{background-color:#fff;display:flex;align-items:center;justify-content:center}.about-logo-container{display:block;margin:0 auto auto;will-change:filter;transition:filter .3s;background-color:#fff;width:60%;max-width:400px;border-radius:20px}.about-logo-image{width:100%}.about-button-container{margin-top:20px;display:flex;gap:5px;flex-direction:row;width:100%;justify-content:space-between}.about-header-container{display:flex;flex-direction:column}.about-text-container{margin-top:1rem;gap:4px;display:flex;flex-direction:column;align-items:center;text-align:center}.play-button{min-width:100px!important;background-color:#00c43b!important;margin:2rem}.login-button{min-width:100px!important;background-color:#0055c4!important;margin:2rem}.signup-button{min-width:100px!important;background-color:#6500c4!important;margin:2rem}.bmc-container{margin-top:2rem;margin-bottom:2rem;width:100%;display:flex;justify-content:center}.bmc-button{background-color:#fff!important}.bmc-image{width:150px;height:50px}.site-footer{background-color:#212121!important;color:#fff;padding:1rem;text-align:center;position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:1000;margin:0;box-sizing:border-box}.site-footer p{margin:4px 0}.recommendation-bubble-container{position:fixed;bottom:100px;right:20px;z-index:2000}.recommendation-bubble-button{background-color:#ff5e00!important;color:#fff!important;border-radius:20px!important;padding:10px 20px!important;text-transform:none!important;font-weight:700!important;box-shadow:0 4px 15px #ff5e004d!important;position:relative!important;transition:transform .2s ease,background-color .2s ease!important}.recommendation-bubble-button:hover{background-color:#e65500!important;transform:scale(1.05)}.recommendation-bubble-button:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ff5e00}.recommendation-bubble-button:hover:after{border-top-color:#e65500}.spinner-root{display:flex;justify-content:center;gap:16px}.popup-paper{padding:2rem!important;text-align:center;border-radius:15px!important;min-width:300px}.popup-title{font-weight:700!important;text-align:center}.popup-section{margin-top:1rem;margin-bottom:1rem;text-align:center}.popup-detail{margin:8px 0!important}.popup-close-button{margin-top:1rem!important;background-color:#212121!important}.popup-close-button:hover{background-color:#424242!important}.info-popup-paper{padding:2rem!important;text-align:center;border-radius:15px!important;min-width:300px}.info-popup-title{font-weight:700!important;text-align:center}.info-popup-content{margin:1rem 0;text-align:center;white-space:pre-line}.info-popup-close-button{margin-top:1rem!important;background-color:#212121!important}.info-popup-close-button:hover{background-color:#424242!important}.game-container{background-color:#fff;padding:2rem;margin:0 auto;max-width:500px;display:flex;flex-direction:column;align-items:center}.game-logo{padding:1em;display:block;margin:0 auto;will-change:filter;transition:filter .3s;background-color:#fff;width:20%;height:20%;border-radius:20px}.submit-button{margin-top:1rem!important;width:100%!important;background-color:#212121!important;color:#fff!important}.attribute-box{padding:.75rem;text-align:center;background-color:#f0f0f0;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;gap:15px;animation:flipIn .8s cubic-bezier(.4,0,.2,1) backwards}.attribute-box h6{margin:0;min-height:2.4em;display:flex;align-items:center;justify-content:center}.attribute-box.close{background-color:orange}.attribute-box.exact{background-color:#0f0!important}.group-header{font-weight:700;padding:8px 16px;background-color:#f5f5f5;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}