article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%; }

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
  height: 100%;
  overflow: hidden; }

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

a {
  color: #00e; }

a:visited {
  color: #551a8b; }

a:hover {
  color: #06e; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

table button, table input {
  *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

.hidden {
  display: none !important;
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

body {
  background: #3a3a45;
  font: 18px/150% Georgia, Times, serif;
  color: white; }

a:active {
  color: white; }

table a, table a:link, table a:visited {
  -webkit-transition: all 50ms ease;
  -moz-transition: all 50ms ease;
  -o-transition: all 50ms ease;
  -ms-transition: all 50ms ease;
  transition: all 50ms ease;
  color: #cccccc;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 0 5px; }
  table a:before, table a:link:before, table a:visited:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    border-bottom: solid rgba(255, 255, 255, 0.3) 2px; }

table a:hover {
  background-color: #00ccff;
  color: black; }

#container {
  position: absolute;
  width: 100%;
  height: 290px;
  top: 50%;
  margin: -200px 0 0 0;
  left: 0%; }

header {
  position: absolute;
  width: 100%; }
  header h1 {
    font: 18px/150% Georgia, Times, serif;
    text-transform: uppercase;
    text-align: left;
    margin: 10px auto;
    width: 750px;
    -webkit-font-smoothing: antialiased; }
    header h1 span {
      color: #00ccff;
      text-transform: none;
      padding-left: 0.5em; }

#canvas {
  height: 200px;
  width: 640px;
  margin: 0 auto 0 auto;
  position: absolute;
  z-index: 1;
  left: 50%; }

.limit {
  top: 40%;
  left: 50%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzQTNBNDUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0NDQ0NEUiIG9mZnNldD0iMC4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ0NDQ0RSIgb2Zmc2V0PSIwLjkiLz48c3RvcCBzdG9wLWNvbG9yPSIjM0EzQTQ1IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNzg2KSIgLz4KPC9zdmc+);
  width: 1px; }

#instructions {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAOS8zMC8xMaVLHJ4AAAC4SURBVCiRjdLBTQNBDIXhbyLuUEI6CIe9QweECggdhApICXRASlg6gLsPWwJ0ECpwLrPSKsyueCfLz/+TPRoiTyKPIrf+ocyUmYrInPR/0aPXlX4OxB9wqmbICK7qQEvXeMJe5O7SvMKAuwb4oSuzd6/mDKwXvEVwI/KwBA61/sHLhf/aum8ET7U+6MobHmvIqHeRvcib1qpfunKE+vS3eJ4EPGCYfpIico9PXRm0FLnGFvc18Bu7M5/kRFxXO9zAAAAAAElFTkSuQmCC) top left no-repeat;
  padding: 0 20px;
  color: #00ccff;
  font-size: 15px;
  position: absolute;
  bottom: -35px;
  margin-left: -140px;
  left: 50%; }
  #instructions span {
    padding: 0 5px; }

.string {
  font-family: "Lucida Sans", "Lucida Grande";
  display: none;
  font-size: 13px;
  line-height: 150%;
  position: absolute;
  left: 50%;
  margin-top: 275px;
  color: #cccccc; }
  .string strong, .string th {
    color: white; }
  .string h1 {
    display: none; }
  .string table th, .string table td {
    text-align: left;
    padding: 5px 10px 5px 0;
    font-weight: normal; }

#boundries {
  position: absolute;
  border-top: solid #4e4e58 1px;
  border-bottom: solid #4e4e58 1px;
  left: 0;
  right: 0;
  top: 40%;
  overflow: hidden;
  -webkit-transition: height 500ms ease;
  -moz-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  -ms-transition: height 500ms ease;
  transition: height 500ms ease; }
  #boundries #xheight {
    position: absolute;
    border-top: solid #44444e 1px;
    border-bottom: solid #44444e 1px;
    left: 0;
    right: 0; }

