body{margin:0;padding:0;box-sizing:border-box;overflow:hidden;user-select:none;touch-action:none}.container{top:0;left:0;width:2160px;height:3840px;position:absolute;transform-origin:0px 0px;background-repeat:no-repeat;background-size:cover}.mainTitle{text-align:center;font-size:200px;padding-top:120px;height:280px;overflow:hidden}.mainSubTitle{text-align:center;font-size:80px;padding-top:30px;height:240px;overflow:hidden}.mainContent{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.mainContent.landscape{flex-direction:row;flex-wrap:wrap}.dynamic-layer{position:absolute;top:0;left:0}.gradient-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.gradient-background--animating{will-change:background}.mainContent>*:not(.gradient-background){position:relative;z-index:1}.component-container{width:100%;height:100%;position:relative;object-fit:contain;background-size:cover;background-position:center;background-repeat:no-repeat}.navigation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.navigation-overlay .back-button{pointer-events:auto;z-index:1001!important;position:absolute!important;background-color:#007bffe6;color:#fff!important;cursor:pointer;transition:all .3s ease;font-size:18px;padding:15px 30px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;border:none;border-radius:0;box-shadow:none}.navigation-overlay .back-button:active{transform:scale(.95)}.navigation-overlay .back-button-image{pointer-events:auto;z-index:1001!important;position:absolute!important;cursor:pointer;transition:all .3s ease;object-fit:contain;border:none;border-radius:0;box-shadow:none}.navigation-overlay .back-button-image:hover{transform:scale(1.05)}.navigation-overlay .back-button-image:active{transform:scale(.95)}#attractLoop{position:absolute;z-index:2000}.back-button-container{position:absolute;bottom:80px;left:80px;width:100%;display:flex;justify-content:start}.back-button{padding:15px 30px;font-size:18px;width:200px;height:200px;border:none;background:transparent;color:#fff;border-radius:0;box-shadow:none}.quiz-container{position:relative;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat;display:block}.quiz-container.has-background{background-size:cover;background-position:center;background-repeat:no-repeat}.quiz-title{position:absolute;object-fit:contain;z-index:2}.loading-screen{position:fixed;top:0;left:0;width:100%;height:400%;background:#000;display:flex;align-items:flex-start;padding-top:200px;justify-content:center;z-index:10000;transition:opacity .5s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-text{color:#fff;font-size:18px;font-family:Arial,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}