@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Patrick+Hand&subset=latin,vietnamese);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vh,.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vh.focusable:active,.vh.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}html{width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;margin:0;padding:0;font-family:'Patrick Hand',ChalkboardSE-Light,'Comic Sans MS','Comic Sans MS5',Arial;color:#333;overflow:hidden;line-height:1.2}a{text-decoration:none}a:visited{color:inherit}p{margin:0;padding:0 0 15px}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}#wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;background:url(../images/bdcb852f.map.png) 50% 0/auto 100% no-repeat,linear-gradient(180deg,#7dc7ac 0,#38a4cc 45%,#188fd6 100%)}#wrapper.showing-loader>#map{display:none}.loader{text-align:center}#loader.loader{opacity:0;position:absolute;width:100%;height:100px;top:50%;left:0;margin:-100px 0 0;color:#da1629;font-size:48px;letter-spacing:1px;text-shadow:1px 1px #fff,1px -1px #fff,-1px -1px #fff,-1px 1px #fff;text-transform:uppercase;cursor:default;transition:opacity .2s}#wrapper.showing-loader>#loader{opacity:1}#loader.loader .dots{line-height:28px}.loader .dots span{display:inline-block;width:16px;height:16px;margin:0 5px;background-color:#da1629;border-radius:50%;border:1px solid #fff;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loader .dots span:nth-of-type(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}.loader .dots span:nth-of-type(2){-webkit-animation-delay:-.48s;animation-delay:-.48s}.loader .dots span:nth-of-type(3){-webkit-animation-delay:-.36s;animation-delay:-.36s}.loader .dots span:nth-of-type(4){-webkit-animation-delay:-.24s;animation-delay:-.24s}.loader .dots span:nth-of-type(5){-webkit-animation-delay:-.12s;animation-delay:-.12s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.rankings .loader{padding:10px 0;font-size:16px}.rankings .loader .dots span{width:10px;height:10px;margin:0 1px;border:none;background:#fff}footer{position:absolute;width:100%;height:30px;bottom:0;text-align:center}footer .full{display:inline-block;height:30px;min-width:460px;padding:5px;border-radius:5px 5px 0 0;background:rgba(255,255,255,.5)}footer .full>.fb-like{height:20px!important}footer .minimal{display:none;height:28px;width:122px;padding:4px;border-radius:5px 5px 0 0;background:rgba(255,255,255,.5)}footer .minimal>.fb-like{height:20px!important}#map{position:relative;margin:auto;height:100%;flex:none;background:rgba(255,255,255,0)}#map .place{position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:2px;background:red}#map .place.new{background:green}#intro-screen{position:absolute;width:556px;height:523px;top:50%;left:50%;margin:-280px 0 0 -278px}#intro-screen .primary{position:absolute;width:100%;height:100%;top:0;left:0}#intro-screen .challenge{position:absolute;width:305px;height:76px;top:95px;left:0;-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0);transition:-webkit-transform .8s .1s;transition:transform .8s .1s;background:url(../images/67d4e57e.sprite.png) -215px 0/1000px auto no-repeat}#intro-screen.active .challenge{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#intro-screen .love-vietnam{opacity:0;position:absolute;width:537px;height:218px;top:175px;left:20px;-webkit-transform:translate3d(-1000px,0,0);transform:translate3d(-1000px,0,0);transition:-webkit-transform 1.2s,opacity .3s .3s;transition:transform 1.2s,opacity .3s .3s;background:url(../images/67d4e57e.sprite.png) -188px -185px/1000px auto no-repeat}#intro-screen.active .love-vietnam{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#intro-screen .pin{opacity:0;position:absolute;width:148px;height:185px;top:55px;left:320px;-webkit-transform:translate3d(1000px,0,0);transform:translate3d(1000px,0,0);transition:-webkit-transform 1.2s,opacity .3s .3s;transition:transform 1.2s,opacity .3s .3s;background:url(../images/67d4e57e.sprite.png) -600px 0/1000px auto no-repeat}#intro-screen.active .pin{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#intro-screen .button{opacity:0;position:absolute;width:156px;height:108px;top:415px;left:190px;cursor:pointer;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0);transition:-webkit-transform 1.2s .4s,opacity .3s .5s;transition:transform 1.2s .4s,opacity .3s .5s}#intro-screen.active .button{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#intro-screen .button span{position:absolute;top:0;left:0;width:100%;height:100%}#intro-screen .button span.frame-high{-webkit-animation:start-button 1s infinite;animation:start-button 1s infinite;background:url(../images/67d4e57e.sprite.png) -760px 0/1000px auto no-repeat}#intro-screen .button span.frame-low{background:url(../images/67d4e57e.sprite.png) -760px -120px/1000px auto no-repeat}#intro-screen .button:active{background:url(../images/67d4e57e.sprite.png) -760px -245px/1000px auto no-repeat}#intro-screen .button:active span{opacity:0;-webkit-animation:none;animation:none}#intro-screen .rankings{opacity:0;position:absolute;z-index:1;top:0;left:64px;width:427px;height:29px;font-size:12px;text-align:left;border-radius:15px;color:#fff;background:rgba(0,66,115,.9);-webkit-transform-origin:50% 0;transform-origin:50% 0;transition:opacity .5s .5s,height .5s,-webkit-transform .5s;transition:opacity .5s .5s,height .5s,transform .5s;-webkit-perspective:1000px;perspective:1000px}#intro-screen .rankings .close{position:absolute;z-index:3;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;text-align:center;font-size:21px;line-height:16px;color:rgba(0,66,115,.9);-webkit-transform:scale(0,0);transform:scale(0,0);transition:-webkit-transform .2s .2s;transition:transform .2s .2s;background:#fff}#intro-screen .rankings .close:hover{color:#ff6c9a;text-decoration:none}#intro-screen.inactive .rankings,#intro-screen.inactive .rankings.loaded{-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0);opacity:0;transition:opacity .2s,-webkit-transform .8s .1s;transition:opacity .2s,transform .8s .1s}#intro-screen.active .rankings.loaded{opacity:1}#intro-screen .rankings .summary{position:relative;z-index:2;padding:7px 12px;border-radius:5px;font-size:14px;font-weight:700;text-align:center;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .5s;white-space:nowrap}#intro-screen .rankings .summary a{color:#ff6c9a}#intro-screen .rankings .summary a:hover{text-decoration:underline}#intro-screen.showing-rankings .summary{opacity:0}#intro-screen.showing-rankings .rankings{height:211px}#intro-screen.showing-rankings .close{-webkit-transform:scale(1,1);transform:scale(1,1)}#intro-screen.showing-rankings .rankings .tabs{-webkit-transform:rotate(-90deg) scale(1,1);transform:rotate(-90deg) scale(1,1);opacity:1}#intro-screen .rankings .inner{position:absolute;top:8px;left:5px;opacity:0;transition:opacity .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#intro-screen.showing-rankings .rankings .inner{opacity:1;-webkit-animation:flip-3d-down .5s 1 ease-in;animation:flip-3d-down .5s 1 ease-in}@-webkit-keyframes flip-3d-down{0%,50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes flip-3d-down{0%,50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}#intro-screen .rankings h3{margin:0;padding:0 0 5px;border-bottom:1px solid rgba(255,255,255,.2);text-align:center;font-size:19px;letter-spacing:-1px}#cursor{opacity:0;position:fixed;top:-999px;left:-999px;width:83px;height:108px;z-index:-1;margin:-104px 0 0 -21px;background:url(../images/67d4e57e.sprite.png) 0 -142px/1000px auto no-repeat;transition:opacity .1s,z-index .01s .1s}#cursor.showing{opacity:1;z-index:10}#cursor.disabled{z-index:-1}#result-pin{position:absolute;z-index:2;width:51px;height:55px;top:-999px;left:-999px;margin:-54px 0 0 -17px;border-radius:2px;background:url(../images/67d4e57e.sprite.png) 0 0/1000px auto no-repeat;-webkit-animation:dropping .3s 1 ease-out;animation:dropping .3s 1 ease-out}#answer-pin{position:absolute;z-index:1;width:51px;height:55px;top:-999px;left:-999px;margin:-55px 0 0 -17px;border-radius:2px;background:url(../images/67d4e57e.sprite.png) -55px 0/1000px auto no-repeat}#distance-circle{position:absolute;top:-999px;left:-999px;border:3px solid rgba(240,49,68,.4);border-radius:50%;background:rgba(240,49,68,.1);-webkit-animation:expanding .3s .2s 1 both;animation:expanding .3s .2s 1 both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#question{opacity:0;position:absolute;z-index:10;top:25%;right:-20px;-webkit-transform:translate3d(0,800px,0);transform:translate3d(0,800px,0);transition:-webkit-transform .4s,opacity .4s;transition:transform .4s,opacity .4s}#question.active{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#question .question-head{position:absolute;top:-10px;left:-8px;z-index:3;font-size:22px;line-height:1;font-weight:700;letter-spacing:-1px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg);text-shadow:1px 1px #fff,1px -1px #fff,-1px -1px #fff,-1px 1px #fff}#question .question-body{display:block;position:relative;z-index:1;min-width:120px;padding:11px 20px 10px;border-radius:8px;font-size:44px;font-weight:700;line-height:40px;text-align:center;text-transform:uppercase;color:#da1629;white-space:nowrap;background:#fff;transition:min-width .15s,padding .15s,font-size .2s,-webkit-transform .15s;transition:min-width .15s,padding .15s,font-size .2s,transform .15s}#question.long-name .question-body{font-size:32px}#question .question-foot{position:absolute;z-index:2;top:33px;right:0;padding:6px 12px 5px;border-radius:7px;font-size:22px;font-weight:700;color:#fff;text-align:center;line-height:.9;white-space:nowrap;-webkit-transform:rotate(-10deg) translate3d(15px,26px,0);transform:rotate(-10deg) translate3d(15px,26px,0);background:#da1629;transition:padding .15s,-webkit-transform .15s;transition:padding .15s,transform .15s}#question.showing-distance .question-head{display:none}#question.showing-distance .question-body{top:0;right:0;min-width:100px;padding:5px 15px;line-height:28px;font-size:26px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}#question.showing-distance .question-foot{width:auto;padding:0 12px 9px;font-size:20px;color:rgba(255,255,255,.8);-webkit-transform:rotate(3deg) translate3d(0,2px,0);transform:rotate(3deg) translate3d(0,2px,0)}#question.showing-distance .question-foot .distance{position:relative;top:5px;padding:0 3px 0 0;margin:0 0 0 -2px;font-size:48px;line-height:14px;letter-spacing:-1px;color:#fff;text-shadow:1px 1px #ac0717,1px -1px #ac0717,-1px -1px #ac0717,-1px 1px #ac0717}#question.showing-distance.showing-perfect .question-foot{font-size:22px;-webkit-transform:rotate(3deg) translate3d(5px,2px,0);transform:rotate(3deg) translate3d(5px,2px,0);padding:7px 12px 8px;color:#fff;text-transform:lowercase}#question.showing-distance.showing-timesup .question-foot{font-size:22px;-webkit-transform:rotate(3deg) translate3d(5px,2px,0);transform:rotate(3deg) translate3d(5px,2px,0);padding:8px 12px;color:#fff;text-transform:lowercase}#question.showing-distance .question-foot .km{color:#fff}#clock{display:none;position:absolute;z-index:10;top:23%;right:-40px;width:40px;height:40px;padding:12px 6px 0 0;line-height:16px;border-radius:50%;text-align:right;color:rgba(255,255,255,.7);font-size:16px;letter-spacing:-1px;background:#da1629;-webkit-transform:scale(1,1) rotate(8deg);transform:scale(1,1) rotate(8deg);-webkit-animation:expanding .15s .2s 1 backwards;animation:expanding .15s .2s 1 backwards}#clock span{padding:0 1px 0 0;font-weight:700;font-family:Arial;font-size:19px;letter-spacing:-1px;color:#fff}#clock.disappearing{transition:-webkit-transform .2s;transition:transform .2s;-webkit-transform:scale(0,0) rotate(8deg);transform:scale(0,0) rotate(8deg);-webkit-animation:none;animation:none}#clock.showing-timesup{padding-right:10px;-webkit-animation:timesup .8s;animation:timesup .8s}#game-info{position:relative;z-index:10;width:144px;height:33px;margin:auto;font-size:22px;color:#000;font-weight:700;text-shadow:1px 1px #fff,1px -1px #fff,-1px -1px #fff,-1px 1px #fff;border-radius:5px;background:rgba(255,255,255,.5);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);transition:-webkit-transform .5s;transition:transform .5s}#game-info.active{-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0)}#game-info .progress{position:absolute;top:3px;left:10px;text-align:right}#game-info .progress span{color:#da1629}#game-info .score{position:absolute;top:3px;right:10px;text-align:right}#game-info .score span{color:#da1629}#game-info .score-shadow{position:absolute;top:24px;right:10px;text-align:right;color:#da1629;-webkit-animation:score-shadow 2.5s 1 forwards;animation:score-shadow 2.5s 1 forwards}#game-info .score-shadow .score-spacing{visibility:hidden}#game-info .score-shadow .bonus-score{display:none;color:#ff6c9a}#game-info .score-shadow.has-bonus{right:-25px}#game-info .score-shadow.has-bonus .bonus-score{display:inline}#end-screen{position:absolute;width:100%;height:100%;top:0;left:0;font-size:18px;line-height:1.1;overflow:hidden;-webkit-transform:translate3d(0,-1000px,0) scale(1,1);transform:translate3d(0,-1000px,0) scale(1,1);transition:-webkit-transform 1.2s;transition:transform 1.2s}#end-screen.active{-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1)}#end-screen>.inner{position:relative;width:486px;height:645px;top:50%;left:50%;margin:-330px 0 0 -243px;padding:114px 55px 0;border-radius:10px;text-align:center;background:url(../images/67d4e57e.sprite.png) 0 -466px/1000px auto no-repeat}#end-screen h4{margin:0;padding:0 0 3px;line-height:1;font-size:30px;letter-spacing:-1px}#end-screen h4 span{color:#da1629;font-size:50px}#end-screen .stars-ranking{position:relative;width:130px;height:22px;margin:0 auto 8px;background:url(../images/67d4e57e.sprite.png) 0 -315px/1000px auto no-repeat}#end-screen .stars-ranking span{position:absolute;height:100%;left:0;top:0;background:url(../images/67d4e57e.sprite.png) 0 -290px/1000px auto no-repeat}#end-screen .commentary{padding:0 0 12px;min-height:66px;font-weight:700;font-size:20px;letter-spacing:-1px}#end-screen .button{display:inline-block;padding:5px 15px;border-radius:7px;color:#fff;font-size:20px}#end-screen .replay{min-width:120px;background:#da1629}#end-screen .replay:hover{background:#ac0919}#end-screen .share{margin:0 0 0 5px;background:#3b589e}#end-screen .share:hover{background:#24396d}#end-screen .credit{position:absolute;height:35px;width:400px;top:318px;left:44px;padding:4px 0 0 125px;font-size:15px;text-align:left;line-height:1;color:#444}#end-screen .credit strong{font-weight:400}#end-screen .credit:hover strong{color:#ff5a8e}#end-screen .rankings{position:absolute;top:384px;left:28px;width:427px;height:228px;font-size:12px;text-align:left;border-radius:15px;color:#fff;background:rgba(0,66,115,.8);opacity:0;transition:opacity .5s 3s}#end-screen.active .rankings{opacity:1}#end-screen .rankings .inner{width:100%;height:100%;-webkit-perspective:1000px;perspective:1000px}#end-screen .rankings .primary{position:absolute;z-index:2;top:10px;left:5px;width:417px;height:211px;opacity:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:none;animation:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}#end-screen .rankings .secondary{position:absolute;z-index:1;top:10px;left:5px;width:417px;height:211px;opacity:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:none;animation:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}#end-screen.showing-secondary .rankings .primary{z-index:1;opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-animation:flip-3d-out 1s 1 ease-in;animation:flip-3d-out 1s 1 ease-in}#end-screen.showing-primary .rankings .primary,#end-screen.showing-secondary .rankings .secondary{z-index:2;opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:flip-3d-in 1s 1 ease-out;animation:flip-3d-in 1s 1 ease-out}#end-screen.showing-primary .rankings .secondary{z-index:1;opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-animation:flip-3d-out 1s 1 ease-in;animation:flip-3d-out 1s 1 ease-in}@-webkit-keyframes flip-3d-in{0%,50%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes flip-3d-in{0%,50%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes flip-3d-out{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}100%,50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}}@keyframes flip-3d-out{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}100%,50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}}#end-screen .rankings h3{margin:0;padding:0 0 5px;border-bottom:1px solid rgba(255,255,255,.2);text-align:center;font-size:19px;letter-spacing:-1px}#end-screen .rankings h3 .weak{font-size:12px;letter-spacing:0;font-weight:400}.rankings a,.rankings a:hover{color:#ff6c9a}.rankings ul{position:relative;float:left;width:100%;height:165px;margin:0;padding:0;overflow:hidden;list-style:none}.rankings ul li{float:left;width:100%;margin:0;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.2)}.rankings ul li a{color:#fff}.rankings ul li.self{background:rgba(255,255,255,.2)}.rankings ul li .position{float:left;width:37px;padding:6px 0 0;text-align:center}.rankings ul li .player{position:relative;float:left;width:144px;line-height:1}.rankings ul li.recent .player:before{content:' ';position:absolute;top:16px;left:-8px;width:14px;height:11px;background:url(../images/67d4e57e.sprite.png) -960px 0/1000px auto no-repeat}.rankings ul li .player .avatar{float:left;width:26px;height:26px;margin:0 5px 0 0;border-radius:2px;overflow:hidden;background:url(../images/67d4e57e.sprite.png) 0 -340px/1000px auto no-repeat}.rankings ul li.female .player .avatar{background-position:-30px -340px}.rankings ul li .player .avatar a{display:inline-block;width:100%;height:100%;background-size:cover}.rankings ul li .player .name{float:left;width:113px;font-size:14px}.rankings ul li .player .location-age{float:left;width:113px;color:rgba(255,255,255,.8)}.rankings ul li .score{float:left;width:39px;padding:4px 3px 0 0;text-align:right;color:rgba(255,255,255,.4)}.rankings ul li .score strong{color:#fff;font-size:14px}.rankings ul li.error{padding:5px;border:none;font-size:15px}.rankings .tabs{opacity:0;position:absolute;top:60px;left:-49px;overflow:hidden;-webkit-transform:rotate(-90deg) scale(1,0);transform:rotate(-90deg) scale(1,0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;border-radius:5px 5px 0 0;background:rgba(0,66,115,.9)}.rankings .tabs a{display:inline-block;padding:5px 10px 3px;color:rgba(255,255,255,.5);background:rgba(0,0,0,.3)}.rankings .tabs a:hover{color:#ff6c9a;text-decoration:none}.rankings .tabs a.active{color:#fff;background:0 0}#end-screen .rankings .ranking-global{float:left;width:220px;margin:0 17px 0 0}#end-screen .rankings .ranking-friends{float:left;width:180px}#end-screen .rankings .ranking-friends p{padding:6px 5px 10px 2px;font-size:15px;line-height:1.15}#end-screen .rankings .ranking-friends p.weak{font-size:13px;color:rgba(255,255,255,.7)}#end-screen .rankings .ranking-friends .connect-to-facebook{display:inline-block;padding:6px 6px 6px 8px;font-size:15px;border-radius:5px;color:#fff;background:rgba(0,0,0,.3)}#end-screen .rankings .ranking-friends .connect-to-facebook:before{content:' ';display:inline-block;width:14px;height:16px;margin:-1px 2px -3px 0;border-right:1px solid rgba(255,255,255,.5);background:url(../images/67d4e57e.sprite.png) -992px 0/1000px auto no-repeat}#end-screen .rankings .ranking-friends .connect-to-facebook:hover{background:#3b589e}#end-screen .rankings .ranking-friends ul li .position{width:22px}#end-screen .rankings .ranking-friends ul li .player{width:119px}#end-screen .rankings .ranking-friends ul li .player .name{width:88px;padding:5px 0 0}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background:0 0}#end-screen.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:rgba(0,0,0,.3)}#end-screen.ps-container>.ps-scrollbar-y-rail:hover{background-color:rgba(0,0,0,.1)}.rankings .ps-scrollbar-y-rail{right:0!important}.rankings .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:rgba(255,255,255,.8)}.rankings .ps-container>.ps-scrollbar-y-rail:hover{background-color:rgba(255,255,255,.2)}.rankings .ranking-top{float:left;width:220px;margin:0 17px 0 0}.rankings .ranking-provinces{float:left;width:180px}.rankings .ranking-provinces ul li .position{padding:1px 0 0;width:22px}.rankings .ranking-provinces ul li .player{width:119px}.rankings .ranking-provinces ul li .player .name{width:88px;padding:0;font-size:15px}.rankings .ranking-provinces ul li .score{padding:0}#end-screen .rankings .count{float:left;width:100%;min-height:17px;padding:5px 0 0;text-align:center}#end-screen .rankings .count>span{display:none}#end-screen .rankings .tabs{-webkit-transform:rotate(-90deg) scale(1,1);transform:rotate(-90deg) scale(1,1);opacity:1}#dialog{position:absolute;z-index:11;width:240px;height:90px;top:45%;left:50%;padding:0;margin:-90px 0 0 -120px;border-radius:10px;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0);transition:-webkit-transform .4s;transition:transform .4s;background:#fff}#dialog.done:after{content:'✓';position:absolute;top:6px;right:6px;width:25px;height:25px;border:2px solid #fff;border-radius:13px;color:#fff;text-align:center;line-height:23px;background:#00a208}#dialog select{float:left;border:1px solid #999;border-radius:3px;font-size:15px;font-family:'Patrick Hand',ChalkboardSE-Light,'Comic Sans MS','Comic Sans MS5',Arial}#dialog label{display:block;padding:6px 0 5px;text-align:center;color:#fff;font-size:21px;border-radius:10px 10px 0 0;background:#da1629}#dialog .location select{width:180px;margin:12px 0 0 30px}.showing-dialog #dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#dialog .details select.gender{width:96px;margin:12px 0 0 19px}#dialog .details select.yob{width:102px;margin:12px 0 0 6px}@-webkit-keyframes dropping{from{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes dropping{from{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes expanding{from{-webkit-transform:scale(0,0);transform:scale(0,0)}to{-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes expanding{from{-webkit-transform:scale(0,0);transform:scale(0,0)}to{-webkit-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes start-button{0%,44%{opacity:1}50%,94%{opacity:0}100%{opacity:1}}@keyframes start-button{0%,44%{opacity:1}50%,94%{opacity:0}100%{opacity:1}}@-webkit-keyframes timesup{0%{-webkit-transform:scale(1,1) rotate(8deg);transform:scale(1,1) rotate(8deg)}10%{-webkit-transform:scale(1.5,1.5) rotate(8deg);transform:scale(1.5,1.5) rotate(8deg)}20%{-webkit-transform:scale(0.8,.8) rotate(8deg);transform:scale(0.8,.8) rotate(8deg)}38%{-webkit-transform:scale(1.3,1.3) rotate(8deg);transform:scale(1.3,1.3) rotate(8deg)}56%{-webkit-transform:scale(1,1) rotate(8deg);transform:scale(1,1) rotate(8deg)}78%{-webkit-transform:scale(1.2,1.2) rotate(8deg);transform:scale(1.2,1.2) rotate(8deg)}100%{-webkit-transform:scale(1,1) rotate(8deg);transform:scale(1,1) rotate(8deg)}}@keyframes timesup{0%{-webkit-transform:scale(1,1) rotate(8deg);transform:scale(1,1) rotate(8deg)}10%{-webkit-transform:scale(1.5,1.5) rotate(8deg);transform:scale(1.5,1.5) rotate(8deg)}20%{-webkit-transform:scale(0.8,.8) rotate(8deg);transform:scale(0.8,.8) rotate(8deg)}38%{-webkit-transform:scale(1.3,1.3) rotate(8deg);transform:scale(1.3,1.3) rotate(8deg)}56%{-webkit-transform:scale(1,1) rotate(8deg);transform:scale(1,1) rotate(8deg)}78%{-webkit-transform:scale(1.2,1.2) rotate(8deg);transform:scale(1.2,1.2) rotate(8deg)}100%{-webkit-transform:scale(1,1) rotate(8deg);transform:scale(1,1) rotate(8deg)}}@-webkit-keyframes score-shadow{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}40%,60%{opacity:.75;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}@keyframes score-shadow{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}40%,60%{opacity:.75;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}@media screen and (max-width:640px),screen and (max-height:730px){#intro-screen .primary{-webkit-transform:scale(0.7,.7);transform:scale(0.7,.7)}#intro-screen .rankings,#intro-screen .showing-rankings{margin:80px 0 0;-webkit-transform:scale(0.8,.8);transform:scale(0.8,.8)}#question{right:5px}#question .question-head{top:-7px;left:-6px;font-size:15px;letter-spacing:0}#question .question-body{min-width:100px;line-height:28px;padding:8px 10px 5px;font-size:25px}#question.long-name .question-body{padding:8px 9px 7px;font-size:19px}#question .question-foot{width:56px;padding:5px 0 4px;font-size:18px;font-weight:400;-webkit-transform:rotate(-10deg) translate3d(15px,7px,0);transform:rotate(-10deg) translate3d(15px,7px,0)}#question.showing-distance .question-body{min-width:70px;padding:4px 10px;line-height:22px;font-size:18px}#question.showing-distance .question-foot{-webkit-transform:rotate(3deg) translate3d(15px,-6px,0);transform:rotate(3deg) translate3d(15px,-6px,0);padding:0 8px 7px;font-size:16px;font-weight:700}#question.showing-distance .question-foot .distance{margin:0 -2px;line-height:10px;font-size:36px}#question.showing-distance.showing-perfect .question-foot{font-size:20px;-webkit-transform:rotate(3deg) translate3d(5px,-6px,0);transform:rotate(3deg) translate3d(5px,-6px,0);padding:6px 10px 7px}#question.showing-distance.showing-timesup .question-foot{-webkit-transform:rotate(3deg) translate3d(5px,-6px,0);transform:rotate(3deg) translate3d(5px,-6px,0);font-size:18px;padding:7px 10px;font-weight:400}#clock{width:30px;height:30px;right:-15px;padding:8px 4px 0 0;font-size:12px}#clock span{font-size:14px}#clock.showing-timesup{padding-right:8px}#game-info{width:110px;height:24px;font-size:15px}#game-info .progress{left:8px}#game-info .score{right:8px}#game-info .score-shadow{top:18px;right:8px}#game-info .score-shadow.has-bonus{right:-16px}footer{height:28px}footer .full{display:none}footer .minimal{display:inline-block}}@media screen and (max-width:400px),screen and (max-height:600px){#intro-screen .primary{-webkit-transform:scale(0.5,.5);transform:scale(0.5,.5)}#intro-screen .rankings,#intro-screen.showing-rankings .rankings{-webkit-transform:scale(0.7,.7)!important;transform:scale(0.7,.7)!important;margin:125px 0 0!important}#dialog{-webkit-transform:translate3d(0,1000px,0) scale(0.8,.8);transform:translate3d(0,1000px,0) scale(0.8,.8)}.showing-dialog #dialog{-webkit-transform:translate3d(0,0,0) scale(0.8,.8);transform:translate3d(0,0,0) scale(0.8,.8)}}@media screen and (max-height:650px){#end-screen>.inner{top:0;margin-top:0}}@media screen and (max-width:490px){#end-screen>.inner{top:0;height:516px;margin-top:0;-webkit-transform:scale(0.8,.8);transform:scale(0.8,.8);-webkit-transform-origin:50% 0;transform-origin:50% 0}#intro-screen .rankings,#intro-screen.showing-rankings .rankings{-webkit-transform:scale(0.8,.8);transform:scale(0.8,.8);margin:80px 0 0}#intro-screen.inactive .rankings,#intro-screen.inactive .rankings.loaded{-webkit-transform:scale(0.8,.8) translate3d(0,-1000px,0);transform:scale(0.8,.8) translate3d(0,-1000px,0)}}@media screen and (max-width:400px){#end-screen>.inner{top:0;height:452px;margin-top:0;-webkit-transform:scale(0.7,.7);transform:scale(0.7,.7);-webkit-transform-origin:50% 0;transform-origin:50% 0}#intro-screen .rankings,#intro-screen.showing-rankings .rankings{-webkit-transform:scale(0.7,.7)!important;transform:scale(0.7,.7)!important;margin:125px 0 0!important}#intro-screen.inactive .rankings,#intro-screen.inactive .rankings.loaded{-webkit-transform:scale(0.7,.7) translate3d(0,-1000px,0)!important;transform:scale(0.7,.7) translate3d(0,-1000px,0)!important}}
/* modern iPhone: notch/Dynamic Island safe areas (source: app/styles/main.scss) */
@media screen and (max-width:640px),screen and (max-height:730px){#question{position:fixed;right:20px}#clock{position:fixed;right:8px;top:20%}}
@supports(top:env(safe-area-inset-top)){#game-info{margin-top:env(safe-area-inset-top)}#end-screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}@media screen and (max-width:640px),screen and (max-height:730px){#question{right:calc(20px + env(safe-area-inset-right))}#clock{right:calc(8px + env(safe-area-inset-right))}}}