/* 阿莫比 — 傳承樹模擬器（格子、說明框、工具列沿用 talents.css） */
/* 分頁標題的圖是遊戲介面的圓形分頁圖（圖示圖的前三格） */
.lg-trees .card-h .ic{width:36px;height:36px;border-radius:50%;border-color:var(--line-gold);background-size:calc(var(--cols) * 34px) auto;background-position:calc(var(--x) * -34px) calc(var(--y) * -34px)}

.tc-bar .lg-start{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.tc-bar .lg-start[hidden]{display:none}
.tc-bar .lg-start a{margin-left:4px;font-size:12.5px;color:var(--gold)}
.tc-bar .lg-start a:hover{color:var(--gold-hi)}

.lg-src{margin-top:14px}
.lg-src[hidden]{display:none}
.lg-src .card-h{flex-wrap:wrap;row-gap:8px}
.lg-src .card-h .seg{margin-left:auto}
.lg-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding:0 18px 12px}
.lg-group{padding:10px 0 6px;border-top:1px solid var(--line-soft)}
.lg-group summary{display:block;list-style:none;cursor:default}
.lg-group summary::-webkit-details-marker{display:none}
.lg-group h3{display:flex;align-items:baseline;gap:8px;margin:0 0 3px;font-family:var(--serif);font-weight:700;font-size:15px;color:var(--text)}
.lg-group h3 b{margin-left:auto;font-family:var(--latin);font-size:14px;color:var(--gold-hi)}
.lg-group ul{margin:0;padding:0;list-style:none}
.lg-group li{display:flex;align-items:baseline;gap:10px;padding:2px 0;font-size:13px;line-height:1.55;color:var(--muted)}
.lg-group li b{margin-left:auto;flex:none;font-family:var(--latin);font-weight:700;color:var(--text)}
@media (min-width:641px){ .lg-group summary{pointer-events:none} }

@media (max-width:1079px){ .lg-groups{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* 手機：標題、說明、伺服器規則各一行；六類預設收起來，點標題展開 */
@media (max-width:640px){
  .lg-src .card-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px}
  .lg-src .card-h .note{flex-basis:100%}
  .lg-src .card-h .seg{display:flex;width:100%;margin:6px 0 0}
  .lg-src .card-h .seg button{flex:auto;white-space:nowrap}
  .lg-groups{grid-template-columns:1fr;padding:0 14px 6px}
  .lg-group{padding:0}
  .lg-group summary{padding:10px 0;cursor:pointer}
  .lg-group h3{margin:0}
  .lg-group h3::after{content:"";flex:none;width:7px;height:7px;margin:0 2px 0 4px;border:solid var(--faint);border-width:0 1.5px 1.5px 0;transform:translateY(-3px) rotate(45deg)}
  .lg-group[open] h3::after{transform:translateY(1px) rotate(-135deg)}
  .lg-group ul{padding:0 0 10px}
}