/* ── Reset & Variables ─────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* wondiv.com 디자인 언어 */
  --bg:        #0a0805;
  --bg-panel:  #0e0c08;
  --bg-deep:   #060504;
  --bg-card:   #110e09;
  --border:    rgba(212,180,131,0.16);
  --border-2:  rgba(212,180,131,0.28);
  --text:      #cdc4b0;
  --text-muted:#7a6d58;
  --text-dim:  #b0a890;
  --gold:      #d4b483;
  --gold-h:    #f0d060;
  --gold-dim:  #8a7040;

  --c-normal: #cdc4b0;
  --c-magic:  #8888ff;
  --c-rare:   #ffff77;
  --c-unique: #c87030;
  --c-relic:  #82ad6a;
}

html, body { height: 100%; }
body {
  background: radial-gradient(ellipse at 50% 40%, #1a1208 0%, #0d0b07 50%, #000 100%);
  color: var(--text);
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

/* subtle noise texture (from wondiv.com) */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(212,180,131,0.10) 0%, transparent 100%),
    radial-gradient(1px 1px at 80% 15%, rgba(212,180,131,0.07) 0%, transparent 100%),
    radial-gradient(1px 1px at 50% 70%, rgba(212,180,131,0.08) 0%, transparent 100%),
    radial-gradient(1px 1px at 10% 80%, rgba(212,180,131,0.05) 0%, transparent 100%),
    radial-gradient(1px 1px at 70% 55%, rgba(212,180,131,0.07) 0%, transparent 100%),
    radial-gradient(2px 2px at 35% 90%, rgba(212,180,131,0.04) 0%, transparent 100%),
    radial-gradient(1px 1px at 90% 75%, rgba(212,180,131,0.07) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

a { color: var(--gold); text-decoration: none; }
button { font-family: inherit; font-size: inherit; cursor: pointer; }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(212,180,131,0.15); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(212,180,131,0.28); }

/* ── App ─────────────────────────────────────────────────────────────────── */
#app {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
#header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  height: 46px;
  background: rgba(10,8,5,0.85);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  backdrop-filter: blur(4px);
}
#logo { display: flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; }
#logo-icon { font-size: 18px; }
#logo-text {
  font-size: 13px;
  font-weight: 300;
  color: var(--gold);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(212,180,131,0.3);
}
#logo-sub  { font-size: 10px; color: var(--text-muted); letter-spacing: 0.1em; }
#header-spacer { flex: 1; }
#header-status { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-muted); letter-spacing: 0.08em; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: #333; }
.status-dot.ok   { background: #3a8a3a; box-shadow: 0 0 6px rgba(58,138,58,0.6); }
.status-dot.busy { background: #b07820; box-shadow: 0 0 6px rgba(176,120,32,0.6); }
.status-dot.err  { background: #8a2020; box-shadow: 0 0 6px rgba(138,32,32,0.6); }

/* ── Import bar ─────────────────────────────────────────────────────────── */
#import-bar {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 8px 14px;
  background: rgba(14,12,8,0.9);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
#code-input {
  flex: 1;
  height: 50px;
  background: rgba(6,5,4,0.8);
  border: 1px solid var(--border);
  border-radius: 2px;
  color: var(--text);
  font-family: 'Consolas', monospace;
  font-size: 11px;
  padding: 5px 8px;
  resize: none;
  outline: none;
  transition: border-color 0.15s;
}
#code-input:focus { border-color: rgba(212,180,131,0.5); }
#code-input::placeholder { color: rgba(122,109,88,0.5); }

/* ── GGG Import ─────────────────────────────────────────────────────────── */
#ggg-import-wrap {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  position: relative;
  flex-shrink: 0;
}
#ggg-account-input {
  width: 180px;
  height: 32px;
  background: rgba(6,5,4,0.8);
  border: 1px solid var(--border);
  border-radius: 2px;
  color: var(--text);
  font-size: 11px;
  padding: 4px 8px;
  outline: none;
  transition: border-color 0.15s;
}
#ggg-account-input:focus { border-color: rgba(212,180,131,0.5); }
#ggg-account-input::placeholder { color: rgba(122,109,88,0.4); }
#ggg-char-list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 300px;
  background: rgba(14,12,8,0.98);
  border: 1px solid var(--border-2);
  border-radius: 3px;
  z-index: 200;
  box-shadow: 0 8px 24px rgba(0,0,0,0.8);
  max-height: 260px;
  overflow-y: auto;
}
.ggg-char-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 12px;
  cursor: pointer;
  border-bottom: 1px solid rgba(212,180,131,0.08);
  transition: background 0.1s;
}
.ggg-char-item:hover { background: rgba(212,180,60,0.08); }
.ggg-char-name { color: var(--gold); font-size: 12px; }
.ggg-char-info { color: var(--text-muted); font-size: 11px; }
.ggg-no-chars { padding: 10px 12px; color: var(--text-muted); font-size: 12px; }

/* ── Buttons ────────────────────────────────────────────────────────────── */
.btn {
  padding: 0 16px;
  height: 30px;
  background: rgba(212,180,131,0.05);
  color: var(--gold);
  border: 1px solid rgba(212,180,131,0.3);
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.12em;
  flex-shrink: 0;
  transition: all 0.15s ease;
  position: relative;
  overflow: hidden;
}
.btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(212,180,131,0.1) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.15s;
}
.btn:hover::before { opacity: 1; }
.btn:hover {
  border-color: rgba(212,180,131,0.7);
  color: var(--gold-h);
  text-shadow: 0 0 10px rgba(212,180,131,0.5);
  box-shadow: 0 0 20px rgba(212,180,131,0.07);
}

