/* birthcard 专用，依赖 /home.css 变量与 /tool.css */
.lbl { font: 500 12px/1 var(--mono); color: var(--ink-2); }
.bar .status { margin: 0; }
.work > .status { margin-top: 10px; }
.panes { margin-top: 10px; }

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  align-items: start;
  gap: 12px;
}
.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 12px 18px;
  border: 1px solid var(--ink);
  text-align: center;
}
.card .role { font: 500 11px/1 var(--mono); letter-spacing: .12em; color: var(--ink-2); }
.card .roman { margin-top: 8px; font: 600 15px/1 var(--mono); color: var(--ink-2); }
.card .name { font: 700 30px/1.15 var(--sans); color: var(--result); }
.card .en { font: 600 12.5px/1.3 var(--mono); color: var(--result); }
.card .kw { margin-top: 6px; font: 12.5px/1.5 var(--sans); color: var(--ink); }
.card .en:empty { display: none; }
/* 英日韩牌名较长（The High Priestess、吊るされた男、운명의 수레바퀴），缩小字号避免窄屏溢出或折行；韩文按词换行 */
.card .name:not(:lang(zh)) { font-size: 22px; }
.card .name:lang(ko) { word-break: keep-all; }

.steps { margin: 12px 0 0; font: 12.5px/1.7 var(--mono); color: var(--ink-2); word-break: break-word; }
.pane-head.sub { margin-top: 26px; }
.group { display: flex; flex-wrap: wrap; gap: 8px; }
.gcard { padding: 6px 10px; border: 1px solid var(--rule); font: 13px/1 var(--mono); color: var(--ink); }
.gcard.mine { border-color: var(--ink); color: var(--result); font-weight: 600; }
.note { margin: 26px 0 0; max-width: 72ch; font: 12.5px/1.7 var(--sans); color: var(--ink-2); }