/* Clavier flottant unifié (même style que « Le Boss du Brevet ») : compact, déplaçable, réductible, au-dessus du logo Netlify. */
@media screen{
html body #kb,html body #kp{position:fixed;left:auto!important;top:auto!important;right:12px!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;width:226px!important;max-width:calc(100vw - 16px);margin:0;background:#26125a!important;color:#fff!important;border:0!important;border-radius:18px;padding:8px;box-shadow:0 10px 28px rgba(0,0,0,.35);z-index:2147483200;touch-action:none;font-size:16px}
html body #kb[hidden],html body #kp.off{display:none!important}
html body #kb.hide{display:none!important}
html body #kb .hd,html body #kp #kh,html body #kb .kbhd{display:flex;align-items:center;justify-content:space-between;color:#fff!important;font:800 12px system-ui,sans-serif!important;text-align:left;padding:2px 6px 8px;margin:0;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;background:none}
html body #kb .hd{flex:1;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:#fff!important;padding:2px 6px 8px!important;margin:0!important;text-shadow:none!important;width:auto!important;-webkit-text-fill-color:#fff!important}
html body #kb .kh,html body #kb>div:first-child:not(.ar):not(.g){display:flex;align-items:center;gap:4px;margin:0}
html body #kp #kh,html body #kb .kbhd{background:none!important;-webkit-text-fill-color:#fff}
html body #kb .kbhd span:last-child{display:flex;gap:2px}
html body #kb .kbmin,html body #kp .kbmin,html body #kb #kbx,html body #kb .kx,html body #kp #kx,html body #kb #kx{background:none!important;color:#fff!important;border:0!important;box-shadow:none!important;font:700 16px system-ui,sans-serif!important;padding:2px 8px!important;margin:0 0 0 2px!important;width:auto!important;height:auto!important;min-height:0!important;flex:none!important;cursor:pointer;border-radius:8px!important;transform:none!important}
html body #kb .kbmin:active,html body #kp .kbmin:active,html body #kb #kbx:active{background:rgba(255,255,255,.15)!important}
/* grilles de touches */
html body #kb .g,html body #kb #kg,html body #kp #kk{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
html body #kb .g button,html body #kb #kg button,html body #kp #kk button{border:0!important;border-radius:10px!important;padding:11px 0!important;min-height:0!important;height:auto!important;font:800 19px system-ui,sans-serif!important;background:#f3edff!important;color:#26125a!important;box-shadow:none!important;flex:none!important;text-shadow:none!important;cursor:pointer;width:auto}
html body #kb .g button:active,html body #kb #kg button:active,html body #kp #kk button:active{transform:translateY(2px)!important;opacity:.85}
html body #kb button.sp,html body #kb button.del,html body #kb .g button.nv,html body #kp #kk button.dl,html body #kp #kk button.fn{background:#ffd166!important;color:#26125a!important}
html body #kb button.go,html body #kb button.okk,html body #kb .g button.okk{background:#16a34a!important;color:#fff!important;grid-column:span 4;font-size:16px!important}
html body #kb .g button.sqk{background:#cffafe!important;color:#155e75!important;grid-column:span 2;font-size:15px!important}
html body #kb .g button.sqk.on{background:#22d3ee!important;color:#083344!important}
html body #kb button.ksqb{background:#ffd166!important;color:#26125a!important;border-radius:10px!important}
html body #kb .kba,html body #kb .ar{color:#fff}
html body #kb #ka{background:#f3edff;color:#26125a;border:0;border-radius:10px;min-height:32px}
html body #kb #kl{color:#fff}
html body #kb .ar{padding:0 2px 6px}
/* vecteurs : plus de touches -> un peu plus large */
html body.kbp-wide #kb{width:min(310px,calc(100vw - 16px))!important}
html body.kbp-wide #kb #kg{grid-template-columns:repeat(6,1fr)}
html body.kbp-wide #kb #kg button{padding:9px 0!important;font-size:17px!important}
html body.kbp-wide #kb #kg .del{grid-column:span 2}
/* réduit */
html body #kb.kbmini,html body #kp.kbmini{width:150px!important}
html body .kbmini>*:not(:first-child){display:none!important}
html body .kbmini>:first-child{padding-bottom:2px}
@media(max-width:600px){html body #kb,html body #kp{width:206px!important}html body #kb .g button,html body #kb #kg button,html body #kp #kk button{padding:9px 0!important;font-size:18px!important}}
}
@media print{#kb,#kp{display:none!important}}