@-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)}}body,p{margin:0}body{font-family:var(--g-font-family-specific);position:relative;text-align:center}p{color:#70757a;font-weight:400}h1,h2{margin:0;color:var(--g-text-color)}body,h2{font-weight:600}h2{padding:10px}h1{font-size:4em}#botStatus,button,label[for=botStatus]{cursor:pointer}@font-face{font-family:"Press Start K";src:url(/assets/fonts/PressStartK.woff) format("woff")}.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)}.pixelated{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated}.btn{border:0;display:block;font-weight:600;height:36px;margin:12px;min-width:200px;padding:0 24px}.primary-btn{background-color:#1a73e8;color:#fff;box-shadow:0 4px 0 #185abc}.secondary-btn{background-color:rgba(255,255,255,.63);color:#1a73e8}.light-btn{background-color:Transparent;color:#fff;border:2px solid #fff}.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}.full-page{height:100vh}.sized-page{padding:0 20px;position:relative;margin:auto}.page-container,.sized-page{max-width:520px}.cairo-bg,.london-bg,.san-francisco-bg,.sao-paulo-bg{background-color:#e8eaed;background-image:url(../img/bg/cairo.png);background-size:cover}.london-bg,.san-francisco-bg,.sao-paulo-bg{background-image:url(../img/bg/london.png)}.san-francisco-bg,.sao-paulo-bg{background-image:url(../img/bg/san-francisco.png)}.sao-paulo-bg{background-image:url(../img/bg/sao-paulo.png)}.sydney-bg{background-image:url(../img/bg/sydney.png)}.sydney-bg,.tokyo-bg,.world-bg{background-color:#e8eaed;background-size:cover}.tokyo-bg{background-image:url(../img/bg/tokyo.png)}.world-bg{background:url(../img/bg/world.png) no-repeat center center}.material-icons{height:36px;width:36px}.dark-icon-btn,.icon-btn{padding:0;border:0;height:36px;width:36px}.icon-btn{background-color:rgba(255,255,255,.63)}.dark-icon-btn{background:0 0}.material-icons.hidden{display:none}.nav-filled{background-color:var(--g-bg-color)}.nav-container{left:0;top:0;position:fixed;height:56px;width:100%;z-index:1}.instructions-nav-container{z-index:2}.nav-container-ios{height:72px}.nav{position:absolute;left:0;bottom:0;width:100%}.nav,.nav-spacer{height:56px}.nav-spacer-ios{height:72px}.nav-left,.nav-right{position:absolute;top:10px}.nav-left{left:10px}.nav-right{right:10px}.nav-title{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.title{font-size:36pt}.title-container{height:100%}.title-block,.title-container{position:relative}.title-logo{height:24px;margin:0 0 10px}.title-bg{background-color:#ceead6}.title-image{position:absolute}.title-image-left{left:0}.title-image-right{right:0}.title-image-top{top:0}.title-image-ycenter{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.title-image-train-left{left:0;height:36px;top:40%}.title-image-train-right{right:0;top:15%;height:36px;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.title-image-person-1{position:absolute;top:-20px;left:-45px;height:48px}.title-image-person-2{position:absolute;right:-45px;top:50px;height:48px}.title-image-person-3{position:absolute;left:80%;bottom:50px;height:48px}.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}.city-option{padding:0;border:0;box-shadow:inset 0 -4px 0 rgba(32,33,36,.16);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}.city-option-wide:after,.city-option:after{content:'';display:block;padding-bottom:100%}.city-option-wide{grid-column:span 2;-ms-grid-column-span:2}.city-option-wide:after{padding-bottom:50%}.city-option:nth-of-type(2n){-ms-grid-column:2}.row1{-ms-grid-row:1}.row2{-ms-grid-row:2}.row3{-ms-grid-row:3}.row4{-ms-grid-row:4}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.city-option{border:10px solid #fff}.share-container{max-height:20%}}.city-option-train{left:0;top:50%;height:15%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.city-label{font-size:16pt;position:absolute;width:100%;bottom:16px;color:#3c4043;font-weight:600}.instructions{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(3 37 54/86%);z-index:2}.instructions-text{color:#fff;margin:20px}.instructions-btn{margin:32px auto}.extra-instructions{position:absolute;background-color:rgba(32,33,36,.63);border-radius:4px;top:calc(100% + 40px);z-index:1;left:50%;width:30%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.extra-instruction{width:100%}.box-container{height:56px;width:100%;position:relative}.score{font-size:18pt}.score-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border:solid 1px var(--g-border-color);height:56px;background-color:var(--g-bg-color);bottom:0}.score-label{color:var(--g-text-color);font-weight:700;margin:4px 12px;font-size:10pt}.score-box-score{margin:6px 12px;font-size:18pt}.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}.destination-appear{-webkit-animation:destination-box-appear-disappear 5s ease-in-out;animation:destination-box-appear-disappear 5s ease-in-out}.destination-frame{width:44px;height:44px;margin:6px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);position:relative}.destination-photo{position:absolute;top:3px;right:3px;bottom:6px;left:3px;background-color:#ceead6;overflow:hidden}.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%)}.destination-score{margin:0 6px 0 0;font-size:18pt}.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}.game-container{height:calc(100% - 56px);display:-webkit-flex;display:flex;flex-direction:column;align-items:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:start}.game-container-ios{height:calc(100% - 72px)}.game-region{box-shadow:0 6px 0 rgba(32,33,36,.16);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}.game-region:after{content:'';display:block;padding-bottom:100%}@media screen and (max-height:400px){.game-page .game-region{max-width:calc(100vh - 100px)}.box-container,.game-page .btn{display:none}}.end-container{position:absolute;top:0;left:0;right:0;bottom:0}.train-icon-container{position:relative;width:72px;height:72px;border-radius:50%;background-color:#5f6368;overflow:hidden}.train-icon{position:absolute;right:25%;height:36px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.final-score{font-size:48pt}.share-container{width:100%}.share-btn{margin:12px auto}.share-icon{width:15%;border-radius:4px;margin:2%;image-rendering:-moz-auto;image-rendering:-webkit-auto;image-rendering:auto}.share-link{text-decoration:none}.facebook-share-icon{background-color:#3d5a99}.twitter-share-icon{background-color:#32a7dd}.email-share-icon{background-color:#323232}.hidden{display:none}