.credits {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  height: 90px;
  font: 11px/160% "Lucida Sans", "Lucida Grande", Arial, sans-serif;
  color: #cccccc;
  opacity: 0.6; }
  .credits .follow {
    margin-top: 10px; }
    .credits .follow .twitter-share-button {
      margin-left: 95px; }
    .credits .follow .fb-like {
      position: absolute;
      left: 0; }
    .credits .follow .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
      position: absolute;
      bottom: -35px; }
  .credits .left {
    position: absolute;
    bottom: 20px;
    line-height: 150%; }
  .credits a {
    color: white; }
  .credits .social {
    display: none;
    width: 350px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 20px; }
  .credits .ipad {
    background: transparent url(data:image/png;base64,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) top right no-repeat;
    width: 250px;
    position: absolute;
    right: 0;
    top: -10px; }
    .credits .ipad p {
      width: 125px;
      font-size: 11px; }
      .credits .ipad p strong {
        color: white;
        font-weight: normal; }

#actions {
  position: absolute;
  text-align: center;
  top: 225px;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  display: none; }
  #actions .pop {
    position: absolute;
    right: 100px;
    line-height: 140%;
    width: 350px;
    bottom: -20px;
    background-color: #00ccff;
    padding: 20px;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-family: "Lucida Sans", "Lucida Grande", sans-serif; }
    #actions .pop p {
      bottom: -45px;
      font-size: 13px;
      color: #999999;
      display: block;
      position: absolute; }
      #actions .pop p a {
        color: #00ccff; }
    #actions .pop:after {
      content: "";
      left: -20px;
      top: 40%;
      width: 0;
      height: 0;
      border: solid transparent 10px;
      border-right-color: #00ccff;
      position: absolute;
      display: block; }
  #actions a#compare {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
    color: #75757d;
    border: solid #4d4d56 1px;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    left: 50%;
    width: 130px;
    top: 75px; }
    #actions a#compare:hover {
      color: white; }
  #actions #results {
    display: none;
    width: 750px;
    position: relative;
    margin: 130px auto; }
    #actions #results #select {
      position: absolute;
      text-align: left;
      left: 0;
      bottom: -33px; }
      #actions #results #select a {
        display: block;
        width: 220px;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
        color: #75757d;
        padding-left: 25px;
        position: relative; }
        #actions #results #select a:before {
          content: " ";
          position: absolute;
          left: 0;
          top: 12px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border-radius: 20px;
          border-radius: 20px;
          background: #555555;
          border: solid #75757d 3px;
          height: 10px;
          width: 10px; }
        #actions #results #select a.selected {
          color: #00ccff; }
          #actions #results #select a.selected:before {
            background: #00ccff; }
    #actions #results .score {
      position: absolute;
      bottom: 0;
      text-align: left;
      left: 50%;
      margin-left: -100px; }
      #actions #results .score span {
        color: #74747d; }
        #actions #results .score span#score {
          font-size: 40px;
          display: inline-block;
          color: white;
          padding-right: 30px;
          background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAzCAYAAACJ6RgwAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTAvMS8xMXmI/1EAAAKKSURBVFiFtdg9jFRVFADgbxcEQkBC1MbEGGwkMYFCsFULCpP1NMblVhgaoSIWoFIIIokEIZtgEBttJGSfnXNDIFoQ1NAAHQkxGjEWWxCiBcpP8Gcs7pusLggzu+++ZnJm7n3fnMzMOWfumMpXv98HY7WAiLQUv6Df602vXFwLwk4sxx8wXkOISKvwRhseqwZhEo/gFg5XgSLSSrPZnOr1pmeqQHgZTyvZHBw8WQPa2d73TM7NxSpQRHoez+BvTP37ta4z2o+HcAHnqkARaSOeQx9TOTd3OocmJibHsA9L8QNOzl3TCTQ+Pr4Gm5RsPsy5uVUFwg4swq85N8fu+WYWKkSkJ7ClDY/+37ouMtqGVbiGj6tAEWk1XmvD4zk3V6tASHgcv2urdC3oTaV5fpFzc6UKFJE240n8hQMPWr+QjN5uH0/n3HxXBYpIm7BOKZ5HhtkzMhSRFinFcwyX8W0VCGuxQSk3u+YWzy6hve2+Kzk3Xw67aSQoIq3FRBt+MMreUTPahWX4ESeqQG3xnFA+m+M5NzerQEoreAxX8ekoyNBQRFphthWcyLmZqQJhq5LNbe3k2TkUkZbhHeUHmu/XChYEKZPno0rx3DMf5IFQRFqO3W14Nufm+yoQXlSK5x28N19kGOitds35nJtvqkAR6Vmzk+e8vmlDQUrxXIJL+KoKFJHW4QUlm49ybm5XgZShY4UyR3++UOSeUER6GK+04dGcm+tVILyr/Cu4ic+6QO6C2mwGk+cnXWVzF4TXsRo3cKgr5D9QO0dvb8PefFrBUBBexRr8hve7ROZC25VW8HXOzeUqUER6CeuVyXN/1wgMTreewp9KNhdqQqfwM36qgVDxYHBwDU4g/wF+k6z8JsIDJAAAAABJRU5ErkJggg==) bottom right no-repeat;
          padding-bottom: 25px;
          margin-bottom: -7px;
          width: 54px;
          text-align: right; }
        #actions #results .score span.title {
          font-size: 18px;
          display: block;
          text-align: center;
          margin-bottom: 5px; }
        #actions #results .score span.total {
          font-size: 40px;
          display: inline-block; }
    #actions #results a#next {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAABNCAYAAADtjFWaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTAvMi8xMWs9UL8AAAR2SURBVHic7dzPi1ZVHMfx92PSVoL2QfuoRYsWkQSTNdl8n9LROdOoA0kGLiqpgcgyCyFKnBS0ksKhwDxpEHMUhRKjlQvbRH9CELQQihZRFE+L50ycxBmfH/eec298XuDGmefcs3jz5dw7D7dj5v4Abgd6iAzmT2A+BP956Y30ekm2Zk4Ry1DM3AYz962Zmyu9l16v9++/dcDfpTck7RKC/xUwYJ+Ze6n0flasK70BaacY9G5gwcztKr0fUMwyhhD898CjwCEz96KZu63kfhSzjCUGPQXsB54puRfFLGOLQU8Ar5i5p81cka4Us1QiBr0FOArsLLEHxSyViUE/Arxm5rblvr5ilkrFoKeBY2bu2ZzXVsxSuRj0JHDQzG3NdV3FLLWIQT8OvGvmtuW4KVTMUpvkpvAEGW4KFbPUKrkpfMPMTdd5LcUstYtBP0XNN4WKWbJIztBv1vXYTjFLNslTjrfN3HzVN4WKWbKKQW8FDgOuyrUVs2RX102hYpYiYtDbgQ+qOkMrZikm+bbdITP3xLjrKWYpKpnQx83czDhrKWYpLgbdBY6YuclR11HM0ggx6M3AUTP35NTUTGfYNRSzNEZy5DjZ6XQeG/bzilkaJQa9if6fvoe6KVTM0jgx6G3ASTPXHfRzilkaKfkuxwkzt3mQzyhmaazkpvA9Mzd5q5tCxSyNlhw5Pul0OmseORSzNF7yXY531noOrZilFZLHdh+tFrRiltZIztBHzNzEjT9XzNIqMehZ+k85/jOhFbO0TvqXwm53duPK/ytmaaXk7aPHV4JWzNJaMegdwNlud/ah9aU3JDKmle9yeE1m+T+4D/hFk1nargu8BUxrMktrmbl76b+yYG55+cw1TWZppRjyaWB+efnMVQDFLK0TQ/4a6K6EDHo0Jy0TQ/4M2BOCv5r+TJNZWiOGfBF4LgR/4cafK2ZphRjyJeDlm4UMillaIIZ8HnghBH9utd/TmVkazcxtAD4GFtcKGTSZpcFiyBeB94FPb/X7ilkaKYZ8BVgKwS8N8hkdM6RxYshfAZeBDwf9nCazNEoykU+H4BeH+awmszRGEvI3w4YMilkaIoZ8mX7MB0ZZQ8cMaYpTwA8h+IVRF9BkluLM3CngOrBvnHU0maWoGHInBL9n3LUUsxQTQ74TmKtiPR0zpIgY8h3AzhD8b1Wsqcks2SUTeSYE/3tV6ypmycrMLQF3AzuqDBkUs2Rk5g4A94Tg769jfZ2ZJQszNw88SP/F4bXQZJbaxZBfBR4Owf9U13U0maVWZm4XsBeYqDNk0GSWGsWJ/DqwJQT/Y93XU8xSiziRDwIPhOB/znFNxSyVixN5AdieK2RQzFIxM7cROAZsCsFfy3ltxSyVia8EWKR/s/dd7usrZqlEDPkC/aNF9pBBj+akAjHks9zk/W85aTLLWGLIXwLPh+AvldyLYpaRJa+W3b3a+99y0jFDRhJDPgfsDcGfL70fUMwyAjN3F/2JfDgE/0Xp/axYD1wxc3+V3oi0ynVgPzDQa7Ny+QdFNXUuQFdOewAAAABJRU5ErkJggg==) top left no-repeat;
      width: 179px;
      height: 77px;
      font-size: 50px;
      line-height: 77px;
      text-align: left;
      text-indent: 15px;
      text-decoration: none;
      color: #75757d; }

