body{background-color:#000;color:#222;font-family:Helvetica,sans-serif;font-size:12px;margin:0;padding:0}#container{width:320px;height:480px;margin:0 auto}.canvas{background-color:transparent;z-index:-1;width:320px;height:480px;position:relative;image-rendering:optimizeSpeed;-ms-interpolation-mode:nearest-neighbor;-webkit-optimize-contrast}canvas{image-rendering:optimizeSpeed;-ms-interpolation-mode:nearest-neighbor;-webkit-optimize-contrast}#console{position:absolute;height:400px;width:300px;top:0;left:0;overflow:auto;font-family:Helvetica;color:#fff;z-index:3}#banad{width:320px;height:50px;background-color:transparent;z-index:2;margin:-140px auto 0;padding:0}:webkit-full-screen{width:100%;height:100%}#orientate{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:#2f9acc;display:none}#orientate img{display:block;margin:0 auto;width:480px;height:320px}