.spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%}.spinner p{font-size:100%;font-weight:500;padding-top:20px;color:#7e7070}.screen-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000e9;z-index:999}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mode{display:flex;flex-direction:row;align-items:center;font-size:100%;width:100%;box-sizing:border-box;border-radius:10px}.mode-header{color:#a4a4a4;padding-right:10px;font-weight:500}.mode-description{padding:5px 0;color:#e0e0e0;font-weight:400}.mode-description p{padding:7px 0}.mode-option{cursor:pointer;padding:10px;text-align:center;border-bottom:2px dashed white}.play{cursor:pointer;width:100%}body{--button-padding: 20px;--button-margin: 10px 0;--button-font-size: 18px}button{cursor:pointer;border:none;outline:none;font-size:var(--button-font-size);font-family:inherit;padding:0;margin:0}.btn{position:relative;padding:10px 20px;width:100%;margin:5px 0;background:linear-gradient(165deg,#b8777b 51.79%,#ffb600 110.02%,#e1ea00 194.87%);border-radius:10px;color:#fff;cursor:pointer;font-weight:500;font-family:inherit;margin:var(--button-margin);padding:var(--button-padding);overflow:hidden;box-shadow:inset 1px 1px 2px #ffffff63}.btn-gradient{animation:gradient 3s ease infinite;background:linear-gradient(-45deg,#6b33ff,#33a3ff,#6b33ff);background-size:400% 400%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-subtitle{font-size:90%;font-weight:500;padding-top:5px;color:#67490e}.btn-money{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.btn-money-left{display:flex;flex-direction:row;align-items:center}.btn-money-count{padding:0 10px}@media (max-width: 1300px),(max-height: 720px){body{--button-padding: 18px;--button-margin: 10px 0;--button-font-size: 16px}}@media (max-width: 430px),(max-height: 640px){body{--button-padding: 16px;--button-margin: 8px 0;--button-font-size: 16px}}@media (max-width: 380px),(max-height: 560px){body{--button-padding: 14px;--button-margin: 6px 0;--button-font-size: 15px}}@media (max-width: 320px),(max-height: 500px){body{--button-padding: 12px;--button-margin: 5px 0;--button-font-size: 14px}}body{--menu-font-size: 15px;--menu-item-height: 34px;--menu-item-padding: 8px 20px;--menu-item-margin: 0 4px 10px 4px;--menu-item-border: 3px solid #65527f82}.menu{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.menu-item{position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;background:linear-gradient(0deg,#28114d,transparent);border-radius:16px;border:var(--menu-item-border);height:var(--menu-item-height);padding:var(--menu-item-padding);margin:var(--menu-item-margin);font-size:var(--menu-font-size);overflow:hidden}.menu-item-icon{display:flex;justify-content:center;align-items:center;z-index:2}.menu-item-text{padding:0 10px;font-weight:500;z-index:2}.menu-icon{width:20px;height:20px;background-size:contain;z-index:2}.meny-coin{display:flex;flex-direction:row;justify-content:space-around;z-index:2}@media (max-width: 1300px),(max-height: 720px){body{--menu-font-size: 14px;--menu-item-height: 32px;--menu-item-padding: 6px 16px;--menu-item-margin: 0 4px 8px 4px}}@media (max-width: 430px),(max-height: 640px){body{--menu-font-size: 14px;--menu-item-height: 30px;--menu-item-padding: 6px 14px;--menu-item-margin: 0 3px 5px 3px}}@media (max-width: 380px),(max-height: 560px){body{--menu-font-size: 14px;--menu-item-height: 32px;--menu-item-padding: 5px 14px;--menu-item-margin: 0 2px 8px 2px}}@media (max-width: 320px),(max-height: 500px){body{--menu-font-size: 13px;--menu-item-height: 26px;--menu-item-padding: 4px 12px;--menu-item-margin: 0 2px 4px 2px}}.modal{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.modal-shadow{cursor:pointer;position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000e}.modal-container{background:linear-gradient(0deg,#351d5a,#0c0615);width:calc(100% - 100px);max-width:360px;border-radius:10px;margin:20px;box-shadow:0 0 50px #0000001c;border:3px solid #8873aa;padding:20px 30px;z-index:9;text-align:center}.modal-header{font-size:18px;font-weight:500;text-align:center;margin-bottom:18px}.modal-subheader{font-weight:400;opacity:.75;text-align:center;margin-bottom:15px}@keyframes modal_open_anim{0%{opacity:0;transform:translateY(50vh) scale(0)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes modal_close_anim{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translateY(50vh) scale(0)}}@media (min-width: 640px){.modal-header{font-size:18px}}@media (max-width: 640px){.modal-header{font-size:17px}}@media (max-width: 420px){.modal-header{font-size:16px}}@media (max-width: 320px){.modal-header{font-size:15px}}.row_cell{position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:400;height:50px;color:#ffffff57;border-radius:10px;padding:0 10px}.row_cell_before{padding-right:25px}.row_cell:active{background:#ffffff36;transition:all 1s}.row_cell_left{display:flex;flex-direction:row;align-items:center}.row_cell_name{font-weight:500;color:#fff}.point{position:absolute;background:#fff;width:5px;height:5px;border-radius:100%;animation:anim_point .15s forwards}@keyframes anim_point{0%{transform:scale(0);opacity:1}to{transform:scale(10);opacity:0}}.checkbox{position:relative}.checkbox .Icon{color:var(--color)}.checkbox_particle{position:absolute;width:50px;height:50px;top:-15px;left:-15px;background:#ffffff93;animation:anim_checkbox_particle .5s forwards;border-radius:100%}@keyframes anim_checkbox_particle{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes anim_checkbox{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.rate{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center}.rate-icon{padding:10px}.rate-category{font-size:90%;opacity:.75}.level-rank{position:absolute;top:95%;left:5px;border-radius:15px;text-align:center;padding:12px 18px;background:#331b59;border:3px solid #6d5c8a;font-weight:500;font-size:14px;color:#fff;z-index:999;box-shadow:0 0 100px #0000004f;animation:level-rank 3s forwards}body[data-anim=disabled] .level-bonus{animation:level-bonus-simple 1.5s forwards}@keyframes level-rank{0%{transform:scale(0) rotate(20deg)}10%{transform:scale(1)}12%{transform:scale(1.1)}14%{transform:scale(1)}30%{transform:rotate(0)}90%{transform:scale(1)}to{transform:scale(0)}}@keyframes level-bonus-simple{0%{transform:scale(1)}99%{transform:scale(1)}to{transform:scale(0)}}@media (max-width: 700px){.level-rank{padding:10px 15px;font-size:13px}}body{--submenu-font-size: 15px;--submenu-height: 42px;--submenu-padding: 0 16px;--submenu-margin: 5px 0 10px 0}.submenu{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:var(--submenu-margin);color:#d6d2d1;font-size:var(--submenu-font-size)}.submenu-item{cursor:pointer;display:flex;flex-direction:row;align-items:center;height:var(--submenu-height);background:#351d5a;border-radius:10px;border:3px solid #65527f82;margin:0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-item-icon,.submenu-item-text{display:flex;flex-direction:row;align-items:center;justify-content:center}.submenu-item-icon{background:#211139;border-radius:10px 0 0 10px;height:100%;padding:var(--submenu-padding);font-weight:600}.submenu-item-text{padding:var(--submenu-padding);font-weight:500;text-overflow:ellipsis;min-width:10px;height:100%;border-left:2px solid #65527f82}@media (max-width: 1300px),(max-height: 720px){body{--submenu-font-size: 15px;--submenu-height: 40px;--submenu-padding: 0 13px}}@media (max-width: 430px),(max-height: 640px){body{--submenu-font-size: 15px;--submenu-height: 38px;--submenu-padding: 0 12px;--submenu-margin: 5px 0 15px 0}}@media (max-width: 380px),(max-height: 560px){body{--submenu-font-size: 14px;--submenu-height: 36px;--submenu-padding: 0 10px;--submenu-margin: 2px 0 12px 0}}@media (max-width: 320px),(max-height: 500px){body{--submenu-font-size: 12px;--submenu-height: 32px;--submenu-padding: 0 7px;--submenu-margin-bottom: 4px}}.hint-tooltip{position:relative;z-index:5}.hint-tooltip .submenu-item{border:3px solid #f6f6f682}.hint-tooltip-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(220deg,#5f30a3bf 50%,#0000);z-index:3}.tooltip{position:absolute;top:80%;right:-40%;background:#28173f;text-align:center;font-weight:500;color:#ffffffcd;padding:14px;margin:20px;z-index:10;border-radius:10px;width:200px;border:3px solid #a399c7;font-size:13px}.tooltip p{padding:2px;font-size:105%}.tooltip:after{content:"";width:0;height:0;display:block;position:absolute;z-index:10;border:0}.tooltip:after{border-left:10px solid transparent;border-right:10px solid transparent;margin-left:-10px;left:80%;border-bottom:10px solid #a399c7;top:-10px}@keyframes tooltip-anim{0%{transform:scale(0)}75%{transform:scale(0)}to{transform:scale(1)}}@keyframes hint-tooltip-anim{0%{opacity:0}to{opacity:1}}.mode,.mode-active{display:flex;align-items:center;justify-content:center;background:#351d5a;border-radius:10px 0 0 10px;height:100%;padding:var(--submenu-padding);font-weight:500}.mode-active{background:#211139}body{--banner-header-font-size: 23px;--banner-header-marin: 20px 0;--banner-text: 18px;--banner-padding: 80px;--banner-margin: 20px 0;--banner-border: 4px solid #ffffff38}.banner{margin:var(--banner-margin);padding:var(--banner-padding);text-shadow:0 0 15px #32323210;width:100%;text-align:center;border:var(--banner-border);border-radius:10px;background:linear-gradient(0deg,#210b42c2,#0c061533);box-sizing:border-box;box-shadow:inset 0 0 50px #32323210;overflow-y:auto}.banner h1{font-size:var(--banner-header-font-size);font-weight:500;margin:var(--banner-header-marin)}.banner .description{padding:10px 20px;font-size:var(--banner-text)}.banner p{max-width:520px;margin:0 auto;font-size:var(--banner-text)}@media (max-width: 1300px),(max-height: 720px){body{--banner-header-font-size: 21px;--banner-text: 16px;--banner-padding: 50px;--banner-margin: 14px 0}}@media (max-width: 430px),(max-height: 640px){body{--banner-header-font-size: 19px;--banner-text: 15px;--banner-padding: 30px 25px;--banner-margin: 4px 0 14px 0;--banner-header-marin: 10px 0 20px 0}}@media (max-width: 380px),(max-height: 560px){body{--banner-header-font-size: 18px;--banner-text: 15px;--banner-padding: 25px 40px;--banner-margin: 5px 0 20px 0;--banner-header-marin: 10px 0 15px 0}}@media (max-width: 320px),(max-height: 500px){body{--banner-header-font-size: 16px;--banner-text: 13px;--banner-padding: 10px;--banner-margin: 0 0 12px 0;--banner-header-marin: 12px 0 16px 0}}body{--image-border: 2px solid #bda5e5}.imgs{position:relative;overflow:hidden;aspect-ratio:3 / 2;border-radius:20px;border:var(--image-border);box-shadow:inset 1px 1px 2px #fff;box-sizing:border-box;width:100%;height:auto;margin:0 0 4%;flex-shrink:0;max-height:calc(50vh - 80px)}.question-img{position:absolute;top:0;left:0;width:100%;height:100%;background:#5d2aaf;object-fit:cover}.img-err{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#5d2aaf;padding:15px;box-sizing:border-box}@keyframes anim-img{0%{transform:translateY(-100%) rotate(30deg)}to{transform:translate(0) rotate(0)}}body{--answers-border: 2px solid #bda5e5;--answers-font-size: 19px}.answers{display:flex;flex-direction:column;justify-content:space-around;text-align:center;background:linear-gradient(0deg,#28114d,#17072f6b);height:45%;margin:0;border-radius:20px;border:var(--answers-border);font-size:var(--answers-font-size);box-sizing:border-box;flex-grow:1}.answer{cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:400;border-bottom:2px solid #ffffff12;height:100%}.answer:last-child{border-bottom:none}.answer-in{animation:anim-answer-show .25s forwards;padding:0 5px}.answer-hide{opacity:.25;animation:anim-answer-hide .25s forwards}.answer-hide-hint{opacity:.25}@supports (-webkit-touch-callout: none){.answer-in{animation:none}.answer-hide{animation:none;transform:scale(0)}}@keyframes anim-answer-hide{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes anim-answer-show{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width: 1300px),(max-height: 720px){body{--answers-font-size: 17px}}@media (max-width: 430px),(max-height: 640px){body{--answers-font-size: 16px}}@media (max-width: 380px),(max-height: 560px){body{--answers-font-size: 16px}}@media (max-width: 320px),(max-height: 500px){body{--answers-font-size: 14px}}.question{flex-direction:row;width:100%;height:100%;max-height:calc(100vh - 120px);max-width:calc(85vh - 120px)}*{margin:0;padding:0;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}body{--font-size: 17px;--root-padding: 40px 20px}body{font-family:Inter,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size);overflow-x:hidden}#root{position:relative;box-sizing:border-box;padding:var(--root-padding);height:100svh;width:100svw}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-width:800px;margin:0 auto}.tab-quiz{max-width:1750px}h1{font-size:140%}.row{display:flex;flex-direction:row;align-items:center;justify-content:center}.scale-anim{animation:scale 1s infinite}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.anim-disabled{animation:none}@media (max-width: 1300px),(max-height: 720px){body{--font-size: 16px}}@media (max-width: 430px),(max-height: 640px){body{--font-size: 15px}}@media (max-width: 380px),(max-height: 560px){body{--font-size: 15px}}@media (max-width: 320px),(max-height: 500px){body{--font-size: 14px;--root-padding: 10px}}