/* 反馈占用固定底栏，不悬浮在识图与拼写区域上。 */
.play-info{left:50%;bottom:43px;width:min(520px,calc(100% - 32px));height:44px;gap:12px;padding:7px 15px;border-radius:10px;justify-content:space-between}
.play-info>.play-copy{flex:1;min-width:0;max-width:none;white-space:normal;font-size:11px;line-height:1.4}
#play-feedback{color:#f6d994}.play-info.feedback-error #play-feedback{color:#f4b7ab}
.play-info .text-button{flex:none;font-size:11px}

/* ANSI 键盘错行关系；等宽字母键，手形与键位共用实际像素坐标。 */
.keyboard-wrap{height:188px;overflow:hidden}
.keys .key-row{height:38px;margin-top:4px;padding:0;gap:4px}
.keys .key{flex:var(--units,1) 1 0;width:0;min-width:0;max-width:none;height:35px;font-family:var(--sans);font-size:13px;border-radius:5px}
.keys .key.wide{width:0;font-size:8px;color:#829e9b}
.keys .key-row.space-row{height:30px;padding:0 24%}
.keys .key.space{height:27px;font-size:8px;flex:1;width:auto}
.keys .key:before{width:9px;bottom:4px;opacity:.28}.keys .key.home:after{bottom:9px}
.hands{opacity:1;overflow:hidden}
.typing-hand-silhouette{fill:#dfe9d716;stroke:#e3e8d5b3;stroke-width:1.5;stroke-linejoin:round}
.typing-finger-active{fill:color-mix(in srgb,var(--finger-color) 14%,transparent);stroke:var(--finger-color);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.typing-joint{fill:none;stroke:#c6d7c856;stroke-width:.8;stroke-linecap:round}
.typing-contact{fill:var(--finger-color);opacity:.72;stroke:#f7f4d5;stroke-width:.7}
.typing-contact.is-down{fill:#fff2be;opacity:1}
.keyboard-caption{position:relative;z-index:3}.keyboard-heading{z-index:3}
@media(min-height:950px){.keyboard-wrap{height:206px}.keys .key-row{height:42px}.keys .key{height:38px}}
@media(max-height:780px) and (min-width:701px){.keyboard-wrap{height:160px}.keys .key-row{height:31px;margin-top:3px;gap:3px}.keys .key{height:29px;font-size:12px}.keys .key.wide{font-size:7px}.keys .key-row.space-row{height:24px}.keys .key.space{height:23px}}
@media(max-width:700px){.keyboard-wrap{height:130px}.keys .key-row{height:calc((100vw - 48px)/15 * .90);margin-top:3px;gap:2px}.keys .key{height:calc((100vw - 48px)/15 * .80);font-size:10px;border-bottom-width:2px}.keys .key.wide{font-size:5px}.keys .key-row.space-row{height:19px}.keys .key.space{height:17px;font-size:6px}.keys .key:before{height:1px;bottom:2px;width:6px}.keys .key.home:after{bottom:5px;width:7px}.typing-hand-silhouette{stroke-width:1}.typing-finger-active{stroke-width:1.7}.play-info>.play-copy{font-size:10px}.play-info .text-button{font-size:10px}.play-info{padding:6px 10px;gap:8px}}