/* Wiki do Blood Idle (src/ui/wiki.ts) */
.wk-win { width: min(1080px, calc(100vw - 24px)); }
.wk-win > .win-body { padding: 0; }
.wk-layout { display: grid; grid-template-columns: 230px 1fr; height: min(78vh, 760px); }
.wk-side { overflow: auto; padding: 12px 10px; border-right: 1px solid #3a2a20; background: linear-gradient(180deg, #140f0d, #0c0807); }
.wk-search input, .wk-filter input { width: 100%; box-sizing: border-box; padding: 7px 10px; border-radius: 7px; border: 1px solid #3a2a20; background: #0d0908; color: #F3E7D3; font: 500 13px Inter, sans-serif; outline: none; }
.wk-search input:focus, .wk-filter input:focus { border-color: #C98A42; }
.wk-side nav { display: grid; gap: 1px; margin-top: 10px; }
.wk-side h6 { margin: 12px 4px 4px; font: 800 10.5px Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #C98A42; }
.wk-nav { display: block; padding: 6px 8px; border-radius: 6px; font: 600 13px Inter, sans-serif; color: #C6B19A; cursor: pointer; text-decoration: none; }
.wk-nav:hover { background: rgba(255, 106, 0, .08); color: #F3E7D3; }
.wk-nav.on { background: rgba(255, 106, 0, .14); color: #FFC27A; box-shadow: inset 2px 0 0 #FF6A00; }
.wk-sub { display: grid; margin: 2px 0 6px 10px; border-left: 1px solid #3a2a20; }
.wk-sub a { padding: 4px 8px; font: 500 12px Inter, sans-serif; color: #a8957f; cursor: pointer; }
.wk-sub a:hover { color: #F3E7D3; }
.wk-sub a.on { color: #FFC27A; }
.wk-gen { margin: 14px 4px 0; font: 500 10.5px Inter, sans-serif; color: #6f5d4c; }

.wk-main { overflow: auto; padding: 16px 22px 28px; font: 400 14px/1.55 Inter, sans-serif; color: #C6B19A; }
.wk-top { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.wk-back { padding: 3px 10px; border-radius: 6px; border: 1px solid #3a2a20; background: #1a1311; color: #C6B19A; font: 600 12px Inter, sans-serif; cursor: pointer; }
.wk-back:hover { border-color: #C98A42; color: #F3E7D3; }
.wk-crumbs { display: flex; flex-wrap: wrap; gap: 6px; font: 500 12px Inter, sans-serif; color: #6f5d4c; }
.wk-crumbs a { color: #a8957f; cursor: pointer; }
.wk-crumbs a:hover { color: #FFC27A; }
.wk-h1 { margin: 2px 0 4px; font: 700 30px/1.15 "Crimson Pro", Georgia, serif; color: #F3E7D3; }
.wk-lead { margin: 0 0 14px; color: #a8957f; }
.wk-h2 { margin: 22px 0 8px; padding-bottom: 4px; border-bottom: 1px solid #3a2a20; font: 700 20px "Crimson Pro", Georgia, serif; color: #FFC27A; }
.wk-main h3 { margin: 16px 0 6px; font: 700 16px "Crimson Pro", Georgia, serif; color: #F3E7D3; }
.wk-p { margin: 0 0 10px; }
.wk-empty { color: #8f7a64; font-style: italic; }
.wk-main code { padding: 1px 5px; border-radius: 4px; background: #1f1714; color: #FFC27A; font: 600 12.5px ui-monospace, Consolas, monospace; }
.wk-main b, .wk-main strong { color: #F3E7D3; }
.wk-cv { image-rendering: pixelated; vertical-align: middle; }
.wk-btn { display: inline-block; margin-top: 8px; padding: 7px 14px; border-radius: 7px; border: 1px solid #C98A42; background: linear-gradient(180deg, #FF6A00, #b84a00); color: #171313; font: 800 12px Inter, sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.wk-btn:hover { filter: brightness(1.1); }
.wk-moreb { display: block; margin: 12px auto 0; }

/* início */
.wk-hero { padding: 16px 18px; border-radius: 10px; border: 1px solid #67402B; background: radial-gradient(circle at 0% 0%, rgba(255, 106, 0, .18), transparent 60%), linear-gradient(180deg, #1d1411, #0f0a09); }
.wk-hero h3 { margin: 0 0 4px; font-size: 20px; }
.wk-hero p { margin: 0; }
.wk-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.wk-tile { display: grid; grid-template-columns: 52px 1fr; grid-template-rows: auto 1fr; column-gap: 10px; padding: 10px 12px; border-radius: 9px; border: 1px solid #3a2a20; background: linear-gradient(180deg, #1a1311, #0d0908); cursor: pointer; text-decoration: none; }
.wk-tile:hover { border-color: #C98A42; }
.wk-tile-ic { grid-row: span 2; display: grid; place-items: center; width: 52px; height: 52px; }
.wk-tile b { font: 700 15px "Crimson Pro", Georgia, serif; color: #F3E7D3; align-self: end; }
.wk-tile small { font-size: 11.5px; line-height: 1.35; color: #a8957f; }

/* listas e cartões */
.wk-list { display: grid; gap: 6px; }
.wk-row { display: grid; gap: 1px; padding: 8px 12px; border-radius: 8px; border: 1px solid #3a2a20; background: #120d0b; cursor: pointer; text-decoration: none; }
.wk-row:hover { border-color: #C98A42; }
.wk-row b { color: #F3E7D3; font-weight: 600; }
.wk-row small { color: #a8957f; font-size: 12px; }
.wk-row-ic { grid-template-columns: 44px 1fr; align-items: center; column-gap: 10px; }
.wk-row-ic i { grid-row: span 2; display: grid; place-items: center; }
.wk-filter { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
.wk-filter input { max-width: 340px; }
.wk-count { font-size: 12px; color: #8f7a64; white-space: nowrap; }
.wk-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.wk-chips button { padding: 4px 11px; border-radius: 999px; border: 1px solid #3a2a20; background: #1a1311; color: #C6B19A; font: 600 12px Inter, sans-serif; cursor: pointer; }
.wk-chips button:hover { border-color: #C98A42; color: #F3E7D3; }
.wk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.wk-card { display: grid; justify-items: center; align-content: start; gap: 2px; padding: 10px 6px; text-align: center; border-radius: 9px; border: 1px solid #3a2a20; background: radial-gradient(circle at 50% 0%, rgba(255, 106, 0, .07), transparent 60%), linear-gradient(180deg, #1a1311, #0d0908); cursor: pointer; text-decoration: none; }
a.wk-card:hover { border-color: #C98A42; }
.wk-card > i { display: grid; place-items: center; min-height: 40px; }
.wk-card b { font: 700 13.5px/1.2 "Crimson Pro", Georgia, serif; color: #F3E7D3; }
.wk-card small { font-size: 11.5px; color: #a8957f; }
.wk-card.wk-txt { justify-items: start; text-align: left; padding: 10px 12px; }
.wk-card .wk-v { color: #8f7a64; }
.wk-hu-m { display: flex; gap: 2px; justify-content: center; min-height: 36px; }

/* detalhe com ficha */
.wk-detail { display: grid; grid-template-columns: 1fr 260px; gap: 20px; align-items: start; }
.wk-body > .wk-h2:first-child { margin-top: 4px; }
.wk-info { position: sticky; top: 0; border-radius: 10px; border: 1px solid #67402B; background: linear-gradient(180deg, #1a1311, #0d0908); overflow: hidden; }
.wk-portrait { display: flex; justify-content: center; gap: 4px; padding: 14px; background: radial-gradient(circle at 50% 60%, rgba(255, 106, 0, .2), transparent 65%), #120c0a; border-bottom: 1px solid #3a2a20; }
.wk-info dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; margin: 0; padding: 12px 14px; font-size: 13px; }
.wk-info dt { color: #8f7a64; }
.wk-info dd { margin: 0; color: #F3E7D3; font-weight: 600; text-align: right; }
.wk-els { display: flex; flex-wrap: wrap; gap: 6px; }
.wk-els span { padding: 3px 10px; border-radius: 6px; border: 1px solid #3a2a20; background: #120d0b; font-size: 12.5px; text-transform: capitalize; }
.wk-els .weak { border-color: #2f6b3a; color: #8fe0a0; }
.wk-els .res { border-color: #7a2d22; color: #ff9a85; }
.wk-els .imm { border-color: #67402B; color: #C98A42; text-transform: none; }
.wk-loot { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 4px 10px; }
.wk-lr { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 8px; padding: 3px 8px 3px 2px; border-radius: 7px; text-decoration: none; }
.wk-lr[data-go] { cursor: pointer; }
.wk-lr[data-go]:hover { background: rgba(255, 106, 0, .08); }
.wk-lr i { display: grid; place-items: center; width: 34px; height: 34px; }
.wk-lr span { color: #F3E7D3; font-size: 13px; }
.wk-lr small { color: #8f7a64; }
.wk-lr em { font-style: normal; font-weight: 700; font-size: 12px; color: #FFC27A; }
.wk-ul { margin: 0 0 10px; padding-left: 18px; }

/* artigos (HTML gerado por tools/gen_wiki.py) */
.wk-toc { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0 0 14px; padding: 10px 14px; border-radius: 9px; border: 1px solid #3a2a20; background: #120d0b; font-size: 12.5px; }
.wk-toc b { width: 100%; font: 800 10.5px Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #C98A42; }
.wk-toc a { color: #C6B19A; cursor: pointer; }
.wk-toc a:hover { color: #FFC27A; }
.wk-art h2 { margin: 24px 0 8px; padding-bottom: 4px; border-bottom: 1px solid #3a2a20; font: 700 21px "Crimson Pro", Georgia, serif; color: #FFC27A; scroll-margin-top: 8px; }
.wk-art h3 { margin: 16px 0 6px; }
.wk-art p { margin: 0 0 10px; }
.wk-art ul, .wk-art ol { margin: 0 0 10px; padding-left: 20px; }
.wk-art li { margin: 2px 0; }
.wk-art a, .wk-link, .wk-ref { color: #FF8A3A; cursor: pointer; text-decoration: none; border-bottom: 1px dotted rgba(255, 138, 58, .5); }
.wk-art a:hover { color: #FFC27A; }
.wk-ref { display: inline-flex; align-items: center; gap: 3px; border: 0; }
.wk-ii, .wk-mi, .wk-si, .wk-lr-ic { display: inline-grid; place-items: center; vertical-align: middle; font-style: normal; }
.wk-ii canvas, .wk-mi canvas { width: 24px !important; height: 24px !important; }
.wk-art i[data-look] { display: inline-grid; vertical-align: middle; }
.wk-img { max-width: 100%; border-radius: 8px; border: 1px solid #3a2a20; image-rendering: pixelated; }
.wk-tablewrap { overflow-x: auto; margin: 8px 0 14px; border-radius: 9px; border: 1px solid #3a2a20; }
.wk-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wk-table th { padding: 7px 10px; text-align: left; background: #1d1411; color: #C98A42; font: 800 11px Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.wk-table td { padding: 6px 10px; border-top: 1px solid #2a1e18; }
.wk-table tr:nth-child(even) td { background: rgba(255, 255, 255, .015); }
.wk-call { margin: 10px 0 14px; padding: 10px 14px; border-radius: 8px; border: 1px solid #3a2a20; border-left-width: 3px; background: #120d0b; }
.wk-call p:last-child { margin-bottom: 0; }
.wk-call-tip { border-left-color: #FF6A00; }
.wk-call-info { border-left-color: #C98A42; }
.wk-call-warn { border-left-color: #e0413a; background: #1a0d0b; }
.wk-call-idle { border-left-color: #6fb07a; }
.wk-more { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 26px; padding-top: 12px; border-top: 1px solid #3a2a20; font-size: 13px; }
.wk-more b { width: 100%; color: #C98A42; font: 800 10.5px Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.wk-more a { color: #C6B19A; cursor: pointer; }
.wk-more a:hover { color: #FFC27A; }
.wk-widget { margin: 8px 0 14px; }
.wk-calc { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 10px 14px; border-radius: 9px; border: 1px solid #3a2a20; background: #120d0b; }
.wk-calc input { width: 90px; margin-left: 6px; padding: 5px 8px; border-radius: 6px; border: 1px solid #3a2a20; background: #0d0908; color: #F3E7D3; font: 600 13px Inter, sans-serif; }

@media (max-width: 760px) {
  .wk-layout { grid-template-columns: 1fr; height: 80vh; }
  .wk-side { display: none; }
  .wk-detail { grid-template-columns: 1fr; }
  .wk-info { position: static; order: -1; }
}