.hcwiki { color-scheme: dark; --bg:#14171c; --bg2:#1a1e25; --bg3:#20252e; --line:#2c323c; --fg:#e6e9ef; --fg2:#aab3c0; --fg3:#7c8695; --acc:#6ea8fe; }
.hcwiki h1 { font-size:18px; margin:0 0 12px; font-weight:600; }
.hcwiki h1 span { color:#8a94a3; font-weight:400; font-size:14px; }
.hcwiki .bar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; position:sticky; top:0; padding:10px 0;
          background:var(--bg); z-index:2; border-bottom:1px solid #262b33; }
.hcwiki select, .hcwiki input, .hcwiki button { background:#1d2128; color:var(--fg); border:1px solid #333a44; border-radius:6px; padding:6px 8px; font:inherit; }
.hcwiki button { cursor:pointer; }
.hcwiki #flvl { border-color:#5a6980; }
.hcwiki .grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; margin-top:14px; }
.hcwiki .card { margin:0; padding:8px 6px 6px; background:var(--bg2); border:2px solid var(--rc); border-radius:8px; text-align:center; cursor:pointer; }
.hcwiki .card:hover { background:#1e232c; }
.hcwiki .ic { display:inline-block; width:84px; height:84px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.hcwiki .sec { margin:14px 0; padding:12px 14px; background:var(--bg2); border:1px solid var(--line); border-radius:10px; }
.hcwiki .sec h3 { margin:0 0 10px; font-size:15px; color:var(--acc); font-weight:600; letter-spacing:.2px; }
.hcwiki .sec h3:empty { display:none; }
.hcwiki .chips { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0; }
.hcwiki .chip { display:inline-flex; gap:5px; align-items:baseline; padding:2px 8px; border-radius:12px; background:var(--bg3); border:1px solid var(--line); font-size:12px; color:var(--fg); }
.hcwiki .chip b { color:var(--fg3); font-weight:500; }
.hcwiki .chip b:empty { display:none; }
.hcwiki .chip.hot { border-color:#5a6980; }
.hcwiki .chip.act { border-color:#4b6b4b; }
.hcwiki .chip[style] { border-color:var(--rc); }
.hcwiki .chip[style] b { color:var(--rc); }
.hcwiki .chip.cur { background:var(--rc); color:var(--bg); }
.hcwiki .chip.cur b { color:var(--bg); }
.hcwiki .kv { display:grid; grid-template-columns:minmax(120px,max-content) 1fr; gap:14px; padding:3px 0; border-bottom:1px dotted #262b33; font-size:13px; }
.hcwiki .kv > span:first-child { color:var(--fg3); white-space:nowrap; }
.hcwiki .kv > span:first-child:empty { display:none; }
.hcwiki .kv b { color:#fff; font-weight:600; }
.hcwiki .stat-block { margin:8px 0; }
.hcwiki .stat-title { color:var(--fg2); font-size:12px; text-transform:uppercase; letter-spacing:.5px; margin:10px 0 4px; }
.hcwiki .ab { margin:8px 0; padding:8px 10px 8px 12px; border-left:3px solid #8a94a3; background:var(--bg3); border-radius:0 8px 8px 0; }
.hcwiki .ab.buff { border-left-color:#6cc36c; }
.hcwiki .ab.buff .ab-type { color:#8fd68f; }
.hcwiki .ab.neg { border-left-color:#e06c6c; }
.hcwiki .ab.neg .ab-type { color:#f09a9a; }
.hcwiki .ab.dmg { border-left-color:#e0a45c; }
.hcwiki .ab.dmg .ab-type { color:#f4c184; }
.hcwiki .ab.heal { border-left-color:#5cc8c8; }
.hcwiki .ab.heal .ab-type { color:#8ee0e0; }
.hcwiki .ab-head { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; }
.hcwiki .ab-type { font-weight:700; font-size:13px; letter-spacing:.3px; }
.hcwiki .ab-ext { color:var(--fg2); font-size:12px; }
.hcwiki .ab-id { color:#5b6472; font-size:11px; margin-left:auto; }
.hcwiki .ab-note { color:#c9a24a; font-size:12px; }
.hcwiki .ab-text { margin:6px 0 4px; font-size:14px; color:#f1f3f7; }
.hcwiki .ab .ab { background:#242a34; }
.hcwiki .fold { margin:6px 0 0; }
.hcwiki .fold > summary { cursor:pointer; color:var(--fg2); font-size:12px; user-select:none; padding:3px 0; }
.hcwiki .fold > summary:hover { color:var(--fg); }
.hcwiki .fold[open] > summary { color:var(--acc); }
.hcwiki .fold.big { margin:14px 0; padding:10px 14px; background:var(--bg2); border:1px solid var(--line); border-radius:10px; }
.hcwiki .fold.big > summary { font-size:14px; color:var(--acc); font-weight:600; }
.hcwiki .fold.big > .sec { margin:10px 0 0; padding:0; background:none; border:none; }
.hcwiki .meta { padding:4px 0 2px; }
.hcwiki .tag { display:inline-block; padding:0 6px; margin:1px 4px 1px 0; border-radius:8px; background:#2b3140; font-size:11px; color:var(--fg2); }
.hcwiki code { font:12px/1.4 Consolas,"Cascadia Mono",monospace; color:#cbd3df; }
.hcwiki code.raw { white-space:pre-wrap; overflow-wrap:anywhere; color:#9aa6b8; }
.hcwiki .ab-group { margin-bottom:8px; }
.hcwiki .rune { margin:10px 0; padding:10px; background:var(--bg3); border:1px solid var(--line); border-radius:8px; }
.hcwiki .rune-head { display:flex; gap:10px; align-items:center; }
.hcwiki .rune-ic { width:48px; height:48px; flex:none; }
.hcwiki .rune-name { font-weight:600; font-size:15px; }
.hcwiki .rune-desc { color:var(--fg2); font-size:12px; margin:6px 0; }
.hcwiki .rune-case { margin-top:6px; }
.hcwiki .rune .ab { background:#262c37; }
.hcwiki .sub { color:#8a94a3; }
.hcwiki .roll { color:var(--fg3); font-size:12px; }
.hcwiki .noimg { display:inline-block; width:84px; height:84px; line-height:84px; color:#4d5666; font-size:28px; }
.hcwiki figcaption { margin-top:4px; font-size:11px; color:var(--fg2); overflow-wrap:anywhere; display:flex; flex-direction:column; align-items:center; gap:1px; }
.hcwiki .ty { color:var(--fg3); }
.hcwiki .nm { color:var(--fg); }
.hcwiki .tg { color:#5b6472; font-size:9px; }
.hcwiki .hidden { display:none !important; }
.hcwiki .tabs { display:flex; gap:6px; margin:0 0 10px; }
.hcwiki .tabs button { padding:6px 14px; }
.hcwiki .tabs button.cur { border-color:var(--acc); color:var(--acc); }
.hcwiki .subic svg { width:22px; height:22px; vertical-align:middle; margin-right:4px; }
.hcwiki .var.sub { display:inline-flex; align-items:center; }
.hcwiki .count { color:#8a94a3; }
.hcwiki .page { max-width:1000px; margin:0 auto; }
.hcwiki .page-head { display:flex; gap:16px; align-items:center; margin:8px 0 12px; }
.hcwiki .icbox { display:block; flex:none; border:2px solid var(--rc); border-radius:10px; background-color:var(--bg2); line-height:0; }
.hcwiki .ic.big { width:128px; height:128px; }
.hcwiki .page-head h2 { margin:0 0 4px; font-size:22px; }
.hcwiki .vars { display:flex; gap:6px; flex-wrap:wrap; margin:10px 0; }
.hcwiki .var { border-color:var(--rc); color:var(--rc); background:#171a20; padding:4px 8px; font-size:12px; }
.hcwiki .var.cur { background:var(--rc); color:var(--bg); font-weight:600; }
.hcwiki .item-desc { margin-top:10px; }
.hcwiki .tbl-wrap { overflow-x:auto; }
.hcwiki .tbl { border-collapse:collapse; font-size:12px; width:100%; }
.hcwiki .tbl th, .hcwiki .tbl td { border-bottom:1px solid var(--line); padding:4px 8px; text-align:left; vertical-align:top; }
.hcwiki .tbl th { color:var(--fg3); font-weight:500; }
.hcwiki .try { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.hcwiki .try-title { color:var(--acc); font-weight:600; margin-right:4px; }
.hcwiki .try-set { color:var(--fg2); font-size:13px; display:inline-flex; gap:4px; align-items:center; }
.hcwiki .rune-pick { position:relative; }
.hcwiki .rune-pick button, .hcwiki .rune-opt { display:inline-flex; align-items:center; gap:6px; }
.hcwiki .rune-pick .ic, .hcwiki .rune-opt .ic { width:22px; height:22px; }
.hcwiki .rune-menu { position:absolute; top:100%; left:0; z-index:5; max-height:360px; overflow:auto; min-width:260px; background:#1d2128;
                border:1px solid #333a44; border-radius:6px; box-shadow:0 8px 24px #0009; }
.hcwiki .rune-opt { display:flex; padding:4px 8px; cursor:pointer; white-space:nowrap; }
.hcwiki .rune-opt:hover { background:#2b3140; }
.hcwiki .item-desc { margin-top:10px; }
.hcwiki .tip { position:fixed; z-index:20; max-width:420px; padding:10px 12px; background:#0f1216f2; border:2px solid var(--rc); border-radius:10px;
          box-shadow:0 8px 24px #0009; pointer-events:none; font-size:13px; }
.hcwiki .tip-name { font-weight:700; font-size:15px; color:var(--rc); }
.hcwiki .tip-sub { color:var(--fg2); font-size:12px; margin-bottom:6px; }
.hcwiki .tip-stats .kv { grid-template-columns:max-content 1fr; padding:1px 0; border:none; font-size:12px; }
.hcwiki .tip-stats .stat-title, .hcwiki .tip-stats .chips { margin:4px 0 2px; }
.hcwiki .tip .ab-text { font-size:13px; margin:6px 0 2px; }
.hcwiki .tip-req { margin-top:6px; color:#e0a45c; font-size:12px; }
.hcwiki { color:var(--fg); font:14px/1.45 "Segoe UI",system-ui,sans-serif; }
.hcwiki .ic { object-fit:contain; }
.hcwiki .chip { width:auto; height:auto; justify-content:flex-start; }
.hcwiki .card { transition:none; }
.hcwiki .wiki-h { font-size:18px; margin:0 0 12px; font-weight:600; }
.hcwiki .wiki-h span { color:#8a94a3; font-weight:400; font-size:14px; }