/* Teclado na tela do totem (on-screen) */
#kbd{position:fixed;left:0;right:0;bottom:0;z-index:100000;background:#11141b;border-top:2px solid #2a2f3d;
  padding:12px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -14px 40px rgba(0,0,0,.6);
  display:none;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none;touch-action:manipulation}
#kbd.on{display:flex}
#kbd .kbd-row{display:flex;gap:8px;justify-content:center}
#kbd .k{flex:1;min-width:0;height:76px;border:none;border-radius:12px;background:#242a38;color:#fff;
  font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}
#kbd .k:active{background:#3a4256}
#kbd .k.wide{flex:1.6}
#kbd .k.space{flex:5}
#kbd .k.act{background:var(--brand,#ff5a1f);color:#fff;flex:1.8}
#kbd .k.del{background:#3a2130;color:#ff8a8a;flex:1.6}
#kbd .k.sm{font-size:20px}
#kbd.num .k{height:84px;font-size:34px}
body.kbd-open .sheet{padding-bottom:430px}
body.kbd-open .view{padding-bottom:460px}
@media (min-width:760px) and (orientation:portrait){
  #kbd .k{height:96px;font-size:38px}
  #kbd.num .k{height:108px;font-size:44px}
  body.kbd-open .sheet{padding-bottom:540px}
  body.kbd-open .view{padding-bottom:560px}
}