html,body{  background-color:#000;  margin:0;   padding:0;  position:relative;  font-family:"Arial";} @font-face{    font-family:'BebasNeueRegular';    src:url('media/text/bebasneue.woff');    src:url('media/text/bebasneue.woff') format('woff'),         url('media/text/bebasneue.ttf') format('truetype');} @font-face{    font-family:'AvantGardeBookRegular';    src:url('media/text/avantgardebook.woff');    src:url('media/text/avantgardebook.woff') format('woff'),         url('media/text/avantgardebook.ttf') format('truetype');} @font-face{    font-family:'CenturyGothicRegular';    src:url('media/text/centurygothic.woff');    src:url('media/text/centurygothic.woff') format('woff'),         url('media/text/centurygothic.ttf') format('truetype');} #game{ position:absolute;  left:0; top:0;  z-index:0;}          #ajaxbar{  background:url('media/graphics/loading/ajax-loader.gif') center no-repeat;}          #canvas{   position:absolute;  left:0; top:0;  width:100%; height:100%;                -ms-interpolation-mode:nearest-neighbor;    -webkit-optimize-contrast;  -webkit-transform:scale3d(1,1,1);   z-index:1;} #orientate{ position:absolute;  float:left; width:100%; height:100%;    top:0;  left:0; z-index:10002;  display:none;} #orientate img{  position:absolute;  float:left; width:100%; height:100%;} .play{    position:absolute;  float:left; width:100%; height:100%;    z-index:1000;   background-color:#fff;  left:0; top:0;  display:none;    }   .play img{ position:absolute;  float:left; width:100%; height:100%;    z-index:1000;   left:0; top:0;} #nohtml5{   position:absolute;  top:0;  left:0; width:100%; height:100%;    background-color:#000;  z-index:1002;   visibility:hidden;} #nohtml5 img{   position:absolute;  width:100%; height:100%;} #nohtml5-bubble{  position:absolute;  bottom:20px;    left:50px;  width:380px;    height:100px;   z-index:1002;   color:#000; background:rgba(255,255,255,0.75);  -webkit-border-radius:10px; -moz-border-radius:10px;    border-radius:10px;      } #nohtml5-text{   padding:10px;} .horizontal-seperator{   height:10px;    width:100%;} #MobileAdInGamePreroll,#MobileAdInGamePreroll2,#MobileAdInGamePreroll3{    position:absolute;  float:left; min-width:320px;    z-index:10000;  left:0; top:0;  display:none;   background:rgba(0,0,0,0.7);     -webkit-transition:all 0.6s ease;   -moz-transition:   all 0.6s ease;   -o-transition:     all 0.6s ease;} #MobileAdInGamePreroll-Box,#MobileAdInGamePreroll2-Box,#MobileAdInGamePreroll3-Box{  z-index:10000;  position:absolute;  width:302px;    height:250px;} #MobileAdInGamePreroll-Box-Body,#MobileAdInGamePreroll2-Box-Body,#MobileAdInGamePreroll3-Box-Body{   z-index:10000;  position:relative;  background:transparent;  } #MobileAdInGamePreroll-Box-Footer,#MobileAdInGamePreroll2-Box-Footer,#MobileAdInGamePreroll3-Box-Footer{ z-index:10000;  position:relative;  font-size:11px; height:20px;    color:#fff; background:transparent;  } #MobileAdInGamePreroll-Box-Header,#MobileAdInGamePreroll2-Box-Header,#MobileAdInGamePreroll3-Box-Header{ z-index:10000;  position:relative;  margin-top:-2px;    font-size:11px; height:20px;    text-align:right;   color:#fff; background:transparent;  } #MobileAdInGamePreroll-Box-Close,#MobileAdInGamePreroll2-Box-Close,#MobileAdInGamePreroll3-Box-Close{    position:absolute;  z-index:10005;  background-image:url('media/graphics/ads/light/close-button.png');  background-repeat:no-repeat;         width:22px;    height:22px;    top:-4px;    margin-right:-1px; display:none;} #MobileAdInGameHeader,#MobileAdInGameHeader2,#MobileAdInGameHeader3{ display:none;   position:absolute;  background:transparent;  } #MobileAdInGameFooter,#MobileAdInGameFooter2,#MobileAdInGameFooter3{ display:none;   position:absolute;  background:transparent;  } #MobileAdInGameEnd,#MobileAdInGameEnd2,#MobileAdInGameEnd3{  position:absolute;  float:left; min-width:320px;    z-index:10000;  left:0; top:0;  display:none;   background:rgba(0,0,0,0.7);     -webkit-transition:all 0.6s ease;   -moz-transition:   all 0.6s ease;   -o-transition:     all 0.6s ease;} #MobileAdInGameEnd-Box,#MobileAdInGameEnd2-Box,#MobileAdInGameEnd3-Box{  z-index:10000;  position:absolute;  width:302px;    height:250px;} #MobileAdInGameEnd-Box-Body,#MobileAdInGameEnd2-Box-Body,#MobileAdInGameEnd3-Box-Body{   z-index:10000;  position:relative;  background:transparent;  } #MobileAdInGameEnd-Box-Footer,#MobileAdInGameEnd2-Box-Footer,#MobileAdInGameEnd3-Box-Footer{ z-index:10000;  position:relative;  font-size:11px; height:20px;    color:#fff; background:transparent;  } #MobileAdInGameEnd-Box-Header,#MobileAdInGameEnd2-Box-Header,#MobileAdInGameEnd3-Box-Header{ z-index:10000;  position:relative;  margin-top:-2px;    font-size:11px; height:20px;    text-align:right;   color:#fff; background:transparent;  } #MobileAdInGameEnd-Box-Close,#MobileAdInGameEnd2-Box-Close,#MobileAdInGameEnd3-Box-Close{    position:absolute;  z-index:10005;  background-image:url('media/graphics/ads/light/close-button.png');  background-repeat:no-repeat;         width:22px;    height:22px;    top:-4px;    margin-right:-1px; display:none;} .ig_debug{   position:fixed; left:0; bottom:0;   width:100%; background-color:#000;  border-top:2px solid #f57401;   font-size:12px; color:#fff; z-index:1000;   -webkit-user-select:none;   display:none;} .ig_debug_panel_menu{    height:28px;    background:#222;    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000000),color-stop(1,#333));  background:-moz-linear-gradient(center bottom,#000000 0%,#333 100%);    background:-o-linear-gradient(#333,#000000);} .ig_debug_panel_menu div{ float:left; height:22px;    padding:6px 8px 0 8px;  border-right:1px solid #333;} .ig_debug_panel_menu .ig_debug_head { font-weight:bold;   color:#888;} .ig_debug_menu_item:hover{ cursor:pointer; background-color:#fff;  color:#000;} .ig_debug_menu_item.active,.ig_debug_menu_item.active:hover{   background-color:#000;  color:#fff;} .ig_debug_stats{   position:absolute;  right:0;    top:0;  float:right;    color:#888; border-left:1px solid #333; text-align:right;} .ig_debug_stats span{    width:3em;  display:inline-block;   color:#fff !important;  margin-right:0.2em; margin-left:0.3em;  font-family:bitstream vera sans mono,courier new;   white-space:nowrap;} .ig_debug_panel{   height:152px;   overflow:auto;  position:relative;} .ig_debug_panel canvas{ border-bottom:1px solid #444;} .ig_debug_panel .ig_debug_panel{ padding:8px;    height:auto;    float:left; background-color:#000;  border-right:2px solid #222;} .ig_debug_option{ padding:2px 0 2px 8px;  cursor:pointer;} .ig_debug_option:first-child{  margin-top:8px;} .ig_debug_option:hover{    background-color:#111;} .ig_debug_graph_mark{   position:absolute;  color:#888; left:4px;   font-size:10px; margin-top:-12px;} .ig_debug_legend{    color:#ccc;} .ig_debug_label_mark{  display:inline-block;   width:10px;     height:10px;    margin-right:4px;   -webkit-transition:0.1s linear; -moz-transition:0.1s linear;} .ig_debug_legend_color{   display:inline-block;   width:6px;  height:10px;    margin-right:4px;   margin-left:16px; } .ig_debug_legend_number{    width:3em;  display:inline-block;   text-align:right;   font-family:bitstream vera sans mono,courier new;   color:#fff; margin-right:0.2em;} .ig_debug_map_container{   position:relative;  overflow:hidden;    border:1px solid #888;} .ig_debug_map_container canvas{ position:absolute;} .ig_debug_map_screen{   position:absolute;  border:1px solid #f0f;}