/* FeniksFit — экранная клавиатура (kbd.js) */
.kbd{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:10px max(10px,calc((100vw - 1100px)/2)) 14px;
  background:rgba(16,19,25,.97);border-top:1px solid var(--line,#262b33);box-shadow:0 -10px 30px rgba(0,0,0,.5);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none;-webkit-user-select:none;touch-action:manipulation;
  font:600 22px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text,#e9edf2);
  transition:transform .18s ease,opacity .18s ease}
.kbd.hidden{transform:translateY(105%);opacity:0;pointer-events:none;display:block}
.kbRow{display:flex;gap:7px;margin-top:7px}.kbRow:first-child{margin-top:0}
.kbd button{flex:1 1 0;min-width:0;height:62px;border:0;border-radius:12px;background:#262c37;color:inherit;font:inherit;padding:0 4px;
  box-shadow:0 2px 0 rgba(0,0,0,.45);cursor:pointer}
.kbd button.down{background:var(--accent,#ff7a1a);color:#111;transform:translateY(1px);box-shadow:none}
.kbd button.fn{background:#1b2029;font-size:17px;flex-grow:1.4}
.kbd button.shift.on{background:#3a4352}.kbd button.shift.caps{background:var(--accent,#ff7a1a);color:#111}
.kbd button.go{background:var(--accent,#ff7a1a);color:#111;flex-grow:1.8;font-size:18px;font-weight:800}
.kbd button.space{flex-grow:5;font-size:15px;color:var(--muted,#8b95a3)}
.kbd.isNum{left:50%;right:auto;transform:translateX(-50%);width:min(440px,100vw);border-radius:18px 18px 0 0;padding:12px 12px 14px}
.kbd.isNum.hidden{transform:translate(-50%,105%)}
.kbNum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kbNum button{height:64px;font-size:28px}
.kbd.isNum .kbRow{margin-top:8px}
@media (max-height:700px){.kbd button{height:50px}.kbNum button{height:52px}}
.kbdSeg{display:flex;gap:6px}.kbdSeg button{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--line,#262b33);background:transparent;color:inherit}
.kbdSeg button.on{background:var(--accent,#ff7a1a);color:#111;border-color:transparent}