/* 3K-Classic Explorer - extends the site theme (css/site.css: wood frame, parchment panels, red title bars) */
.x-search { display: flex; gap: 10px; max-width: 620px; margin: 0 auto; }
.x-search input { flex: 1; font: inherit; font-size: 17px; padding: 11px 14px; border-radius: 8px; border: 2px solid #6b4322; background: #fbf3e0; color: #3a2414; }
.x-search input:focus { outline: 2px solid #c9963e; }
.x-results { max-width: 620px; margin: 10px auto 0; }
.x-results a { display: flex; justify-content: space-between; gap: 10px; padding: 9px 14px; border-bottom: 1px solid rgba(122, 80, 40, .35); text-decoration: none; }
.x-results a:hover { background: rgba(201, 150, 62, .18); }
.x-note { text-align: center; font-size: 14px; color: var(--muted); margin-top: 10px; }

.x-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin: 22px 0; }
.x-stat { text-align: center; padding: 16px 10px !important; }
.x-stat b { display: block; font-size: 26px; color: #6a160c; font-family: 'Chonburi', var(--font-body); line-height: 1.3; }
.x-stat span { font-size: 14px; color: #6b4b2c; }
.x-stat.ok b { color: #2f7a1f; }
.x-stat.bad b { color: #b0200f; }

.x-name { font-weight: 700; }
.x-gm { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 4px; font-size: 11px; background: #5e0d09; color: #ffe9b8; vertical-align: middle; }
.x-up { color: #2f7a1f; font-weight: 700; }
.x-down { color: #b0200f; font-weight: 700; }
.x-ic { display: inline-block; width: 34px; height: 34px; vertical-align: middle; background: #120c08 center/contain no-repeat; border: 1px solid #6b4322; border-radius: 3px; }
.x-ic.sm { width: 26px; height: 26px; }
.x-item-cell { display: flex; align-items: center; gap: 10px; }
.x-holders { font-size: 13px; color: #6b4b2c; }

/* character page */
.x-head { display: flex; flex-wrap: wrap; gap: 8px 26px; align-items: baseline; }
.x-head h2 { margin: 0; color: #6a160c; font-family: 'Chonburi', var(--font-body); font-size: 30px; }
.x-head .kv { font-size: 15px; color: #4a3220; }
.x-head .kv b { color: #3a2414; }

.x-meta { font-size: 13px; color: var(--muted); margin-top: 14px; line-height: 1.6; }
.x-back { display: inline-block; margin-bottom: 12px; color: var(--gold); }