:root{background-color:#a1a1a1;padding:4em 2em 2em}body,h2,h3,h4,h5,h6,th,td{font-family:arial,helvetica,sans-serif}body{display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:3em;font-family:arial,helvetica,sans-serif;font-weight:bolder;background-color:#d6d6d6;border-radius:.05em;padding:.1em;box-shadow:0 0 .15em #d3d3d3;text-shadow:0em 0em 1px rgb(68,68,68)}.flex{display:flex;row-gap:1em;column-gap:1em}.col{flex-direction:column}.row{flex-direction:row}main{background-color:#eee;border-radius:.25em;box-shadow:0 0 .5em #141414;flex-wrap:wrap;padding:1em}.shadow{-webkit-filter:drop-shadow(0px 0px .5px rgba(0,0,0,.7));filter:drop-shadow(0px 0px .5px rgba(0,0,0,.7))}svg{border-radius:.1em;border:5px solid rgb(77,77,77)}svg rect{stroke:#000;stroke-width:2px}#svgCanvas{background-color:#9a9a9a}#info{width:160px;margin-top:1em}#info>.text{font-weight:700}.left{font-size:1.1em;float:left}.right{font-size:1em;float:right}#stage{position:relative}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#1e1e1e8c;border-radius:.1em;cursor:pointer}.overlay[hidden]{display:none}.overlay .card{background-color:#fafafa;border-radius:.4em;box-shadow:0 0 .5em #141414;padding:1.2em 1.6em;max-width:22em;line-height:1.4}.overlay h2{margin:0 0 .4em}.overlay p{margin:0 0 .6em}.overlay .example{color:#505050}.overlay table{border-collapse:collapse;margin-bottom:.8em}.overlay td{padding:.15em 1em .15em 0}.overlay kbd,.overlay code{font-family:monospace;background-color:#e6e6e6;border:1px solid rgb(190,190,190);border-radius:.2em;padding:0 .3em}.overlay .start{margin:0;font-weight:700;text-align:center}#gameOver text{text-anchor:middle;font-size:18px}#gameOver .title{font-size:30px;font-weight:bolder}#gameOver .hint{font-size:14px;fill:#5a5a5a}