footer {
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  background-color: #4c4c56;
  height: 120px;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 13px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  z-index: 2; }
  footer .tab {
    position: absolute;
    right: 0;
    width: 130px;
    text-align: center;
    bottom: -40px;
    line-height: 40px;
    height: 40px;
    background: #4c4c56;
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer; }
    footer .tab span {
      border: solid #555555 1px;
      padding: 0 1px;
      color: white; }
  footer .wrapper {
    position: relative;
    width: 750px;
    height: 120px;
    margin: 0 auto;
    color: #cccccc; }
    footer .wrapper .shortcuts {
      margin-top: 15px;
      float: left; }
      footer .wrapper .shortcuts .col {
        width: 250px;
        float: left; }
        footer .wrapper .shortcuts .col:nth-of-type(2) {
          position: relative;
          left: 20px; }
        footer .wrapper .shortcuts .col div {
          white-space: nowrap; }
          footer .wrapper .shortcuts .col div span.command {
            width: 120px;
            text-align: right;
            display: inline-block;
            white-space: nowrap; }
          footer .wrapper .shortcuts .col div span.key {
            text-transform: uppercase;
            font-family: Arial, sans-serif;
            display: inline-block;
            border: solid #666666 1px;
            padding: 0 5px;
            margin: 0 3px;
            font-size: 11px;
            line-height: 18px;
            color: white;
            font-weight: bold; }
          footer .wrapper .shortcuts .col div span.plus {
            color: #666666; }

#popup {
  opacity: 0;
  height: 0;
  width: 0;
  width: 500px;
  height: 160px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
  -moz-transition: -moz-transform 500ms ease, opacity 500ms ease;
  -o-transition: -o-transform 500ms ease, opacity 500ms ease;
  -ms-transition: -ms-transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  color: #999999;
  font: 15px/140% "Lucida Sans", "Lucida Grande", sans-serif;
  padding: 22px;
  background: black;
  z-index: 10;
  position: absolute;
  top: -200%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px; }
  #popup #poppermalink {
    display: none; }
    #popup #poppermalink p {
      font-size: 13px; }
    #popup #poppermalink a.preview {
      font-size: 13px;
      line-height: 160%; }
    #popup #poppermalink #permalink {
      font: 20px/130% "Georgia", serif; }
  #popup form {
    display: block;
    position: relative; }
  #popup input[type=text] {
    -webkit-appearance: none;
    width: 300px;
    font-size: 22px;
    padding: 0 10px;
    border-radius: 5px;
    height: 40px;
    box-shadow: inset 0 2px 5px #cccccc;
    line-height: 40px; }
  #popup input[type=submit] {
    font-size: 22px;
    padding: 3px 10px;
    height: 47px;
    line-height: 40px;
    margin-left: 10px;
    border-radius: 5px; }
  #popup a {
    color: #00ccff; }
  #popup a#close {
    position: absolute;
    top: 7px;
    right: 10px;
    display: block;
    font-size: 12px; }
  #popup h1 {
    margin: 0;
    font: bold 26px/140% Arial, sans-serif;
    color: #cccccc; }
  #popup textarea {
    border: solid rgba(0, 0, 0, 0.2) 1px;
    background: rgba(255, 255, 255, 0.2);
    height: 180px;
    display: block;
    padding: 10px;
    width: 380px;
    font-family: monospace; }

