.sheet{gap:16px;display:grid}.sheet-caption{color:var(--paper);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-top:10px;display:flex}.sheet-body{grid-template-columns:minmax(220px,3fr) minmax(0,9fr);align-items:start;gap:32px;display:grid}.sheet-index{align-content:start;gap:16px;display:grid}.field-list{display:grid}.field-row{width:100%;min-height:34px;color:var(--muted);font-size:var(--step-small);text-align:left;cursor:pointer;transition:color .24s var(--ease);background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;display:flex}.field-row[data-filled]{color:var(--paper)}.field-row[data-active] .field-name{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:2px}.field-size{color:var(--muted)}.sheet-preview{min-height:150px}.preview{gap:8px;display:grid}.preview-hex{color:var(--paper)}.cells{grid-template-columns:repeat(17,minmax(0,1fr));gap:4px;display:grid}.cell{background:var(--archive);height:30px;color:var(--muted);word-break:normal;transition:opacity .24s var(--ease), background-color .24s var(--ease);place-items:center;font-size:13px;line-height:1;display:grid}.cell[data-tone="1"]{background:var(--archive-2)}.cell[data-filled]{color:var(--paper)}.sheet-body[data-active] .cell:not([data-lit]){opacity:.28}.cell[data-lit]{background:#2c2c33}.cell[data-fresh]{animation:cell-in .36s var(--ease) both;animation-delay:calc(var(--i) * 3ms)}@keyframes cell-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=900px){.sheet-body{grid-template-columns:1fr;gap:20px}.sheet-index{order:2}.field-list{grid-template-columns:1fr 1fr;column-gap:24px}}@media (width<=700px){.cells{grid-template-columns:repeat(11,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cell[data-fresh]{animation:none}}