/* หน้าต่างตัวละคร / กล่องไอเทม / รายละเอียดสกิล — ชิ้นภาพจาก Codex TASK_29 (assets/ui_galaxy/charwin · SPEC.md) · ใช้กับสกินกาแล็กซี */
html.skin-galaxy { --cw-text: #F5E9CE; --cw-title: #F8E1A9; --cw-dim: #B7ABC4; --cw-blue: #75D2EF; --cw-good: #72D18A; --cw-sep: #34405B; }
/* ป้ายสเตตัส (ภาพมีตัวอักษรในตัว) */
html.skin-galaxy .st-badge { width: 34px; height: 34px; padding: 0; border-radius: 0; color: transparent; background: center / 100% 100% no-repeat; }
html.skin-galaxy .st-str .st-badge, html.skin-galaxy .st-b-str { background-image: url("../../assets/ui_galaxy/charwin/stat_badge_str@2x.png"); }
html.skin-galaxy .st-agi .st-badge, html.skin-galaxy .st-b-agi { background-image: url("../../assets/ui_galaxy/charwin/stat_badge_agi@2x.png"); }
html.skin-galaxy .st-vit .st-badge, html.skin-galaxy .st-b-vit { background-image: url("../../assets/ui_galaxy/charwin/stat_badge_vit@2x.png"); }
html.skin-galaxy .st-int .st-badge, html.skin-galaxy .st-b-int { background-image: url("../../assets/ui_galaxy/charwin/stat_badge_int@2x.png"); }
html.skin-galaxy .st-dex .st-badge, html.skin-galaxy .st-b-dex { background-image: url("../../assets/ui_galaxy/charwin/stat_badge_dex@2x.png"); }
html.skin-galaxy .st-luk .st-badge, html.skin-galaxy .st-b-luk { background-image: url("../../assets/ui_galaxy/charwin/stat_badge_luk@2x.png"); }
html.skin-galaxy .skw-rec .st-badge { width: auto; height: auto; color: #fff; background-size: 100% 100%; padding: 1px 6px; } /* ควรอัป: ป้ายเล็กมีตัวอักษร+ดาว */
html.skin-galaxy .st-stat .st-name b { color: var(--cw-text); } html.skin-galaxy .st-name small { color: var(--cw-dim); }
html.skin-galaxy .st-bonus { color: var(--cw-good); }
/* ปุ่ม +1/+5 */
html.skin-galaxy .st-up { border: 5px solid transparent; border-image: url("../../assets/ui_galaxy/charwin/stat_plus_enabled@2x.png") 10 fill / 5px stretch; background: none; color: var(--cw-title); min-height: 25px; }
html.skin-galaxy .st-up:disabled { border-image-source: url("../../assets/ui_galaxy/charwin/stat_plus_disabled@2x.png"); color: #6c6680; }
/* ค่าต่อสู้ */
html.skin-galaxy .st-c { background: none; border: 5px solid transparent; border-image: url("../../assets/ui_galaxy/charwin/combat_card@2x.png") 10 fill / 5px stretch; padding: 0 2px; }
html.skin-galaxy .st-c span { color: var(--cw-dim); } html.skin-galaxy .st-c b { color: var(--cw-text); }
html.skin-galaxy .st-c.sel { filter: brightness(1.35); }
html.skin-galaxy .st-h { color: var(--cw-title); border-bottom: 1px solid rgba(195,154,86,.45); padding-bottom: 1px; }
/* สวมใส่ */
html.skin-galaxy .eq-box { border: 6px solid transparent; border-image: url("../../assets/ui_galaxy/charwin/equipment_slot@2x.png") 12 fill / 6px stretch; height: 46px; padding: 0 2px; }
html.skin-galaxy .eq-box:hover { background: none; filter: brightness(1.2); }
html.skin-galaxy .eq-portrait.ow-input { border: 8px solid transparent; border-image: url("../../assets/ui_galaxy/charwin/character_stage@2x.png") 24 fill / 8px stretch; background: none; }
/* ช่องไอเทม: กรอบสีตามขั้น (แทนเส้นชั่วคราว) */
html.skin-galaxy .iv-cell.slot-uncommon, html.skin-galaxy .iv-cell.slot-rare, html.skin-galaxy .iv-cell.slot-epic, html.skin-galaxy .iv-cell.slot-legend { position: relative; }
html.skin-galaxy .iv-cell.slot-uncommon::after, html.skin-galaxy .iv-cell.slot-rare::after, html.skin-galaxy .iv-cell.slot-epic::after, html.skin-galaxy .iv-cell.slot-legend::after { content: ''; position: absolute; inset: -1px; pointer-events: none; background: center / 100% 100% no-repeat; box-shadow: none; }
html.skin-galaxy .iv-cell.slot-uncommon::after { background-image: url("../../assets/ui_galaxy/charwin/rarity_edge_good@2x.png"); }
html.skin-galaxy .iv-cell.slot-rare::after { background-image: url("../../assets/ui_galaxy/charwin/rarity_edge_rare@2x.png"); }
html.skin-galaxy .iv-cell.slot-epic::after { background-image: url("../../assets/ui_galaxy/charwin/rarity_edge_excellent@2x.png"); }
html.skin-galaxy .iv-cell.slot-legend::after { background-image: url("../../assets/ui_galaxy/charwin/rarity_edge_legendary@2x.png"); }
/* กล่องคำอธิบายไอเทม */
html.skin-galaxy .ow-tip { border: 8px solid transparent; border-image: url("../../assets/ui_galaxy/charwin/item_tooltip_frame@2x.png") 16 fill / 8px stretch; padding: 4px 6px; color: var(--cw-text); }
html.skin-galaxy .tp-sec, html.skin-galaxy .tp-foot { border-top-color: var(--cw-sep); }
html.skin-galaxy .tp-kind, html.skin-galaxy .tp-foot, html.skin-galaxy .tp-hint, html.skin-galaxy .tp-main span { color: var(--cw-dim); }
html.skin-galaxy .tip-name.tier-common, html.skin-galaxy .tp-tier.tier-common { color: #D7DCE7; }
html.skin-galaxy .tip-name.tier-uncommon, html.skin-galaxy .tp-tier.tier-uncommon { color: #65C77A; }
html.skin-galaxy .tip-name.tier-rare, html.skin-galaxy .tp-tier.tier-rare { color: #75D2EF; }
html.skin-galaxy .tip-name.tier-epic, html.skin-galaxy .tp-tier.tier-epic { color: #B17BE1; }
html.skin-galaxy .tip-name.tier-legend, html.skin-galaxy .tp-tier.tier-legend { color: #E6A34A; }
html.skin-galaxy .tp-main i.up, html.skin-galaxy .tp-bon.up, html.skin-galaxy .tp-req .ok { color: var(--cw-good); }
/* รายละเอียดสกิล */
html.skin-galaxy .skw-dmg { border: 8px solid transparent; border-image: url("../../assets/ui_galaxy/charwin/skill_detail_frame@2x.png") 16 fill / 8px stretch; background: none; }
html.skin-galaxy .skw-dmg-v .nx { color: var(--cw-blue); }
/* มือถือ: แถบข้อมูลไอเทมในกระเป๋าเป็นแผ่นล่าง */
@media (max-width: 700px), (pointer: coarse) and (max-height: 520px) {
  html.skin-galaxy .iv-info { border: 10px solid transparent; border-image: url("../../assets/ui_galaxy/charwin/tooltip_bottom_sheet@2x.png") 20 fill / 10px stretch; }
}