body,html{height:100%}.viewport{position:relative;}.viewport > *{position:absolute;left:0;right:0;top:0;bottom:0;}.viewport > *:not(.active){display:none}body.stage > header{position:absolute;left:0;top:0;right:0}body.stage > article{position:absolute;left:0;right:0;top:0;bottom:0}body.stage > footer{position:absolute;left:0;bottom:0;right:0}.panel{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;}.panel > article{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;overflow:hidden;-webkit-overflow-scrolling:touch}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;margin:0;padding:0;color:#fff;background:url("assets/bg.jpg");background-repeat:repeat;background-size:100%;background-position:0 0}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body.stage > header{display:none}body.stage > article{bottom:0}body.stage > footer{height:5em;background:#00796b;display:none}.panel > header{height:40px;line-height:40px}.panel.startup > header,.panel.intro > header{background:url("assets/logo.png") no-repeat;z-index:3;height:10em;position:absolute;left:0;top:0;right:0;background-size:19.7em;}.panel.startup > header h2,.panel.intro > header h2{margin:0;padding:0;text-align:center;color:#fffeff;text-shadow:0 -1px 0 rgba(0,0,0,0.5);font-weight:normal}.panel.startup > header button,.panel.intro > header button{position:absolute;left:0;top:0;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.5);font-size:13px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.3)),color-stop(.5,rgba(255,255,255,0.1)),color-stop(.5,rgba(255,255,255,0))),#476b9d;-webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.3),inset 0 1px 1px 0 rgba(0,0,0,0.6),0 1px 0 rgba(255,255,255,0.4);margin:7px;padding:5px 12px;border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}.panel.startup > header button:active,.panel.intro > header button:active{-webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.3),inset 0 1px 1px 0 rgba(0,0,0,0.6),0 1px 0 rgba(255,255,255,0.4),inset 0 0 20px rgba(255,255,255,0.2)}.startup h1{font-size:2.63em;font-family:"Roboto";font-weight:bold;text-align:center;margin:auto;margin-top:2.5em;line-height:1em;margin-bottom:.7em}.startup .video{width:20em;height:16em;cursor:pointer;position:relative;background-size:19em 15em;background-repeat:no-repeat;left:50%;}.startup .video#eat{margin-left:-20em;background-image:url("assets/eat.png")}.startup .video#sleep{top:-16em;background-image:url("assets/sleep.png")}.startup .video#hair{top:-16em;background-image:url("assets/hair.png");margin-left:-30em}.startup .video#tooth{top:-32em;background-image:url("assets/tooth.png");margin-left:-10em}.startup .video#structure{left:50%;top:-48em;background-image:url("assets/structure.png");margin-left:10em}.intro .block{font-size:1.23em;position:absolute;left:50%;top:50%;margin-top:-6.8em;margin-left:-21.5em;width:42em;}.intro .block img{float:left;margin-right:.7em;width:21em;border-bottom:3px solid #ccc;border-top:3px solid #dc621e;cursor:pointer}.intro .block h2{color:#fff;margin-top:0;font-size:1.6em;margin-bottom:.3em}.intro .block .message{font-weight:lighter;font-size:.8em;line-height:1.4em}.intro .block .buttons{position:absolute;left:50%;margin-top:1.6em;font-size:.83em;text-align:center;line-height:2.4em;}.intro .block .buttons .button{margin-left:1em;float:left;text-transform:uppercase;background-color:#dc621e;-moz-box-shadow:2px 3.464px 0 0 rgba(187,68,1,0.392);-webkit-box-shadow:2px 3.464px 0 0 rgba(187,68,1,0.392);box-shadow:2px 3.464px 0 0 rgba(187,68,1,0.392);width:92px;height:39px;font-weight:bold;}.intro .block .buttons .button.back{background-color:#7d3485;-moz-box-shadow:2px 3.464px 0 0 rgba(95,19,103,0.392);-webkit-box-shadow:2px 3.464px 0 0 rgba(95,19,103,0.392);box-shadow:2px 3.464px 0 0 rgba(95,19,103,0.392)}.vision article{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.vision footer{position:absolute;left:0;right:0;bottom:0;background:url("assets/bg.jpg") center bottom;height:4em;font-weight:bold;font-size:1.2em;}.vision footer nav.left{float:left;font-size:1.1em;margin:1.2em 1.7em}.vision footer nav.right{float:right;}.vision footer nav.right div{float:right;cursor:pointer;color:#9f92d6;float:right;margin:0;cursor:pointer;width:6.6em;height:2.4em;background-repeat:no-repeat;margin-top:.7em;background-size:6.6em 2.4em;margin-left:.2em;}.vision footer nav.right div.restart{background-image:url("assets/home.png");margin-right:2.4em}.vision footer nav.right div.prev{background-image:url("assets/back.png")}.vision footer nav.right div.next{background-image:url("assets/next.png")}.vision header{z-index:9;position:relative;}.vision header.camera >h2{background-image:url("assets/camera.png");width:4em;height:4em;float:right;margin-right:2em;background-size:4em;margin-right:5em;display:none}.vision section{width:24em;margin:1em auto;background:#000;z-index:26;display:block;position:relative;padding:3em 10em 3em 18em;font-size:1.2em;display:none;-moz-box-shadow:0 .4em #333;-webkit-box-shadow:0 .4em #333;box-shadow:0 .4em #333;-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;}.vision section .image{background:url("assets/animals.png") no-repeat;background-size:53em;width:10.6em;height:10.6em;font-size:1em;float:left;margin-left:-13.6em;}.vision section .image.image-0{background-position-x:0}.vision section .image.image-1{background-position-x:-10.7em}.vision section .image.image-2{background-position-x:-21.4em}.vision section .image.image-3{background-position-x:-32.1em}.vision section .image.image-4{background-position-x:-42.9em}.final.snake{-webkit-filter:hue-rotate(235deg) invert() grayscale(30%)}.final.dog{-webkit-filter:brightness(117%) hue-rotate(-91deg) contrast(86%) grayscale(80%)}.final.fish{-webkit-filter:contrast(182%) grayscale(100%)}.final.bird{-webkit-filter:brightness(107%) hue-rotate(-40deg) contrast(143%)}.final.bee{-webkit-filter:blur(.5em) hue-rotate(235deg)}.extra.bee{background:url("assets/honeycomb.png");background-size:12em;opacity:.04}@media only screen and (min-width:128px){body{font-size:.1em}}@media only screen and (min-width:256px){body{font-size:.2em}}@media only screen and (min-width:384px){body{font-size:.3em}}@media only screen and (min-width:512px){body{font-size:.4em}}@media only screen and (min-width:640px){body{font-size:.5em}}@media only screen and (min-width:768px){body{font-size:.6em}}@media only screen and (min-width:896px){body{font-size:.7em}}@media only screen and (min-width:1024px){body{font-size:.8em}}@media only screen and (min-width:1152px){body{font-size:.9em}}@media only screen and (min-width:1280px){body{font-size:1em}}@media only screen and (min-width:1408px){body{font-size:1.1em}}@media only screen and (min-width:1536px){body{font-size:1.2em}}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.panelx.startup > header{background-size:19.15em 8.15em}}