body,html{overflow:hidden;height:100%}html{font-size:14px}body{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#e9e9e9;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.bg{background:#e9e9e9 url(../images/bg.jpg) 50% 0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:flow 16s linear infinite;animation:flow 16s linear infinite;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.playing .bg{-webkit-animation-play-state:paused;animation-play-state:paused}#wrapper{width:90%;max-width:640px;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-70%,0);transform:translate3d(-50%,-70%,0);z-index:3}#wrapper .title{margin:0 0 30px;padding:0;font-weight:400;font-size:32px;cursor:pointer;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wrapper .title.shake{-webkit-animation:shake .4s;animation:shake .4s}#wrapper .what{font-weight:700;color:#111}#wrapper .os{position:absolute;top:100%;left:50%;-webkit-transform:translate3d(-50%,50px,0);transform:translate3d(-50%,50px,0);color:#666;line-height:1.4;width:80%}#wrapper .tip{position:absolute;top:-50px;left:50%;display:block;padding:7px 12px;background:rgba(0,0,0,.6);color:#fff;white-space:nowrap;border-radius:15px;-webkit-background-size:contain;background-size:contain;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation:dinnerTip 3s 1s linear both;animation:dinnerTip 3s 1s linear both}#wrapper .tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:8px solid transparent;border-top-color:rgba(0,0,0,.6)}#start{background:rgba(0,0,0,.1);border-radius:40px;padding:5px;-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.07),0 1px rgba(255,255,255,.5);box-shadow:inset 0 2px 3px rgba(0,0,0,.07),0 1px rgba(255,255,255,.5);display:inline-block;cursor:pointer}#start span{border-radius:35px;width:180px;height:60px;line-height:60px;background:-webkit-gradient(linear,left top,left bottom,from(#ffba30),to(#ff911e));background:-webkit-linear-gradient(top,#ffba30,#ff911e);background:linear-gradient(to bottom,#ffba30,#ff911e);color:#fff;text-align:center;display:block;font-size:32px;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 1px #ffd17c,0 2px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px #ffd17c,0 2px 3px rgba(0,0,0,.2);border:1px solid #e88e1d}#start:hover span{background:-webkit-gradient(linear,left top,left bottom,from(#ffce44),to(#ffa532));background:-webkit-linear-gradient(top,#ffce44,#ffa532);background:linear-gradient(to bottom,#ffce44,#ffa532);-webkit-box-shadow:inset 0 1px #ffe696,0 2px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px #ffe696,0 2px 3px rgba(0,0,0,.2)}#start:active span{background:-webkit-gradient(linear,left top,left bottom,from(#ff911e),to(#ffbb30));background:-webkit-linear-gradient(top,#ff911e,#ffbb30);background:linear-gradient(to bottom,#ff911e,#ffbb30);-webkit-box-shadow:inset 0 1px #ffb050,0 2px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px #ffb050,0 2px 3px rgba(0,0,0,.2)}#temp_container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden;height:100%;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#temp_container .temp{position:absolute;color:#777;-webkit-animation:flash 1.6s ease-out both;animation:flash 1.6s ease-out both;white-space:nowrap}#toggle{position:absolute;bottom:60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:20px;background:rgba(255,255,255,.6);padding:2px;-webkit-transition:.3s;transition:.3s;z-index:4;font-size:12px}#toggle span{color:#999;padding:5px 10px;display:inline-block;cursor:pointer;-webkit-transition:.3s;transition:.3s;line-height:1}#toggle span.selected{color:#fff}#toggle .hb{background:#00bdd6;position:absolute;top:2px;left:2px;height:1em;width:4em;content:"";border-radius:20px;z-index:-1;padding:5px 10px;-webkit-transition:.3s;transition:.3s}#toggle [data-type=monster].selected+.hb{left:70px;width:5em;background-color:#e80773}.playing #toggle{-webkit-transform:translateX(-50%) translateY(200%);-ms-transform:translateX(-50%) translateY(200%);transform:translateX(-50%) translateY(200%);opacity:0}.comment{position:absolute;bottom:60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:20px;color:#fff;background:rgba(0,0,0,.3);padding:5px 10px;z-index:3;font-size:14px;white-space:nowrap;-webkit-animation:comment 3s both;animation:comment 3s both}#ribbon{-webkit-background-size:contain;background-size:contain;width:93px;height:56px;position:absolute;top:8px;right:15px;z-index:9}.adsbygoogle{position:absolute;bottom:0;left:0;right:0;height:50px;width:auto!important;text-align:center;z-index:2;overflow:hidden}@-webkit-keyframes comment{0%,100%{opacity:0;-webkit-transform:translate3d(-50%,200%,0) scale(.7);transform:translate3d(-50%,200%,0) scale(.7)}20%,80%{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes comment{0%,100%{opacity:0;-webkit-transform:translate3d(-50%,200%,0) scale(.7);transform:translate3d(-50%,200%,0) scale(.7)}20%,80%{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes dinnerTip{0%,100%{opacity:0;-webkit-transform:perspective(600px) translate3d(-50%,7px,0) scale(.7) rotateY(180deg);transform:perspective(600px) translate3d(-50%,7px,0) scale(.7) rotateY(180deg)}20%,80%{opacity:1;-webkit-transform:perspective(600px) translate3d(-50%,0,0) rotateY(0);transform:perspective(600px) translate3d(-50%,0,0) rotateY(0)}}@keyframes dinnerTip{0%,100%{opacity:0;-webkit-transform:perspective(600px) translate3d(-50%,7px,0) scale(.7) rotateY(180deg);transform:perspective(600px) translate3d(-50%,7px,0) scale(.7) rotateY(180deg)}20%,80%{opacity:1;-webkit-transform:perspective(600px) translate3d(-50%,0,0) rotateY(0);transform:perspective(600px) translate3d(-50%,0,0) rotateY(0)}}@-webkit-keyframes shake{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(15px);transform:translateX(15px)}60%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}80%{-webkit-transform:translateX(15px);transform:translateX(15px)}100%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes shake{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(15px);transform:translateX(15px)}60%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}80%{-webkit-transform:translateX(15px);transform:translateX(15px)}100%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@-webkit-keyframes flow{0%{background-position:50% 0}100%{background-position:50% -250px}}@keyframes flow{0%{background-position:50% 0}100%{background-position:50% -250px}}@-webkit-keyframes flash{0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);color:transparent;text-shadow:0 0 5px rgba(0,0,0,.5)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes flash{0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);color:transparent;text-shadow:0 0 5px rgba(0,0,0,.5)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}#weibo{position:absolute;top:15px;right:-8px}