html,body{height:100%;margin:0}body{-webkit-user-select:none;user-select:none;background:#faf6ef;justify-content:center;align-items:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}#stage{aspect-ratio:1;touch-action:manipulation;width:min(100vw,100vh,500px);position:relative}#stage.full{aspect-ratio:auto;width:100vw;height:100vh}#stage.full #board{inset:50% auto auto 50%;transform:translate(-50%,-50%)}#stage svg{width:100%;height:100%;display:block;position:absolute;inset:0}#stage svg[hidden]{display:none}#title{cursor:pointer}#board{--ink:#33302a;cursor:pointer;opacity:1;transition:opacity .65s linear}#board.faded{opacity:0}#board.solved{--ink:#b8552f}#board path,#board circle{transition:stroke .4s ease-out,fill .4s ease-out}.tile-rot{transition:transform .15s ease-out}