/* Titles tab "ฉายา" (roadmap item 45, src/titles.js). Paper/gold theme of the character window; no pictures (a title is
   text + colour). Desktop: list in two columns; ≤600px one column. Guild/achievement reward chips for titles too. */
.adventure-titles[hidden]{display:none!important}
.adventure-titles{grid-column:2 / -1;min-width:0;min-height:0;overflow:auto;margin:0 10px;padding:2px 4px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;color:#584637;line-height:1.45}
@media(min-width:601px){.adventure-stat-page[data-tab=titles]{grid-template-rows:minmax(0,1fr)}.adventure-stat-page[data-tab=titles]>.adventure-categories{min-height:0;overflow-y:auto;overflow-x:hidden}.adventure-stat-page[data-tab=titles]>.adventure-categories>button{flex-shrink:0}}
.adventure-titles .titles-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.adventure-titles .titles-head h3{margin:0;font-size:20px;color:#3e342c}
.adventure-titles .titles-current{margin:0;font-size:13px;color:#7c5b37;font-weight:700;overflow-wrap:anywhere}
.adventure-titles .titles-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dcc2a4;border-radius:12px;background:#5f7d5c26}
.adventure-titles .titles-preview{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 18px;border-radius:12px;background:linear-gradient(#8bb36f,#6f9a5a);min-width:150px;max-width:100%;box-sizing:border-box}
.adventure-titles .titles-preview-name{display:inline-block;max-width:100%;padding:3px 11px;border-radius:12px;background:#274336cf;color:#fffde9;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adventure-titles .titles-preview-title{display:inline-block;max-width:100%;padding:1px 9px;border-radius:9px;background:#1d2f27c0;font-size:10px;font-weight:500;text-shadow:0 0 2px #0f1d17,0 0 2px #0f1d17;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adventure-titles .titles-none,.adventure-titles .title-use{min-height:36px;padding:5px 14px;border-radius:999px;border:1px solid #cbb180;background:linear-gradient(#ffedb6,#ffdc89);color:#71532d;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.adventure-titles .titles-none{background:#fff4e5;border-color:#d6bd9c;color:#7a6047}
.adventure-titles .titles-none:disabled,.adventure-titles .title-use:disabled{opacity:.55;cursor:default}
.adventure-titles .titles-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.adventure-titles .titles-empty{grid-column:1 / -1;margin:24px 0;text-align:center;color:#93806b}
.adventure-titles .title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dcc2a4;border-radius:12px;background:#fff4e578;min-width:0;box-sizing:border-box}
.adventure-titles .title-row.is-shown{border-color:#d9b25c;background:#fff1c9a8;box-shadow:inset 0 0 0 1px #fff7da}
.adventure-titles .title-info{min-width:0;display:flex;flex-direction:column;gap:2px}
.adventure-titles .title-name{display:inline-block;align-self:flex-start;max-width:100%;padding:2px 10px;border-radius:9px;background:#1d2f27d9;font-size:14px;text-shadow:0 0 2px #0f1d17;overflow-wrap:anywhere}
.adventure-titles .title-description{margin:0;font-size:12px;color:#7d6a56;overflow-wrap:anywhere}
.adventure-titles .title-from{font-size:11px;color:#8d7760}
.adventure-titles .title-action{flex-shrink:0}
.adventure-titles .title-shown{display:inline-block;padding:4px 10px;border-radius:999px;background:#e6ecdc;border:1px solid #c7d2b8;color:#3f6a4c;font-size:12px;font-weight:700}
.adventure-titles .titles-error{margin:0;color:#a3402e;font-size:13px;font-weight:700}
.adventure-titles .titles-note{margin:0;font-size:12px;color:#93806b}
@media(max-width:600px){.adventure-titles{margin:0 4px}.adventure-titles .titles-list{grid-template-columns:minmax(0,1fr)}.adventure-titles .title-row{flex-wrap:wrap}.adventure-titles .titles-top{justify-content:center}}
.guild-chip-title,.achievement-chip.achievement-chip-title{background:#3a3326;border-color:#8b7444;color:#f3d27a}