@import url("style-kids-v1.css?v=kids-20261016");
.turn-button{width:68px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;direction:ltr}
.turn-button b{font-weight:600;font-size:14px;min-width:18px}
.turn-button svg{flex-shrink:0}
.notation-note{font-size:11px;color:var(--muted);line-height:1.6;margin:14px 0 0}
.hint-key{font-size:11px;color:var(--muted);line-height:1.6;unicode-bidi:plaintext}
.hint-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.move-hint .hint-actions button{width:100%;font-size:11px;line-height:1.4}
.kids-active #hint-notation,.kids-active .hint-key{display:none}
.kids-active .hint-move{font-size:16px;font-weight:600}
.kids-active #mobile-hint-description{font-size:15px}
.mobile-hint-actions .hint-inspect{flex-basis:100%;min-height:36px;font-size:11px}
.hint-actions #hint-step,#mobile-hint-step{background:var(--accent);border-color:var(--accent);color:#fff9ef;font-weight:600}
[data-theme="dark"] .hint-actions #hint-step,[data-theme="dark"] #mobile-hint-step{color:#211d18}
@media(max-width:1050px) and (min-width:761px){.turn-button{width:62px;gap:5px}}
@media(max-width:760px){.face-controls{grid-template-columns:1fr}.turn-button{width:76px}.mobile-hint-actions>button{font-size:12px}.hint-actions{grid-template-columns:1fr}}
@media(max-width:370px){.turn-button{width:66px}.face-key{margin:0}}