*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body,html{height:100%}body{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:1.5em;color:#222;line-height:1.7;letter-spacing:.03rem;display:flex;min-height:100%}a{color:#111}a:hover{color:#333;text-decoration:none}canvas{flex:1;cursor:crosshair;display:block;width:100vw}#overlay{position:absolute;top:0;left:0;width:100vw;height:100%;z-index:1}#introduction,#overlay{flex:1;display:flex;flex-flow:column;align-items:center;justify-content:center}#introduction{opacity:1;transition:opacity 1s}.playing #introduction{opacity:0}.instructions{font-size:1.8rem;font-weight:700;display:flex;flex-flow:row;align-items:center;justify-content:center}.instructions>img{margin:0 3.2rem}footer{font-size:1.1rem;text-align:center;width:100%;flex:5.4rem 0}#incompatible,.incompatible #canvas,.incompatible #introduction{display:none}.incompatible #incompatible{display:inherit}.if-no-touchevents,.if-touchevents{display:none}.no-touchevents .if-no-touchevents,.touchevents .if-touchevents{display:inherit}