/* Character sheet tab "ข้อมูลตัวละคร" (roadmap item 35, src/character-sheet.js). Paper/gold theme of adventure-hud.css,
   no new pictures. Desktop: two columns; phones (≤600px) one column; phone landscape: two narrow columns. */
.adventure-character-info[hidden],.adventure-character-info .cs-card[hidden]{display:none!important}
.adventure-character-info{grid-column:2 / -1;min-width:0;min-height:0;overflow:auto;margin:0 10px;padding:2px 4px 12px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;align-content:start;color:#584637;line-height:1.5}
/* The tab scrolls inside the window frame instead of growing past it. */
@media(min-width:601px){.adventure-stat-page[data-tab=info]{grid-template-rows:minmax(0,1fr)}.adventure-stat-page[data-tab=info]>.adventure-categories{min-height:0;overflow-y:auto;overflow-x:hidden}.adventure-stat-page[data-tab=info]>.adventure-categories>button{flex-shrink:0}}
/* 601–850px shows the character tabs as icons only; the painted icons (อัพสเตตัส, แฟชั่น) are spans and were hidden
   with the labels, leaving empty 27px buttons. */
@media(min-width:601px) and (max-width:850px){.adventure-stat-page>.adventure-categories button>.adventure-painted{display:inline-block}}
.adventure-character-info .cs-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.adventure-character-info .cs-card{border:1px solid #dcc2a4;border-radius:12px;padding:10px 14px;background:#fff4e578;min-width:0;box-sizing:border-box}
.adventure-character-info .cs-card-title{font-size:16px;margin:0 0 6px;color:#584637}
.adventure-character-info .cs-list{margin:0;display:grid;gap:2px}
.adventure-character-info .cs-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #e5d3bd;padding:3px 0;font-size:13px;min-width:0}
.adventure-character-info .cs-row dt{color:#93806b;flex:1 1 auto;min-width:0}
.adventure-character-info .cs-row dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
.adventure-character-info .cs-row dd small{display:block;font-weight:400;font-size:11px;color:#8b6945}
.adventure-character-info .cs-profile-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.adventure-character-info .cs-profile-name{font-size:22px;color:#3e342c;overflow-wrap:anywhere;min-width:0}
.adventure-character-info .cs-profile-level{font-size:18px;font-weight:700;color:#7c5b37}
.adventure-character-info .cs-chip{display:inline-block;font-size:11px;line-height:1.4;padding:2px 8px;border-radius:999px;background:#e6ecdc;border:1px solid #c7d2b8;color:#3f6a4c;white-space:nowrap}
.adventure-character-info .cs-chip-minus{background:#f6dede;border-color:#e2b5b5;color:#9b3d3d}
.adventure-character-info .cs-rank{background:#f3e3c2;border-color:#d9bc85;color:#7a5520;font-weight:700}
.adventure-character-info .cs-bar{height:9px;border-radius:7px;background:#dcc7b2;border:1px solid #cdb69e;overflow:hidden;margin:4px 0 2px}
.adventure-character-info .cs-bar>i{display:block;height:100%;border-radius:5px;background:linear-gradient(#85d2ff,#3d9be3)}
.adventure-character-info .cs-xp small{font-size:11px;color:#7d6a56}
.adventure-character-info .cs-vital{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;padding:3px 0}
.adventure-character-info .cs-vital-label{font-size:13px;color:#93806b}
.adventure-character-info .cs-vital-value{font-size:14px;text-align:right;font-variant-numeric:tabular-nums}
.adventure-character-info .cs-vital .cs-bar{grid-column:1 / -1;margin:2px 0 0}
.adventure-character-info .cs-vital-health .cs-bar>i{background:linear-gradient(#f08a8f,#d75461)}
.adventure-character-info .cs-vital-mana .cs-bar>i{background:linear-gradient(#85c8f3,#3999d7)}
.adventure-character-info .cs-vital-stamina .cs-bar>i{background:linear-gradient(#f7d27a,#d9a12c)}
.adventure-character-info .cs-vital-load .cs-bar>i{background:linear-gradient(#c9b08f,#94795b)}
.adventure-character-info .cs-breakdown-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;table-layout:auto}
.adventure-character-info .cs-breakdown-table th,.adventure-character-info .cs-breakdown-table td{padding:4px 5px;border-bottom:1px solid #e5d3bd;text-align:right;white-space:nowrap}
.adventure-character-info .cs-breakdown-table thead th{font-size:11px;color:#93806b;font-weight:400}
.adventure-character-info .cs-breakdown-table th:first-child{text-align:left;white-space:normal;color:#584637}
.adventure-character-info .cs-breakdown-table tbody th{font-weight:400}
.adventure-character-info .cs-breakdown-table td.cs-zero{color:#c4b29d}
.adventure-character-info .cs-breakdown-table .cs-col-total{font-weight:700;font-size:13px;color:#3e342c}
.adventure-character-info .cs-breakdown-table td.cs-col-other:not(.cs-zero){color:#8b6945}
.adventure-character-info .cs-help{margin-top:8px;font-size:12px;color:#7d6a56}
.adventure-character-info .cs-help summary{cursor:pointer;min-height:28px;display:flex;align-items:center;color:#8b6945}
.adventure-character-info .cs-help p{margin:4px 0 0;line-height:1.7}
.adventure-character-info .cs-slots{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.adventure-character-info .cs-slot{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:4px 0;border-bottom:1px solid #e5d3bd}
.adventure-character-info .cs-slot-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#ead8c566;color:#92704e}
.adventure-character-info .cs-slot-icon .adventure-icon{width:24px;height:24px}
.adventure-character-info .cs-slot-info{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0}
.adventure-character-info .cs-slot-label{font-size:11px;color:#93806b;flex:0 0 100%}
.adventure-character-info .cs-slot-name{font:inherit;font-size:14px;font-weight:700;color:#3e342c;overflow-wrap:anywhere;text-align:left}
.adventure-character-info button.cs-slot-name{border:0;background:none;padding:0;min-height:28px;cursor:pointer;text-decoration:underline dotted #b89c74;text-underline-offset:3px}
.adventure-character-info .cs-slot-empty .cs-slot-name{color:#b39c84;font-weight:400}
.adventure-character-info .cs-chips{display:flex;flex-wrap:wrap;gap:4px}
.adventure-character-info .cs-buffs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.adventure-character-info .cs-buff{display:flex;gap:8px;align-items:center;font-size:12px;padding:4px 10px;border-radius:9px;background:#e6ecdc;border:1px solid #c7d2b8;color:#3f6a4c}
.adventure-character-info .cs-buff i{font-style:normal;font-variant-numeric:tabular-nums;color:#5f7f62}
.adventure-character-info .cs-buff-ending{background:#f8e6cf;border-color:#e3c49b;color:#8b5a1c}
.adventure-character-info .cs-attr-points{margin:0 0 4px;font-size:12px;color:#7d6a56}
.adventure-character-info .cs-link,.adventure-current .adventure-sheet-link{font:inherit;font-size:12px;min-height:36px;margin-top:8px;padding:6px 12px;border:1px solid #c3a57b;border-radius:8px;background:#fff3da;color:#6d573e;cursor:pointer}
.adventure-current .adventure-sheet-link{display:block;margin:8px 0 0 auto;min-height:32px;padding:4px 12px}
.adventure-character-info button:focus-visible,.adventure-current .adventure-sheet-link:focus-visible{outline:3px solid #3891b3;outline-offset:2px}
@media(min-width:1301px){.adventure-character-info .cs-card-title{font-size:17px}.adventure-character-info .cs-row{font-size:14px}.adventure-character-info .cs-breakdown-table{font-size:13px}}
@media(min-width:901px) and (max-width:1300px){.adventure-character-info{gap:10px;margin:0 6px}.adventure-character-info .cs-card{padding:8px 10px}.adventure-character-info .cs-card-title{font-size:14px}.adventure-character-info .cs-row{font-size:12px}.adventure-character-info .cs-breakdown-table{font-size:11px}.adventure-character-info .cs-breakdown-table th,.adventure-character-info .cs-breakdown-table td{padding:3px}}
@media(max-height:650px) and (min-width:601px){.adventure-hud #equipment-dialog[data-page=character][data-character-tab=info]{inset:112px 0 12px;height:calc(100dvh - 124px)}.adventure-character-info{gap:8px}.adventure-character-info .cs-column{gap:8px}.adventure-character-info .cs-card{padding:6px 10px}.adventure-character-info .cs-card-title{font-size:13px;margin-bottom:3px}.adventure-character-info .cs-row{font-size:11px;padding:2px 0}.adventure-character-info .cs-profile-name{font-size:18px}.adventure-character-info .cs-profile-level{font-size:15px}.adventure-current .adventure-sheet-link{margin-top:4px}}
/* Phones in landscape and narrow screens: the source table becomes one card per stat (total big, sources as chips). */
@media(max-width:600px),(pointer:coarse) and (max-height:500px){
 .adventure-character-info .cs-breakdown-table,.adventure-character-info .cs-breakdown-table tbody{display:block}
 .adventure-character-info .cs-breakdown-table thead{display:none}
 .adventure-character-info .cs-breakdown-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;padding:5px 0;border-bottom:1px solid #e5d3bd}
 .adventure-character-info .cs-breakdown-table th,.adventure-character-info .cs-breakdown-table td{border:0;padding:0}
 .adventure-character-info .cs-breakdown-table tbody th{order:0;flex:1 1 calc(100% - 100px);font-size:12px}
 .adventure-character-info .cs-breakdown-table td.cs-col-total{order:1;flex:0 0 auto;font-size:15px}
 .adventure-character-info .cs-breakdown-table td:not(.cs-col-total){order:2;font-size:10px;padding:1px 7px;border-radius:999px;background:#ead8c566;color:#6d573e}
 .adventure-character-info .cs-breakdown-table td:not(.cs-col-total)::before{content:attr(data-label) ' ';color:#93806b}
 .adventure-character-info .cs-breakdown-table td.cs-zero{display:none}
}
@media(pointer:coarse) and (max-height:500px){.adventure-character-info{gap:8px;margin:0 4px}.adventure-character-info .cs-card{padding:6px 9px}.adventure-character-info .cs-card-title{font-size:13px}.adventure-character-info .cs-row{font-size:11px}.adventure-character-info .cs-profile-name{font-size:17px}.adventure-character-info button.cs-slot-name{min-height:36px}.adventure-character-info .cs-help summary{min-height:36px}.adventure-current .adventure-sheet-link{min-height:36px}}
@media(max-width:600px){.adventure-character-info{grid-column:1;grid-template-columns:minmax(0,1fr);margin:0;padding:0 2px 10px;overflow:visible}.adventure-stat-page[data-tab=info]{grid-template-rows:auto 1fr}.adventure-character-info button.cs-slot-name,.adventure-character-info .cs-help summary,.adventure-current .adventure-sheet-link{min-height:36px}}
@media(prefers-reduced-motion:reduce){.adventure-character-info *,.adventure-current .adventure-sheet-link{transition:none!important;animation:none!important}}