#characterProfileTable { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:2px; font-size:13px; color:#402d1b; }
#characterProfileTable > thead th { background:linear-gradient(#173955,#0c2338); color:#f3dca6; padding:12px; border-bottom:2px solid #b38b45; }
#characterProfileTable > thead th:first-child { width:26%; text-align:center; }
#characterProfileTable h1 { margin:0; font-size:25px; line-height:1.25; color:#f3dca6; overflow-wrap:anywhere; }
#characterProfileTable > tbody > tr > td { padding:7px 9px; overflow-wrap:anywhere; vertical-align:middle; }
#characterProfileTable .pc-portrait { display:inline-block; width:64px; height:64px; object-fit:contain; image-rendering:pixelated; vertical-align:middle; }
#characterProfileTable .pc-country { display:block; color:#e8d7b1; font-size:11px; margin-top:4px; }
#characterProfileTable .pc-country img { width:16px; height:11px; object-fit:contain; vertical-align:middle; }
#characterProfileTable .pc-panels { display:grid; grid-template-columns:minmax(220px,1fr) minmax(220px,1fr); gap:16px; padding:10px 0; }
#characterProfileTable .pc-panels section { min-width:0; border:1px solid #9d8253; background:#e7d6b8; }
#characterProfileTable .pc-panels h2 { margin:0; padding:8px 10px; background:#17354b; border-bottom:1px solid #af8c4b; color:#f1d395; font:bold 15px Georgia,serif; }
#characterProfileTable .pc-bars { margin:12px; }
#characterProfileTable .pc-bar { position:relative; height:24px; margin:5px 0; background:#222c32; border:1px solid #716245; overflow:hidden; }
#characterProfileTable .pc-bar > span { display:block; height:100%; background:linear-gradient(#64b95b,#277b31); }
#characterProfileTable .pc-mana > span { background:linear-gradient(#568cdc,#254d99); }
#characterProfileTable .pc-bar b { position:absolute; inset:0; text-align:center; color:white; font:bold 11px/24px Arial,sans-serif; text-shadow:1px 1px #172118; white-space:nowrap; }
#characterProfileTable .pc-inventory { display:grid; grid-template-columns:repeat(3,52px); grid-template-rows:repeat(4,52px); gap:6px; justify-content:center; padding:3px 12px 12px; }
#characterProfileTable .pc-slot { position:relative; display:flex; justify-content:center; align-items:center; border:1px solid #8a7b63; background:linear-gradient(135deg,#3a4249,#202b33); box-shadow:inset 0 0 0 2px #161d2470; }
#characterProfileTable .pc-slot:focus { outline:2px solid #c59c51; }
#characterProfileTable .pc-slot img { width:40px; height:40px; object-fit:contain; image-rendering:pixelated; }
#characterProfileTable .pc-empty { font:10px/13px Arial,sans-serif; color:#c2bbb0; text-align:center; padding:2px; }
#characterProfileTable .pc-count { position:absolute; right:3px; bottom:1px; font:bold 11px Arial,sans-serif; color:white; text-shadow:1px 1px black; }
#characterProfileTable .pc-slot-1 { grid-area:1/2; } #characterProfileTable .pc-slot-2 { grid-area:1/1; } #characterProfileTable .pc-slot-3 { grid-area:1/3; }
#characterProfileTable .pc-slot-4 { grid-area:2/2; } #characterProfileTable .pc-slot-5 { grid-area:2/1; } #characterProfileTable .pc-slot-6 { grid-area:2/3; }
#characterProfileTable .pc-slot-7 { grid-area:3/2; } #characterProfileTable .pc-slot-8 { grid-area:4/2; } #characterProfileTable .pc-slot-9 { grid-area:3/1; } #characterProfileTable .pc-slot-10 { grid-area:3/3; }
#characterProfileTable .pc-items, #characterProfileTable .pc-stats dl { margin:0; padding:0 10px 10px; }
#characterProfileTable .pc-items div, #characterProfileTable .pc-stats dl div { display:grid; grid-template-columns:minmax(90px,1fr) minmax(0,1.2fr); align-items:start; gap:8px; padding:6px 2px; border-bottom:1px solid #b6a07a; }
#characterProfileTable dt { margin:0; font:12px/17px Arial,sans-serif; color:#59442b; }
#characterProfileTable dd { margin:0; font:600 12px/17px Arial,sans-serif; color:#27211b; overflow-wrap:anywhere; }
#characterProfileTable .pc-stats dd { text-align:right; font-variant-numeric:tabular-nums; }
#characterProfileTable .pc-note { color:#635239; font:11px/17px Arial,sans-serif; margin:5px 0 10px; }
#characterProfileTable .pc-outfits { border:1px solid #9d8253; background:#e7d6b8; margin:8px 0; }
#characterProfileTable .pc-outfits summary { cursor:pointer; font:bold 14px Georgia,serif; padding:10px; color:#f1d395; background:#17354b; }
#characterProfileTable .pc-outfit-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(85px,1fr)); gap:8px; max-height:310px; overflow:auto; padding:12px; }
#characterProfileTable .pc-outfit-grid figure { margin:0; min-width:0; text-align:center; padding:7px 4px; border:1px solid #b6a07a; }
#characterProfileTable .pc-outfit-grid img { display:block; width:48px; height:48px; margin:0 auto 5px; object-fit:contain; image-rendering:pixelated; }
#characterProfileTable .pc-outfit-grid figcaption { font:11px/15px Arial,sans-serif; color:#402d1b; overflow-wrap:anywhere; }
@media(max-width:1050px) { #characterProfileTable .pc-panels { grid-template-columns:minmax(0,1fr); } }