.practice-card{max-width:720px;margin-left:auto;margin-right:auto}.practice-card .row{margin:12px 0}.practice-grid{margin:14px 0 20px;grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.trace-cell{position:relative}.trace-cell .copy-model{position:absolute;z-index:0;pointer-events:none}.trace-cell .char-pad{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}.saved-traces{display:flex;flex-wrap:wrap;gap:5px}.trace-preview{width:82px;height:82px;border:1px solid #bdd1c6;background:#fff}.status:empty{display:none}.stroke-modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#0d202bbb;padding:16px}.stroke-card{width:min(100%,540px);max-height:90vh;overflow:auto;background:var(--paper);border-radius:18px;padding:18px;position:relative}.close-stroke{float:right}.stroke-animation{height:min(60vw,300px);max-height:300px;display:grid;place-items:center}.stroke-animation svg{width:100%;height:100%;max-width:300px}.stroke-new{animation:stroke-appear .35s ease-out}@keyframes stroke-appear{from{opacity:0}to{opacity:1}}.practice-card label{display:block;margin:12px 0 5px;font-weight:700}@media(max-width:620px){.practice-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.nav button{font-size:.72rem;padding:7px 5px}}