.thl-chart{flex-direction:column;gap:12px;width:100%;max-width:960px;margin:18px auto 0;padding:20px;display:flex}.thl-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.thl-class{flex-direction:column;gap:6px;display:flex}.thl-class-h{text-transform:capitalize;margin:6px 0 0;font-size:17px}.thl-class-h.mid{color:var(--good)}.thl-class-h.high{color:var(--info)}.thl-class-h.low{color:var(--sun)}.thl-class-note{margin:0;font-size:13px}.thl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,112px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.thl-tile{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;cursor:pointer;border-top-width:4px;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 10px;display:flex}.thl-tile:disabled{cursor:default;color:var(--ink);opacity:1}.thl-tile.mid{border-top-color:var(--good)}.thl-tile.high{border-top-color:var(--info)}.thl-tile.low{border-top-color:var(--sun)}.thl-tile.rare{background:var(--sunk)}.thl-tile:not(:disabled):hover{border-color:var(--accent)}.thl-ch{font-family:var(--f-body);font-size:34px;line-height:1.2}.thl-tile b{font-family:var(--f-mono);font-size:14px}.thl-tile b small{color:var(--muted);font-weight:400}.thl-name{color:var(--muted);text-align:center;font-size:12px;line-height:1.25}.thl-name [lang=th]{color:var(--ink);font-size:14px}.thl-foot{margin:0;font-size:13px}