#intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}#intro .loading{display:inline-block;background:purple;position:relative}#intro .loading .loading-mask{width:100%;position:absolute;bottom:0;-webkit-transition:all .5s;transition:all .5s;background:#fff}#intro .loading img{height:150px;margin:-25px -51px -34px -23px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#intro h1{margin-top:50px}#intro p{width:500px;max-width:100%;padding:0 30px;text-align:center;margin:5px 0}#intro button{padding:15px 70px;border:1px solid #fff;background:transparent;color:#fff;margin-top:50px;font-size:20px;cursor:pointer;opacity:1;-webkit-transition:all .5s;transition:all .5s}#intro button.hide{opacity:0}#intro button:hover{background:#fff;color:#000}#cat{position:fixed;bottom:0;-webkit-transition:left 2s,all 1s;transition:left 2s,all 1s;opacity:0;z-index:3!important}#cat.show{opacity:1}#cat img{height:250px;margin:-43px -84px -54px -41px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#cat .os-dialog{position:absolute;top:-90px;left:50%;background-color:#fff;padding:10px 20px;border-radius:10px;z-index:5;opacity:0;-webkit-transition:all 1s;transition:all 1s}#cat .os-dialog.show{opacity:1}#cat .os-dialog:after,#cat .os-dialog:before{content:"";display:inline-block;background-color:#fff;border-radius:50%;position:absolute}#cat .os-dialog:before{width:30px;height:15px;bottom:-22px;left:30px}#cat .os-dialog:after{width:20px;height:10px;bottom:-40px;left:50px}#street{overflow:scroll;opacity:0;-webkit-transition:left .5s,opacity 1.5s;transition:left .5s,opacity 1.5s;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}#street.show{opacity:1;z-index:1}#street .bg-image{height:100%}#street img{position:absolute;-webkit-transition:all 3s;transition:all 3s;z-index:-1}.situation-modal{position:fixed;top:50px;left:100px;right:100px;padding:30px;background-color:rgba(0,0,0,.3);color:#fff;border-radius:10px;-webkit-transition:all 1s;transition:all 1s;opacity:0}.situation-modal.show{opacity:1}.situation-modal .situation-title{font-size:24px;margin-bottom:20px}.situation-modal .situation-question{font-size:18px}.situation-modal .situation-actions{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.situation-modal .situation-actions .action-negative,.situation-modal .situation-actions .action-positive{width:100%;border-radius:4px;padding:10px;text-align:center;font-size:18px;margin:0 20px;-webkit-transition:all .3s;transition:all .3s}.situation-modal .situation-actions .action-negative:hover,.situation-modal .situation-actions .action-positive:hover{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer}.situation-modal .situation-actions .action-positive{background-color:orange;border:1px solid transparent;color:#000}.situation-modal .situation-actions .action-negative{background-color:transparent;border:1px solid #fff;color:#fff}.data-modal{position:fixed;top:50px;left:100px;right:100px;bottom:50px;padding:30px;background-color:hsla(0,0%,100%,.8);color:#fff;border-radius:10px;-webkit-transition:all 1s;transition:all 1s;opacity:0;pointer-events:none;z-index:5!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#000}.data-modal.show{opacity:1;pointer-events:auto}.data-modal .data-title{font-size:24px;margin-bottom:20px}.data-modal .data-question{font-size:18px}.data-modal .data-actions{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.data-modal .data-actions .action-ok{width:100%;border-radius:4px;padding:10px;text-align:center;font-size:18px;margin:0 20px;-webkit-transition:all .3s;transition:all .3s}.data-modal .data-actions .action-ok:hover{background-color:#000;border:1px solid #fff;color:#fff;cursor:pointer}.data-modal .data-actions .action-ok{background-color:transparent;border:1px solid #000;color:#000}#city *{z-index:2}.stray-cat{position:fixed;left:63%;bottom:35%;-webkit-transition:all 1s;transition:all 1s;opacity:0}.stray-cat.show{opacity:1}.garbage{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;-webkit-transition:opacity 3s,-webkit-transform 1s;transition:opacity 3s,-webkit-transform 1s;transition:transform 1s,opacity 3s;transition:transform 1s,opacity 3s,-webkit-transform 1s;opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.garbage.show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.garbage.show.exit{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sleeping-cat{position:fixed;right:80%;bottom:0;left:60%;-webkit-transition:all 1s;transition:all 1s;opacity:0}.sleeping-cat.show{opacity:1}.sleeping-cat .cat{left:20px}.sleeping-cat .box,.sleeping-cat .cat{position:absolute;bottom:0}.sleeping-cat .z{position:absolute;bottom:100px;left:-20px}.night-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background-color:#000;opacity:0;-webkit-transition:all 1s;transition:all 1s}.night-overlay.show{opacity:1}#catched{-webkit-transition:all 1s;transition:all 1s;opacity:0;position:fixed;width:400px;bottom:0;right:10%}#catched.show{opacity:1}#ligation{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%}#city,#intro{opacity:0;-webkit-transition:all 1s;transition:all 1s;z-index:-1}#city.show,#intro.show{opacity:1;z-index:1}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1c2346;position:fixed;top:0;right:0;bottom:0;left:0}#app .full-screen{height:100%;width:100%;position:absolute}body{background:#13415b}