:root {
  --pgg-gold: #d7b56d;
  --pgg-gold-soft: rgba(215, 181, 109, 0.32);
  --pgg-blue: #4b6fbb;
  --pgg-panel: rgba(10, 17, 28, 0.88);
  --pgg-panel-2: rgba(16, 24, 38, 0.96);
  --pgg-text: #eef3fb;
  --pgg-muted: #b6c0d6;
  --pgg-border: rgba(215, 181, 109, 0.32);
  --pgg-red: #9e3d3d;
  --pgg-purple: #6d4ba8;
}
.pgg-enemy-page-wrap { position: relative; padding: 32px 0 56px; color: var(--pgg-text); }
.pgg-enemy-page-bg { position: absolute; inset: 0; background: radial-gradient(circle at top, rgba(72,103,153,.18), transparent 35%), linear-gradient(180deg, rgba(7,12,20,.9), rgba(4,7,12,.96)); pointer-events:none; }
.pgg-enemy-page-inner { position: relative; width: min(1400px, calc(100% - 32px)); margin: 0 auto; }
.pgg-enemy-header { margin-bottom: 20px; }
.pgg-enemy-title { font-size: clamp(2rem, 3vw, 3.1rem); line-height:1.1; color:#f7f3e8; text-shadow: 0 2px 14px rgba(0,0,0,.45); margin:0 0 8px; }
.pgg-enemy-subtitle { color: var(--pgg-muted); margin:0; }
.pgg-enemy-filters { margin: 0 0 24px; background: linear-gradient(180deg, rgba(11, 18, 31, .95), rgba(8, 13, 24, .92)); border:1px solid var(--pgg-border); box-shadow: 0 0 0 1px rgba(66,88,128,.3) inset, 0 18px 40px rgba(0,0,0,.35); border-radius: 18px; padding: 18px; }
.pgg-enemy-filter-grid { display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; }
.pgg-enemy-filter-grid label { display:flex; flex-direction:column; gap:6px; }
.pgg-enemy-filter-grid span { color:#d8e0f0; font-size:.9rem; font-weight:700; }
.pgg-enemy-filter-grid input, .pgg-enemy-filter-grid select { background: rgba(8,12,20,.9); border:1px solid rgba(90,113,155,.45); color:#f1f4fa; border-radius: 10px; padding: 10px 12px; min-height: 44px; }
.pgg-enemy-filter-actions { margin-top: 14px; display:flex; gap:12px; align-items:center; }
.pgg-enemy-filter-actions button, .pgg-enemy-filter-actions a { border-radius: 999px; padding: 10px 18px; text-decoration:none; font-weight:700; }
.pgg-enemy-filter-actions button { background: linear-gradient(180deg, #2e4d86, #1e3158); color:#fff; border:1px solid rgba(123,157,225,.45); }
.pgg-enemy-filter-actions a { background: transparent; color:#d7b56d; border:1px solid rgba(215,181,109,.35); }
.pgg-enemy-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); gap: 18px; }
.pgg-enemy-card-button { all: unset; cursor:pointer; display:block; }
.pgg-enemy-card-frame { position:relative; min-height: 100%; padding: 12px; border-radius: 18px; background: linear-gradient(180deg, rgba(15,24,40,.94), rgba(8,12,22,.95)); border:1px solid rgba(215,181,109,.3); box-shadow: 0 0 0 1px rgba(72,94,133,.35) inset, 0 18px 26px rgba(0,0,0,.28); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.pgg-enemy-card-frame:before, .pgg-enemy-modal-dialog:before { content:""; position:absolute; inset:7px; border:1px solid rgba(215,181,109,.14); border-radius: 14px; pointer-events:none; }
.pgg-enemy-card-topline { position:absolute; left:14px; right:14px; top:0; height:2px; background: linear-gradient(90deg, transparent, rgba(96,139,219,.75), transparent); }
.pgg-enemy-card-button:hover .pgg-enemy-card-frame { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(90,122,186,.5) inset, 0 22px 34px rgba(0,0,0,.38); }
.pgg-enemy-card.is-boss .pgg-enemy-card-frame { border-color: rgba(191,80,80,.55); }
.pgg-enemy-card.is-elite .pgg-enemy-card-frame { border-color: rgba(128,82,196,.55); }
.pgg-enemy-card-thumb { aspect-ratio:1/1; width:150px; max-width:100%; margin: 0 auto 10px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:12px; border:1px solid rgba(215,181,109,.38); background: radial-gradient(circle at top, rgba(67,79,117,.45), rgba(9,12,20,.9)); }
.pgg-enemy-card-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.pgg-empty-thumb { min-height:150px; }
.pgg-enemy-card h2 { margin: 0 0 8px; font-size:1.2rem; line-height:1.2; text-align:center; color:#f7f3e8; }
.pgg-enemy-card-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.pgg-chip { display:inline-flex; align-items:center; gap:6px; border-radius: 9px; padding: 7px 11px; font-size:.92rem; line-height:1; border:1px solid rgba(255,255,255,.08); background: linear-gradient(180deg, rgba(70,85,130,.78), rgba(48,59,94,.92)); color:#f5f8ff; }
.pgg-chip.is-boss { background: linear-gradient(180deg, rgba(147,48,48,.9), rgba(94,28,28,.95)); border-color: rgba(196,91,91,.45); }
.pgg-chip.is-elite { background: linear-gradient(180deg, rgba(96,56,152,.9), rgba(58,34,98,.96)); border-color: rgba(148,115,205,.45); }
.pgg-chip.is-armor, .pgg-chip.is-attack, .pgg-chip.is-damage, .pgg-chip.is-generic { background: linear-gradient(180deg, rgba(65,87,145,.82), rgba(42,57,96,.96)); }
.pgg-enemy-modal[hidden] { display:none; }
.pgg-enemy-modal { position:fixed; inset:0; z-index:9999; }
.pgg-enemy-modal-overlay { position:absolute; inset:0; background: rgba(4,8,14,.78); backdrop-filter: blur(4px); }
.pgg-enemy-modal-dialog { position:relative; width:min(980px, calc(100% - 28px)); max-height: calc(100vh - 40px); overflow:auto; margin: 20px auto; background: linear-gradient(180deg, rgba(16,24,38,.98), rgba(8,13,24,.98)); border:1px solid rgba(215,181,109,.38); border-radius: 22px; box-shadow: 0 24px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(76,103,161,.38) inset; padding: 18px; }
.pgg-enemy-modal-close { position:absolute; top:14px; right:16px; background:transparent; color:#f8f1df; border:1px solid rgba(215,181,109,.28); border-radius:50%; width:36px; height:36px; font-size:22px; line-height:1; }
.pgg-enemy-modal-stage-switcher-wrap { margin-bottom: 14px; padding-right: 44px; }
.pgg-stage-switcher { display:flex; flex-wrap:wrap; gap:10px; }
.pgg-stage-switcher button { background: linear-gradient(180deg, rgba(29,39,63,.98), rgba(14,20,36,.98)); color:#edf2ff; border:1px solid rgba(215,181,109,.24); border-radius: 12px; padding: 10px 14px; font-weight:700; }
.pgg-stage-switcher button.is-active { background: linear-gradient(180deg, rgba(62,94,166,.96), rgba(33,57,108,.98)); box-shadow: 0 0 0 1px rgba(125,163,239,.45) inset, 0 0 18px rgba(84,125,219,.24); }
.pgg-enemy-modal-body { position:relative; border-radius: 20px; padding: 18px; background: linear-gradient(180deg, rgba(14,21,35,.92), rgba(8,11,19,.96)); border:1px solid rgba(215,181,109,.2); }
.pgg-enemy-modal-title { margin: 0 0 12px; color:#f8f2e3; font-size: clamp(1.8rem, 2.8vw, 2.6rem); }
.pgg-enemy-top { display:grid; grid-template-columns: 150px minmax(0,1fr); gap: 18px; align-items:start; }
.pgg-enemy-image { width:150px; height:150px; border-radius:14px; overflow:hidden; border:1px solid rgba(215,181,109,.38); background: radial-gradient(circle at top, rgba(67,79,117,.45), rgba(9,12,20,.9)); }
.pgg-enemy-image img { width:100%; height:100%; object-fit:cover; }
.pgg-enemy-right { min-width:0; }
.pgg-enemy-tag-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 14px; }
.pgg-enemy-description { color: var(--pgg-muted); margin: 0 0 12px; }
.pgg-enemy-stats { display:grid; gap: 10px; margin-bottom: 14px; background: rgba(13,20,34,.7); border:1px solid rgba(215,181,109,.14); border-radius: 14px; padding: 14px; }
.pgg-stat-row { display:grid; grid-template-columns: 92px 1fr; gap: 10px; align-items:center; }
.pgg-stat-row span { color:#f0f2f8; font-weight:700; letter-spacing:.02em; }
.pgg-stat-bar { height: 12px; background: rgba(21,28,43,.96); border-radius: 999px; overflow:hidden; position:relative; }
.pgg-stat-fill { display:block; height:100%; border-radius:999px; background: linear-gradient(90deg, #e54e45, #ff6656); box-shadow: 0 0 18px rgba(255,105,89,.2); }
.pgg-skills-accordion { margin-top: 14px; border:1px solid rgba(215,181,109,.16); border-radius: 14px; overflow:hidden; background: rgba(8,12,22,.45); }
.pgg-skills-accordion summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 14px 16px; font-weight:800; color:#f6f3e8; background: linear-gradient(180deg, rgba(16,22,36,.98), rgba(11,16,28,.98)); }
.pgg-skills-accordion summary::-webkit-details-marker { display:none; }
.pgg-skills-accordion summary:after { content:'▾'; color: var(--pgg-gold); }
.pgg-skills-accordion[open] summary:after { content:'▴'; }
.pgg-skill-list { padding: 6px 16px 14px; }
.pgg-skill-item { padding: 14px 0; border-top:1px solid rgba(215,181,109,.08); }
.pgg-skill-item:first-child { border-top:0; }
.pgg-skill-item h4 { margin: 0 0 8px; color:#f7f3e8; font-size:1.26rem; }
.pgg-skill-item .pgg-skill-desc { color:#d4ddec; }
.pgg-enemy-lore { margin-top: 14px; padding-top: 14px; border-top:1px solid rgba(215,181,109,.08); color:#bcc7dd; }
.pgg-enemy-empty { background: rgba(10,16,26,.9); border:1px solid rgba(215,181,109,.25); border-radius:18px; padding: 24px; }
@media (max-width: 1080px) { .pgg-enemy-filter-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 700px) {
  .pgg-enemy-filter-grid { grid-template-columns: 1fr 1fr; }
  .pgg-enemy-top { grid-template-columns: 1fr; }
  .pgg-enemy-image { width:150px; margin: 0 auto; }
}
@media (max-width: 520px) { .pgg-enemy-filter-grid { grid-template-columns: 1fr; } }