:root{--paper:#faf6ef;--card:#f3eee5;--ink-base:#33302a;--accent:#b8552f}html,body{height:100%;margin:0}body{background:var(--paper);-webkit-user-select:none;user-select:none;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:var(--ink-base);cursor:pointer;opacity:1;transition:opacity .65s linear}#board.faded{opacity:0}#board.solved{--ink:var(--accent)}#hold{background:var(--accent);opacity:.8;border-radius:50%;width:9px;height:9px;position:fixed;top:12px;right:12px}#hold[hidden]{display:none}#board path,#board circle{transition:stroke .4s ease-out,fill .4s ease-out}.tile-rot{transition:transform .15s ease-out}