body.viewport-popup{text-align:center;margin:0;font-weight:600;position:relative}.viewport-popup p{color:#70757a;margin:0;font-weight:400}.viewport-popup h2{color:var(--g-text-color);margin:0;font-weight:600}.viewport-popup h1{color:var(--g-text-color);margin:0;font-size:4em}.viewport-popup h2{padding:10px}.viewport-popup button{cursor:pointer}@font-face{font-family:Press Start K;src:url(/assets/fonts/PressStartK.woff)format("woff")}.viewport-popup .pixel-font{color:#1a73e8;filter:drop-shadow(0 .05em #185abc);font-family:Press Start K,monospace}.viewport-popup .pixelated{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated}.viewport-popup .btn{border:none;min-width:200px;height:36px;margin:12px;padding:0 24px;font-weight:600;display:block}.viewport-popup .primary-btn{color:#fff;background-color:#1a73e8;box-shadow:0 4px #185abc}.viewport-popup .secondary-btn{color:#1a73e8;background-color:#ffffffa1}.viewport-popup .light-btn{color:#fff;background-color:#0000;border:2px solid #fff}.viewport-popup .centered-flex{-moz-justify-content:space-around;flex-direction:column;justify-content:space-around;align-items:center;display:-webkit-flex;display:flex}.viewport-popup .full-page{height:100vh}.viewport-popup .sized-page{max-width:520px;margin:auto;padding:0 20px;position:relative}.viewport-popup .page-container{max-width:520px}.viewport-popup .cairo-bg{background-color:#e8eaed;background-image:url(/assets/p/snake/on-google-maps/img/bg/cairo.png);background-size:cover}.viewport-popup .london-bg{background-color:#e8eaed;background-image:url(/assets/p/snake/on-google-maps/img/bg/london.png);background-size:cover}.viewport-popup .san-francisco-bg{background-color:#e8eaed;background-image:url(/assets/p/snake/on-google-maps/img/bg/san-francisco.png);background-size:cover}.viewport-popup .sao-paulo-bg{background-color:#e8eaed;background-image:url(/assets/p/snake/on-google-maps/img/bg/sao-paulo.png);background-size:cover}.viewport-popup .sydney-bg{background-color:#e8eaed;background-image:url(/assets/p/snake/on-google-maps/img/bg/sydney.png);background-size:cover}.viewport-popup .tokyo-bg{background-color:#e8eaed;background-image:url(/assets/p/snake/on-google-maps/img/bg/tokyo.png);background-size:cover}.viewport-popup .world-bg{background:url(/assets/p/snake/on-google-maps/img/bg/world.png) 50%/cover no-repeat}.viewport-popup .material-icons{width:36px;height:36px;display:block}.viewport-popup .material-icons.nav-icon{color:#202124}.viewport-popup .icon-btn{background-color:#ffffffa1;border:0;width:36px;height:36px;padding:0}.viewport-popup .material-icons.dark-nav-icon{color:#fff}.viewport-popup .dark-icon-btn{background:0 0;border:0;width:36px;height:36px;padding:0}.viewport-popup .material-icons.hidden{display:none}.viewport-popup .nav-filled{background-color:var(--g-bg-color)}.viewport-popup .nav-container{width:100%;height:56px;position:relative;top:0;left:0}.viewport-popup .instructions-nav-container{z-index:2}.viewport-popup .nav-container-ios{height:72px}.viewport-popup .nav{width:100%;height:56px;position:absolute;bottom:0;left:0}.viewport-popup .nav-spacer{height:56px}.viewport-popup .nav-spacer-ios{height:72px}.viewport-popup .nav-left{position:absolute;top:10px;left:10px}@media screen and (width<=768px){.viewport-popup .nav-left{position:relative}}.viewport-popup .nav-right{position:absolute;top:10px;right:10px}.viewport-popup .nav-title{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.viewport-popup .title{font-size:36pt}.viewport-popup .title-container{height:calc(100% - 56px);position:relative}.viewport-popup .title-block{position:relative}.viewport-popup .title-logo{height:24px;margin:0 0 10px}.viewport-popup .title-bg{background-color:#ceead6}.viewport-popup .title-image{position:absolute}.viewport-popup .title-image-left{left:0}.viewport-popup .title-image-right{right:0}.viewport-popup .title-image-top{top:0}.viewport-popup .title-image-ycenter{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.viewport-popup .title-image-train-left{height:36px;top:40%;left:0}.viewport-popup .title-image-train-right{height:36px;top:15%;right:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.viewport-popup .title-image-person-1{height:48px;position:absolute;top:-20px;left:-45px}.viewport-popup .title-image-person-2{height:48px;position:absolute;top:50px;right:-45px}.viewport-popup .title-image-person-3{height:48px;position:absolute;bottom:50px;left:80%}.viewport-popup .city-list{display:-ms-grid;grid-gap:16px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;padding:20px 0;display:grid}.viewport-popup .city-option{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;border:none;width:100%;padding:0;font-weight:600;position:relative;overflow:hidden;box-shadow:inset 0 -4px #20212429}.viewport-popup .city-option:after{content:"";padding-bottom:100%;display:block}.viewport-popup .city-option-wide{-ms-grid-column-span:2;grid-column:span 2}.viewport-popup .city-option-wide:after{content:"";padding-bottom:50%;display:block}.viewport-popup .city-option:nth-of-type(2n){-ms-grid-column:2}.viewport-popup .row1{-ms-grid-row:1}.viewport-popup .row2{-ms-grid-row:2}.viewport-popup .row3{-ms-grid-row:3}.viewport-popup .row4{-ms-grid-row:4}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.viewport-popup .city-option{border:10px solid #fff}.viewport-popup .share-container{max-height:20%}}.viewport-popup .city-option-train{height:15%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.viewport-popup .city-label{color:#3c4043;width:100%;font-size:16pt;font-weight:600;position:absolute;bottom:16px}.viewport-popup .instructions{z-index:2;background-color:#032536db;position:absolute;inset:0}.viewport-popup .instructions-text{color:#fff;margin:20px}.viewport-popup .instructions-btn{margin:32px auto}.viewport-popup .extra-instructions{z-index:1;background-color:#202124a1;border-radius:4px;width:30%;position:absolute;top:calc(100% + 40px);left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.viewport-popup .extra-instruction{width:100%}.viewport-popup .box-container{width:100%;height:56px;position:relative}.viewport-popup .score{font-size:18pt}.viewport-popup .score-box{border:solid 1px var(--g-border-color);background-color:var(--g-bg-color);height:56px;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.viewport-popup .score-label{color:var(--g-text-color);margin:4px 12px;font-size:10pt;font-weight:700}.viewport-popup .score-box-score{margin:6px 12px;font-size:18pt}.viewport-popup .destination-box{border:solid 1px var(--g-border-color);background-color:var(--g-bg-color);width:100%;height:56px;color:var(--g-text-color);text-align:left;opacity:0;align-items:center;display:-webkit-flex;display:flex;position:absolute;bottom:0}.viewport-popup .destination-appear{-webkit-animation:5s ease-in-out destination-box-appear-disappear;animation:5s ease-in-out destination-box-appear-disappear}@-webkit-keyframes destination-box-appear-disappear{0%,to{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}5%,95%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(100%);transform:translateY(0)}}@keyframes destination-box-appear-disappear{0%,to{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}5%,95%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.viewport-popup .destination-frame{width:44px;height:44px;margin:6px;position:relative;-webkit-box-shadow:0 1px 4px #0003;-moz-box-shadow:0 1px 4px #0003;box-shadow:0 1px 4px #0003}.viewport-popup .destination-photo{background-color:#ceead6;position:absolute;inset:3px 3px 6px;overflow:hidden}.viewport-popup .destination-img{max-width:100%;max-height:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.viewport-popup .destination-score{margin:0 6px 0 0;font-size:18pt}.viewport-popup .destination-label{color:var(--g-text-color);flex:1;margin:0 6px 0 0;font-size:10pt;font-weight:700;line-height:18px;overflow:hidden}.viewport-popup .game-container{-moz-justify-content:center;-webkit-justify-content:center;align-items:center;flex-direction:column;justify-content:start;height:calc(100% - 112px);display:-webkit-flex;display:flex}.viewport-popup .game-container-ios{height:calc(100% - 72px)}.viewport-popup .game-region{border-style:"black";image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;touch-action:none;background-size:cover;width:100%;max-width:calc(100vh - 240px);margin:0 0 20px;position:relative;box-shadow:0 6px #20212429}.viewport-popup .game-region:after{content:"";padding-bottom:100%;display:block}label[for=botStatus],#botStatus{cursor:pointer;user-select:none}@media screen and (height<=400px){.game-page .game-region{max-width:calc(100vh - 100px)}.box-container,.game-page .btn{display:none}}.viewport-popup .end-container{position:absolute;inset:0}.viewport-popup .train-icon-container{background-color:#5f6368;border-radius:50%;width:72px;height:72px;position:relative;overflow:hidden}.viewport-popup .train-icon{height:36px;position:absolute;top:50%;right:25%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.viewport-popup .final-score{font-size:48pt}.viewport-popup .share-container{width:100%}.viewport-popup .share-btn{margin:12px auto}.viewport-popup .share-icon{width:15%;image-rendering:-moz-auto;image-rendering:-webkit-auto;image-rendering:auto;border-radius:4px;margin:2%}.viewport-popup .share-link{text-decoration:none}.viewport-popup .facebook-share-icon{background-color:#3d5a99}.viewport-popup .twitter-share-icon{background-color:#32a7dd}.viewport-popup .email-share-icon{background-color:#323232}.viewport-popup .hidden{display:none}