.p-knock-back .kb-top{display:grid;gap:28px;align-items:start}
.p-knock-back .kb-stage{max-width:420px;width:100%;justify-self:center}
.p-knock-back .kb-door{display:block;width:100%;max-width:300px;margin:0 auto;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:4px}
.p-knock-back .kb-door:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.p-knock-back .kb-door svg{display:block;width:100%;height:auto}
.p-knock-back .kb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p-knock-back .kb-leaf{transform-origin:150px 460px;transition:transform 60ms ease-out}
.p-knock-back .kb-leaf.hit{transform:translateY(1.5px) rotate(-.35deg)}
.p-knock-back .kb-leaf.back{transform:translateY(-1px) rotate(.3deg)}
.p-knock-back .kb-eye{opacity:.25;transition:opacity 160ms}
.p-knock-back .kb-eye.on{opacity:1}
.p-knock-back .kb-strip{margin:18px auto 0;max-width:340px;display:grid;gap:6px}
.p-knock-back .kb-row{display:grid;grid-template-columns:2.6em 1fr;align-items:center;gap:8px}
.p-knock-back .kb-lab{color:var(--muted);font-size:.85rem;text-align:right}
.p-knock-back .kb-row svg{width:100%;height:24px;display:block;border-bottom:1px solid rgba(128,128,128,.35)}
.p-knock-back .kb-controls{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:center;margin:18px 0 0;text-align:center}
.p-knock-back .kb-status{color:var(--muted);font-size:.95rem;max-width:34ch}
.p-knock-back .kb-text p{max-width:60ch;font-size:1.06rem;line-height:1.65;margin:0 0 1em;overflow-wrap:anywhere}
.p-knock-back .kb-sign{font-style:italic;color:var(--muted)}
@media (min-width:860px){.p-knock-back .kb-top{grid-template-columns:minmax(320px,420px) 1fr;gap:48px}.p-knock-back .kb-text{padding-top:8px}}