.btn-secondary {
  background: rgba(255,255,255,0.02);
  color: var(--text-muted);
  border-color: rgba(212,180,131,0.1);
  letter-spacing: 0.06em;
}
.btn-secondary:hover {
  border-color: rgba(212,180,131,0.3);
  color: var(--text-dim);
  text-shadow: none;
  box-shadow: none;
}
.btn-warn {
  background: rgba(180,120,40,0.15);
  color: #c89030;
  border-color: rgba(180,120,40,0.3);
}
.btn-warn:hover {
  background: rgba(180,120,40,0.25);
  border-color: rgba(200,144,48,0.5);
  color: #daa040;
}

/* ── History ────────────────────────────────────────────────────────────── */
#history-wrap { position: relative; }
#history-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  background: #0d0b07;
  border: 1px solid var(--border-2);
  border-radius: 2px;
  min-width: 260px;
  max-height: 280px;
  overflow-y: auto;
  z-index: 200;
  box-shadow: 0 8px 30px rgba(0,0,0,0.9);
}
#history-dropdown.hidden { display: none; }
.history-item {
  padding: 7px 12px;
  font-size: 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--border);
  color: var(--text-dim);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.04em;
}
.history-item:hover { background: rgba(212,180,131,0.05); color: var(--gold); }
.history-item:last-child { border-bottom: none; }
.history-empty { padding: 12px; color: var(--text-muted); font-size: 12px; text-align: center; }

/* ── Error banner ───────────────────────────────────────────────────────── */
#error-banner {
  display: none;
  padding: 7px 14px;
  background: rgba(32,8,8,0.9);
  color: #d06060;
  border-bottom: 1px solid rgba(180,30,30,0.3);
  font-size: 12px;
  flex-shrink: 0;
}
#error-banner.show { display: block; }

/* ── Main layout ────────────────────────────────────────────────────────── */
#main { display: flex; flex: 1; overflow: hidden; }

/* ── Left panel ─────────────────────────────────────────────────────────── */
#left-panel {
  width: 210px;
  flex-shrink: 0;
  background: rgba(14,12,8,0.75);
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
}

