.kbd-kiosk{background:radial-gradient(55% 45% at 50% 0,#0d94881f,#0000 64%),#f6fbfa;justify-content:center;padding:64px 32px 80px;display:flex}.kbd-kiosk__card{border-radius:var(--pat-radius-lg);text-align:center;background:#fff;border:1px solid #123b361a;width:100%;max-width:480px;padding:36px;box-shadow:0 24px 56px #123b361a}.kbd-kiosk__kicker{letter-spacing:.16em;text-transform:uppercase;color:#0f766e;font-size:.73rem;font-weight:700}.kbd-kiosk__title{letter-spacing:-.035em;color:#123b36;margin:16px 0 28px;font-size:clamp(1.4rem,2.8vw,1.8rem);font-weight:750}.kbd-kiosk__screen{border-radius:var(--pat-radius-sm);background:#0f1f1c;border:1px solid #123b3624;margin-bottom:26px;padding:20px}.kbd-kiosk__display{font-family:var(--pat-mono);letter-spacing:.3em;color:#4ade80;font-size:1.6rem}.kbd-kiosk__row{border-bottom:1px solid #123b3614;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.kbd-kiosk__row:last-child{border-bottom:none}.kbd-kiosk__label{color:#4a6b66;font-size:.88rem}.kbd-kiosk__keys{gap:6px;display:flex}.kbd-kiosk .ds-kbd{color:#0f766e;background:#f2f9f8;border-color:#123b362e}.kbd-kiosk__action{margin-top:24px}.kbd-kiosk .btn--primary{--btn-bg:#0f766e}.kbd-kiosk .btn--primary:hover{--btn-bg:#115e59}.kbd-palette{background:#fbfcfe;padding:56px 32px 88px}.kbd-palette__inner{max-width:560px;margin:0 auto}.kbd-palette__title{letter-spacing:-.03em;color:var(--pat-ink);margin:0 0 4px;font-size:1.3rem;font-weight:750}.kbd-palette__lede{color:var(--pat-soft);margin:0 0 24px;font-size:.92rem}.kbd-palette__row{border:1px solid var(--pat-line);border-radius:var(--pat-radius-sm);background:#fff;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;padding:13px 16px;display:flex}.kbd-palette__action{color:var(--pat-ink);font-size:.9rem}.kbd-palette__keys{align-items:center;gap:4px;display:flex}.kbd-palette__plus{color:var(--pat-soft);font-size:.76rem}.kbd-ref{background:#0a0f19;padding:56px 32px 88px}.kbd-ref__inner{max-width:600px;margin:0 auto}.kbd-ref__title{letter-spacing:-.03em;color:#f8fafc;margin:0 0 28px;font-size:1.3rem;font-weight:750}.kbd-ref__group{margin-bottom:28px}.kbd-ref__group-title{letter-spacing:.14em;text-transform:uppercase;color:#f8fafc59;margin:0 0 12px;font-size:.72rem;font-weight:700}.kbd-ref__row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.kbd-ref__row:last-child{border-bottom:none}.kbd-ref__action{color:#f8fafcc7;font-size:.88rem}.kbd-ref__keys{align-items:center;gap:4px;display:flex}.kbd-ref .ds-kbd{color:#f8fafc;background:#ffffff0d;border-color:#ffffff24;box-shadow:inset 0 -1px #0000004d,0 1px 2px #0000004d}.kbd-ref__plus{color:#f8fafc4d;font-size:.72rem}.kbd-docs{background:#fff;padding:64px 32px 88px}.kbd-docs__inner{max-width:640px;margin:0 auto}.kbd-docs__crumb{font-family:var(--pat-mono);color:var(--pat-soft);font-size:.78rem}.kbd-docs__title{letter-spacing:-.045em;color:var(--pat-ink);margin:16px 0 24px;font-size:clamp(1.7rem,3.2vw,2.2rem);font-weight:800}.kbd-docs__step{border-bottom:1px solid var(--pat-line);color:#33415a;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;font-size:1rem;line-height:1.7;display:flex}.kbd-docs__step:last-child{border-bottom:none}.kbd-docs__keys{align-items:center;gap:4px;display:inline-flex}.kbd-game{background:radial-gradient(50% 45% at 50% 0,#dc262629,#0000 62%),linear-gradient(170deg,#16090b 0%,#0a0607 100%);padding:64px 32px 88px}.kbd-game__inner{max-width:560px;margin:0 auto}.kbd-game__kicker{letter-spacing:.24em;text-transform:uppercase;color:#ef4444;font-size:.72rem;font-weight:700}.kbd-game__title{letter-spacing:-.04em;color:#fafafa;margin:14px 0 28px;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}.kbd-game__row{border-radius:var(--pat-radius-sm);background:#ffffff08;border:1px solid #ffffff17;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:8px;padding:15px 18px;display:grid}.kbd-game__action{color:#fafafa;font-size:.92rem}.kbd-game__keys{gap:5px;display:flex}.kbd-game .ds-kbd{color:#fafafa;background:#ffffff0f;border-color:#ffffff24;box-shadow:inset 0 -1px #00000059,0 1px 2px #0000004d}@media (width<=720px){.kbd-kiosk{padding:44px 16px 56px}.kbd-kiosk__card{padding:24px 20px}.kbd-palette{padding:40px 16px 56px}.kbd-palette__row{flex-wrap:wrap}.kbd-ref{padding:40px 16px 56px}.kbd-docs,.kbd-game{padding:44px 16px 56px}.kbd-game__row{grid-template-columns:minmax(0,1fr);gap:10px}}