.rc{margin:var(--s-5,42px) 0 0;max-width:420px}
.rc-cap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-1,6px) var(--s-3,16px);
  margin:0 0 var(--s-3,16px)}
.rc-k{font-family:var(--mono);font-size:var(--t-2,12px);font-weight:500;letter-spacing:.17em;text-transform:uppercase;
  color:var(--gold,#d8b578)}
.rc-n{font-size:var(--t-3,13.5px);color:var(--muted,#96938c)}
.rc-n b{font-weight:500;color:var(--ink,#e8e2d4)}
.rc-grid{display:grid;grid-template-columns:2.1em repeat(8,minmax(0,1fr));gap:2px;align-items:center}
.rc-row{font-family:var(--mono);font-size:var(--t-1,10.5px);letter-spacing:.1em;color:var(--dim,#8a867e);text-align:left}
.rc-cell{display:grid;place-items:center;aspect-ratio:1;min-height:36px;border-radius:var(--r-1,2px);text-decoration:none}
.rc-cell i{display:block;width:58%;aspect-ratio:1;transform:rotate(45deg);border:1px solid var(--line-2,rgba(232,226,212,.2));
  background:transparent;transition:background .5s,border-color .5s,box-shadow .5s}
.rc-cell:hover i,.rc-cell:focus-visible i{border-color:var(--gold,#d8b578)}
.rc-cell:focus-visible{outline:1px solid var(--gold,#d8b578);outline-offset:1px}
.rc-cell.on i{border-color:var(--gold,#d8b578);
  background:linear-gradient(135deg,var(--gold-hot,#f3d9a4) 0%,var(--gold,#d8b578) 46%,rgba(216,181,120,.42) 54%,rgba(216,181,120,.16) 100%);
  box-shadow:0 0 12px rgba(216,181,120,.38)}
.rc-tro{margin-top:var(--s-3,16px);font-size:var(--t-3,13.5px);color:var(--muted,#96938c)}
.rc-tro summary{cursor:pointer;min-height:44px;display:flex;align-items:center;list-style:none;color:var(--ink,#e8e2d4)}
.rc-tro summary::-webkit-details-marker{display:none}
.rc-tro summary b{font-weight:500;color:var(--gold,#d8b578);margin-left:.35em}
.rc-tro p{margin:var(--s-1,6px) 0 0;line-height:1.6}
@media (prefers-reduced-motion:reduce){.rc-cell i{transition:none}}