*{color:#fff}body{background:#1f1f1f;padding-top:20px}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.87);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}@media only screen and (min-width:0){html{font-size:14px}}@media only screen and (min-width:992px){html{font-size:14.5px}}@media only screen and (min-width:1200px){html{font-size:15px}}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width:601px){.container{width:85%}}@media only screen and (min-width:993px){.container{width:70%}}.statistics{display:flex;margin-bottom:16px}.statistics .stats-item{box-sizing:border-box;text-align:center;width:33.33%}.statistics .stats-data{height:50px;overflow:hidden;position:relative}.stats-icon{display:inline-block;position:relative}.icon-msg{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#444;left:100%;opacity:0;padding:8px 12px;position:absolute;top:50%;transform:translate(10px,-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap;z-index:10}.icon-msg.active{opacity:1;visibility:visible}.icon-msg:before{background-color:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;content:"";height:10px;left:-5px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;z-index:-1}.stats-val{font-size:1.8rem;font-weight:400;line-height:1.3;line-height:110%;margin:2px 0;white-space:nowrap}@media only screen and (max-width:480px){.stats-val{font-size:1.5rem}}.stats-val.online{color:#00e1ff}.stats-val.winner{color:#ffae00}.stats-val.rank{color:#ff834a}#question-cont{border:2px solid #27ffa5;border-radius:15px;justify-content:center;left:auto;margin-left:auto;right:auto;text-align:center;width:100%}#question{font-size:3rem;font-weight:400;line-height:1.3;line-height:110%;margin:1.8rem 0}.option-list{display:grid;gap:20px;grid-template-columns:repeat(2,100px);justify-content:center;margin:0 auto;padding:0 10px;text-align:center}@media only screen and (min-width:992px){.option-list{grid-template-columns:repeat(4,100px);max-width:440px}}.option-cont{border:1px solid #ffe606;border-radius:10px 0 10px 0;cursor:pointer;overflow:hidden;padding:12px 20px;position:relative;text-align:center}.option-val{font-size:1.15rem;font-weight:400;line-height:1.3;line-height:110%}.option-cont .opt-mask{background:transparent;border-radius:10px 0 10px 0;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.option-cont.correct .opt-mask{background:rgba(76,175,80,.4);opacity:1}.option-cont.wrong .opt-mask{background:rgba(229,57,53,.45);opacity:1}#progress-bar-cont{background:#fff;border-radius:10px;height:15px;margin:30px 0 20px;overflow:hidden}#progress-bar{background:linear-gradient(135deg,#09ff00,#ef0,red);height:100%;transform:scaleX(.5);transform-origin:left;transition:transform .05s ease-out;width:100%}progress{display:inline-block;vertical-align:baseline}.progress{background-color:#acece6;border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.progress .determinate{bottom:0;left:0;position:absolute;top:0;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .determinate,.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{-webkit-animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress .indeterminate:after,.progress .indeterminate:before{background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}.progress .indeterminate:after{-webkit-animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.prompt{text-align:center}.hidden{display:none!important}.icon{border:none;flex-shrink:0;height:24px;margin:0 8px;width:24px}.data-loader{display:inline-block;margin:8px 0;text-align:center;vertical-align:top}svg rect{fill:#ff6700}.overlay{height:100%;left:0;top:0;width:100%;z-index:99}.overlay,.popup{position:absolute}.popup{backdrop-filter:blur(10px);background:#2b2b2b;border-radius:16px;box-shadow:0 0 20px rgba(0,0,0,.6);color:#e0e0e0;left:50%;max-height:80%;max-width:400px;min-height:300px;padding:32px;top:50%;transform:translate(-50%,-50%);width:90%}.popup label{color:#fff;display:block;font-size:18px;margin:20px 0}.popup input{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;color:#e0e0e0;margin:16px 0;outline:none;padding:10px 14px}.popup button,.popup input{display:block;font-size:16px;width:100%}.popup button{background:#5e9cff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:24px 0;padding:10px 20px}.pop-loading{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:12px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:19}.pop-spinner{animation:spinn 1s linear infinite;border:5px solid #ddd;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spinn{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;clip-path:inset(50%);white-space:nowrap}.load-container{height:100%;left:0;top:0;width:100%;z-index:999}.load-container,.load-panel{background:#333;position:absolute}.load-panel{left:50%;top:50%;transform:translate(-50%,-50%)}.loading{animation:loading-ani1 4s cubic-bezier(.165,.84,.44,1) infinite;transform:rotate(45deg)}.loading,.loading i{height:20px;width:20px}.loading i{border-radius:.3rem;display:inline-block;position:absolute}.loading i:first-child{animation:loading-ani2 4s ease-in-out infinite;background:#ef5350;transform:translate(0)}.loading i:nth-child(2){animation:loading-ani3 6s ease-in-out infinite;background:#42a5f5;transform:rotate(90deg) translate(0)}.loading i:nth-child(3){animation:loading-ani4 8s ease-in-out infinite;background:#ffca28;transform:rotate(180deg) translate(0)}.loading i:nth-child(4){animation:loading-ani5 10s ease-in-out infinite;background:#5c6bc0;transform:rotate(270deg) translate(0)}@keyframes loading-ani1{25%{transform:rotate(135deg)}50%{transform:rotate(225deg)}75%{transform:rotate(315deg)}to{transform:rotate(405deg)}}@keyframes loading-ani2{17.5%,25%,42.5%,50%,67.5%,75%,92.5%,to{transform:translate(0)}12.5%,37.5%,62.5%,87.5%{transform:translateY(40px)}}@keyframes loading-ani3{17.5%,25%,42.5%,50%,67.5%,75%,92.5%,to{transform:rotate(90deg) translate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(90deg) translateY(40px)}}@keyframes loading-ani4{17.5%,25%,42.5%,50%,67.5%,75%,92.5%,to{transform:rotate(180deg) translate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(180deg) translateY(40px)}}@keyframes loading-ani5{17.5%,25%,42.5%,50%,67.5%,75%,92.5%,to{transform:rotate(270deg) translate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(270deg) translateY(40px)}}