.practice-room .practice-desk,.practice-room .practice-paper{max-width:100%;border:1px solid var(--line);border-radius:16px}
.practice-room .practice-paper{max-width:580px}
.practice-room .practice-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.hbc .practice-secondary{background:#fffdf7;color:var(--green);border-color:#a9b9ad}
.practice-room button:disabled{opacity:.65;cursor:default}
.practice-room .controls>label{flex:1;min-width:140px}
.practice-room input[type=range]{padding:0;accent-color:var(--green);width:100%}
.practice-room .practice-hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.practice-room .practice-hand button{min-height:110px;padding:14px 5px;border:2px solid #b8cdbb;background:#fffdf7;color:#264d3b;font-size:32px;box-shadow:0 4px 0 #dce6d7}
.practice-room .practice-hand button:enabled:hover{background:#e7f1dc;border-color:#17664f}
.practice-room .practice-hand small{display:block;font-size:11px;font-weight:650;margin-top:6px}
.practice-room .practice-hand button:disabled{opacity:1;color:#52645c}
@media(max-width:560px){.practice-room .practice-hand{gap:8px}.practice-room .practice-hand button{min-height:90px;font-size:26px}.practice-room .practice-hand small{font-size:10px}.practice-room .practice-actions button{flex:1}.practice-room .example{padding:16px}}