#commander {
  opacity: 0;
  margin-top: -100px; }

.touch footer {
  display: none; }

.touch body {
  -webkit-user-select: none;
  user-select: none; }

.no-svg #sorry {
  display: block; }

.no-csstransitions footer {
  top: -120px; }

.csstransitions footer {
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate(0, -120px);
  -o-transform: translate(0, -120px);
  -ms-transform: translate(0, -120px);
  transform: translate(0, -120px); }
  .csstransitions footer.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

#better {
  display: inline-block;
  position: relative;
  top: 40px;
  font-size: 13px;
  cursor: pointer;
  z-index: 9;
  line-height: 140%;
  color: #999999; }
  #better a {
    color: #00ccff; }

#overlay {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
  -moz-transition: -moz-transform 500ms ease, opacity 500ms ease;
  -o-transition: -o-transform 500ms ease, opacity 500ms ease;
  -ms-transition: -ms-transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  z-index: 10;
  background-color: rgba(58, 58, 69, 0.8);
  position: absolute;
  top: -200%;
  left: 0;
  right: 0;
  bottom: 100%; }
  #overlay #finalscore {
    width: 280px;
    height: 500px;
    padding: 20px;
    color: #999999;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -160px;
    background: #4c4c56; }
    #overlay #finalscore #finaltotalscore {
      font-size: 200px;
      color: white;
      text-align: center;
      line-height: 250px;
      margin-bottom: 20px; }
    #overlay #finalscore .outof {
      font-size: 30px;
      text-align: center;
      padding: 10px 0;
      border-top: solid #999999 3px;
      margin-bottom: 10px; }
		
			body .moa {
				display: none;
			}

			body .no-moa {
				display: block;
			}
			
		body.moa .moa {
			display: block;
		}
		
		body.moa .no-moa {
			display: none;
		}
		
		#overlay #finalscore #moa_succeeded,
		#overlay #finalscore #moa_failed {
			display: none;
		}
		
		#overlay #finalscore #moa_succeeded .plug {
			bottom: 50px;
			color: #fff;
		}
		
		#overlay #finalscore a.button {
			display: block;
			border: solid #3a3a45 1px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
      color: white;
      padding: 10px 0;
      margin-bottom: 5px;
      text-decoration: none;
			text-align: center;
		}
		
		#overlay #finalscore a.button:hover {
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 5px #33aacc, inset 0 1px 0 rgba(255, 255, 255, 0.1); }

    #overlay #finalscore a#twitter {
			text-align: left;
			text-indent: 60px;
      background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTAvNy8xMVzjoI0AAAUtSURBVFiFxZZLUFNnGIbfc0lCIBAhCEkkBDEWK1IKorbVaW27qu04nV4YOuO0sqi7brrowk6nrF20HWba6gKxAYk5qJVGEGrV4uAF0BGkQYtySQAJd8wNODnJ102xtBKSgEyfZb7///7nP+fLmzBYY8xmc1qQ49S8XH4IRGPzQAXn8/lLS0vnotnPr6VcpcWSxXDcjyqFIkchlxs2ZWdPzs3NlfT09X0B4NL/KnjcYjHwPF+ZGJ+wd0dhARJVKm+8Utk1L0nnDDpda7R9mHCFKqv1oxCRh5OkqwcOHHDHIldeXq5ITk8/oVKpSl4u2oH0tPUAEAgEAq6J6ek25/Bw3cPu7rpo+rLhK+y+TVkbbRuMWeeFs2c//0kQNkQrmKzTHeR5vqQgL29BDgBkHMcZklSq9/VpaeYsk6lOOHcuL9qeT1FltRb3DTiIiGhsfJxudXYOnvnll2/NFkvRcvsqLBZ9lSA8aL19myIxMjr2Z11jo2lFguXl5Yrm69etixv6/H6619Mz03DxYkWVxfIKlhiRKqu17IzNRh6PJ6IgEdFjt/uC2WxOWJHk94KgGnA6a4gouLipKIr0oL9/suny5WOVNTVbFtZXV1dnVNfW9t6126OSW2B4eLg0nEPYGSwrK+OTGKak9dYtWb/DIRHRk5pMJoMpKytl7+7dh/bs2tVY19DwKQBALn8pXqnM3piZGdOD0Ov1n7W0tCQuVVsuZkIsmO3GzMwPOI4DEYFh/v1G5XI5TNnZRp1We/RGe3tab39/XqpGA5VKFZMggJzNW7e+AODawgffCIIyYXqaCRszAFAtCHk7CwrqN5tMhkgnEBHu2u2hdWo1azREXP4UkiRdvNTcUj82OeZnARMxzCjLsraIG+vq64s8Xu8lInoczTyFQqGY5m8xj1yuYNudO4M32tsvdNy79xywTFAvpr6paVdhfsEJTcq6LTKZLOanEyVBAN2hUMjq8/muuN3uuLaOjhEu0q4Ki0UfEEWLx+vZpk1Ph0KhWCtBlojS3R7PqwMOx2t9DoeT4fnuiL/Fgxw3sS0u7vTOwsLnkxIT18wOQBvDMFfXqdXj8Tk5jT3379uLi4uD0W5m7nR1vR2QpJ+J6D4RrXzQlkYiov2rvmLllStxzqGhrx673cGIR8bGH263W7PUmeH/LCyBODKiarl58+CA08nSouB+BhxNSkqaXKoQk+BvPD/N8/LqbKNx9L+hvQrsAGrDVk8IwvaqU6fyY+nYabe/OTs7++AZvFofEb2z3FksS6TXJCcfPN/46+EfTp5MjiRntlr33bXby661tRm9Xm8s91qKwwzDnF9uAQMATc3NGw063TFxbk7b87Dv9KwkNgIY5kTR42NZuYwoSSaX70Eo9BZYdn+GVhefuyUHmpQUsGxMU7JAAMARAF8zDLNslDwZpBqbLXVvUdExpVL5nmNoyO1yuSb9s7OugCQlMiyXrJDJ0tenani9VosNej14LmLGh2McwJe1tbXHY8k5AIAgCHLH4GAZEQVEUSSP10vjExM0PTNDPr+fgsFVp0sHEb2+0ps9odNuf0OSpN9X/RX4h3EiOkJE6yOfHiU2my1+ZHT0YyK6SkTiCqRCRDRERN8RUUwpsZiIYdbU1JSQn5+fp9Fo3uV5vgBAKgAtgAQA6r+XzQOYAjADwAWgF0ADgFaGYR6tVC4qQQD4UBC4T9TqF40ZGZuSU1IMcQpFdnxcnJrn+TSZTMYB8ASDwUfz8/NjoiT1zvn9zqmpqa7c3Nyp1cgBwF9VYroxXoIZ5gAAAABJRU5ErkJggg==) 5px 50% no-repeat;}
    #overlay #finalscore .tryagain {
      font: 13px/140% "Lucida Sans", "Lucida Grande", sans-serif;
      text-align: right; }
      #overlay #finalscore .tryagain a {
        color: #cccccc; }
    #overlay #finalscore .plug {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      font: 13px/140% "Lucida Sans", "Lucida Grande", sans-serif; }
      #overlay #finalscore .plug a {
        color: #cccccc; }

#overlay.show, #popup.show {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1; }

#popup.show {
  top: 50%; }

#overlay.show {
  top: 0;
  bottom: 0;
  width: auto;
  height: auto; }

.sorry {
  display: none;
  position: absolute;
  top: 40px;
  bottom: 100px;
  background: #3a3a45;
  z-index: 10;
  right: 0;
  left: 0; }
  .sorry .contain {
    width: 760px;
    margin: 0 auto;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -380px; }
  .sorry h1 {
    color: white;
    font-size: 36px;
    font-weight: normal;
    line-height: 135%; }

.no-svg .sorry {
  display: block;
  color: #cccccc; }
  .no-svg .sorry a {
    color: #00ccff; }