.canvas-card{padding:10px}.current-row{display:flex;align-items:center;justify-content:space-between;width:min(100%,390px);min-height:32px;margin:0 auto}.current-row .current-label{margin:0;text-align:left}.writing-stage{position:relative;width:min(100%,390px);margin:0 auto}.character-target{position:relative;width:100%;height:auto;max-width:390px;max-height:none;aspect-ratio:1}.character-target::before,.character-target::after{content:"";position:absolute;z-index:0;opacity:.85}.character-target::before{top:50%;right:0;left:0;height:1px;background:repeating-linear-gradient(to right,#aeb9c3 0 4px,transparent 4px 8px)}.character-target::after{top:0;bottom:0;left:50%;width:1px;background:repeating-linear-gradient(to bottom,#aeb9c3 0 4px,transparent 4px 8px)}.character-target svg{position:relative;z-index:1;width:100%;height:100%}.restart-character-button{display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border-radius:8px}.restart-character-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}html.dark .character-target::before{background:repeating-linear-gradient(to right,#718196 0 4px,transparent 4px 8px)}html.dark .character-target::after{background:repeating-linear-gradient(to bottom,#718196 0 4px,transparent 4px 8px)}