.spinner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.spinner p{color:#7e7070;font-size:100%;font-weight:500;padding-top:20px}.screen-spinner{align-items:center;background:#000000e9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{background:#fff;border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{--board-height:auto;--board-text-size:22px;--board-text-padding:0 40px}.board{aspect-ratio:5/3;background:radial-gradient(#255558,#273e3f);box-sizing:border-box;font-family:Comic Sans MS,Roboto,sans-serif;font-size:var(--board-text-size);max-height:min(38vh,50vw);position:relative;text-align:center}.board,.board-img{height:100%;width:100%}.board-img{left:0;position:absolute;top:0}.board-in{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center;left:10%;position:absolute;top:10%;width:80%}@media (max-height:720px),(max-width:1300px){body{--board-text-size:20px;--board-text-padding:0 35px}}@media (max-height:640px),(max-width:430px){body{--board-height:calc(70vw - 50px);--board-text-size:18px;--board-text-padding:0 24px}}@media (max-height:560px),(max-width:380px){body{--board-text-size:17px}}@media (max-height:500px),(max-width:320px){body{--board-text-size:16px;--board-height:calc(65vw - 50px)}}body{--button-font-size:17px;--button-margin:15px 0 0 0;--button-padding:20px 0}button{align-items:center;background:linear-gradient(0,#121212 50%,#09090e);border:3px solid #bdbdbd;border-radius:14px;box-sizing:border-box;color:#eeecff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--button-font-size);font-weight:500;justify-content:center;margin:var(--button-margin);max-height:70px;outline:none;padding:var(--button-padding);position:relative;text-align:center;width:100%}.btn-modal{background:linear-gradient(0,#fff 50%,#fff);border:none;color:#0b1e20;font-weight:500}@media (max-height:720px),(max-width:1300px){body{--button-font-size:16px;--button-margin:14px 0 0 0;--button-padding:20px 0}}@media (max-height:640px),(max-width:430px){body{--button-font-size:15px;--button-padding:14px 0}}.row_cell{border-radius:10px;color:#ffffff57;cursor:pointer;flex-direction:row;font-size:16px;font-weight:400;height:50px;justify-content:space-between;padding:0;position:relative}.row_cell,.row_cell_before{align-items:center;display:flex}.row_cell_before{padding-right:25px}.row_cell_left{align-items:center;display:flex;flex-direction:row}.row_cell_name{color:#fff;font-weight:400}.point{-webkit-animation:anim_point .15s forwards;animation:anim_point .15s forwards;background:#fff;border-radius:100%;height:5px;position:absolute;width:5px}@-webkit-keyframes anim_point{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}@keyframes anim_point{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}@media(max-width:1000px){.row_cell{font-size:16px}}@media(max-width:700px){.row_cell{font-size:15px}}@media(max-width:500px){.row_cell{font-size:14px}}.checkbox{position:relative}.checkbox_particle{-webkit-animation:anim_checkbox_particle .5s forwards;animation:anim_checkbox_particle .5s forwards;background:#ffffff93;border-radius:100%;height:50px;left:-15px;position:absolute;top:-15px;width:50px}@-webkit-keyframes anim_checkbox_particle{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes anim_checkbox_particle{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes anim_checkbox{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes anim_checkbox{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:1000px){.checkbox svg{height:20px;width:20px}}@media(max-width:700px){.checkbox svg{height:18px;width:18px}}@media(max-width:500px){.checkbox svg{height:18px;width:18px}}body{--group-border:4px solid #ffffff75;--group-margin-bottom:15px;--group-height:calc(100% - 120px);--group-padding:25px 40px}.group{background:linear-gradient(0deg,#26444638,#163537d1);border:var(--group-border);border-radius:15px;box-sizing:border-box;height:var(--group-height);margin-bottom:var(--group-margin-bottom);max-height:800px;overflow-y:auto;padding:var(--group-padding);position:relative;width:100%}@media (max-height:720px),(max-width:1300px){body{--group-border:3px solid #ffffff75;--group-margin-bottom:10px;--group-padding:16px 24px}}@media (max-height:640px),(max-width:430px){body{--group-height:calc(100% - 80px)}}@media (max-height:500px),(max-width:320px){body{--group-margin-bottom:0;--group-padding:10px 20px}}.header{font-size:17px;font-weight:500;margin:12px 0 20px}@media(max-width:700px){.header{font-size:16px}}.tab{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100svh;justify-content:center;margin:0 auto;max-width:720px;padding:15px 15px 25px;width:100vw}.overlay-tab{height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}@media(min-width:800px){.tab{width:80svh}}@media(max-width:330px){.tab{padding:5px 25px}}input,textarea{background:#20494d;border:2px solid #fff;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:15px;font-weight:500;height:100px;margin:7px 0;outline:none;padding:16px 20px;width:100%}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ffffffc4}input::placeholder,textarea::placeholder{color:#ffffffc4}input{height:60px}@media(max-width:640px){input,textarea{font-size:14px;height:80px}input{height:50px}}.app-error{align-items:center;background:linear-gradient(45deg,#244042,transparent);border:3px solid #fff;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:50vh;justify-content:center;margin-bottom:20px;max-height:300px;width:100%}.app-error p{font-size:18px;padding:5px 0}.question-img{border:1px dashed #fff;border-radius:10px;flex-grow:3;height:calc(95% - 100px);margin-top:5%;min-height:50px;position:relative;width:auto}.question-text{-webkit-animation:answer_anim .15s linear;animation:answer_anim .15s linear;box-sizing:border-box;position:relative}.question-audio{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:5%;padding:5px}.audio-time{color:#ffffffd3;font-size:95%;padding-top:5px}@-webkit-keyframes anim-question-image{0%{-webkit-transform:scale(0) rotate(40deg);transform:scale(0) rotate(40deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes anim-question-image{0%{-webkit-transform:scale(0) rotate(40deg);transform:scale(0) rotate(40deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.recs,.recs-block{align-items:center;display:flex;flex-direction:row;justify-content:center}.recs-block{background:#2a404194;border:2px solid #8fa6a7;border-radius:7px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;margin:15px 0 0;position:relative}.recs-text{padding:0 14px 0 16px}.recs-close,.recs-text{align-items:center;display:flex;height:100%;justify-content:center}.recs-close{background:hsla(0,0%,50%,.06);border-radius:0 7px 7px 0;box-sizing:border-box;font-size:12px;padding:0 10px}body{--answers-padding:15px 0 0 0;--answers-max-height:min(400px,80vw,50vh);--answer-margin:15px 0 0 0;--answer-font-size:17px;--answer-border:3px solid #bdbdbd}.answers{flex-direction:column;max-height:var(--answers-max-height);padding:var(--answers-padding)}.answer,.answers{display:flex;height:100%;width:100%}.answer{align-items:center;background:#061313;border:var(--answer-border);border-radius:14px;box-sizing:border-box;color:#eeecff;cursor:pointer;font-size:var(--answer-font-size);font-weight:500;justify-content:center;margin:var(--answer-margin);max-height:80px;position:relative;text-align:center}.answer-correct{background:#112223}.answer-incorrect{background:radial-gradient(#3d2627,#061313);color:#e8cece}@media (max-height:720px),(max-width:1300px){body{--answer-margin:10px 0 0 0;--answer-font-size:16px}}@media (max-height:640px),(max-width:430px){body{--answer-margin:10px 0 0 0;--answer-font-size:15px}}@media (max-height:560px),(max-width:380px){body{--answers-padding:10px 0 0 0;--answer-margin:8px 0 0 0;--answer-border:2px solid #bdbdbd}}@media (max-height:500px),(max-width:320px){body{--answer-margin:5px 0 0 0;--answers-max-height:50vh}}@-webkit-keyframes amim-simple-show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-simple-show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-simple-hide{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-simple-hide{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes anim-answer-hide{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes anim-answer-hide{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes anim-scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes anim-scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}body{--match-font-size:18px;--match-item-height:80px;--match-item-margin:10px 0}.match-wrap{display:flex;flex-direction:row;height:50%;justify-content:space-between;max-height:400px;position:relative;width:100%}.match-column{flex-direction:column;margin:10px 0;width:48%}.match-column,.match-item{box-sizing:border-box;display:flex;height:100%}.match-item{align-items:center;background:radial-gradient(#071114c9,#0711149c);border:3px solid #bdbdbd;border-radius:14px;color:#eeecff;cursor:pointer;font-size:var(--match-font-size);font-weight:500;justify-content:center;margin:var(--match-item-margin);max-height:80px;position:relative;text-align:center;width:100%}.match-selected{background:#23454e;border:3px solid #b7dbe8}.match-correct{background:#25433a;border:3px solid #afffd4}.match-incorrect{background:#352d2d;border:3px solid #ffb2b2}@media (max-height:640px),(max-width:430px){body{--match-font-size:16px;--match-item-height:70px;--match-item-margin:10px 0}}@media (max-height:560px),(max-width:380px){body{--match-font-size:15px;--match-item-height:60px;--match-item-margin:8px 0}}@media (max-height:500px),(max-width:320px){body{--font-size:14px;--root-padding:10px}}@-webkit-keyframes amim-compare-show-1{0%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-1{0%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-show-2{0%{-webkit-transform:scale(0);transform:scale(0)}20%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-2{0%{-webkit-transform:scale(0);transform:scale(0)}20%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-show-3{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-3{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-show-4{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-4{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-show-5{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-5{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-show-6{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-6{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-show-7{0%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-7{0%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-show-8{80%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes amim-compare-show-8{80%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amim-compare-hide-1{0%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-1{0%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-hide-2{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-2{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-hide-3{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-3{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-hide-4{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-4{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-hide-5{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-5{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-hide-6{0%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-6{0%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-hide-7{0%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-7{0%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-hide-8{0%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes amim-compare-hide-8{0%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes amim-compare-selected{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes amim-compare-selected{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes amim-compare-correct{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(3deg) scale(.75);transform:rotate(3deg) scale(.75)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes amim-compare-correct{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(3deg) scale(.75);transform:rotate(3deg) scale(.75)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes amim-compare-incorrect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}70%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes amim-compare-incorrect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}70%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}body{--modal-header:17px;--modal-text:16px;--modal-border:3px solid #d0cfce;--modal-padding:25px 30px;--modal-margin:20px;--modal-width:100%}.modal{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed;z-index:999}.modal,.modal-shadow{height:100svh;left:0;top:0;width:100vw}.modal-shadow{background:#070a0aee;cursor:pointer;position:absolute}.modal-container{background:#20494d;border:var(--modal-border);border-radius:16px;box-sizing:border-box;font-size:var(--modal-text);margin:var(--modal-margin);max-height:calc(85vh - 50px);max-width:500px;overflow-y:auto;padding:var(--modal-padding);position:relative;text-align:center;width:var(--modal-width);z-index:999}.modal-header{font-size:var(--modal-header);font-weight:500;margin-bottom:30px;text-align:center}.modal-subheader{font-size:98%;margin:-20px 0 30px;opacity:.5}.modal-close{cursor:pointer;padding:4px;position:absolute;right:17px;top:14px}@-webkit-keyframes modal_open_anim{0%{opacity:0;-webkit-transform:translateY(50vh) scale(0);transform:translateY(50vh) scale(0)}to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes modal_open_anim{0%{opacity:0;-webkit-transform:translateY(50vh) scale(0);transform:translateY(50vh) scale(0)}to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@-webkit-keyframes modal_close_anim{0%{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}to{opacity:0;-webkit-transform:translateY(50vh) scale(0);transform:translateY(50vh) scale(0)}}@keyframes modal_close_anim{0%{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}to{opacity:0;-webkit-transform:translateY(50vh) scale(0);transform:translateY(50vh) scale(0)}}@media(max-width:700px){body{--modal-header:16px;--modal-text:14px;--modal-padding:28px;--modal-margin:18px;--modal-width:calc(100% - 56px)}}@media(max-width:500px){body{--modal-header:16px;--modal-text:13px;--modal-padding:25px;--modal-margin:16px;--modal-width:calc(100% - 50px)}}@media (orientation:landscape) and (max-height:500px){body{--modal-header:16px;--modal-text:12px;--modal-border:2px solid #d0cfce;--modal-padding:16px 20px;--modal-margin:15px;--modal-width:calc(100% - 40px)}}.rate{align-items:center;display:flex;flex-direction:row;justify-content:center}.rate-item{cursor:pointer;padding:10px 5px}.cards{display:flex;flex-direction:row;justify-content:space-between;margin:25px 0}.card,.card-active{align-items:center;background:#00000011;border:3px solid #ffffff1c;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:25px 5px;width:calc(50% - 5px)}.card-active{border:3px solid #e4eaea;box-shadow:0 0 15px #96c9ce63}.card-top{font-weight:600;padding-bottom:8px}.card-bottom{color:#ffffffa9;font-size:95%;font-weight:500;padding:0 10px}.level-rank{background:#142121;border:2px solid #fff;border-radius:15px;bottom:-96%;box-sizing:border-box;color:#fff;font-size:12px;font-weight:500;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;z-index:999}.delta-rank{opacity:.5;padding-left:5px}@-webkit-keyframes anim-level-rank{0%{-webkit-transform:scale(0) rotate(20deg);transform:scale(0) rotate(20deg)}10%{-webkit-transform:scale(1);transform:scale(1)}12%{-webkit-transform:scale(1.1);transform:scale(1.1)}14%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes anim-level-rank{0%{-webkit-transform:scale(0) rotate(20deg);transform:scale(0) rotate(20deg)}10%{-webkit-transform:scale(1);transform:scale(1)}12%{-webkit-transform:scale(1.1);transform:scale(1.1)}14%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@media(max-width:700px){.level-rank{bottom:-100%}}.menu{flex-direction:row;padding:0 0 20px}.menu,.menu-item{align-items:center;display:flex;justify-content:center}.menu-item{background:linear-gradient(0,#121212 50%,#09090e);border:3px solid #bdbdbd;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin-right:10px;min-width:60px;overflow:hidden;position:relative;text-align:center}.menu-item-icon{align-items:center;display:flex;height:100%;justify-content:center}.menu-item-text{z-index:2}.menu-item:last-child{margin-right:0}.rating-count{margin-left:15px}.question-num{padding-right:15px}@media(max-width:740px){.menu{padding:0 0 16px}.menu-item{font-size:15px;height:45px;margin-right:8px}.question-num{padding-right:10px}}@media(max-height:600px){.menu{padding:0 0 15px}.menu-item{font-size:14px;height:40px;margin-right:6px}.question-num{padding-right:8px}.rating-count{margin-left:10px}.menu-item .icon{-webkit-transform:scale(.8);transform:scale(.8)}}body{--rating-in-padding:0 30px;--rating-in-margin:20px 2px;--rating-item-padding:10px 0;--rating-avatar-size:48px;--rating-menu-padding:20px 10px;--rating-font-size:16px;--rating-margin-bottom:10px;--rating-max-height:calc(100svh - 180px)}.rating{background:#173335;border:3px solid #ffffff75;border-radius:10px;box-shadow:inset 0 0 50px #32323210;font-size:var(--rating-font-size);margin-bottom:var(--rating-margin-bottom);width:100%}.rating-in{box-sizing:border-box;height:700px;margin:var(--rating-in-margin);max-height:var(--rating-max-height);overflow-y:auto;padding:var(--rating-in-padding);text-shadow:0 0 15px #32323210}.rating-item{justify-content:space-between;padding:var(--rating-item-padding)}.rating-item,.rating-item-left{align-items:center;display:flex;flex-direction:row}.rating-avatar{position:relative}.rating-badge{background:#fff;border-radius:20px;bottom:0;color:#000;font-size:11px;font-weight:500;padding:4px 7px;position:absolute;right:-10%}.rating-name{margin-left:25px}.rating-img{border:2px solid transparent;border-radius:100%;height:var(--rating-avatar-size);width:var(--rating-avatar-size)}.rating-user{background:#173335;border-radius:0;bottom:0;font-weight:500;position:-webkit-sticky;position:sticky}.rating-user .rating-img{border:2px solid #fff}.top{margin-bottom:10px}.rating-menu{align-items:center;background:#173335;display:flex;flex-direction:row;font-weight:500;margin-left:-5px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.rating-menu-item{cursor:pointer;padding:var(--rating-menu-padding)}@media (max-height:720px),(max-width:1300px){body{--rating-in-padding:0 20px;--rating-in-margin:16px 2px;--rating-item-padding:10px 0;--rating-avatar-size:42px;--rating-menu-padding:16px 8px;--rating-margin-bottom:8px}}@media (max-height:640px),(max-width:430px){body{--rating-in-padding:0 18px;--rating-in-margin:14px 2px;--rating-item-padding:8px 0;--rating-avatar-size:40px;--rating-menu-padding:14px 7px;--rating-font-size:15px;--rating-max-height:calc(100svh - 150px)}}@media (max-height:560px),(max-width:380px){body{--rating-in-padding:0 16px;--rating-in-margin:12px 2px;--rating-item-padding:6px 0;--rating-avatar-size:38px;--rating-menu-padding:12px 6px;--rating-font-size:14px}}@media (max-height:500px),(max-width:320px){body{--rating-in-padding:0 14px;--rating-in-margin:10px 2px;--rating-item-padding:5px 0;--rating-avatar-size:34px;--rating-menu-padding:10px 5px;--rating-margin-bottom:6px}}body{--journal-font-size:15px;--journal-td-padding:14px 0}.journal-menu{align-items:center;display:flex;flex-direction:row;font-size:var(--journal-font-size);margin-bottom:20px}.journal-menu-item{cursor:pointer;margin-right:20px;padding:10px 0}.journal{width:100%}.journal td{font-size:var(--journal-font-size);padding:var(--journal-td-padding)}.journal-row-count,.journal-row-label{text-align:left;width:50%}.journal-row-count{text-align:right}.journal-row-pc{opacity:.5;padding-left:15px}@-webkit-keyframes stats-anim{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes stats-anim{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-height:640px),(max-width:430px){body{--journal-font-size:14px;--journal-td-padding:11px 0}}*{-webkit-tap-highlight-color:#00000000;-webkit-touch-callout:none;margin:0;-webkit-user-select:none;user-select:none}input,textarea{-webkit-touch-callout:text;-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#00000000}::-webkit-scrollbar-thumb{background:#ffffff8d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}body{color:#fff;font-family:sans-serif;font-family:Roboto,sans-serif;overflow-x:hidden}h1{font-weight:600}.image-layer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}