.rp{cursor:pointer;justify-items:center;display:grid}.rp-plate{z-index:2;background:var(--color-card);width:34px;height:34px;box-shadow:0 0 0 3px #ffffffd9, var(--shadow-md);border:2px solid;border-radius:10px;place-items:center;transition:transform .18s,box-shadow .18s,opacity .18s;display:grid;position:relative}.rp:hover .rp-plate{box-shadow:0 0 0 3px #ffffffe6, var(--shadow-lg);transform:translateY(-2px)}.rp-on .rp-plate{box-shadow:0 0 0 3px var(--color-brand), 0 0 0 6px #ffffffd9, var(--shadow-lg);transform:translateY(-2px)scale(1.18)}.rp-dim .rp-plate{opacity:.45}.rp-stale .rp-plate{opacity:.8;border-style:dashed}.rp-plate svg{pointer-events:none;width:23px;height:23px;display:block}.rp-hit{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rp-hit:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:12px}.rp-label{pointer-events:none;color:var(--color-ink);white-space:nowrap;text-shadow:0 1px #ffffffb3;background:#ffffffdb;border-radius:6px;margin-top:3px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.25}.rp-dim .rp-label{opacity:.45}@media (prefers-reduced-motion:reduce){.rp-plate{transition:none}}