#char-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 8px 12px;
  border-bottom: 1px solid var(--border);
  gap: 3px;
}
.char-portrait {
  width: 52px;
  height: 52px;
  background: rgba(6,5,4,0.8);
  border: 1px solid var(--border-2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.class-emoji { font-size: 20px; }
.char-portrait-img { width: 53px; height: 53px; object-fit: cover; border-radius: 50%; filter: drop-shadow(0 0 6px rgba(212,180,131,0.2)); }
.char-name  { font-size: 13px; font-weight: 400; color: var(--gold); text-align: center; letter-spacing: 0.1em; text-shadow: 0 0 12px rgba(212,180,131,0.3); }
.char-class { font-size: 10px; color: var(--text-muted); text-align: center; letter-spacing: 0.1em; text-transform: uppercase; }
.char-name-en { font-size: 10px; color: rgba(212,180,131,0.35); font-weight: 300; letter-spacing: 0; }
.char-class-en { font-size: 9px; color: rgba(180,160,120,0.3); letter-spacing: 0; text-transform: none; }
.char-level { font-size: 10px; color: var(--text-muted); text-align: center; }

#left-stats { padding: 8px; display: flex; flex-direction: column; gap: 8px; }

/* ── Stat blocks ────────────────────────────────────────────────────────── */
.stat-block { }
.stat-block-title {
  font-size: 9px;
  font-weight: 400;
  color: rgba(212,180,131,0.5);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--border);
}
.stat-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.stat-toggle:hover { color: rgba(212,180,131,0.8); }
.stat-toggle-arrow { font-size: 10px; transition: transform 0.2s; }
.stat-collapsible { position: relative; }
.stat-collapsible .stat-expand { display: none; }
.stat-collapsible.expanded .stat-expand {
  display: block;
  position: absolute;
  left: 0; right: 0;
  top: 100%;
  background: rgba(14,12,8,0.97);
  border: 1px solid var(--border);
  border-top: none;
  padding: 6px 8px 8px;
  z-index: 50;
  width: 100%;
  box-sizing: border-box;
}
.stat-collapsible.expanded .stat-toggle-arrow { transform: rotate(180deg); }
.globe-row { display: flex; gap: 3px; margin-bottom: 3px; }
.globe {
  flex: 1;
  background: rgba(6,5,4,0.7);
  border: 1px solid var(--border);
  border-radius: 2px;
  padding: 4px 4px;
  text-align: center;
}
.globe.life      { border-color: var(--border); }
.globe.mana      { border-color: var(--border); }
.globe.es        { border-color: var(--border); }
.globe-val { font-size: 14px; font-weight: 600; color: var(--text-dim); }
.globe.life .globe-val   { color: var(--text-dim); }
.globe.mana .globe-val   { color: var(--text-dim); }
.globe.es .globe-val     { color: var(--text-dim); }
.globe-lbl { font-size: 9px; color: var(--text-muted); letter-spacing: 0.06em; }

/* 4-box resist grid */
.resist-row { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.resist-item {
  background: rgba(6,5,4,0.6);
  border: 1px solid var(--border);
  border-radius: 2px;
  padding: 3px 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
}
.resist-item.fire      { border-color: rgba(180,50,20,0.35); color: #c04020; }
.resist-item.cold      { border-color: rgba(20,80,180,0.35); color: #3070b8; }
.resist-item.lightning { border-color: rgba(180,160,10,0.35); color: #b89010; }
.resist-item.chaos     { border-color: rgba(140,20,160,0.35); color: #9828a0; }
.rval { font-weight: 700; font-size: 12px; }
.rval-capped .rval { color: #48a848; }
.rval-low    .rval { color: #b02828; }
.rval-over-num     { color: var(--text-muted); font-size: 9px; }

/* Big DPS */
.dps-big { text-align: center; padding: 4px 0 6px; }
.dps-big-val { font-size: 22px; font-weight: 300; color: var(--gold); letter-spacing: 0.1em; text-shadow: 0 0 20px rgba(212,180,131,0.3); }
.dps-big-lbl { font-size: 9px; color: var(--text-muted); letter-spacing: 0.14em; text-transform: uppercase; }

/* Mini stat grid (2-col) */
.mini-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.mini-stat {
  background: rgba(6,5,4,0.6);
  border: 1px solid var(--border);
  border-radius: 2px;
  padding: 3px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.mini-lbl { font-size: 9px; color: var(--text-muted); letter-spacing: 0.06em; }
.mini-val { font-size: 12px; font-weight: 600; color: var(--text-dim); }

/* ── Content area ───────────────────────────────────────────────────────── */
#content-area { flex: 1; display: flex; flex-direction: column; overflow: hidden; }

/* ── Tabs ───────────────────────────────────────────────────────────────── */
#tabs {
  display: flex;
  gap: 1px;
  padding: 6px 10px 0;
  background: rgba(14,12,8,0.7);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  flex-wrap: wrap;
}
.tab-btn {
  padding: 5px 13px;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.1em;
  background: transparent;
  color: var(--text-muted);
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.15s, border-color 0.15s;
}
.tab-btn:hover { color: var(--text-dim); border-color: rgba(212,180,131,0.1); }
.tab-btn.active {
  color: var(--gold);
  background: rgba(212,180,131,0.04);
  border-color: var(--border);
  text-shadow: 0 0 12px rgba(212,180,131,0.25);
}

/* ── Tab panes ──────────────────────────────────────────────────────────── */
#tab-content { flex: 1; position: relative; overflow: hidden; }
.tab-pane {
  display: none;
  position: absolute;
  inset: 0;
  overflow-y: auto;
  padding: 14px 16px;
}
.tab-pane.active { display: block; }

/* ── Empty state ────────────────────────────────────────────────────────── */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  gap: 10px;
  color: var(--text-muted);
}
.empty-icon  { font-size: 34px; opacity: 0.25; }
.empty-title { font-size: 14px; font-weight: 300; color: var(--text-dim); letter-spacing: 0.15em; text-transform: uppercase; }
.empty-desc  { font-size: 12px; text-align: center; line-height: 1.8; color: var(--text-muted); }

/* ── Section label ──────────────────────────────────────────────────────── */
.section-label {
  font-size: 9px;
  font-weight: 400;
  color: rgba(212,180,131,0.45);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 12px 0 7px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--border);
}
.section-label:first-child { margin-top: 0; }
.mt-12 { margin-top: 12px; }

/* ── Stats grid / cards ─────────────────────────────────────────────────── */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
  gap: 7px;
}
.stat-card {
  background: rgba(16,14,9,0.7);
  border: 1px solid var(--border);
  border-radius: 2px;
  padding: 9px 11px;
}
.stat-card-header {
  font-size: 9px;
  font-weight: 400;
  color: rgba(212,180,131,0.5);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 7px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--border);
}
.stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
  font-size: 12px;
  min-height: 19px;
}
.stat-lbl { color: var(--text-muted); }
.stat-val  { color: var(--text); font-weight: 600; }
.stat-val.life     { color: #cc2828; }
.stat-val.mana     { color: #3050c8; }
.stat-val.es       { color: #5080c8; }
.stat-val.gold     { color: var(--gold); }
.stat-val.positive { color: #48a848; }
.stat-val.negative { color: #b02828; }
.stat-val.dim      { color: var(--text-muted); }
.sep { border-top: 1px solid var(--border); margin: 4px 0; }

/* ── Progress row ───────────────────────────────────────────────────────── */
.progress-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  font-size: 12px;
  min-height: 19px;
}
.progress-lbl { color: var(--text-muted); flex-shrink: 0; min-width: 68px; }
.progress-bar-wrap {
  flex: 1;
  height: 3px;
  background: rgba(6,5,4,0.8);
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid var(--border);
}
.progress-bar-fill { height: 100%; background: var(--gold-dim); border-radius: 2px; }
.progress-val { color: var(--text); font-weight: 600; min-width: 36px; text-align: right; }

.slot-lbl { color: var(--text-muted); font-size: 11px; }

/* ── Skills tab ─────────────────────────────────────────────────────────── */
.skill-group {
  background: rgba(16,14,9,0.6);
  border: 1px solid var(--border);
  border-radius: 2px;
  margin-bottom: 7px;
  overflow: hidden;
}
.skill-group-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: var(--text-dim);
  border-bottom: 1px solid var(--border);
  background: rgba(6,5,4,0.5);
}
.skill-badge {
  font-size: 9px;
  padding: 1px 6px;
  background: rgba(212,180,131,0.06);
  color: var(--gold);
  border: 1px solid rgba(212,180,131,0.25);
  border-radius: 2px;
  letter-spacing: 0.08em;
}
.skill-gem {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-bottom: 1px solid var(--border);
  cursor: default;
}
.skill-gem:last-child { border-bottom: none; }
.gem-icon {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
  background: #102008;
  color: #60a020;
  border: 1px solid rgba(96,160,32,0.3);
}
.gem-icon.support  { background: #08101e; color: #2850a8; border-color: rgba(40,80,168,0.3); }
.gem-icon.gem-str  { background: #1e0808; color: #b02820; border-color: rgba(176,40,32,0.3); }
.gem-icon.gem-dex  { background: #081e08; color: #389818; border-color: rgba(56,152,24,0.3); }
.gem-icon.gem-int  { background: #08081e; color: #2840a8; border-color: rgba(40,64,168,0.3); }
.gem-icon.gem-str.support { background: #180404; color: #881818; border-color: rgba(136,24,24,0.3); }
.gem-icon.gem-dex.support { background: #041804; color: #187010; border-color: rgba(24,112,16,0.3); }
.gem-icon.gem-int.support { background: #040418; color: #102888; border-color: rgba(16,40,136,0.3); }
.gem-name  { flex: 1; color: var(--text); font-size: 12px; }
.gem-level { color: var(--text-muted); font-size: 11px; }

/* Gem tooltip */
.gem-dex-name     { color: #50c030; }
.gem-str-name     { color: #c04040; }
.gem-int-name     { color: #8888ff; }
.gem-support-name { color: #8888ff; }
.tt-gem-name  { font-weight: 600; font-size: 13px; color: var(--gold); margin-bottom: 3px; letter-spacing: 0.06em; }
.tt-gem-stats { font-size: 11px; color: var(--text-muted); margin-bottom: 4px; }
.tt-gem-desc  { font-size: 12px; color: var(--text-dim); margin-bottom: 4px; line-height: 1.5; }
.tt-gem-mods  { font-size: 12px; color: var(--c-magic); line-height: 1.5; }
.tt-gem-mods div { margin-bottom: 1px; }
.tt-gem-qual  { margin-top: 5px; border-top: 1px solid var(--border); padding-top: 4px; }
.tt-gem-qual-header { font-size: 10px; color: var(--text-muted); margin-bottom: 2px; }

/* ─────────────────────────────────────────────────────────────────────────
   ITEMS TAB
   ───────────────────────────────────────────────────────────────────────── */

/* Inventory panel — PoE 공식 좌표 기반 absolute positioning */
/* 원본: 600×781px 패널 (PoE/Inventory/Constants), 0.84 스케일 적용 */
.inv-panel {
  position: relative;
  width: 400px;
  height: 370px;
  background: radial-gradient(ellipse at 50% 25%, #251a03 0%, #120e01 45%, #070500 100%);
  border: 1px solid rgba(212,180,60,0.28);
  border-radius: 4px;
  margin-bottom: 16px;
  flex-shrink: 0;
  box-shadow: 0 6px 40px rgba(0,0,0,0.95), 0 0 30px rgba(212,180,60,0.05), inset 0 1px 0 rgba(212,180,60,0.18), inset 0 0 60px rgba(212,180,60,0.04);
}

.inv-slot {
  position: absolute;
  background: linear-gradient(160deg, #281d02 0%, #181302 100%);
  border: 1px solid transparent;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: default;
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.75), inset 0 -1px 0 rgba(212,180,60,0.1), inset 1px 0 0 rgba(212,180,60,0.05);
}
.inv-slot:hover:not(.inv-empty) {
  border-color: rgba(212,180,80,0.75);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.5), 0 0 16px rgba(212,180,60,0.25);
}
.inv-slot.normal  { border-color: transparent; }
.inv-slot.magic   { border-color: transparent; }
.inv-slot.rare    { border-color: transparent; }
.inv-slot.unique  { border-color: transparent; }
.inv-slot.relic   { border-color: transparent; }
.inv-slot.magic:hover  { border-color: rgba(212,180,80,0.75); }
.inv-slot.rare:hover   { border-color: rgba(212,180,80,0.75); }
.inv-slot.unique:hover { border-color: rgba(212,180,80,0.75); }
.inv-empty {
  background: linear-gradient(160deg, #100c01 0%, #080601 100%);
  border-color: rgba(212,180,60,0.12) !important;
  box-shadow: inset 0 3px 10px rgba(0,0,0,0.85);
}

.inv-slot-label {
  font-size: 8px;
  color: rgba(190,160,60,0.2);
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.08em;
  position: absolute;
  bottom: 3px;
  left: 0; right: 0;
  pointer-events: none;
}
.inv-item-img {
  width: 92%;
  height: 92%;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.95));
  flex-shrink: 0;
}
.inv-item-name {
  font-size: 8px;
  text-align: center;
  line-height: 1.2;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: absolute;
  top: 3px;
  left: 0; right: 0;
  padding: 0 2px;
  pointer-events: none;
  letter-spacing: 0.04em;
}
.inv-item-name.normal { color: rgba(205,196,176,0.65); }
.inv-item-name.magic  { color: var(--c-magic); }
.inv-item-name.rare   { color: var(--c-rare); }
.inv-item-name.unique { color: var(--c-unique); }
.inv-item-name.relic  { color: var(--c-relic); }
.inv-slot:has(.inv-item-img) .inv-item-name { display: none; }

/* Two-column layout below grid */
.items-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.items-col { min-width: 0; }

/* Equipped items list */
.equipped-list { display: flex; flex-direction: column; gap: 2px; }
.equipped-row {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(16,14,9,0.6);
  border: 1px solid var(--border);
  border-radius: 2px;
  padding: 5px 9px;
  cursor: default;
  transition: border-color 0.15s;
}
.equipped-row:hover { border-color: rgba(212,180,131,0.3); }
.equipped-slot-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
  width: 34px;
  color: var(--text-muted);
}
.equipped-slot-label svg { width: 18px; height: 18px; color: rgba(212,180,131,0.4); }
.equipped-slot-label span { font-size: 9px; letter-spacing: 0.06em; }
.equipped-item-info { flex: 1; min-width: 0; }
.equipped-name {
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.equipped-name.normal { color: var(--c-normal); }
.equipped-name.magic  { color: var(--c-magic); }
.equipped-name.rare   { color: var(--c-rare); }
.equipped-name.unique { color: var(--c-unique); }
.equipped-name.relic  { color: var(--c-relic); }
.equipped-base { font-size: 10px; color: var(--text-muted); display: block; letter-spacing: 0.04em; }

/* Jewel list */
.jewel-list { display: flex; flex-wrap: wrap; gap: 5px; }
.jewel-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(14,12,8,0.7);
  border: 1px solid var(--border);
  border-radius: 2px;
  padding: 5px 4px 4px;
  width: 66px;
  cursor: default;
  transition: border-color 0.15s;
}
.jewel-card.unique { border-color: rgba(180,80,20,0.35); }
.jewel-card.rare   { border-color: rgba(180,150,30,0.3); }
.jewel-card.magic  { border-color: rgba(80,80,220,0.28); }
.jewel-card:hover  { border-color: rgba(212,180,131,0.45); z-index: 10; }
.jewel-icon-wrap {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
}
.jewel-icon-img { width: 40px; height: 40px; object-fit: contain; }
.jewel-icon-placeholder {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(16,14,9,0.8);
  border: 1px solid var(--border-2);
}
.jewel-icon-placeholder.unique { border-color: rgba(180,80,20,0.4); }
.jewel-icon-placeholder.rare   { border-color: rgba(180,150,30,0.35); }
.jewel-icon-placeholder.magic  { border-color: rgba(80,80,220,0.3); }
.jewel-name {
  font-size: 10px;
  text-align: center;
  line-height: 1.3;
  width: 100%;
  height: 2.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.jewel-name.normal { color: var(--c-normal); }
.jewel-name.magic  { color: var(--c-magic); }
.jewel-name.rare   { color: var(--c-rare); }
.jewel-name.unique { color: var(--c-unique); }
.jewel-name.relic  { color: var(--c-relic); }
.jewel-trade-btn {
  width: 100%;
  margin-top: 3px;
  padding: 2px 0;
  font-size: 9px;
  letter-spacing: 0.06em;
  background: rgba(212,180,131,0.04);
  color: rgba(212,180,131,0.4);
  border: 1px solid rgba(212,180,131,0.15);
  border-radius: 1px;
  cursor: pointer;
  text-align: center;
  transition: all 0.15s;
}
.jewel-trade-btn:hover { background: rgba(212,180,131,0.08); color: var(--gold); border-color: rgba(212,180,131,0.35); }

/* Trade button */
.btn-trade {
  margin-left: auto;
  flex-shrink: 0;
  padding: 2px 8px;
  font-size: 10px;
  letter-spacing: 0.06em;
  background: rgba(212,180,131,0.04);
  color: rgba(212,180,131,0.4);
  border: 1px solid rgba(212,180,131,0.15);
  border-radius: 1px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s;
}
.btn-trade:hover { background: rgba(212,180,131,0.08); color: var(--gold); border-color: rgba(212,180,131,0.35); }

/* Gem trade list */
.gem-trade-list { display: flex; flex-direction: column; gap: 2px; }
.gem-trade-card {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(16,14,9,0.6);
  border: 1px solid var(--border);
  border-radius: 2px;
  padding: 5px 9px;
  cursor: default;
}
.gem-trade-info { flex: 1; min-width: 0; }
.gem-trade-name { color: var(--text); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gem-trade-meta { color: var(--text-muted); font-size: 10px; margin-top: 1px; letter-spacing: 0.04em; }

/* Compact gem layout (items tab, below jewels) */
.gem-groups-wrap { display: flex; flex-direction: column; gap: 4px; }
.gem-group-block { display: flex; flex-direction: column; }
.gem-group-gems {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  padding-top: 1px;
}
.gem-group-gems .gem-trade-card { padding: 2px 6px; gap: 5px; }
.gem-group-gems .gem-trade-name { font-size: 11px; }
.gem-group-gems .gem-trade-meta { font-size: 9px; }
.gem-group-gems .gem-icon { width: 14px; height: 14px; font-size: 7px; border-radius: 1px; }
.gem-group-gems .btn-trade { padding: 1px 5px; font-size: 9px; }
.gem-swap-sep {
  margin-top: 8px;
  padding: 3px 6px;
  font-size: 10px;
  color: var(--text-dim);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: rgba(6,5,4,0.5);
  letter-spacing: 0.06em;
}
.gem-group-sep {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 6px 2px;
  margin-top: 3px;
  font-size: 10px;
  color: #a09070;
  border-bottom: 1px solid rgba(160,144,112,0.2);
  background: rgba(30,24,14,0.7);
}
.gem-group-sep svg { width: 12px; height: 12px; flex-shrink: 0; opacity: 0.85; }

/* ─────────────────────────────────────────────────────────────────────────
   POE ITEM TOOLTIP (GGG 공식 스타일)
   ───────────────────────────────────────────────────────────────────────── */
.poe-item {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  display: none;
  background: #0c0b09;
  min-width: 270px;
  max-width: 370px;
  font-size: 13px;
  line-height: 1.5;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.95);
}
.poe-item.normal { border: 1px solid #716f6c; }
.poe-item.magic  { border: 1px solid #393972; }
.poe-item.rare   { border: 1px solid #6c5c00; }
.poe-item.unique { border: 1px solid #6a3600; }
.poe-item.relic  { border: 1px solid #305830; }

.poe-tt-header { display:flex; align-items:stretch; overflow:hidden; background-repeat:repeat; }
.poe-tt-header.poe-item-header-single { height:32px; background-image:url(data:image/png;base64,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); }
.poe-tt-header.poe-item-header-double { height:54px; background-image:url(data:image/png;base64,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); }
.poe-item-header-left-panel, .poe-item-header-right-panel { background-image:inherit; background-repeat:repeat; flex-shrink:0; }
.poe-tt-header.poe-item-header-single .poe-item-header-left-panel,
.poe-tt-header.poe-item-header-single .poe-item-header-right-panel { width:28px; height:32px; }
.poe-tt-header.poe-item-header-double .poe-item-header-left-panel,
.poe-tt-header.poe-item-header-double .poe-item-header-right-panel { width:44px; height:54px; }
.poe-item-header-center-panel { flex:1; min-width:0; text-align:center; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:0 2px; }

/* Single sprite positions (normal/magic/relic always use single header) */
.poe-item.normal .poe-tt-header              { background-position-y: 578px; }
.poe-item.normal .poe-item-header-left-panel  { background-position-y: 612px; }
.poe-item.normal .poe-item-header-right-panel { background-position-y: 544px; }
.poe-item.magic  .poe-tt-header              { background-position-y: 474px; }
.poe-item.magic  .poe-item-header-left-panel  { background-position-y: 508px; }
.poe-item.magic  .poe-item-header-right-panel { background-position-y: 440px; }
.poe-item.relic  .poe-tt-header              { background-position-y: 474px; }
.poe-item.relic  .poe-item-header-left-panel  { background-position-y: 508px; }
.poe-item.relic  .poe-item-header-right-panel { background-position-y: 440px; }
/* Double sprite: RARE rows 0-161, UNIQUE rows 162-323 (each section exactly 54px) */
.poe-item.rare   .poe-tt-header              { background-position-y: -54px; }  /* rows 54-107: center tile */
.poe-item.rare   .poe-item-header-left-panel  { background-position-y: 0px; }   /* rows 0-53: left ornament */
.poe-item.rare   .poe-item-header-right-panel { background-position-y: -108px; }/* rows 108-161: right ornament */
.poe-item.unique .poe-tt-header              { background-position-y: -216px; } /* rows 216-269: center tile */
.poe-item.unique .poe-item-header-left-panel  { background-position-y: -162px; }/* rows 162-215: left ornament */
.poe-item.unique .poe-item-header-right-panel { background-position-y: -270px; }/* rows 270-323: right ornament */

.poe-tt-name { font-size:15px; font-weight:600; line-height:1.3; letter-spacing:0.04em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.poe-tt-base { font-size:13px; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.poe-tt-name.normal { color:#c8c8c8; }
.poe-tt-name.magic  { color:#8888ff; }
.poe-tt-name.rare   { color:#ffff77; }
.poe-tt-name.unique { color:#af6025; }
.poe-tt-name.relic  { color:#82c060; }
.poe-tt-base.normal { color:#c8c8c8; }
.poe-tt-base.magic  { color:#8888ff; }
.poe-tt-base.rare   { color:#ffff77; }
.poe-tt-base.unique { color:#af6025; }
.poe-tt-base.relic  { color:#82c060; }

.poe-tt-body { padding:6px 14px 8px; text-align:center; }
.poe-tt-prop { display:flex; justify-content:center; gap:4px; font-size:13px; padding:1px 0; }
.poe-tt-prop-label { color:rgba(180,160,120,0.28); }
.poe-tt-prop-val   { color:#8888ff; }

.poe-sep {
  height:8px; margin:3px 0;
  background:none;
  position:relative;
}
.poe-sep::before {
  content:'';
  position:absolute;
  left:0; right:0;
  height:1px;
  top:50%;
  transform:translateY(-50%);
}
.poe-sep.normal::before { background:linear-gradient(to right, transparent 0%, rgba(200,200,200,0.36) 15%, rgba(200,200,200,0.51) 50%, rgba(200,200,200,0.36) 85%, transparent 100%); }
.poe-sep.magic::before  { background:linear-gradient(to right, transparent 0%, rgba(136,136,255,0.36) 15%, rgba(136,136,255,0.51) 50%, rgba(136,136,255,0.36) 85%, transparent 100%); }
.poe-sep.rare::before   { background:linear-gradient(to right, transparent 0%, rgba(255,240,80,0.36) 15%, rgba(255,240,80,0.51) 50%, rgba(255,240,80,0.36) 85%, transparent 100%); }
.poe-sep.unique::before { background:linear-gradient(to right, transparent 0%, rgba(175,96,37,0.36) 15%, rgba(175,96,37,0.51) 50%, rgba(175,96,37,0.36) 85%, transparent 100%); }
.poe-sep.relic::before  { background:linear-gradient(to right, transparent 0%, rgba(130,90,200,0.36) 15%, rgba(130,90,200,0.51) 50%, rgba(130,90,200,0.36) 85%, transparent 100%); }

.poe-tt-mod { font-size:13px; padding:1px 0; color:#8888ff; line-height:1.5; }
.poe-tt-mod.corrupted { color:#d20000; }
.poe-tt-mod.fractured { color:#a29160; }

/* ── Passive tooltip ────────────────────────────────────────────────────── */
.poe-passive-tt { max-width: 240px; }
.poe-pt-namebar {
  padding: 5px 10px;
  text-align: center;
  background: rgba(6,5,4,0.8);
  border-bottom: 1px solid var(--border);
}
.poe-pt-namebar.notable  { background: rgba(14,12,6,0.9); border-bottom-color: rgba(180,150,20,0.3); }
.poe-pt-namebar.keystone { background: rgba(6,6,14,0.9); border-bottom-color: rgba(40,40,120,0.3); }
.poe-pt-name  { font-weight: 500; font-size: 13px; color: var(--gold); letter-spacing: 0.06em; }
.poe-pt-mid   { padding: 5px 10px; }
.poe-pt-stat  { font-size: 12px; padding: 1px 0; color: var(--c-magic); }
.poe-pt-stat.poe-pt-stat-alloc   { color: #50a028; }
.poe-pt-stat.poe-pt-stat-unalloc { color: var(--text-muted); }
.poe-pt-stats { }
.poe-pt-side  { font-size: 10px; color: var(--text-muted); padding: 2px 0; }
.poe-pt-alloc-mark { font-size: 10px; padding: 3px 10px; color: #50a028; border-top: 1px solid var(--border); }

/* ── Tooltip ────────────────────────────────────────────────────────────── */
#tooltip, .tooltip-box {
  position: fixed;
  background: #08070500;
  background-color: #080806;
  border: 1px solid rgba(212,180,131,0.3);
  border-radius: 2px;
  padding: 8px 10px;
  font-size: 12px;
  max-width: 320px;
  z-index: 9999;
  pointer-events: none;
  box-shadow: 0 6px 28px rgba(0,0,0,0.95);
  line-height: 1.5;
}
.tt-name  { font-weight: 500; color: var(--gold); letter-spacing: 0.06em; }
.tt-type  { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
.tt-title { font-weight: 600; font-size: 13px; margin-bottom: 4px; color: var(--text); }
.tt-sep   { border-top: 1px solid var(--border); margin: 4px 0; }
.tt-stat  { color: var(--c-magic); font-size: 12px; }
.tt-header { font-size: 10px; color: var(--text-muted); margin-bottom: 2px; letter-spacing: 0.1em; }
.tt-icon  { text-align: center; font-size: 18px; margin-bottom: 3px; }
.tt-passive-stats { margin-top: 3px; }

#tree-tooltip, .tree-tooltip-box {
  position: absolute;
  background: #080806;
  border: 1px solid rgba(212,180,131,0.28);
  border-radius: 2px;
  padding: 8px 10px;
  font-size: 12px;
  max-width: 230px;
  z-index: 100;
  pointer-events: none;
  box-shadow: 0 4px 18px rgba(0,0,0,0.95);
}
#tree-tooltip .tt-name { font-weight: 500; color: var(--gold); letter-spacing: 0.06em; }
#tree-tooltip .tt-type { font-size: 11px; color: var(--text-muted); }

/* ── Tree panes ─────────────────────────────────────────────────────────── */
#tree-pane, #tree-pane-b, #tree-pane-v2 {
  display: none;
  flex-direction: column;
  position: absolute;
  inset: 0;
}
#tree-pane.active, #tree-pane-b.active, #tree-pane-v2.active { display: flex; }
#tree-toolbar, #tree-toolbar-b, #tree-toolbar-v2 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  background: rgba(14,12,8,0.85);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
#tree-canvas-wrap, #treeb-canvas-wrap, #tree2-canvas-wrap {
  flex: 1;
  overflow: hidden;
  background: #030302;
  cursor: grab;
}
#tree-canvas-wrap:active, #treeb-canvas-wrap:active, #tree2-canvas-wrap:active { cursor: grabbing; }

/* ── Trade modal ────────────────────────────────────────────────────────── */
#trade-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.82);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}
#trade-modal-overlay.open { display: flex; }
#trade-modal {
  background: #0e0c08;
  border: 1px solid rgba(212,180,131,0.25);
  border-radius: 3px;
  width: 550px;
  max-width: 96vw;
  max-height: 82vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 50px rgba(0,0,0,0.97);
}
#trade-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid var(--border);
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  background: rgba(6,5,4,0.6);
  text-shadow: 0 0 12px rgba(212,180,131,0.25);
}
#trade-modal-close { background: none; border: none; color: var(--text-muted); font-size: 16px; cursor: pointer; }
#trade-modal-close:hover { color: var(--gold); }
#trade-modal-body { flex: 1; overflow-y: auto; padding: 5px 0; }
.trade-mod-input-header {
  display: grid;
  grid-template-columns: 22px 1fr 62px 62px;
  gap: 6px;
  padding: 3px 14px;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border);
  margin-bottom: 2px;
}
.trade-mod-input-label { text-align: center; }
.trade-mod-row {
  display: grid;
  grid-template-columns: 22px 1fr 62px 62px;
  gap: 6px;
  align-items: center;
  padding: 4px 14px;
  font-size: 12px;
}
.trade-mod-row:hover { background: rgba(212,180,131,0.03); }
.trade-mod-check { cursor: pointer; accent-color: var(--gold); }
.trade-mod-text  { color: var(--text); }
.trade-mod-text.disabled { color: var(--text-muted); text-decoration: line-through; }
.trade-mod-input {
  background: rgba(6,5,4,0.8);
  border: 1px solid var(--border);
  border-radius: 2px;
  color: var(--text);
  font-size: 11px;
  padding: 2px 4px;
  text-align: center;
  outline: none;
  width: 100%;
  transition: border-color 0.15s;
}
.trade-mod-input:focus { border-color: rgba(212,180,131,0.4); }
.trade-mod-input:disabled { opacity: 0.3; }
#trade-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 15px;
  border-top: 1px solid var(--border);
  background: rgba(6,5,4,0.5);
}

/* ── Loading overlay ────────────────────────────────────────────────────── */
#overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 2000;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--text-dim);
}
#overlay.show { display: flex; }
.loading-spinner {
  width: 28px; height: 28px;
  border: 2px solid rgba(212,180,131,0.1);
  border-top-color: var(--gold);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ── Toast ──────────────────────────────────────────────────────────────── */
#toast-container {
  position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.toast {
  padding: 9px 14px;
  border-radius: 2px;
  font-size: 12px;
  letter-spacing: 0.06em;
  box-shadow: 0 2px 16px rgba(0,0,0,0.8);
  animation: toast-in 0.18s ease;
  background: rgba(16,24,8,0.95);
  color: #60a860;
  border: 1px solid rgba(80,160,80,0.25);
}
.toast.error { background: rgba(24,8,8,0.95); color: #c05050; border-color: rgba(180,40,40,0.3); }
.toast.info  { background: rgba(8,8,24,0.95); color: #7070c8; border-color: rgba(80,80,180,0.3); }
@keyframes toast-in { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }

/* ── Utility ────────────────────────────────────────────────────────────── */
.hidden     { display: none !important; }
.text-muted { color: var(--text-muted); }
.text-dim   { color: var(--text-dim); }
.text-gold  { color: var(--gold); }

/* ── Config Tab ─────────────────────────────────────────────────────────── */
.config-wrap { padding: 8px 12px; max-width: 480px; }
.config-section {
  border: 1px solid rgba(74,58,26,0.5);
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 8px 10px;
}
.config-section-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 6px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(74,58,26,0.4);
}
.config-chk {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-dim);
  margin: 3px 0;
  cursor: pointer;
}
.config-chk input[type=checkbox] { accent-color: var(--gold); width: 13px; height: 13px; }
.config-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0;
  font-size: 12px;
  color: var(--text-dim);
}
.config-row-label { flex: 1; }
.config-skill-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 3px 4px;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  color: var(--text-dim);
  transition: background 0.1s;
}
.config-skill-row:hover { background: rgba(212,180,131,0.08); }
.config-skill-active { background: rgba(212,180,131,0.12); color: var(--gold); }
.config-skill-bullet { font-size: 10px; color: var(--gold-dim); width: 12px; }
.config-skill-name { font-weight: 600; }
.config-skill-gems { font-size: 11px; margin-left: 4px; }

/* ── Mobile: 스크롤/줌 허용 (레이아웃 구조 유지) ─────────────────────── */
@media (max-width: 768px) {
  body { overflow: auto; }
  #app  { height: auto; min-height: 100vh; overflow: auto; }
  #main { overflow: auto; }
  #content-area { flex: 1; overflow: auto; }
  #tab-content  { overflow: auto; -webkit-overflow-scrolling: touch; height: auto; min-height: 60vh; }
  /* 입력창 + 버튼줄 + GGG줄 분리 */
  #import-bar     { flex-wrap: wrap; }
  #code-input     { width: 100%; flex: none; }
  #ggg-import-wrap { width: 100%; }
  /* 버튼 소형화 — 히스토리 포함 한 줄에 맞춤 */
  #import-bar .btn { padding: 0 10px; height: 28px; font-size: 10px; }
  #history-wrap   { flex-shrink: 0; }
  /* 좌측 패널 숨김 */
  #left-panel     { display: none; }
  /* 툴팁 폰 화면 너비 제한 */
  .poe-item { min-width: 0; max-width: calc(100vw - 8px); }
}