.big-char-wrap{position:relative;flex:0 0 150px}.big-char-wrap .big-char{width:150px}.character-copy{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:32px;height:30px;border:1px solid #d4bc72;border-radius:4px;background:#fff;color:#85641b;cursor:pointer}.variant-link{display:inline-block;margin-right:9px;color:#85641b}.stroke-tool{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:22px;padding:18px}.stroke-tool:fullscreen{grid-template-columns:auto;justify-items:center;align-content:center;background:var(--panel);color:var(--text)}.stroke-tool:fullscreen .stroke-details{text-align:center}.stroke-tool:fullscreen .stroke-actions{justify-content:center}.stroke-canvas{width:180px;height:180px;border:1px solid #d8c47e;background-color:#fffef8;background-image:linear-gradient(45deg,transparent 49.5%,#eee9d9 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#eee9d9 50%,transparent 50.5%)}.stroke-details{min-width:0}.stroke-details p{margin:6px 0}.stroke-code{font:18px Consolas,monospace;overflow-wrap:anywhere}.stroke-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.stroke-play,.stroke-replay,.stroke-fullscreen{display:grid;place-items:center;width:42px;height:38px;border:0;border-radius:4px;background:var(--green);color:#fff;cursor:pointer}.stroke-replay,.stroke-fullscreen{background:#8f6d25}.stroke-play:disabled,.stroke-replay:disabled{cursor:wait;opacity:.5}.stroke-status{color:var(--muted);font-size:13px}.related-character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 15px 5px}.related-character-grid a{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);background:var(--paper);color:#85641b;font:23px KaiTi,serif}.side-panel>a.side-more{padding-top:6px;text-align:right;font-size:13px}.detail-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:15px 18px}.detail-link-grid a{min-width:0;padding:8px 10px;border:1px solid var(--line);background:var(--paper)}.detail-link-grid strong,.detail-link-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-link-grid small{color:var(--muted)}.character-word-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:15px 18px}.character-word-groups h3{margin:0 0 7px;font-size:16px}.character-word-groups div>div{display:flex;flex-wrap:wrap;gap:5px 12px}.character-word-groups a{color:#85641b}.section-more{margin:0 18px!important;text-align:right}.section-more a{color:#85641b}.detail-subsection{padding:14px 18px;border-top:1px solid var(--line)}.detail-subsection:first-of-type{border-top:0}.detail-subsection h3{margin:0 0 8px;font-size:15px;color:var(--green)}.detail-subsection p{margin:0}.translation-text,.etymology-hint{overflow-wrap:anywhere}.etymology-hint{margin:0 18px 18px!important;padding:12px;border-left:3px solid #b5943f;background:var(--paper);color:var(--muted)}@media(max-width:700px){.detail-link-grid{grid-template-columns:1fr 1fr}.character-word-groups{grid-template-columns:1fr}}@media(max-width:460px){.big-char-wrap{flex-basis:100px}.big-char-wrap .big-char{width:100px}.stroke-tool{grid-template-columns:1fr;justify-items:center;padding:14px}.stroke-details{width:100%}.stroke-actions{justify-content:flex-start}.detail-link-grid{padding:12px}}
.stroke-tool:fullscreen .stroke-canvas{width:min(70vh,520px);height:min(70vh,520px)}
.more-menu[hidden]{display:none}
.stroke-speed{display:inline-flex;margin-top:10px;border:1px solid #d4bc72;border-radius:4px;overflow:hidden}.stroke-speed button{width:52px;height:34px;border:0;border-right:1px solid #d4bc72;background:var(--paper);color:#85641b;cursor:pointer}.stroke-speed button:last-child{border-right:0}.stroke-speed button[aria-pressed=true]{background:#8f6d25;color:#fff}.stroke-speed button:disabled{cursor:wait;opacity:.55}.stroke-actions{flex-wrap:wrap}.stroke-pause{display:grid;place-items:center;width:42px;height:38px;border:0;border-radius:4px;background:#8f6d25;color:#fff;cursor:pointer}.stroke-pause:disabled{cursor:wait;opacity:.5}@media(max-width:460px){.stroke-speed{display:flex;width:100%}.stroke-speed button{flex:1;width:auto}}