.kb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:8px}.kb-progress{font-size:14px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.kb-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}.kb-hint{font-size:12px;line-height:1.5;color:var(--muted)}.kb-board{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin-block:14px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;direction:ltr}.kb-section{display:flex;flex-direction:column;gap:4px;min-width:0}.kb-main{flex:1 1 460px}.kb-nav{flex:0 1 120px}.kb-numpad{flex:0 1 160px}.kb-row{display:flex;gap:4px}.kb-gap{flex-basis:0}.kb-key{flex-basis:0;min-width:0;display:flex;align-items:center;justify-content:center;block-size:34px;padding-inline:2px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:11px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .06s linear,color .06s linear}.kb-key.is-tested{background:color-mix(in srgb,var(--ok) 22%,var(--panel2));border-color:color-mix(in srgb,var(--ok) 50%,var(--line));color:var(--text)}.kb-key.is-held{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.kb-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted)}.kb-legend span{display:flex;align-items:center;gap:6px}.kb-sw{inline-size:14px;block-size:14px;border-radius:4px;border:1px solid var(--line);background:var(--panel2)}.kb-sw.is-tested{background:color-mix(in srgb,var(--ok) 22%,var(--panel2));border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}.kb-sw.is-held{background:var(--accent);border-color:var(--accent)}.kb-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-block:14px}.kb-panel{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.kb-panel-title{font-size:13px;font-weight:700;color:var(--muted)}.kb-last{font-size:13px;color:var(--muted)}.kb-kv,.kb-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);padding-block:3px}.kb-kv b,.kb-stat b{color:var(--text);font-size:15px;font-variant-numeric:tabular-nums;word-break:break-all}.kb-unknown{margin-block-start:4px;font-size:12px;color:#e0a24f}.kb-remaining{font-size:12px;line-height:1.7;color:var(--muted);word-break:break-word}.kb-remaining.is-done{color:var(--ok)}@media(max-width:720px){.kb-key{block-size:28px;font-size:10px}.kb-nav,.kb-numpad{flex-basis:100%}}