body.viewport-popup{font-weight:600;margin:0;position:relative;text-align:center}.viewport-popup p{color:#70757a;font-weight:400;margin:0}.viewport-popup h2{color:var(--g-text-color);font-weight:600;margin:0}.viewport-popup h1{margin:0;font-size:4em;color:var(--g-text-color)}.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{font-family:Press Start K,monospace;color:#1a73e8;-webkit-filter:drop-shadow(0 .05em 0 #185ABC);filter:drop-shadow(0 .05em 0 #185ABC)}.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;display:block;font-weight:600;height:36px;margin:12px;min-width:200px;padding:0 24px}.viewport-popup .primary-btn{background-color:#1a73e8;color:#fff;box-shadow:0 4px #185abc}.viewport-popup .secondary-btn{background-color:#ffffffa1;color:#1a73e8}.viewport-popup .light-btn{background-color:Transparent;color:#fff;border:2px solid white}.viewport-popup .centered-flex{display:-webkit-flex;display:flex;flex-direction:column;align-items:center;-moz-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around}.viewport-popup .full-page{height:100vh}.viewport-popup .sized-page{padding:0 20px;position:relative;max-width:520px;margin:auto}.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-color:#e8eaed;background:url(/assets/p/snake/on-google-maps/img/bg/world.png) no-repeat center center;background-size:cover}.viewport-popup .material-icons{height:36px;width:36px}.viewport-popup .icon-btn{background-color:#ffffffa1;padding:0;border:0;height:36px;width:36px}.viewport-popup .dark-icon-btn{background:none;padding:0;border:0;height:36px;width:36px}.viewport-popup .material-icons.hidden{display:none}.viewport-popup .nav-filled{background-color:var(--g-bg-color)}.viewport-popup .nav-container{position:relative;left:0;top:0;height:56px;width:100%}.viewport-popup .instructions-nav-container{z-index:2}.viewport-popup .nav-container-ios{height:72px}.viewport-popup .nav{position:absolute;left:0;bottom:0;height:56px;width:100%}.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 (max-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{left:0;height:36px;top:40%}.viewport-popup .title-image-train-right{right:0;top:15%;height:36px;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.viewport-popup .title-image-person-1{position:absolute;top:-20px;left:-45px;height:48px}.viewport-popup .title-image-person-2{position:absolute;right:-45px;top:50px;height:48px}.viewport-popup .title-image-person-3{position:absolute;left:80%;bottom:50px;height:48px}.viewport-popup .city-list{display:-ms-grid;display:grid;grid-gap:16px;width:100%;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;padding:20px 0}.viewport-popup .city-option{padding:0;border:none;box-shadow:inset 0 -4px #20212429;position:relative;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;width:100%;font-weight:600;overflow:hidden}.viewport-popup .city-option:after{content:"";display:block;padding-bottom:100%}.viewport-popup .city-option-wide{grid-column:span 2;-ms-grid-column-span:2}.viewport-popup .city-option-wide:after{content:"";display:block;padding-bottom:50%}.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 all and (-ms-high-contrast: none),(-ms-high-contrast: active){.viewport-popup .city-option{border:10px solid white}.viewport-popup .share-container{max-height:20%}}.viewport-popup .city-option-train{left:0;top:50%;height:15%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.viewport-popup .city-label{font-size:16pt;position:absolute;width:100%;bottom:16px;color:#3c4043;font-weight:600}.viewport-popup .instructions{position:absolute;inset:0;background-color:#032536db;z-index:2}.viewport-popup .instructions-text{color:#fff;margin:20px}.viewport-popup .instructions-btn{margin:32px auto}.viewport-popup .extra-instructions{position:absolute;background-color:#202124a1;border-radius:4px;top:calc(100% + 40px);z-index:1;left:50%;width:30%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.viewport-popup .extra-instruction{width:100%}.viewport-popup .box-container{height:56px;width:100%;position:relative}.viewport-popup .score{font-size:18pt}.viewport-popup .score-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);border:solid 1px var(--g-border-color);height:56px;background-color:var(--g-bg-color);bottom:0}.viewport-popup .score-label{color:var(--g-text-color);font-weight:700;margin:4px 12px;font-size:10pt}.viewport-popup .score-box-score{margin:6px 12px;font-size:18pt}.viewport-popup .destination-box{position:absolute;border:solid 1px var(--g-border-color);height:56px;width:100%;background-color:var(--g-bg-color);color:var(--g-text-color);text-align:left;bottom:0;display:-webkit-flex;display:flex;align-items:center;opacity:0}.viewport-popup .destination-appear{-webkit-animation:destination-box-appear-disappear 5s ease-in-out;animation:destination-box-appear-disappear 5s ease-in-out}@-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;-webkit-box-shadow:0px 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0px 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px #0003;position:relative}.viewport-popup .destination-photo{position:absolute;inset:3px 3px 6px;background-color:#ceead6;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);font-size:10pt;font-weight:700;line-height:18px;overflow:hidden;flex:1;margin:0 6px 0 0}.viewport-popup .game-container{height:calc(100% - 112px);display:-webkit-flex;display:flex;flex-direction:column;align-items:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:start}.viewport-popup .game-container-ios{height:calc(100% - 72px)}.viewport-popup .game-region{box-shadow:0 6px #20212429;background-size:cover;border-style:"black";image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;max-width:calc(100vh - 240px);width:100%;position:relative;margin:0 0 20px;touch-action:none}.viewport-popup .game-region:after{content:"";display:block;padding-bottom:100%}label[for=botStatus],#botStatus{cursor:pointer;user-select:none}@media screen and (max-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{position:relative;width:72px;height:72px;border-radius:50%;background-color:#5f6368;overflow:hidden}.viewport-popup .train-icon{position:absolute;right:25%;height:36px;top:50%;-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%;border-radius:4px;margin:2%;image-rendering:-moz-auto;image-rendering:-webkit-auto;image-rendering:auto}.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}.viewport-hint.showing{background-color:#fff}