.kb[data-astro-cid-7lflnzy7]{--glow:#6dffb0;background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--glow) 22%, transparent), transparent 60%), linear-gradient(#2a2234, #191420);color:#f6e8f0;border-radius:8px;justify-items:center;gap:12px;padding:14px 14px 18px;display:grid}.kb[data-astro-cid-7lflnzy7][data-mode=music]{--glow:#ff9ad0}.kb[data-astro-cid-7lflnzy7][data-mode=kao]{--glow:#ffe27a}.kb-top[data-astro-cid-7lflnzy7]{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:720px;display:flex}.kb-modes[data-astro-cid-7lflnzy7]{flex-wrap:wrap;gap:4px;display:flex}.kb-modes[data-astro-cid-7lflnzy7] button[data-astro-cid-7lflnzy7]{color:#f6e8f0;font:12px var(--b-font);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff40;border-radius:99px;padding:4px 12px}.kb-modes[data-astro-cid-7lflnzy7] button[data-astro-cid-7lflnzy7][aria-selected=true]{background:var(--glow);color:#1a1420;border-color:#fff;font-weight:700}.kb-snd[data-astro-cid-7lflnzy7]{cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;width:32px;height:32px}.kb-screen[data-astro-cid-7lflnzy7]{background:#0c1410;border-radius:14px/18px;width:100%;max-width:720px;height:260px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #3a3444,inset 0 0 40px #000c,0 10px 24px -10px #000000b3}.kb-screen[data-astro-cid-7lflnzy7]:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px),radial-gradient(at 50% 40%,#ffffff0f,#0000 60%);position:absolute;inset:0}.kb[data-astro-cid-7lflnzy7][data-mode=music] .kb-screen[data-astro-cid-7lflnzy7]{background:#1a0f20}.kb[data-astro-cid-7lflnzy7][data-mode=kao] .kb-screen[data-astro-cid-7lflnzy7]{background:#fff6f9}.kb[data-astro-cid-7lflnzy7][data-mode=kao] .kb-screen[data-astro-cid-7lflnzy7]:after{background:radial-gradient(circle,#ffbed766 1.2px,#0000 1.6px) 0 0/14px 14px}.kb-term[data-astro-cid-7lflnzy7]{color:#6dffb0;text-shadow:0 0 4px #6dffb0b3;white-space:pre-wrap;word-break:break-all;margin:0;padding:12px 14px;font:13px/1.45 ui-monospace,Cascadia Mono,Menlo,monospace;display:none;position:absolute;inset:0}.kb[data-astro-cid-7lflnzy7][data-mode=hack] .kb-term[data-astro-cid-7lflnzy7]{display:block}.kb-term[data-astro-cid-7lflnzy7] b{color:#ff9ad0;text-shadow:0 0 4px #ff6fa8;font-weight:400}.kb-term[data-astro-cid-7lflnzy7] u{color:#ffe27a;text-decoration:none}.kb-term[data-astro-cid-7lflnzy7] i.c{color:#6a9a80;font-style:normal}.kb-term[data-astro-cid-7lflnzy7] em{color:#fff;font-style:normal}.kb-term[data-astro-cid-7lflnzy7] .kb-cur,.kb-cur[data-astro-cid-7lflnzy7]{animation:1s step-end infinite kb-blink}@keyframes kb-blink{50%{opacity:0}}.kb-granted{color:#6dffb0;letter-spacing:3px;text-shadow:0 0 8px #6dffb0;z-index:3;background:#00140ae6;border:2px solid #6dffb0;padding:10px 22px;font:700 22px ui-monospace,monospace;animation:1.6s ease-out forwards kb-flash;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes kb-flash{0%,40%{opacity:1}10%,30%{opacity:.3}to{opacity:0}}.kb-wave[data-astro-cid-7lflnzy7]{width:100%;height:100%;display:none;position:absolute;inset:0}.kb[data-astro-cid-7lflnzy7][data-mode=music] .kb-wave[data-astro-cid-7lflnzy7]{display:block}.kb-pop[data-astro-cid-7lflnzy7]{pointer-events:none;position:absolute;inset:0}.kb[data-astro-cid-7lflnzy7]:not([data-mode=kao]) .kb-pop[data-astro-cid-7lflnzy7]{display:none}.kb-pop[data-astro-cid-7lflnzy7] span{white-space:nowrap;font:bold 20px/1 var(--b-font);color:hsl(var(--h) 75% 55%);text-shadow:0 2px #fff,0 0 8px #ffffffe6;animation:1.7s cubic-bezier(.2,.8,.3,1) forwards kb-up;position:absolute;translate:-50%}@keyframes kb-up{0%{opacity:0;transform:translate(0)scale(.4)}15%{transform:translate(calc(var(--dx) * .3), -60px) scale(1.15);opacity:1}to{transform:translate(var(--dx), -220px) scale(1);opacity:0}}.kb-hint[data-astro-cid-7lflnzy7]{text-align:center;color:#ffffff8c;pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:12px;left:0;right:0}.kb[data-astro-cid-7lflnzy7][data-mode=kao] .kb-hint[data-astro-cid-7lflnzy7]{color:#c8457a}.kb-board[data-astro-cid-7lflnzy7]{box-sizing:border-box;width:100%;max-width:720px;box-shadow:inset 0 2px 0 #fffc, inset 0 -4px 0 #b45a8259, 0 14px 26px -10px #0009, 0 0 26px -4px var(--glow);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(#ffe8f0,#f4c8d8);border-radius:16px;gap:6px;padding:14px 14px 16px;display:grid}.kb-row[data-astro-cid-7lflnzy7]{justify-content:center;gap:6px;display:flex}.kb-row[data-astro-cid-7lflnzy7].r2{padding-left:4%}.kb-row[data-astro-cid-7lflnzy7].r3{padding-left:9%}.key[data-astro-cid-7lflnzy7]{cursor:pointer;color:#8a4a66;height:50px;font:bold 13px Silkscreen, var(--b-font);background:linear-gradient(#fffafc,#f6e4ec);border:0;border-radius:8px;flex:0 56px;padding:0;transition:transform 60ms,box-shadow 60ms;position:relative;box-shadow:0 5px #d8a8bc,0 6px 8px #78285059,inset 0 -3px #dcaabe99,0 0 0 1px #c88ca599}.key[data-astro-cid-7lflnzy7] span[data-astro-cid-7lflnzy7]{position:relative;top:-2px}.key[data-astro-cid-7lflnzy7].wide{background:linear-gradient(#ffd0e2,#f6b0c8);flex-basis:84px}.key[data-astro-cid-7lflnzy7].space{color:#4a3a7a;background:linear-gradient(#d8c8ff,#c0a8f4);flex:0 360px;box-shadow:0 5px #9a84d0,0 6px 8px #3c287859,inset 0 -3px #9682d299,0 0 0 1px #8c78c899}.key[data-astro-cid-7lflnzy7].dn,.key[data-astro-cid-7lflnzy7]:active{box-shadow:0 1px 0 #d8a8bc, 0 0 12px var(--glow), inset 0 -2px 0 #dcaabe99, 0 0 0 1px #c88ca599;transform:translateY(4px)}@media (width<=640px){.kb-screen[data-astro-cid-7lflnzy7]{height:200px}.kb-board[data-astro-cid-7lflnzy7]{gap:5px;padding:8px 6px 10px}.kb-row[data-astro-cid-7lflnzy7]{gap:4px}.key[data-astro-cid-7lflnzy7]{border-radius:6px;height:40px;font-size:11px}.key[data-astro-cid-7lflnzy7].wide{flex-basis:52px}}
