body{font-family:sans-serif;color:#333;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:.5em 0;color:black}h1{font-size:2.5em}h2{font-size:2.0em}h3{font-size:1.5em}h4{font-size:1.3em}h5{font-size:1.2em}h6{font-size:1.1em}html{font-size:calc(2vmin+3px)}#app{width:100%;height:100%;left:0;top:0;position:absolute}#app a{text-decoration:none;color:#09f}#app a:hover{text-decoration:underline}#main{justify-content:center;align-items:center;flex-direction:column;display:flex;width:100%;height:100%}#board{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;vertical-align:middle}#board #table{border-radius:.5rem;border:1px solid #aaa;border-spacing:.5rem;display:table}#board #table .row{display:table-row}#board #table .cell{height:5rem;width:5rem;display:table-cell}.tiles{left:0;height:0;position:absolute;width:0;top:0}.tiles .tile{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:5rem;width:5rem;top:0;transition-duration:.2s;transition-property:top,left;height:5rem;margin:.5rem;border:1px solid #aaa;vertical-align:middle;text-align:center;position:absolute;transition-timing-function:ease-out;cursor:pointer;font-size:2.3rem;border-radius:5px;left:0}.tiles .tile:hover{background:#f0f0e0}.tiles .tile.y-0{top:.0rem}.tiles .tile.y-1{top:5.5rem}.tiles .tile.y-2{top:11.0rem}.tiles .tile.y-3{top:16.5rem}.tiles .tile.x-0{left:.0rem}.tiles .tile.x-1{left:5.5rem}.tiles .tile.x-2{left:11.0rem}.tiles .tile.x-3{left:16.5rem}#info{margin-top:1em;text-align:center;font-size:1.5rem;max-width:30em}.button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;margin-top:1em;padding:.3em 1.5em;border-radius:.7em;border:1px solid black}.button.hidden{visibility:hidden}.button:hover{background:#e8e8ff}