html{height:100%;width:100%}body{height:100%;width:100%;margin:0;background:#fafafa;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333}h1{margin-top:0;font-size:22px}svg>*{cursor:pointer}svg>text{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none}#controls{position:absolute;margin-left:2px;margin-top:2px;text-align:center}a.button{display:inline-block;margin:0 0 8px;padding:4px;vertical-align:top;text-align:center;background:linear-gradient(#afafaf,#6f6f6f);border:2px #000 solid;color:#00f;text-decoration:none}a.button:hover{background:linear-gradient(#6f6f6f,#afafaf)}a.button.toggle.selected{background:#494949}img#smiley{cursor:pointer;margin:0 4px}#container{height:100%;margin:0;width:100%}#menu{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.7)}#menu-content{position:absolute;top:15%;left:15%;width:65%;max-height:65%;padding:6px;overflow-y:scroll;text-align:center;background:#fff;border:1px #000 solid}.menu-content-body{text-align:left}#menu-content-body-instructions{border:1px #afafaf solid;border-spacing:4px}#menu-content-body-instructions tr{background:#dfdfdf}#board{height:100%;margin:0;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (orientation:portrait){#controls{top:0;left:50%;height:48px;width:180px;margin-left:-90px}img#smiley{height:100%}.menu-content-body{width:100%}}@media screen and (orientation:landscape){#controls{top:50%;left:0;height:150px;width:54px;margin-top:-75px}a.button{width:100%}img#smiley{width:100%}@media screen and (min-width:800px) and (orientation:landscape){.menu-content-body{float:left;width:45%;margin:8px}}