@font-face { font-family: "Name Characters"; src: url('/fonts/noto-sans-thai/NotoSansThai.woff') format('woff'); font-weight: 100 900; font-display: swap; }
/* Sarabun lacks U+25CC. Keep combining marks and their dotted base in one font. */
.thai-letter, .name-doll-chip, .name-doll-token-char, .name-doll-match-letter { font-family: "Name Characters", Sarabun, sans-serif; }
.thai-letter-list { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-width: 0; }
.thai-letter { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; box-sizing: border-box; min-width: 1.9em; min-height: 2.4em; padding: .15em .3em; border: 1px solid #e8ddcb; border-radius: 6px; background: #fffcf6; color: #65090d; font-size: 1rem; font-weight: 600; line-height: 2; white-space: nowrap; }
.thai-character-detail { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.thai-character-label { line-height: 1.8; }
.name-character-note { font-family: "Name Characters", Sarabun, sans-serif; margin: .7rem 0; color: #76675e; font-size: .8rem; line-height: 1.8; }
.name-doll-chip, .name-doll-token-char { line-height: 2; padding: .15em .3em; flex-shrink: 0; }
.name-doll-token-card { grid-template-columns: 44px minmax(0, 1fr); }
.name-doll-token-char { width: 44px; height: auto; min-height: 44px; }