/*CSS FILE*/
    @font-face { font-family:'Consolas';src:url('inconsolata-webfont.woff'); }

    body, div, p, span, canvas,h1, h2,a,ol,ul, input {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; font-size:12pt; font-family:Consolas;}
    body {width:800px;margin:5px auto;}
    canvas {margin:1px;border:1px solid #000;width:800px;height:180px;}
    h1{width:100%;text-align:center;font-size:20pt;}
    h1::first-letter {font-size:26pt;}
  
    div {border:1px solid #000;width:100%;margin:1px;padding:5px;}
    .bar {border:none;padding:0px;margin-top:1px;margin-bottom:1px;height:29px;}
  
    a:link, a:visited, a:hover {color:#000;text-decoration:none;}
    #stat {width:433px;float:left;border:1px solid #000;padding:5px;}
    .bar a  {float:left;padding:2px;border:1px solid #000;width:120px;display:inline-block;margin-left:-1px;text-align:center;padding:5px;}
    .bar a:hover {background:rgba(0,0,0,0.1);}
    #lvl,#Hlvl {width:41px;text-align:center;float:left;border:1px solid #000;padding:5px;margin-left:-1px;}
    #counter, #Hcounter {width:30px;text-align:right;float:left;border:1px solid #000;padding:5px;margin-left:-1px;border-left:none;background:#fff;padding-right:4px;}
    #highscore {width:100%;border:1px solid #000;/*column-count: 3;column-gap: 1px; column-rule: 1px solid #000;*/-moz-column-count: 3;-moz-column-gap: 1px; -moz-column-rule: 1px solid #000;-webkit-column-count: 3;-webkit-column-gap: 1px; -webkit-column-rule: 1px solid #000;padding:0px;margin:1px;margin-top:-3px;clear:both;display:none;}
    #highscore li {list-style:decimal-leading-zero;list-style-position: inside;overflow:hidden;text-overflow:ellipsis;margin:0px;padding:3px;}
    #highscore .val {float:right;width:30px;}
    #Hmain {width:403px;float:left;border:1px solid #000;padding:5px;}
    
    #inputName, #showControls {position:absolute;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.4);display:none;}
    #inputName p {width:200px;margin:5px auto;position:relative;top:200px;background:#fff;border:1px solid #000;padding:5px;box-shadow:0px 0px 5px #000;font-size:12pt;}
    #inputName p input {width:188px;margin-top:5px; border:1px solid #000;padding:2px;height:26px;}
    #inputName p a {float:right;width:20px;text-align:right;}
    
    #showControls {margin:0px;padding:0px;}
    #showControls p {padding:5px;margin:5px auto;position:relative;top:200px;background:#fff;border:1px solid #000;box-shadow:0px 0px 5px #000;width:250px;}
    #showControls p > span {font-weight:bold;background:#fff;display:block;clear:both;width:100%;padding:3px;}
    #showControls p > span > span{float:right;width:100px;font-weight:normal;}