/* On-screen keyboard size (change --kbs to resize) */
@media(min-width:900px) {
  :root {
    --kbs:.65;
  }
  #app.play #kbc {
    width:max(calc(100% * var(--kbs)),560px);
    max-width:100%;
    margin:0 auto 6px;
    padding:8px;
  }
  #app.play .kb,#app.play .kb .row {
    gap:3px;
  }
  #app.play .k {
    height:calc(clamp(32px,7.6vh,88px) * var(--kbs));
    border-radius:7px;
  }
  #app.play .k .g {
    font-size:15px;
  }
  .pa #app.play .k .g {
    font-size:18px;
  }
  #app.play .k .e {
    font-size:9px;
    left:4px;
    top:1px;
  }
  #app.play .k .s {
    font-size:11px;
    right:4px;
    top:0;
  }
  #app.play .k.wide {
    font-size:10px;
  }
  #app.play #text {
    font-size:clamp(24px,4.6vh,50px);
  }
  .pa #app.play #text {
    font-size:clamp(26px,5vh,54px);
  }
}