@font-face{font-family:BalooBhaina-Regular;src:url(/fonts/baloobhaina-regular.eot);src:url(/fonts/baloobhaina-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/baloobhaina-regular.woff2) format("woff2"),url(/fonts/baloobhaina-regular.woff) format("woff"),url(/fonts/baloobhaina-regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu-Bold;src:url(/fonts/ubuntu-bold.eot);src:url(/fonts/ubuntu-bold.eot?#iefix) format("embedded-opentype"),url(/fonts/ubuntu-bold.woff2) format("woff2"),url(/fonts/ubuntu-bold.woff) format("woff"),url(/fonts/ubuntu-bold.ttf) format("truetype"),url(/fonts/ubuntu-bold.svg#ubuntubold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu-Light;src:url(/fonts/ubuntu-light.eot);src:url(/fonts/ubuntu-light.eot?#iefix) format("embedded-opentype"),url(/fonts/ubuntu-light.woff2) format("woff2"),url(/fonts/ubuntu-light.woff) format("woff"),url(/fonts/ubuntu-light.ttf) format("truetype"),url(/fonts/ubuntu-light.svg#ubuntulight) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu-Regular;src:url(/fonts/ubuntu-regular.eot);src:url(/fonts/ubuntu-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/ubuntu-regular.woff2) format("woff2"),url(/fonts/ubuntu-regular.woff) format("woff"),url(/fonts/ubuntu-regular.ttf) format("truetype"),url(/fonts/ubuntu-regular.svg#ubunturegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:FredokaOne-Regular;src:url(/fonts/fredokaone-regular.eot);src:url(/fonts/fredokaone-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/fredokaone-regular.woff2) format("woff2"),url(/fonts/fredokaone-regular.woff) format("woff"),url(/fonts/fredokaone-regular.ttf) format("truetype"),url(/fonts/fredokaone-regular.svg#fredokaone_regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:icon;src:url(/fonts/icomoon.eot?v=1);src:url(/fonts/icomoon.eot?v=1#iefix) format("embedded-opentype"),url(/fonts/icomoon.woff2?v=1) format("woff2"),url(/fonts/icomoon.woff?v=1) format("woff"),url(/fonts/icomoon.ttf?v=1) format("truetype"),url(/fonts/icomoon.svg?v=1#icomoon) format("svg");font-weight:400;font-style:normal}.yellow{background-color:#fdbd3c;border:none;box-shadow:0 6px 0 0 #e36d00,0 10px 0 0 rgba(0,0,0,.3);border-radius:10px;height:65px;font-family:Ubuntu-Bold;font-size:25px;color:#5a1f9a;letter-spacing:0;text-align:center}.yellow:active{background-color:#fc9c02;transform:translateY(6px);box-shadow:0 4px 0 0 rgba(0,0,0,.3)}.yellow.big{width:352px}.yellow.medium{width:264px}.yellow.small{width:60px;min-width:60px;display:flex;align-items:center;justify-content:center}.yellow.small:before{font-family:icon;color:#6a06af;font-size:30px}.send{background-image:url(/images/icSend.svg);background-repeat:no-repeat;background-position:50%;background-size:26px}.send:before{display:none}.enter:before{content:"\e900"}.share:before{content:"\e90f"}.loading:before{content:"\e910";animation-name:loading;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}label:not(.text){display:flex}label:not(.text) input[type=text]{width:100%;height:100px;background-color:#fff;border-radius:11px;box-shadow:0 21px 12px 2px rgba(0,0,0,.32);border:5px solid transparent;font-family:FredokaOne-Regular;font-size:57px;color:#000;letter-spacing:0;text-align:center;text-transform:uppercase}label:not(.text) input[type=text]:focus{border-color:#41006d;box-shadow:0 0 0 5px #fdbd3c,0 21px 12px 2px rgba(0,0,0,.32)}label.text{background:#e4d6ee;box-shadow:0 10px 0 0 rgba(0,0,0,.3);border-radius:11px;height:45px;display:flex;flex-direction:column;padding:10px 15px;justify-content:center}label.text.active{background:#fff}label.text legend{font-family:BalooBhaina-Regular;font-size:15px;color:#6324a8;letter-spacing:.62px}label.text input[type=text]{background:transparent;border:none;font-family:Ubuntu-Regular;font-size:25px;color:#585061;letter-spacing:0;line-height:24px;text-transform:uppercase}@media only screen and (max-width:768px){.yellow{height:45px;box-shadow:0 3px 0 0 #e36d00,0 7px 0 0 rgba(0,0,0,.3);font-size:22px;border-radius:6px}.yellow:active{transform:translateY(3px);box-shadow:0 4px 0 0 rgba(0,0,0,.3)}.yellow.big{width:265px}.yellow.medium{width:132px}.yellow.small{height:57px;width:50px;min-width:50px}label:not(.text) input[type=text]{height:64px;box-shadow:0 10px 6px 1px rgba(0,0,0,.32);border-width:3px;border-radius:6px;font-size:50px}label:not(.text) input[type=text]:focus{box-shadow:0 0 0 3px #fdbd3c,0 10px 6px 1px rgba(0,0,0,.32)}label.text{box-shadow:0 7px 0 0 rgba(0,0,0,.3);border-radius:6px;height:41px;padding:8px 12px;width:0}label.text legend{font-size:12px}label.text input[type=text]{font-size:22px;margin:5px 0 0}}*{text-decoration:none;margin:0;outline:none;padding:0;touch-callout:none;text-size-adjust:none;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-ms-touch-action:none;speak:none;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{-webkit-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;touch-callout:auto}#__next,body,html{background-color:#782cca}#__next,#root,.wrapper,body,html{width:100%;height:100%;position:relative}#root,.wrapper{display:flex;flex-direction:column}#root .logoWos,.wrapper .logoWos{width:160px;height:86px;position:absolute;left:50%;transform:translateX(-50%);top:12px;z-index:3;transition-property:all;transition-duration:.3s;transition-delay:10ms}#root .logoWos.medium,.wrapper .logoWos.medium{width:264px;height:140px;top:20px}.content{align-items:stretch;height:100%;display:flex;flex-direction:column}.content>div{position:relative}.logout{width:46px;height:46px;position:absolute;top:20px;left:20px;border:none;background:transparent;background-image:url(/images/icLogout.svg);background-repeat:no-repeat;background-position:50%}.nickHeader{display:none;align-items:center;justify-content:center;padding:22px 20px 0}.nickHeader h3{text-transform:uppercase;font-family:BalooBhaina-Regular;font-size:60px;color:#fdbd3b;text-shadow:0 -1px 0 #fdd83b,0 2px 0 #f77751,0 6px 0 #48007c}#bannerMobile{height:50px;display:flex;align-items:center;justify-content:center;font-family:Ubuntu-Bold;font-size:12px;color:#fff;background-color:#55158c}@media only screen and (max-width:768px){#root .logoWos.null,.wrapper .logoWos.null{width:0;height:0}#root .logoWos.medium,.wrapper .logoWos.medium{width:132px;height:70px;top:20px}.logout{width:23px;height:23px;background-size:contain}.nickHeader{display:flex;padding:22px 60px 0;max-width:300px}.nickHeader h3{font-size:30px;overflow:hidden;text-overflow:ellipsis}}@media only screen and (max-width:768px) and (min-device-width:360px){#root .logoWos.medium,.wrapper .logoWos.medium{width:220px;height:120px;top:20px}}.mixer:before,.party:before,.twitch:before,.youtube:before{content:"";font-family:icon}.twitch:before{content:"\e904"}.mixer:before{content:"\e90b"}.youtube:before{content:"\e90c"}.party:before{content:"\e90a"}.load{display:flex;align-items:center;justify-content:center}.load div{width:200px;height:200px}header{height:112px;align-self:stretch;flex-direction:row;justify-content:space-between;position:relative}header,header button{display:flex;align-items:center}header button{margin:0 30px;width:30px;height:30px;background:none;justify-content:center;border:none;position:absolute;right:0}header button:hover:before{color:#fdbd3c}header button:before{font-family:icon;color:#fff;font-size:25px}header button.logout:before{content:"\e903"}header button.exit:before{content:"\e901"}header>div{-moz-flex:1;-o-flex:1;flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}header>div .wos{width:160px;height:86px;display:flex}header>div>span:not(.wos){font-family:BalooBhaina-Regular;font-size:20px;letter-spacing:.82px;display:flex;flex-direction:row;overflow:hidden;max-width:calc((100% - 400px) / 2);-moz-flex:1;-o-flex:1;flex:1 1}header>div>span:not(.wos) p{line-height:27px;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden}header>div>span:not(.wos):before{font-family:icon;margin:0 10px 0 0}header>div>span:not(.wos).nick{color:#fdbd3c;text-align:right;justify-content:flex-end;margin:0 40px 0 80px}header>div>span:not(.wos).nick:before{content:"\e905"}header>div>span:not(.wos).room{text-align:left;color:#fff;margin:0 80px 0 40px}@media only screen and (max-width:768px){header{height:64px}header button{margin:0 15px;width:25px;height:25px}header button:before{font-size:20px}header>div{flex-direction:column;padding:5px 0 0;margin:0 60px}header>div .wos{display:none}header>div>span:not(.wos){margin:0;font-size:15px;align-self:stretch;max-width:none}header>div>span:not(.wos) p{line-height:22px}header>div>span:not(.wos).nick,header>div>span:not(.wos).room{margin:0;justify-content:center}}.start .center{-moz-flex:1;-o-flex:1;flex:1 1;align-self:stretch;flex-direction:column}.start .center,.start .center .fig{display:flex;align-items:center;justify-content:center}.start .center .fig{width:500px;height:360px;position:relative}.start .center .fig:before{content:"";display:flex;position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(212,193,255,.5) 0,rgba(212,193,255,0) 70%)}.start .center figure{z-index:2;width:421px;height:305px;background-image:url(/images/figureStart.svg);background-repeat:no-repeat;background-position:50%}.start .center p{font-family:BalooBhaina-Regular;font-size:22px;color:#fff;letter-spacing:3.4px;text-align:center;line-height:24px;display:flex;flex-direction:column;width:560px}.start .bottom{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 0 20px}.start .bottom i{display:flex;animation-name:loading;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.start .bottom i:before{opacity:.5;color:#fff;content:"\e910";font-family:icon;font-size:30px}@media only screen and (max-width:768px){.start .center .fig{width:300px;height:260px}.start .center figure{width:280px;height:230px;background-size:contain;margin-bottom:15px}.start .center p{font-size:17px;letter-spacing:.61px;line-height:20px;width:280px}.start .bottom i:before{font-size:25px}}.room .container{overflow:hidden;position:relative}.room .logout{z-index:3}.room .container.bottom:before,.room .container.middle:after,.room .container.middle:before,.room .container.top:after{display:block}.room .container:after,.room .container:before{content:"";width:100%;height:50px;position:absolute}.room .container:before{top:0;z-index:2;height:220px;background:linear-gradient(180deg,#6e0bc8 0,#6e0bc8 40%,rgba(110,11,200,0))}.room .container:after{display:none;bottom:0;background:linear-gradient(180deg,rgba(70,2,117,0) 0,rgba(70,2,117,.82) 74%,#460275)}.room .containerHit{background-color:rgba(70,2,117,.9);top:0;left:0;width:100%;height:100%;position:fixed;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.room .containerHit.hit-enter,.room .containerHit.hit-enter div,.room .containerHit.hit-enter h4{opacity:0}.room .containerHit.hit-enter div p{transform:scale(.2)}.room .containerHit.hit-enter-active{animation-name:opacity;animation-duration:.15s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.room .containerHit.hit-enter-active div,.room .containerHit.hit-enter-active h4{animation-delay:50ms;animation-name:opacity;animation-duration:.15s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.room .containerHit.hit-enter-active div p{animation-name:scaleHit;animation-duration:.15s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.room .containerHit.hit-enter-active div p:first-of-type{animation-delay:50ms}.room .containerHit.hit-enter-active div p:nth-of-type(2){animation-delay:.1s}.room .containerHit.hit-enter-active div p:nth-of-type(3){animation-delay:.15s}.room .containerHit.hit-enter-active div p:nth-of-type(4){animation-delay:.2s}.room .containerHit.hit-enter-active div p:nth-of-type(5){animation-delay:.25s}.room .containerHit.hit-enter-active div p:nth-of-type(6){animation-delay:.3s}.room .containerHit.hit-enter-active div p:nth-of-type(7){animation-delay:.35s}.room .containerHit.hit-enter-active div p:nth-of-type(8){animation-delay:.4s}.room .containerHit.hit-exit{animation-delay:50ms;animation-direction:reverse;animation-duration:.2s;animation-name:opacity;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.room .containerHit h4{font-family:Ubuntu-Bold;font-size:30px;color:#fff;letter-spacing:0;text-align:center}.room .containerHit div{display:flex;flex-direction:row;margin:30px 0 0;position:relative}.room .containerHit div span{height:300px;position:absolute;z-index:3;top:50%;margin-top:-150px}.room .containerHit div p{width:56px;height:54px;margin:0 5px;background-color:#2f004f;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Ubuntu-Bold;font-size:34px;color:#fdbd3c;text-align:center;text-transform:uppercase;position:relative;z-index:2}.room .center{overflow:scroll;z-index:1}.room .center,.room .center .startGame{width:100%;height:100%;display:flex;flex-direction:column}.room .center .startGame,.room .center .startGame .fig{align-items:center;justify-content:center}.room .center .startGame .fig{width:500px;height:360px;display:flex;position:relative;margin-bottom:20px}.room .center .startGame .fig .lottie{height:100%}.room .center .startGame .fig:before{content:"";display:flex;position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(212,193,255,.5) 0,rgba(212,193,255,0) 70%)}.room .center .startGame figure{z-index:2;padding:0;width:354px;height:290px;background-image:url(/images/startGame.svg);background-size:contain;background-position:50%;background-repeat:no-repeat;margin:0}.room .center .startGame p{font-family:BalooBhaina-Regular;font-size:30px;color:#fff;letter-spacing:1.23px;text-align:center;line-height:35px}.room .center .scroll{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;align-self:stretch;-moz-flex:1;-o-flex:1;flex:1 1}.room .center .scroll .word{z-index:1;position:relative;margin:10px;background-color:#bc72ff;border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 5px;box-shadow:0 -3px 0 0 #dcb4fd,0 3px 0 0 #a245f5,0 6px 10px 0 #32005f}.room .center .scroll .word span{position:absolute;width:300px;z-index:4}.room .center .scroll .word p{width:56px;height:54px;margin:0 5px;background-color:#f1deff;border:2px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Ubuntu-Bold;font-size:34px;color:#3d1c61;text-align:center;text-transform:uppercase;position:relative;z-index:2;box-shadow:0 0 4px 0 rgba(0,0,0,.2)}.room .center .scroll .word.hit,.room .center .scroll .word.hitmax{z-index:2;animation-delay:2.2s;animation-name:front;animation-duration:.1s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.room .center .scroll .word.hit{background-color:#ffde52;box-shadow:0 -3px 0 0 #fffbe6,0 3px 0 0 #ea9d22,0 6px 10px 0 #32005f}.room .center .scroll .word.hit p{background-color:#fff9e3}.room .center .scroll .word.hitmax{background-color:#5fe0ff;box-shadow:0 -3px 0 0 #bff3ff,0 3px 0 0 #3d92d0,0 6px 10px 0 #32005f}.room .center .scroll .word.hitmax p{background-color:#e3faff}.room .bottom{height:154px;align-items:center;position:relative;z-index:2}.room .bottom,.room .bottom .time{display:flex;flex-direction:column}.room .bottom .time{width:586px;height:15px;background-color:#2f004f;border-radius:8px;margin:-8px 0 0}.room .bottom .time span{-moz-flex:1;-o-flex:1;flex:1 1;margin:2px;background-color:#1affee;border-radius:8px;width:0;transition-property:width;transition-timing-function:linear}.room .bottom .time span.endTime{background-color:#fdbd3c}.room .bottom form{display:flex;flex-direction:row;margin:30px 0 0}.room .bottom form .text span{display:flex;flex-direction:row;align-items:center;font-family:BalooBhaina-Regular;font-size:14px;color:#823bb4;letter-spacing:.56px;margin:5px 0 0}.room .bottom form .text span:before{content:"";width:16px;height:24px;margin:0 8px 6px 0;background-image:url(/images/block.svg);background-size:contain}.room .bottom form .yellow{margin:0 0 0 15px}.room .bottom form.block .text{background-color:#360359;box-shadow:0 10px 6px 1px transparent}.room .bottom form.block .send:disabled{color:#4f1f85;margin:2px 0 0 15px;background-color:#946d3f;box-shadow:0 -3px 0 0 rgba(0,0,0,.3)}.room.fade-enter .startGame,.room.fade-exit .bottom{opacity:0;transform:scale3d(.2,.2,.2)}.room.fade-enter-active .bottom,.room.fade-enter-active .startGame{animation-delay:.2s;animation-name:scaleHit;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.room.fade-enter-active .bottom{animation-delay:.25s}.room.fade-exit-active .bottom,.room.fade-exit-active .startGame{animation-direction:reverse;animation-delay:50ms;animation-name:scaleHit;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}@media only screen and (max-width:768px){.room .container:before{height:140px}.room .containerHit h4{font-size:13px;color:#ead8fd}.room .containerHit div{margin:10px 0 0;background-color:#ffbe3b;padding:2px;border-radius:3px;box-shadow:0 0 5px 0 #ffbe3b}.room .containerHit div p{width:30px;height:32px;border:2px solid #fff;background-color:#fafcc4;margin:2px;color:#2d2107;font-size:24px;border-radius:3px}.room .center .startGame .fig{width:300px;height:260px;margin-bottom:10px}.room .center .startGame figure{width:280px;height:230px;margin:0}.room .center .startGame p{font-size:15px;line-height:17px}.room .center .scroll .word{margin:5px;border-radius:6px;padding:3px;box-shadow:0 -1px 0 0 #dcb4fd,0 1px 0 0 #a245f5,0 3px 5px 0 #32005f}.room .center .scroll .word p{width:30px;height:32px;margin:2px;font-size:24px;border-radius:5px;box-shadow:0 0 2px 0 rgba(0,0,0,.2)}.room .center .scroll .word.hit{background-color:#ffde52;box-shadow:0 -1px 0 0 #fffbe6,0 1px 0 0 #ea9d22,0 3px 5px 0 #32005f}.room .center .scroll .word.hitmax{background-color:#5fe0ff;box-shadow:0 -1px 0 0 #bff3ff,0 1px 0 0 #3d92d0,0 3px 5px 0 #32005f}.room .bottom{height:90px}.room .bottom .time{width:100%;height:6px}.room .bottom .time,.room .bottom .time span{margin:0;border-radius:0}.room .bottom form{align-self:stretch;margin:10px 0 0;padding:0 10px}.room .bottom form .text{-moz-flex:1;-o-flex:1;flex:1 1}}@media only screen and (max-width:768px) and (min-aspect-ratio:13/16){.room header{display:none}}.interval{align-items:center}.interval .ctt-interval{-moz-flex:1;-o-flex:1;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:160px;align-self:stretch}.interval .ctt-interval .result{display:flex;flex-direction:row;justify-content:space-between;width:660px;margin:60px 0 0}.interval .ctt-interval .result.center{justify-content:center}.interval .ctt-interval .result .rkg{display:flex;flex-direction:column;align-items:center;width:294px;height:392px;padding:10px;background-color:#fff;box-shadow:0 5px 5px 2px rgba(0,0,0,.32);border-radius:11px}.interval .ctt-interval .result .rkg figure{background-repeat:no-repeat;background-position:50%;background-size:contain}.interval .ctt-interval .result .rkg.round figure{width:160px;height:160px;background-image:url(/images/round.svg)}.interval .ctt-interval .result .rkg.general figure{width:178px;height:164px;background-image:url(/images/general.svg)}.interval .ctt-interval .result .rkg h4{font-family:BalooBhaina-Regular;font-size:38px;color:#946fc9;letter-spacing:0;text-align:center;margin:0}.interval .ctt-interval .result .rkg section{margin-top:10px;-moz-flex:1;-o-flex:1;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.interval .ctt-interval .result .rkg .positions{margin:5px 0 0;display:flex;flex-direction:row;align-items:center;justify-content:center;font-family:BalooBhaina-Regular;font-weight:100;font-size:40px;color:#9e7acf;line-height:100px;height:100px}.interval .ctt-interval .result .rkg .positions strong{font-size:100px;color:#630195}.interval .ctt-interval .result .rkg .status{align-self:stretch;background-color:#c69dfd;height:75px;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10px}.interval .ctt-interval .result .rkg .status.up{background-color:#00b69e}.interval .ctt-interval .result .rkg .status.up i{background-image:url(/images/icUp.svg)}.interval .ctt-interval .result .rkg .status.down{background-color:#8c2be5}.interval .ctt-interval .result .rkg .status.down i{background-image:url(/images/icDown.svg)}.interval .ctt-interval .result .rkg .status.na{background-color:#c0a8e0}.interval .ctt-interval .result .rkg .status.na i{background-image:url(/images/na.svg)}.interval .ctt-interval .result .rkg .status i{width:44px;height:48px;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(/images/icStatus.svg)}.interval .ctt-interval .result .rkg .status p{font-family:BalooBhaina-Regular;font-size:25px;color:#fff}.interval .bottom{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 0 20px}.interval .bottom i{display:flex;animation-name:loading;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.interval .bottom i:before{opacity:.5;color:#fff;content:"\e910";font-family:icon;font-size:30px}@media only screen and (max-width:768px){.interval .ctt-interval{margin-top:120px}.interval .ctt-interval .result{width:auto;align-self:stretch;margin:10px 10px 0}.interval .ctt-interval .result .rkg{-moz-flex:1;-o-flex:1;flex:1 1;margin:10px;height:214px;border-radius:6px;padding:5px;width:auto;max-width:calc(100% / 2)}.interval .ctt-interval .result .rkg.round figure{width:80px;height:82px}.interval .ctt-interval .result .rkg.general figure{width:89px;height:82px}.interval .ctt-interval .result .rkg h4{font-size:19px;margin:5px 0 0}.interval .ctt-interval .result .rkg section{margin-top:10px}.interval .ctt-interval .result .rkg .positions{font-size:20px;line-height:50px;height:50px}.interval .ctt-interval .result .rkg .positions strong{font-size:50px}.interval .ctt-interval .result .rkg .status{height:37px;border-radius:5px;padding:0 5px}.interval .ctt-interval .result .rkg .status i{width:22px;height:24px}.interval .ctt-interval .result .rkg .status p{margin-top:8px}.interval .bottom i:before{font-size:25px}}.popup{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:absolute;top:0;left:0;display:flex;z-index:99}.popup-appear,.popup-enter{opacity:0}.popup-appear,.popup-enter-active{animation-name:opacity;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.popup-exit{opacity:1}.popup-exit-active{animation-delay:0ms;animation-direction:reverse;animation-duration:.2s;animation-name:opacity;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.popup.popRotate{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000;display:none;width:auto;height:auto}.popup>div{display:flex;flex-direction:column;-moz-flex:1;-o-flex:1;flex:1 1;align-self:stretch;justify-content:center}.popup .confirm button,.popup .confirm h3,.popup .confirm>div{transform:scale3d(.2,.2,.2);opacity:0}.popup-enter-done .confirm button,.popup-enter-done .confirm h3,.popup-enter-done .confirm>div{transform:scale3d(.2,.2,.2);opacity:0;animation-delay:0ms;animation-name:scaleHit;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.popup-enter-done .confirm>div{animation-delay:.15s}.popup-enter-done .confirm button{animation-delay:.3s}.popup-enter-done .confirm button:nth-of-type(2){animation-delay:.35s}.popup>div>div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:70px 0}.popup h3{font-family:BalooBhaina-Regular;font-size:35px;color:#fff;letter-spacing:1.03px;text-align:center;margin:30px 0}.popup .ico:not(.exit){display:flex;align-items:center;justify-content:center;margin:0 0 50px}.popup .ico:not(.exit):before{content:"\e902";font-family:icon;font-size:140px;color:#fdbd3c}.popup .exit{margin-bottom:20px;display:flex;width:288px;height:228px;background-image:url(/images/icExit.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.popup .lottie{width:280px;margin-bottom:20px}.popup p{font-family:BalooBhaina-Regular;font-size:30px;color:#fff;letter-spacing:3.4px;text-align:center;line-height:1.1;margin:0 20px}.popup span{margin:30px 0 40px;display:flex;flex-direction:row;align-items:center;justify-content:center}.popup span button{margin:0 15px}.connecting{align-items:center}.connecting span:before{color:#ba93e3;content:"\e910";font-family:icon;font-size:80px;animation-name:loading;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}.connecting p{color:#ba93e3}.rotate{align-items:center}.rotate span:before{color:#ba93e3;content:"\e913";font-family:icon;font-size:160px}.rotate p{color:#ba93e3}.gameover,.welldone{position:absolute;width:100%;height:100%;background-color:#30005b;display:flex;align-items:center;justify-content:center;bottom:0;z-index:4}.gameover .lottie,.welldone .lottie{width:500px}.gameover .lottie:before,.welldone .lottie:before{width:520px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:""}.gameover .lottie:before{background:radial-gradient(ellipse at center,rgba(0,255,235,.4) 0,rgba(0,255,235,0) 73%)}.welldone .lottie:before{background:radial-gradient(ellipse at center,rgba(255,193,0,.4) 0,rgba(255,193,0,0) 73%)}@media only screen and (max-height:480px) and (orientation:landscape){.popup.popRotate{display:flex}}@media only screen and (max-width:768px){.popup{width:100%;height:100%;left:0;top:0;margin:0;border-radius:0}.popup>div>div{-moz-flex:1;-o-flex:1;flex:1 1}.popup h3{font-size:25px;letter-spacing:.61px;margin:20px 0}.popup .ico:before{font-size:100px}.popup .ico.exit{width:144px;height:114px}.popup .lottie{width:180px}.popup p{width:280px;font-size:15px;letter-spacing:.61px}.popup span{margin:20px 0}.popup span button{margin:0 8px}.connecting span:before{font-size:40px}.rotate span:before{font-size:120px}.gameover .lottie,.welldone .lottie{width:280px}.gameover .lottie:before,.welldone .lottie:before{width:300px;height:300px}}.countdown{background-color:#30005b;display:flex;align-items:center;justify-content:center}.countdown>div{width:800px;height:800px}@media only screen and (max-width:768px){.countdown>div{width:100%;height:auto}}.content{position:relative}.content .fade-enter,.content .fade-exit{position:absolute;left:0;right:0;top:0;bottom:0}.content .fade-enter{opacity:0}.content .fade-exit{opacity:1}.content .fade-enter-active,.content .fade-exit-active{transition:opacity .3s linear}.content .fade-enter-active{transition-delay:.25s;opacity:1}.content .fade-exit-active{opacity:0;transition-delay:.15s}.content>div{display:flex;flex-direction:column;height:100%;width:100%}.content>div .container{-moz-flex:1;-o-flex:1;flex:1 1;align-self:stretch;display:flex;flex-direction:column;position:relative}.interval.fade-enter .bottom,.interval.fade-enter .ctt-interval .nickHeader,.interval.fade-enter .ctt-interval .rkg{opacity:0}.interval.fade-enter-active .bottom,.interval.fade-enter-active .ctt-interval .nickHeader,.interval.fade-enter-active .ctt-interval .rkg{animation-delay:.2s;animation-name:scaleHit;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.interval.fade-enter-active .bottom{animation-delay:.25s}.interval.fade-exit-active .ctt-interval .bottom,.interval.fade-exit-active .ctt-interval .nickHeader,.interval.fade-exit-active .ctt-interval .rkg{animation-direction:reverse;animation-delay:50ms;animation-name:scaleHit;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes scaleHit{0%{transform:scale3d(.2,.2,.2);opacity:0}70%{transform:scale3d(1.05,1.05,1.05);opacity:1}to{transform:scaleX(1);opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes front{0%{z-index:2}to{z-index:1}}