*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}#blocker{position:absolute;width:100%;height:100%;background-color:#000;background:url(../images/loading.jpg);background-size:100% 100%}#instructions{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:14px;cursor:pointer}#instructions p{color:#fff;font-size:10vw;filter:drop-shadow(2px 2px 10px white)}.progress{position:absolute;bottom:20vh;width:80vw;height:10px;border-radius:10px;left:10vw;background-color:#5a5a5a8e}.progress .progressbar{display:block;width:0;height:10px;border-radius:10px;background-color:violet;transition:width .1s .3s linear}.buttonload{background-color:#0000;border:none;color:#fff;padding:12px 24px;font-size:100px;display:flex;flex-direction:column-reverse;gap:5vh}.buttonload i{font-size:80px}.fa{margin-left:-12px;margin-right:8px}@media screen and (max-width: 600px){.buttonload{font-size:50pt}}.status-box{margin:20px;z-index:999999;background-color:#bbb3;display:flex;width:300px;flex-direction:column;border:2px solid rgb(69,190,144);border-radius:10px;position:relative;padding:10px}.status-row{color:#fff;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between}.status-row>span{font-size:18px;font-style:italic}.status-row>span>sup{font-size:13px;font-style:italic}.status-row .status-number{font-family:Poetsen One,sans-serif}.status-name{font-family:Jaini,system-ui;letter-spacing:7px;width:70%;font-size:18px;padding-left:5px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:red}.status-score{font-family:Poetsen One,sans-serif;width:13%;font-size:17px!important;line-height:30px;font-style:italic}.component-title{width:100%;position:absolute;z-index:999;top:30px;left:0;padding:0;margin:0;font-size:1rem;font-weight:700;color:#888;text-align:center}.control-panel{-webkit-user-select:none;user-select:none;position:absolute;bottom:10px;right:30px}.control-bar{position:relative;z-index:99999;gap:10px;display:flex}.control-bar span{color:#fff;line-height:20px}.container{width:30px;height:20px;position:relative}.checkbox{opacity:0;width:0;height:0;position:absolute}.switch{width:100%;height:100%;display:block;background-color:#34c759;border-radius:16px;cursor:pointer;transition:all .2s ease-out}.slider{width:10px;height:10px;position:absolute;left:calc(50% + 0px);top:calc(50% - 5px);border-radius:50%;background:#ffffff;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f;transition:all .2s ease-out;cursor:pointer}.checkbox:checked+.switch{background-color:#e9e9eb}.checkbox:checked+.switch .slider{left:calc(50% - 10px);top:calc(50% - 5px)}button.skip-button{position:relative;width:11em;height:40px;outline:none;transition:.1s;background-color:transparent;border:none;font-size:13px;font-weight:700;color:#ddebf0}.skip-button p{line-height:48px;margin-left:10px}#clip{--color: #2761c3;position:absolute;top:0;overflow:hidden;width:100%;height:100%;border:5px double var(--color);box-shadow:inset 0 0 15px #195480;-webkit-clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.arrow{position:absolute;transition:.2s;background-color:#2761c3;top:46%;width:11%;height:30%}#leftArrow{left:-12%;-webkit-clip-path:polygon(100% 0,100% 100%,0 50%)}#rightArrow{-webkit-clip-path:polygon(100% 49%,0 0,0 100%);left:108.5%}button:hover #rightArrow{background-color:#27c39f;left:-15%;animation:.6s ease-in-out both infinite alternate rightArrow8}button:hover #leftArrow{background-color:#27c39f;left:103%;animation:.6s ease-in-out both infinite alternate leftArrow8}.corner{position:absolute;width:4em;height:4em;background-color:#2761c3;box-shadow:inset 1px 1px 8px #2781c3;transform:scale(1) rotate(45deg);transition:.2s}#rightTop{top:-1.98em;left:91%}#leftTop{top:-1.96em;left:-3em}#leftBottom{top:2.1em;left:-2.15em}#rightBottom{top:45%;left:88%}button:hover #leftTop{animation:.1s ease-in-out .05s both changeColor8,.2s linear .4s both lightEffect8}button:hover #rightTop{animation:.1s ease-in-out .15s both changeColor8,.2s linear .4s both lightEffect8}button:hover #rightBottom{animation:.1s ease-in-out .25s both changeColor8,.2s linear .4s both lightEffect8}button:hover #leftBottom{animation:.1s ease-in-out .35s both changeColor8,.2s linear .4s both lightEffect8}button:hover .corner{transform:scale(1.25) rotate(45deg)}button:hover #clip{animation:.2s ease-in-out .55s both greenLight8;--color: #27c39f}@keyframes changeColor8{0%{background-color:#2781c3}to{background-color:#27c39f}}@keyframes lightEffect8{0%{box-shadow:1px 1px 5px #27c39f}to{box-shadow:0 0 2px #27c39f}}@keyframes greenLight8{to{box-shadow:inset 0 0 32px #27c39f}}@keyframes leftArrow8{0%{transform:translate(0)}to{transform:translate(10px)}}@keyframes rightArrow8{0%{transform:translate(0)}to{transform:translate(-10px)}}