body{font-family:Arial}header{display:block;width:100%;margin:0 auto;text-align:center}header h1{margin:10px 0;font-size:50px;font-weight:700;color:#e0985a}#grid_container,header #newgamebutton{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}header #newgamebutton{display:block;color:#fff;text-decoration:none;width:100px;margin:0 auto;padding:10px;background-color:#8f7a66}header #newgamebutton:hover{background-color:#9f8b77}header p{margin:10px 0;font-size:24px}#grid_container{position:relative;width:460px;height:460px;margin:20px auto;padding:20px;background-color:#bbada0}.grid-cell{position:absolute;width:100px;height:100px;background-color:#ccc0b3;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}#feng,.number-cell{font-weight:700;text-align:center}.number-cell{position:absolute;line-height:100px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:60px}#feng{width:200px;margin:10px auto;font-size:18px;color:#ea7c1d}@media only screen and (max-width:500px){header{margin:20px 0}header h1{float:left;margin:0 0 0 10px;font-size:24px}header #newgamebutton{width:60px;padding:10px;font-size:12px}header p{position:absolute;right:20px;top:20px;margin:0;font-size:16px;font-weight:700;color:#ff9f13}#grid_container{margin:10px 0}}.alertable{position:fixed;z-index:9999;top:38vh;left:calc(50% - 150px);width:300px;background:#fff;border-radius:4px;padding:20px;margin:0 auto}.alertable-overlay{position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}.alertable-message,.alertable-prompt{margin-bottom:20px}.alertable-input{width:100%;border-radius:4px;box-shadow:none;border:solid 1px #ccc;font-family:inherit;font-size:inherit;color:inherit;padding:6px 12px;display:block;box-sizing:border-box;margin-bottom:10px}.alertable-buttons{text-align:right}.alertable-ok{background:#09d;border:solid 1px #09d;font-family:inherit;font-size:inherit;color:#fff;border-radius:4px;padding:6px 12px;margin-left:4px;cursor:pointer}.alertable-ok:active,.alertable-ok:focus,.alertable-ok:hover{background-color:#08c}.alertable-cancel{border:solid 1px #ddd;background:#fff;font-family:inherit;font-size:inherit;color:#888;border-radius:4px;padding:6px 12px;margin-left:4px;cursor:pointer}.alertable-cancel:active,.alertable-cancel:focus,.alertable-cancel:hover{background-color:#f2f2f2}@media only screen and (max-width:500px){.alertable{width:80%;left:5%}}