/* wiki.html 전용 스타일 — 인라인 <style> 3블록을 분리(2026-09-02). 로드 순서: style.css 이후 */
    /* ── 레이아웃: 좌측 목차 + 우측 본문 ───────────────────── */
    .wk-wrap{ padding:var(--sp-6) 0 var(--sp-8); }
    .wk-layout{ display:grid; grid-template-columns:264px minmax(0,1fr); gap:var(--sp-7); align-items:start; }
    .wk-sidebar{ position:sticky; top:88px; max-height:calc(100vh - 112px); overflow-y:auto; padding-right:4px; }
    .wk-search{ width:100%; margin-bottom:var(--sp-4); }
    .wk-select{
      display:none; width:100%; margin-bottom:var(--sp-5);
      font:inherit; font-size:var(--fs-sm); padding:10px 12px;
      border:1px solid var(--line-2); border-radius:var(--r-sm);
      background:var(--bg); color:var(--ink);
    }
    .wk-toc__group{ margin-bottom:var(--sp-4); background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--r-md); padding:12px 14px; }
    .wk-toc__heading{ font-size:var(--fs-h3); font-weight:800; color:var(--ink); margin:0 0 8px; padding:0; letter-spacing:.06em; }
    .wk-toc__link{ display:block; padding:7px 8px; margin-left:-8px; border-radius:var(--r-xs); color:var(--ink-2); font-size:13px; font-weight:500; text-decoration:none; line-height:1.5; }
    .wk-toc__link:not(.wk-toc__link--sub)::before{ content:"•"; margin-right:7px; color:var(--ink-4); }
    .wk-stat-glyph{ display:inline-block; vertical-align:middle; height:14px; width:auto; vertical-align:-2px; image-rendering:pixelated; }
    .wk-stat-line{ white-space:nowrap; }
    .wk-toc__link:hover{ background:var(--bg-soft); color:var(--ink); }
    .wk-toc__link.is-active{ background:var(--green-tint); color:var(--green-deep); font-weight:700; }
    .wk-toc__link--sub{ padding-left:24px; font-size:var(--fs-sm); }
    /* 하위 카테고리 접기/펼치기 */
    .wk-toc__row{ display:flex; align-items:center; gap:2px; }
    .wk-toc__row .wk-toc__link{ flex:1; min-width:0; }
    .wk-toc__toggle{
      flex:none; width:30px; height:30px; padding:0; border:0; cursor:pointer;
      background:none; color:var(--ink-4); border-radius:var(--r-xs);
      display:flex; align-items:center; justify-content:center;
    }
    .wk-toc__toggle:hover{ background:var(--bg-soft); color:var(--ink); }
    .wk-toc__toggle::before{ content:"▸"; font-size:17px; line-height:1; transition:transform .15s ease; }
    .wk-toc__row.is-open .wk-toc__toggle::before{ transform:rotate(90deg); }
    .wk-toc__subs[hidden]{ display:none; }
    /* ── 가이드 본문 ───────────────────────────────────────── */
    .wk-doc{ scroll-margin-top:96px; min-width:0; }
    .wk-cube-skill{ border:1px solid var(--line); border-radius:var(--r-md); background:var(--bg-soft); margin:0 0 10px; }
    .wk-cube-skill summary{ cursor:pointer; padding:12px 16px; font-size:var(--fs-base); user-select:none; }
    .wk-cube-skill summary::marker{ color:var(--green); }
    .wk-cube-skill__meta{ font-size:var(--fs-xs); color:var(--ink-4); margin-left:6px; }
    .wk-cube-skill[open] summary{ border-bottom:1px solid var(--line-2); }
    .wk-cube-skill__desc{ margin:12px 16px 0; font-size:var(--fs-base); color:var(--ink-2); }
    .wk-cube-skill > ul{ margin:10px 16px 8px; }
    .wk-cube-skill .wk-cube-fx{ margin:10px 16px 14px; max-width:520px; }
    .wk-cube-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; margin:0 0 var(--sp-5); }
    .wk-cube-fx{ margin:0; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; background:var(--bg-soft); }
    .wk-cube-fx img, .wk-cube-fx video{ width:100%; height:auto; display:block; }
    .wk-cube-fx figcaption{ padding:8px 12px; font-size:var(--fs-sm); font-weight:700; color:var(--ink); text-align:center; }
    .wk-doc[hidden]{ display:none; }
    .wk-doc__crumb{ font-size:var(--fs-xs); color:var(--green); margin:0 0 8px; letter-spacing:.06em; }
    .wk-doc__title{ font-size:var(--fs-h2); line-height:var(--lh-tight); margin:0 0 var(--sp-3); }
    .wk-sum{
      border:1px solid var(--green-line); background:var(--green-tint);
      border-radius:var(--r-md); padding:12px 16px; margin:0 0 var(--sp-5);
      font-size:var(--fs-sm); line-height:var(--lh-base); color:var(--ink-2);
    }
    .wk-doc h2{ font-size:var(--fs-h2); margin:var(--sp-6) 0 var(--sp-3); padding-bottom:8px; border-bottom:1px solid var(--line); line-height:var(--lh-tight); }
    .wk-doc h3{ font-size:var(--fs-h3); margin:var(--sp-5) 0 var(--sp-2); }
    .wk-hr{ border:0; border-top:1px dashed var(--line-2); margin:var(--sp-6) 0; }
    .wk-hr--skill{ margin:34px 0; }
    .wk-skill-lead{ font-size:1.35em; font-weight:800; margin:2px 0 16px; }
    .wk-skill-group{ font-size:1.22em; font-weight:700; margin:0 0 10px; }
    /* ── 마인크래프트식 아이템 툴팁 ── */
    [data-mc]{ cursor:help; }
    .wk-ing{ white-space:nowrap; cursor:help; }
    .wk-ing__img{ width:20px; height:20px; image-rendering:pixelated; vertical-align:-4px; margin-right:4px; display:inline-block; }
    
    .mc-tip{
      position:fixed; z-index:2000; display:none; pointer-events:none; max-width:min(360px, 90vw);
      background:rgba(16,0,16,.96); border:2px solid; border-image:linear-gradient(#2f0a64,#1d0440) 1;
      outline:2px solid #100010; padding:5px 9px 6px;
      font-size:13.5px; line-height:1.55; letter-spacing:.01em; word-break:keep-all;
    }
    .mc-tip__name{ margin-bottom:2px; }
    .mc-tip__line{ min-height:1.2em; }
    .wk-doc p{ font-size:var(--fs-base); color:var(--ink-2); line-height:var(--lh-base); margin:0 0 var(--sp-3); }
    .wk-doc ul, .wk-doc ol:not(.wk-steps){ margin:0 0 var(--sp-4); padding-left:22px; }
    .wk-doc li{ font-size:var(--fs-base); color:var(--ink-2); line-height:var(--lh-base); margin-bottom:4px; }
    .wk-doc code{ background:var(--green-tint); border:1px solid var(--green-line); border-radius:4px; padding:1px 6px; font-size:.92em; color:var(--green-deep); word-break:break-all; }
    .wk-doc table{ width:100%; border-collapse:collapse; margin:0 0 var(--sp-5); font-size:var(--fs-sm); display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .wk-doc th, .wk-doc td{ border:1px solid var(--line-2); padding:8px 10px; text-align:left; vertical-align:top; line-height:1.7; word-break:break-word; }
    .wk-doc th{ background:var(--bg-soft); color:var(--ink); }
    .wk-skill-tb th:first-child, .wk-skill-tb td:first-child{ white-space:nowrap; }
    /* ── 사용법 스텝 (번호 목록) ───────────────────────────── */
    .wk-steps{ list-style:none; counter-reset:wk; margin:0 0 var(--sp-5); padding:0; }
    .wk-steps li{ counter-increment:wk; position:relative; padding-left:40px; margin:0 0 12px; font-size:var(--fs-base); color:var(--ink-2); line-height:var(--lh-base); }
    .wk-steps li::before{
      content:counter(wk); position:absolute; left:0; top:1px;
      width:26px; height:26px; border-radius:50%; text-align:center; line-height:24px;
      background:var(--green); border:1px solid var(--green-deep);
      color:var(--accent-ink); font-weight:800; font-size:var(--fs-sm);
      box-shadow:0 1px 4px rgba(0,0,0,.35);
    }
    .wk-steps--card > li{ background:var(--bg-soft); border:1px solid var(--line-2); border-radius:var(--r-sm);
      padding:12px 14px 12px 50px; margin:0 0 10px; }
    .wk-steps--card > li::before{ left:12px; top:11px; }
    /* ── 팁/주의 박스 ─────────────────────────────────────── */
    .wk-note{
      border:1px solid var(--line-2); border-left:3px solid var(--green);
      background:var(--bg-soft); border-radius:var(--r-sm);
      padding:12px 16px; margin:var(--sp-4) 0 var(--sp-5);
      font-size:var(--fs-sm); color:var(--ink-2); line-height:var(--lh-base);
    }
    .wk-note b{ color:var(--green-deep); margin-right:6px; }
    /* 명령어 카드 — 안내 노트 여러 개를 하나로 묶어 강조 (2026-09-14) */
    .wk-cmdcard{
      border:1px solid var(--green-line); border-left:4px solid var(--green);
      background:var(--green-tint); border-radius:var(--r-md);
      padding:14px 18px; margin:var(--sp-4) 0 var(--sp-5);
    }
    .wk-cmdcard__title{ font-weight:700; color:var(--green-deep); font-size:var(--fs-base); margin-bottom:10px; }
    .wk-cmdcard__row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:8px 0; border-top:1px dashed var(--green-line); }
    .wk-cmdcard__row:first-of-type{ border-top:0; }
    .wk-doc .wk-cmdcard__row code{
      flex:0 0 auto; min-width:110px; text-align:center; font-size:1em; font-weight:700;
      padding:5px 12px; border-radius:6px; background:var(--green-deep); color:#fff; border:0;
    }
    /* 순위별 효과 한 줄 배지(무역 순위특전) — 같은 폭의 알약, 순위 좌측 고정 + 효과 가운데 정렬 */
    .wk-rank-line{ display:flex; align-items:center; width:100%; max-width:560px; box-sizing:border-box; padding:5px 16px; border-radius:999px;
      background:var(--green); border:1px solid var(--green-deep); color:var(--accent-ink); font-size:var(--fs-sm); line-height:1.6; white-space:nowrap; }
    .wk-rank-line b{ flex:0 0 132px; display:flex; align-items:center; gap:6px; color:inherit; font-weight:800; border-right:1px solid rgba(0,0,0,.25); margin-right:8px; }
    .wk-rank-line__crown{ display:inline-block; width:24px; height:20px; image-rendering:pixelated; flex:none; }
    .wk-rank-line__fx{ flex:1 1 auto; text-align:center; }
    .wk-rank-line__ico{ display:inline-block; width:20px; height:20px; image-rendering:pixelated; vertical-align:-5px; margin:0 2px 0 4px; }
    .wk-cmdcard__row span{ font-size:var(--fs-sm); color:var(--ink-2); line-height:var(--lh-base); }
    .wk-fold__empty{ margin:0; padding:10px 4px; font-size:var(--fs-sm); color:var(--ink-3, var(--ink-2)); }
    /* ── 접기(details) ────────────────────────────────────── */
    .wk-fold{ border:1px solid var(--line); border-radius:var(--r-sm); margin:0 0 var(--sp-4); background:var(--bg); }
    .wk-fold summary{ cursor:pointer; padding:10px 14px; font-size:var(--fs-sm); font-weight:700; color:var(--green-deep); list-style:none; }
    .wk-fold summary::-webkit-details-marker{ display:none; }
    .wk-fold summary::before{ content:"▸ "; }
    .wk-fold[open] summary::before{ content:"▾ "; }
    .wk-fold__body{ padding:2px 14px 6px; }
    .wk-fold__body table{ margin-bottom:var(--sp-3); }
    /* ── 멤버십 혜택 목록 ─────────────────────────────────── */
    .wk-benefits{ list-style:disc; }
    .wk-benefits li{ margin-bottom:10px; }
    /* ── 가로 탭 (버튼 나열 + 아래로 펼침) ─────────────────── */
    .wk-tabs{ display:block !important; width:100%; }
    .wk-tabs__panel{ width:100%; box-sizing:border-box; }
    .wk-tabs__btns{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 var(--sp-3); }
    .wk-tabs__btn{
      display:inline-flex; align-items:center; gap:6px; cursor:pointer;
      padding:8px 14px; font-size:var(--fs-sm); font-weight:700; color:var(--green-deep);
      border:1px solid var(--line); border-radius:var(--r-sm); background:var(--bg);
      font-family:inherit;
    }
    .wk-tabs__btn::after{ content:"▸"; opacity:.7; }
    .wk-tabs__btn.is-open::after{ content:"▾"; }
    .wk-tabs__btn.is-open{ background:var(--green-deep); color:#fff; }
    .wk-tabs__panel{ border:1px solid var(--line); border-radius:var(--r-sm); background:var(--bg); padding:10px 14px 6px; margin:0 0 var(--sp-4); }
    .wk-tabs__panel[hidden]{ display:none; }
    .wk-tabs__panel table{ margin-bottom:var(--sp-3); }
    /* 순위 버튼 1줄 10개(모바일 5x2) (무역 순위 보상, 2026-09-14) */
    .wk-tabs__btns--grid5{ display:grid; grid-template-columns:repeat(10, minmax(0,1fr)); gap:6px; }
    .wk-tabs__btns--grid5 .wk-tabs__btn{ justify-content:center; padding:10px 2px; white-space:nowrap; font-size:var(--fs-xs, .85em); }
    .wk-tabs__btns--grid5 .wk-tabs__btn::after{ display:none; }
    @media (max-width:560px){ .wk-tabs__btns--grid5{ grid-template-columns:repeat(5, minmax(0,1fr)); } }
    .wk-tabs__btns--grid7{ grid-template-columns:repeat(7, minmax(0,1fr)); }
    @media (max-width:560px){ .wk-tabs__btns--grid7{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
    .wk-doc table.wk-hottime{ display:table; table-layout:fixed; width:100%; font-size:var(--fs-xs, .85em); }
    .wk-hottime th{ text-align:center; vertical-align:bottom; line-height:1.3; padding:8px 4px; }
    .wk-hottime th .wk-icon{ display:inline-block; margin:0 0 4px; }
    .wk-hottime__theme td{ text-align:center; font-weight:600; color:var(--green); }
    .wk-hottime td{ vertical-align:top; padding:8px 3px; overflow:hidden; }
    .wk-doc .wk-hottime td ul{ margin:0; padding:0; list-style:none; }
    .wk-doc .wk-hottime td li{ margin:3px 0; white-space:nowrap; font-size:14px; letter-spacing:-.02em; line-height:1.4; display:flex; align-items:center; gap:4px; }
    .wk-doc .wk-hottime .wk-hottime__ico{ width:18px; height:18px; flex:0 0 18px; margin:0; image-rendering:pixelated; }
    @media (max-width:720px){ .wk-doc table.wk-hottime{ display:block; overflow-x:auto; } .wk-hottime th, .wk-hottime td{ min-width:150px; } }
    .wk-item-cell--head{ display:flex; align-items:center; gap:8px; margin:0 0 8px; font-weight:600; }
    /* 2열 표를 좌우 두 벌로 나란히 (아이템|값||아이템|값) */
    /* 라이브 가격 변동률 표기 (요리·무역) */
    .wk-delta{ font-size:.85em; font-weight:700; white-space:nowrap; }
    .wk-delta--up{ color:#2F9E5F; } .wk-delta--down{ color:#E06666; } .wk-delta--flat{ color:var(--ink-3, #8a8a8a); }
    .wk-live{ display:block; margin-top:4px; }
    .wk-doc .wk-table--pair .wk-gap{ width:28px; min-width:28px; padding:0; border:1px solid var(--line-2); background:var(--bg-soft); }
    /* ── 아이템 아이콘 (Nexo 텍스처) ──────────────────────── */
    .wk-icon{ width:32px; height:32px; image-rendering:pixelated; display:block; }
    .wk-icon--render{ width:80px; height:80px; image-rendering:auto; }
    .wk-doc td.wk-icon-cell:has(.wk-icon--render){ width:96px; }
    .wk-doc td.wk-icon-cell{ text-align:center; vertical-align:middle; width:48px; }
    .wk-doc td.wk-item-cell{ vertical-align:middle; }
    .wk-item-cell .wk-icon{ display:inline-block; vertical-align:middle; margin-right:9px; }
    .wk-item-cell__name{ vertical-align:middle; display:inline-block; }
    
    .wk-doc td.wk-price{ white-space:nowrap; }
    .wk-opt-p{ color:var(--ink-4, #999); font-size:.84em; }
    .wk-mat{ text-decoration:underline; text-underline-offset:3px; cursor:pointer; color:var(--green-deep); }
    .wk-mat:hover{ color:var(--green); }
    .wk-matmodal{ position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); padding:24px; }
    .wk-matmodal[hidden]{ display:none; }
    .wk-matmodal__card{ background:var(--bg); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px 26px 20px; max-width:340px; width:100%; text-align:center; box-shadow:0 16px 48px rgba(0,0,0,.28); }
    .wk-matmodal__icon{ width:52px; height:52px; image-rendering:pixelated; margin:0 auto 10px; display:block; }
    .wk-matmodal__name{ font-weight:700; font-size:var(--fs-h3); margin:0 0 8px; }
    .wk-matmodal__src{ color:var(--ink-2); font-size:var(--fs-sm); line-height:1.8; margin:0; }
    .wk-matmodal__close{ font:inherit; font-size:var(--fs-sm); margin-top:16px; padding:8px 22px; cursor:pointer; border:1px solid var(--line-2); border-radius:var(--r-sm); background:var(--bg-soft); color:var(--ink-2); }
    .wk-matmodal__close:hover{ background:var(--green-tint); color:var(--green-deep); border-color:var(--green-line); }
    /* ── 미리보기 탭 ──────────────────────────────────────── */
    .wk-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 var(--sp-3); }
    .wk-tab{
      font:inherit; font-size:var(--fs-sm); padding:8px 14px; cursor:pointer;
      border:1px solid var(--line-2); border-radius:var(--r-sm);
      background:var(--bg); color:var(--ink-2);
    }
    .wk-tab:hover{ background:var(--bg-soft); color:var(--ink); }
    .wk-tab.is-active{ background:var(--green-tint); border-color:var(--green-line); color:var(--green-deep); font-weight:700; }
    /* ── 레벨 계산기 ──────────────────────────────────────── */
    .wk-calc{ border:1px solid var(--line); border-radius:var(--r-lg); background:var(--bg-soft); padding:var(--sp-4); margin:0 0 var(--sp-5); }
    .wk-calc__row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
    .wk-calc__label{ font-size:var(--fs-sm); font-weight:700; color:var(--ink); }
    .wk-calc__input{ width:150px; }
    .wk-calc__msg{ margin:12px 0 0; font-size:var(--fs-sm); color:var(--ink-2); }
    .wk-calc__msg b{ color:var(--green-deep); }
    .wk-calc__results{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-3); margin-top:var(--sp-3); }
    .wk-calc__card{ background:var(--bg); border:1px solid var(--line-2); border-radius:var(--r-sm); padding:12px 14px; }
    .wk-calc__card span{ display:block; font-size:var(--fs-xs); color:var(--ink-2); margin-bottom:4px; }
    .wk-calc__card b{ font-size:var(--fs-h3); color:var(--green-deep); line-height:1.3; word-break:break-all; }
    @media (max-width:560px){ .wk-calc__results{ grid-template-columns:1fr; } }
    /* ── 이미지 · 비디오 ──────────────────────────────────── */
    .wk-fig{ margin:0 0 var(--sp-5); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; background:var(--bg-soft); }
    .wk-fig img, .wk-fig video{ display:block; width:100%; height:auto; }
    .wk-media2{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3); margin:0 0 var(--sp-5); }
    .wk-media2 .wk-fig{ margin:0; }
    .wk-media2 img, .wk-media2 video{ aspect-ratio:16/10; object-fit:cover; }
    /* ── 치장 착용 모습 갤러리 (앞|뒤 합성 이미지) ───────── */
    .wk-wear{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-4); margin:0 0 var(--sp-5); }
    .wk-wear--1{ grid-template-columns:1fr; max-width:560px; }
    .wk-wear__fig{ margin:0; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; background:var(--bg-soft); }
    .wk-wear__fig img{ display:block; width:100%; height:auto; }
    .wk-wear__fig figcaption{ display:flex; justify-content:space-between; gap:8px; align-items:baseline; padding:10px 12px; font-size:var(--fs-sm); color:var(--ink-2); }
    .wk-wear__fig figcaption span{ font-size:var(--fs-xs); color:var(--ink-4); white-space:nowrap; }
    @media (max-width:560px){ .wk-wear{ grid-template-columns:1fr; } }
    /* ── 가로 스크롤바: 평소 숨김, 올렸을 때만 얇게 ───────── */
    .wk-doc table, .dg-chips, .wk-sidebar{ scrollbar-width:thin; scrollbar-color:transparent transparent; }
    .wk-doc table:hover, .dg-chips:hover, .wk-sidebar:hover{ scrollbar-color:var(--line-2) transparent; }
    .wk-doc table::-webkit-scrollbar, .dg-chips::-webkit-scrollbar, .wk-sidebar::-webkit-scrollbar{ width:6px; height:6px; background:transparent; }
    .wk-doc table::-webkit-scrollbar-track, .dg-chips::-webkit-scrollbar-track, .wk-sidebar::-webkit-scrollbar-track{ background:transparent; }
    .wk-doc table::-webkit-scrollbar-thumb, .dg-chips::-webkit-scrollbar-thumb, .wk-sidebar::-webkit-scrollbar-thumb{ background:transparent; border-radius:999px; }
    .wk-doc table:hover::-webkit-scrollbar-thumb, .dg-chips:hover::-webkit-scrollbar-thumb, .wk-sidebar:hover::-webkit-scrollbar-thumb{ background:var(--line-2); }
    /* ── 반응형 ───────────────────────────────────────────── */
    @media (max-width:960px){
      .wk-layout{ grid-template-columns:1fr; gap:var(--sp-5); }
      .wk-sidebar{ position:static; max-height:none; overflow:visible; padding-right:0; }
      .wk-search, .wk-toc{ display:none; }
      .wk-select{ display:block; }
    }
    @media (max-width:560px){
      .wk-media2{ grid-template-columns:1fr; }
      .wk-doc table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
      .wk-doc th, .wk-doc td{ min-width:88px; }
    }
    /* ── 위키 페이지: 공통 푸터 숨김 — 문서 끝이 페이지 끝 ── */
    .ng-footer{ display:none; }
    /* ── 이전/다음 가이드 네비 ────────────────────────────── */
    .wk-pagenav{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3); margin-top:var(--sp-6); padding-top:var(--sp-5); border-top:1px solid var(--line); }
    .wk-pagenav__link{ display:block; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--bg-soft); padding:14px 16px; text-decoration:none; transition:border-color .15s; }
    .wk-pagenav__link:hover{ border-color:var(--green-deep); }
    .wk-pagenav__link--next{ text-align:right; grid-column:2; }
    .wk-pagenav__dir{ display:block; font-size:var(--fs-xs); color:var(--ink-3); margin-bottom:4px; }
    .wk-pagenav__title{ display:block; font-size:var(--fs-sm); font-weight:700; color:var(--ink); }
    .wk-pagenav__link:hover .wk-pagenav__title{ color:var(--green-deep); }
    @media (max-width:560px){ .wk-pagenav{ grid-template-columns:1fr; } .wk-pagenav__link--next{ grid-column:auto; text-align:right; } }

    .dg-intro{ padding:var(--sp-5) 0 0; }
    .dg-note{
      border:1px solid var(--green-line); background:var(--green-tint);
      border-radius:var(--r-md); padding:14px 18px;
      font-size:var(--fs-sm); color:var(--ink-2); line-height:var(--lh-base);
    }
    .dg-note b{ color:var(--green-deep); }
    .dg-chips__hint{ font-size:var(--fs-sm); color:var(--ink-2); margin:var(--sp-4) 0 0; }
    .dg-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:var(--sp-4) 0 0; position:sticky; top:72px; z-index:5;
      background:var(--bg); padding:10px 0; }
    .dg-chip{ display:inline-block; padding:8px 14px; border:1px solid var(--line-2); border-radius:999px;
      color:var(--ink-2); font-size:var(--fs-sm); text-decoration:none; background:var(--bg-soft); white-space:nowrap; }
    .dg-chip:hover{ border-color:var(--green); color:var(--green); }
    .dg-chip.is-active{ border-color:var(--green); color:var(--green); background:var(--green-tint); font-weight:700; }
    .dg-section{ padding:var(--sp-6) 0 var(--sp-4); scroll-margin-top:130px; }
    .dg-section__title{ font-size:var(--fs-h2); margin:0 0 6px; }
    .dg-section__tag{ font-size:var(--fs-xs); color:var(--ink-4); letter-spacing:.1em; vertical-align:middle; margin-left:6px; }
    .dg-section__desc{ color:var(--ink-2); font-size:var(--fs-base); margin:0 0 10px; }
    .dg-section__meta{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:var(--sp-4); }
    .dg-pill{ display:inline-block; padding:6px 12px; border:1px solid var(--line-2); border-radius:999px;
      background:var(--bg-soft); font-size:var(--fs-xs); color:var(--ink-2); }
    .dg-pill b{ color:var(--green); }
    .dg-pill i{ color:var(--ink-4); font-style:normal; }
    .dg-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:var(--sp-4); }
    .dg-card{ border:1px solid var(--line); border-radius:var(--r-lg); background:var(--bg-soft); overflow:hidden;
      display:flex; flex-direction:column; }
    .dg-card__portrait{ display:flex; align-items:center; justify-content:center; padding:18px 0 6px; min-height:150px;
      background:radial-gradient(ellipse at center 70%, var(--green-tint) 0%, transparent 70%); }
    .dg-card__img{ width:160px; height:160px; object-fit:contain; image-rendering:auto;
      filter:drop-shadow(0 10px 14px rgba(0,0,0,.35)); }
    .dg-card__emoji{ font-size:96px; line-height:150px; filter:drop-shadow(0 10px 14px rgba(0,0,0,.35)); }
    .dg-card__body{ padding:14px 16px 16px; }
    .dg-card__name{ font-size:var(--fs-h3); margin:0 0 10px; }
    .dg-card__lv{ font-size:var(--fs-xs); color:var(--green); border:1px solid var(--green-line);
      border-radius:999px; padding:3px 9px; vertical-align:middle; margin-left:6px; background:var(--green-tint); }
    .dg-stats{ width:100%; border-collapse:collapse; font-size:var(--fs-xs); margin:0 0 12px; }
    .dg-stats th,.dg-stats td{ border:1px solid var(--line-2); padding:5px 8px; text-align:center; }
    .dg-stats th{ background:var(--bg); color:var(--ink-4); font-weight:500; }
    .dg-stats td{ color:var(--ink-2); }
    .dg-stats td:first-child{ color:var(--green); font-weight:700; }
    .dg-card__droplabel{ font-size:var(--fs-sm); color:var(--ink); font-weight:700; margin:0 0 6px; }
    .dg-card__droplabel span{ color:var(--ink-4); font-weight:400; font-size:var(--fs-xs); }
    .dg-loot summary.dg-card__droplabel{ cursor:pointer; list-style:none; user-select:none;
      display:flex; align-items:center; gap:6px; padding:6px 8px; margin:0;
      border:1px solid var(--line-2); border-radius:var(--r-sm); background:var(--bg); }
    .dg-loot summary.dg-card__droplabel::-webkit-details-marker{ display:none; }
    .dg-loot summary.dg-card__droplabel span{ flex:1; }
    .dg-loot summary.dg-card__droplabel::after{ content:'▾'; color:var(--ink-4);
      transition:transform .15s ease; }
    .dg-loot[open] summary.dg-card__droplabel{ margin-bottom:6px; }
    .dg-loot[open] summary.dg-card__droplabel::after{ transform:rotate(180deg); }
    .dg-drops{ list-style:none; margin:0; padding:0; }
    .dg-drop{ display:flex; align-items:center; gap:8px; padding:6px 8px; border:1px solid var(--line-2);
      border-radius:var(--r-sm); margin-bottom:6px; background:var(--bg); }
    .dg-drop__icon{ width:28px; height:28px; image-rendering:pixelated; flex:none; }
    .dg-drop__icon--empty{ display:inline-flex; align-items:center; justify-content:center; font-size:18px; }
    .dg-drop__name{ flex:1; font-size:var(--fs-sm); color:var(--ink-2); min-width:0; }
    .dg-drop__count{ color:var(--ink-4); font-size:var(--fs-xs); }
    .dg-drop__chance{ flex:none; font-size:var(--fs-xs); font-weight:700; color:var(--green); background:var(--green-tint);
      border:1px solid var(--green-line); border-radius:999px; padding:3px 9px; }
    .dg-drop--tip{ position:relative; cursor:help; }
    .dg-drop--tip:hover,.dg-drop--tip:focus-visible{ border-color:var(--green); }
    .dg-tip{ display:none; position:absolute; left:10px; bottom:calc(100% + 8px); z-index:30;
      background:rgba(16,0,16,.96); border:2px solid #25015B; box-shadow:inset 0 0 0 1px #100010, 0 6px 16px rgba(0,0,0,.45);
      border-radius:4px; padding:8px 12px; max-width:320px; width:max-content; pointer-events:none;
      font-family:'Galmuri9','Noto Sans KR',sans-serif; font-size:13px; line-height:1.5; color:#FFF; }
    .dg-drop--tip:hover .dg-tip,.dg-drop--tip:focus-visible .dg-tip{ display:block; }
    .dg-tip__name{ margin-bottom:3px; }
    .dg-tip__line{ color:#AAAAAA; white-space:pre-wrap; }
    .mc-glyph{ height:1.15em; width:auto; image-rendering:pixelated; vertical-align:-0.2em; }
    @media (max-width:640px){ .dg-tip{ left:0; max-width:min(320px, 88vw); } }
    .dg-drops--none{ font-size:var(--fs-sm); color:var(--ink-4); margin:0; }
    @media (max-width:640px){ .dg-chips{ top:60px; overflow-x:auto; flex-wrap:nowrap; } }

    .cs-howto{ font-size:var(--fs-base); color:var(--ink-2); margin:var(--sp-4) 0 var(--sp-3); }
    .cs-howto code{ background:var(--green-tint); border:1px solid var(--green-line); border-radius:4px; padding:1px 6px; color:var(--green-deep); }
    .cs-howto__fig{ margin:0 0 var(--sp-4); }
    .cs-howto__fig img{ max-width:520px; width:100%; border-radius:var(--r-md); border:1px solid var(--line); image-rendering:pixelated; }
    .cs-divider{ border:0; border-top:2px solid var(--green-line); margin:var(--sp-5) 0; }
    .cs-subtitle{ font-size:var(--fs-h3); margin:0 0 var(--sp-2); }
    .cs-filters{ border:1px solid var(--line); border-radius:var(--r-md); background:var(--bg-soft);
      margin:var(--sp-5) 0; overflow:hidden; }
    .cs-filters__head{ padding:10px 14px; font-size:var(--fs-sm); font-weight:700; color:var(--green-deep);
      background:var(--green-tint); border-bottom:1px solid var(--line-2); }
    .cs-filters__row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:10px 14px; }
    .cs-filters__row + .cs-filters__row{ border-top:1px solid var(--line-2); }
    .cs-filters__label{ flex:none; width:52px; font-size:var(--fs-sm); font-weight:700; color:var(--ink); }
    .cs-chip{ padding:8px 16px; border:1px solid var(--line-2); border-radius:999px; background:var(--bg-soft);
      color:var(--ink-2); font:inherit; font-size:var(--fs-sm); cursor:pointer; }
    .cs-chip.is-active{ border-color:var(--gcolor, var(--green)); color:var(--gcolor, var(--green));
      background:color-mix(in srgb, var(--gcolor, var(--green)) 12%, transparent); font-weight:700; }
    .cs-count{ font-size:var(--fs-xs); color:var(--ink-4); margin:0 0 var(--sp-4); }
    .cs-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding-bottom:var(--sp-8); }
    @media (max-width:640px){ .cs-grid{ grid-template-columns:repeat(2,1fr); } }
    .cs-card{ border:1px solid var(--line); border-top:3px solid var(--gcolor); border-radius:var(--r-md);
      background:var(--bg-soft); text-align:center; padding:14px 8px 12px; }
    .cs-card__img img{ width:88px; height:88px; margin:0 auto; object-fit:contain; filter:drop-shadow(0 6px 8px rgba(0,0,0,.35)); }
    .cs-card__noimg{ font-size:56px; line-height:120px; }
    .cs-card__name{ font-size:var(--fs-sm); color:var(--ink); margin:8px 0 2px; font-weight:700; }
    .cs-card__meta{ font-size:var(--fs-xs); color:var(--ink-4); margin:0; }
    .cs-card__grade{ color:var(--gcolor); font-weight:700; }
    .cs-card.is-hidden{ display:none; }
    .cs-grid:not(.cs-show-all) .cs-card[data-avail="0"]{ display:none; } /* 획득 경로 없는 치장(JS 미동작 시 폴백) */

    /* ===== 누적후원보상 패널 (shop.html 인라인 CSS 이식, 2026-10-04) — .wk-doc ul/li 기본 규칙보다 우선하도록 .wk-doc 접두 ===== */
    .wk-doc .shop-reward__items{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
    .wk-doc .shop-reward__items li{ display:flex; align-items:center; gap:10px; margin:0; font-size:var(--fs-sm); color:var(--ink-2); }
    .wk-doc .shop-reward__items img{ width:34px; height:34px; object-fit:contain; flex:none; }
    .wk-doc .shop-reward__items li.has-tip{ position:relative; cursor:help; }
    .wk-doc .shop-reward__items li.has-tip:hover img,.wk-doc .shop-reward__items li.has-tip:focus-visible img{ filter:drop-shadow(0 0 4px var(--green)); }
    .wk-doc .shop-reward__items li.has-tip .dg-tip{ left:24px; bottom:calc(100% + 6px); }
    .wk-doc .shop-reward__items li.has-tip:hover .dg-tip,.wk-doc .shop-reward__items li.has-tip:focus-visible .dg-tip{ display:block; }
    .shop-reward__tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:var(--sp-4); }
    .shop-reward__tab{ font:inherit; font-size:var(--fs-sm); font-weight:700; padding:10px 16px; border-radius:999px; cursor:pointer;
      border:1px solid var(--line-2); background:var(--bg-soft); color:var(--ink-2); transition:background .15s,color .15s,border-color .15s; }
    .shop-reward__tab:hover{ border-color:var(--green); color:var(--green-deep); }
    .shop-reward__tab.is-active{ background:var(--green); border-color:var(--green); color:#1a160d; }
    .shop-reward__panel{ border:1px solid var(--line-2); border-radius:var(--r-lg); padding:16px 18px; background:var(--bg-soft); margin-bottom:var(--sp-4); }
    .shop-reward__panel[hidden]{ display:none; }
    .shop-reward__meta{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line-2); }
    .shop-reward__meta-amt{ font-weight:700; color:var(--green-deep); }
    .shop-reward__claim{ font-size:var(--fs-xs); font-weight:700; color:var(--ink-3); border:1px solid var(--line-2); border-radius:999px; padding:3px 10px; }
    .shop-reward__gsub{ margin:14px 0 8px; padding-top:10px; border-top:1px solid var(--line-2); font-size:var(--fs-sm); color:var(--ink-3); }
    .shop-reward__gallery{ margin-top:14px; padding-top:12px; border-top:1px solid var(--line-2); display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-4); }
    @media (max-width:900px){ .shop-reward__gallery{ grid-template-columns:repeat(2,1fr); } }
    @media (max-width:560px){ .shop-reward__gallery{ grid-template-columns:1fr; } }
    .shop-reward__gallery--wide{ grid-template-columns:1fr; }
    .shop-reward__gallery--wide img{ padding:0 12px 12px; box-sizing:border-box; }
    .shop-reward__fig--captop figcaption{ padding-bottom:6px; }
    .shop-reward__cap-block{ flex-direction:column; align-items:flex-start; gap:2px; }
    .shop-reward__cap-block span{ font-size:var(--fs-sm); color:var(--ink-3); white-space:normal; }
    .wk-doc .shop-reward__fig{ margin:0; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; background:var(--bg-soft); }
    .wk-doc .shop-reward__fig img{ display:block; width:100%; height:auto; }
    .wk-doc .shop-reward__fig figcaption{ display:flex; justify-content:space-between; gap:8px; align-items:baseline; padding:10px 12px; font-size:var(--fs-sm); color:var(--ink-2); }
    .wk-doc .shop-reward__fig figcaption span{ font-size:var(--fs-xs); color:var(--ink-4); white-space:nowrap; }
    .shop-reward__bound{ font-size:var(--fs-xs); font-weight:700; color:#ff5555; }
    .shop-reward__count{ font-size:var(--fs-xs); color:var(--ink-4); font-weight:700; }
    .shop-reward__hint{ margin:6px 0 0; font-size:var(--fs-xs); color:var(--ink-4); }