.kb-bay{justify-content:center;padding:26px 0 18px;display:flex;overflow:hidden}.kb-case{background:linear-gradient(#474747,#343434);border-radius:16px;max-width:100%;padding:34px 16px 16px;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #0006,0 2px #141414,0 22px 30px -14px #000c}.kb-leds{color:#a9a9a9;gap:14px;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:11.5px;font-weight:600;display:flex;position:absolute;top:10px;right:18px}.kb-leds span{align-items:center;gap:5px;display:inline-flex}.kb-leds .led{width:6px;height:6px}.kb{--u:min(46px,calc((min(100vw,1200px) - 150px)/var(--bw)));--g:calc(var(--u)*.13);width:calc(var(--bw)*var(--u) - var(--g) + 12px);height:calc(var(--bh)*var(--u) - var(--g) + 12px);background:#141414;border-radius:6px;position:relative;box-shadow:inset 0 2px 6px #000000e6}.key{left:calc(var(--x)*var(--u) + 6px);top:calc(var(--y)*var(--u) + 6px);width:calc(var(--w)*var(--u) - var(--g));height:calc(var(--h)*var(--u) - var(--g));border-radius:calc(var(--u)*.15);box-shadow:inset 0 1px 0 #ffffff1c,inset 0 calc(var(--u)*-.09)0 #00000061,0 2px 0 #0a0a0a,0 3px 4px #0000008c;color:#d7d7d7;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:max(8px,calc(var(--u)*.25));background:linear-gradient(#3b3b3b,#2d2d2d);font-weight:600;line-height:1.05;transition:transform 40ms;position:absolute;overflow:hidden}.key:before{content:"";inset:calc(var(--u)*.065)calc(var(--u)*.085)calc(var(--u)*.17);border-radius:calc(var(--u)*.1);background:linear-gradient(#3f3f3f,#343434);position:absolute;box-shadow:inset 0 1px 2px #0000002e}.key>span{padding:0 calc(var(--u)*.17);white-space:nowrap;display:block;position:relative}.key>.t{padding-top:calc(var(--u)*.12)}.key>.b{padding-top:1px}.key.c>.t{height:calc(100% - var(--u)*.12);font-family:Barlow,"Barlow Fallback",sans-serif;font-size:max(9px,calc(var(--u)*.33));place-items:center;padding:0;font-weight:700;display:grid}.key.half>.t{padding-top:calc(var(--u)*.06);font-size:max(7px,calc(var(--u)*.21))}.key.mod{color:#1c1c1c;background:linear-gradient(#828282,#6c6c6c)}.key.mod:before{background:linear-gradient(#8a8a8a,#777)}.key.iso-enter{clip-path:polygon(0 0,100% 0,100% 100%,var(--notch)100%,var(--notch)50%,0 50%)}.key.dead{opacity:.55;color:#a5a5a5;background:repeating-linear-gradient(135deg,#2e2e2e 0 5px,#282828 5px 10px)}.key.dead:before{display:none}.key.ok{color:#39e09b;box-shadow:inset 0 1px 0 #ffffff1c,inset 0 calc(var(--u)*-.09)0 #00000061,0 2px 0 #0a0a0a,0 0 0 1px #14a76cf2,0 0 14px 1px #14a76c73}.key.mod.ok{color:#0a5d3b}.key.down{color:var(--yellow);transform:translateY(2px);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #00000061,0 0 0 1px #ffe400f2,0 0 18px 3px #ffe4006b}.key.mod.down{color:#3a3300}.key.fault{color:#ff8a5c;box-shadow:inset 0 1px 0 #ffffff1c,inset 0 calc(var(--u)*-.09)0 #00000061,0 2px 0 #0a0a0a,0 0 0 1px #ff652ff2,0 0 14px 1px #ff652f80}.key.iso-enter.ok{color:#c9ffe6;background:linear-gradient(#2f6b52,#1f4a39)}.key.iso-enter.down{color:#fff8b0;background:linear-gradient(#6b6320,#4a4416)}.key.iso-enter.fault{color:#ffd3c2;background:linear-gradient(#7a3a22,#552716)}.key .x2{right:calc(var(--u)*.1);top:calc(var(--u)*.06);font-style:normal;font-size:max(8px,calc(var(--u)*.22));color:var(--orange);font-weight:700;position:absolute}.kb-extra{flex-wrap:wrap;align-items:center;gap:12px;padding:0 4px 18px;display:flex}.kb-chips{flex-wrap:wrap;gap:8px;display:flex}.kb-chip{cursor:default}.kb-chip.ok{color:#39e09b;box-shadow:inset 0 1px #ffffff1c,0 0 0 1px #14a76cf2,0 0 10px #14a76c66}.kb-chip.down{color:var(--yellow);box-shadow:0 0 0 1px #ffe400f2}.kb-chip.fault{color:#ff8a5c;box-shadow:0 0 0 1px #ff652ff2}.kb-start{color:#e8e8e8;text-align:center;justify-content:center;align-items:center;gap:10px;padding:0 4px 20px;font-weight:600;display:flex}.kb-sw{background:linear-gradient(#3b3b3b,#2d2d2d);border-radius:3px;width:16px;height:13px;display:inline-block;box-shadow:inset 0 -2px #0006}.kb-sw.ok{box-shadow:0 0 0 1px #14a76cf2,0 0 8px #14a76c80}.kb-sw.down{box-shadow:0 0 0 1px #ffe400f2,0 0 8px #ffe40080}.kb-sw.fault{box-shadow:0 0 0 1px #ff652ff2,0 0 8px #ff652f80}.kb-log{margin-top:16px}.kb-log summary{cursor:pointer;padding:4px 4px 10px;display:inline-block}.kb-log .log:empty:before{content:"Press a key to see its events here.";color:#6f7f77}.tool-keyboard.kb-locked{border-radius:0;flex-direction:column;justify-content:safe center;display:flex;overflow:auto}.kb.nl-on .key[data-code^=Numpad]>.t:not(:only-of-type),.kb.nl-off .key[data-code^=Numpad]>.b{opacity:.42}.kb-hints{gap:10px;padding:0 4px 20px;display:grid}.kb-hints .tool-msg{margin:0}.kb-hints .tool-msg b{margin-right:4px}.kb-roll{padding:0 0 22px}.kb-roll-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.kb-held,.kb-now{min-width:0;padding:16px 18px}.kb-held-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kb-held-top .seg{font-size:34px}.kb-held-chips{flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:84px;padding:12px 0 10px;display:flex}.kb-hchip{cursor:default;color:var(--yellow);box-shadow:inset 0 1px #ffffff1c,0 0 0 1px #ffe400e6,0 0 12px #ffe40059}.kb-hchip.mod{color:#3a3300;background:linear-gradient(#828282,#6c6c6c)}.kb-held-empty{color:#8a8a8a;font-size:15px;line-height:1.45}.kb-held-split,.kb-now-res span{font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif}.kb-held-split{color:#8a8a8a;font-size:13.5px;font-weight:600}.kb-now>.label{color:#a9a9a9}.kb-now-keys{flex-wrap:wrap;align-content:center;gap:8px;min-height:84px;padding:12px 0;display:flex}.kb-now-keys .kc{cursor:default;min-width:48px;height:44px;font-size:17px}.kb-now-keys .kc.on{color:var(--yellow);transform:translateY(2px);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffe400f2,0 0 16px #ffe40066}.kb-now-keys .kc.ok:not(.on){color:#39e09b;box-shadow:inset 0 1px #ffffff1c,0 2px #121212,0 0 0 1px #14a76cf2,0 0 12px #14a76c66}.kb-now-keys .kc.miss{color:#ff8a5c;box-shadow:inset 0 1px #ffffff1c,0 2px #121212,0 0 0 1px #ff652ff2,0 0 12px #ff652f73}.kb-now-res{color:#e8e8e8;align-items:center;gap:10px;min-height:22px;font-size:15.5px;font-weight:600;display:flex}.kb-roll-verdict{margin:18px 4px 22px}.kb-combos-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:0 4px 12px;display:flex}.kb-combos{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px;display:grid}.kb-combo{color:#e9e9e9;text-align:left;cursor:pointer;background:linear-gradient(#2b2b2b,#252525);border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:12px 14px 13px;display:flex;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #1b1b1b,0 2px #151515}.kb-combo:hover{background:linear-gradient(#303030,#282828)}.kb-combo[aria-pressed=true]{background:#1a1a1a;box-shadow:inset 0 2px 6px #000000b3,inset 0 0 0 1px #ffe40099}.kb-combo-top{align-items:center;gap:8px;display:flex}.kb-combo-top .label{font-size:12.5px}.kb-combo-name{font-size:15.5px;font-weight:700;line-height:1.25}.kb-combo-note{color:var(--yellow);margin-top:-4px;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:13px;font-weight:600}.kb-combo-keys{flex-wrap:wrap;gap:5px;display:flex}.kb-combo-keys kbd.kc{height:23px;padding:0 7px 2px;font-size:12.5px}.kb-combo-keys kbd.kc.miss{color:#ff8a5c;box-shadow:0 0 0 1px #ff652ff2}.kb-combo-res{color:#8f8f8f;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:13.5px;font-weight:600;line-height:1.3}.kb-combo[data-status=pass] .kb-combo-res{color:#39e09b}.kb-combo[data-status=blocked] .kb-combo-res{color:#ff8a5c}.kb-combo[data-status=partial] .kb-combo-res{color:var(--yellow)}.kb-np-wrap{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 30px;display:grid}.kb[data-layout=numpad]{--u:min(72px,calc((100vw - 120px)/var(--bw)))}.kb-np{gap:14px;min-width:0;padding:26px 0 18px;display:grid}.kb-np-box{min-width:0;padding:16px 18px}.kb-np-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}.kb-np-state{color:#f2f2f2;align-items:center;gap:9px;font-size:16px;display:inline-flex}.kb-np-state .led{width:10px;height:10px}.kb-np-help{color:#a9a9a9;margin:10px 0 14px;font-size:14.5px;line-height:1.5}.kb-np-tape{white-space:nowrap;margin-top:10px;font-size:26px;overflow:hidden}.kb-speed-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:12px 0 16px;display:grid}.kb-speed-num{overflow:hidden}.kb-speed-num .seg{margin-top:10px;font-size:30px}.kb-speed-foot{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.kb-speed-res{color:#c9c9c9;flex:220px;font-size:14.5px;line-height:1.45}@media (max-width:960px){.kb-np-wrap{grid-template-columns:minmax(0,1fr)}.kb-np{padding-top:0}}@media (max-width:760px){.kb-bay{padding:16px 0 14px}.kb-case{border-radius:12px;padding:28px 8px 8px}.kb{--u:min(46px,calc((100vw - 82px)/var(--bw)))}.kb[data-layout=numpad]{--u:min(68px,calc((100vw - 82px)/var(--bw)))}.kb-leds{gap:10px;top:8px;right:12px}.legend{gap:10px 16px}.kb-roll-top{grid-template-columns:minmax(0,1fr);gap:12px}.kb-held,.kb-now{padding:14px}.kb-held-chips,.kb-now-keys{min-height:0}.kb-now-keys .kc{min-width:42px;height:40px;font-size:15.5px}.kb-combos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.kb-combo{padding:10px 11px 11px}.kb-combo-name{font-size:14.5px}.kb-np-tape{font-size:20px}.kb-speed-num .seg{font-size:24px}}@media (hover:none) and (pointer:coarse){.tool-keyboard [data-lock]{display:none}}