.kb .cat-item.clickable{cursor:pointer;border-radius:var(--radius-sm)}.kb .cat-item.clickable:hover{background:var(--color-surface-raised)}.kb .bd-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.kb .bd-desc{margin:0;line-height:1.5}.kb .bd-meta{margin:0 0 var(--space-3);color:var(--color-text-dim);font-size:var(--font-size-sm)}.kb .bd-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.kb .bd-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.kb .bd-table th,.kb .bd-table td{text-align:right;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:4px 8px}.kb .bd-table th{background:var(--color-surface);color:var(--color-text-dim);white-space:normal;vertical-align:bottom;font-weight:500;position:sticky;top:0}.kb .bd-table th:first-child,.kb .bd-table td:first-child{text-align:left}.kb .th-icon{white-space:nowrap}.kb .th-icon svg{margin-right:var(--space-1);vertical-align:-2px}.kb .bd-table td.lvl{text-align:left;color:var(--color-accent);font-weight:600}.kb .bd-table td.lvl .dim{font-weight:400;display:block}.kb .effect-col{text-align:left;color:var(--color-success)}.kb .block .bd-note{margin-top:var(--space-2);font-size:var(--font-size-sm)}.kb .item-group{margin-bottom:var(--space-3)}.kb .item-group:last-child{margin-bottom:0}.kb .item-slot{color:var(--color-text-dim);font-size:var(--font-size-sm);margin-bottom:var(--space-2);font-weight:500}.kb .rarity{font-size:var(--font-size-xs,.75rem);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;margin:0 4px;padding:0 6px}.kb .r-common{color:var(--color-text-dim)}.kb .r-rare{color:var(--color-success);border-color:var(--color-success)}.kb .r-legendary{color:var(--color-accent);border-color:var(--color-accent)}.kb .page-head{margin-bottom:var(--space-4)}.kb .page-head h1{color:var(--color-accent)}.kb .meta{color:var(--color-text-dim);font-size:var(--font-size-sm);margin-top:var(--space-1)}.kb .block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);scroll-margin-top:var(--space-4)}.kb .block h3{color:var(--color-accent);margin-bottom:var(--space-3)}.kb .block p{font-size:var(--font-size-md);line-height:var(--lh-prose);margin-bottom:var(--space-3)}.kb .block p:last-child{margin-bottom:0}.kb .note{color:var(--color-text-dim);font-size:var(--font-size-sm)}.kb .kb-search{width:100%;margin-top:var(--space-3)}.kb .first-time{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-accent) 30%, var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface-raised));color:var(--color-text);text-decoration:none;display:flex}.kb .first-time strong{color:var(--color-accent);display:block}.kb .first-time .meta{margin:0;display:block}.kb .first-time-go{color:var(--color-accent);white-space:nowrap;flex:none;margin-left:auto;font-weight:600}.kb .hub-group{margin-bottom:var(--space-4)}.kb .hub-group h4{margin-bottom:var(--space-2)}.kb .tiles{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.kb .tile{gap:2px var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);grid-template-rows:auto 1fr;grid-template-columns:38px 1fr;align-items:start;text-decoration:none;display:grid}.kb .tile:hover{border-color:var(--color-accent);background:var(--color-surface-raised)}.kb .tile strong{color:var(--color-accent);font-weight:600}.kb .tile-icon,.kb .section-icon{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);width:38px;height:38px;color:var(--color-accent);grid-row:span 2;place-items:center;display:grid}.kb .tile-desc{color:var(--color-text-dim);font-size:var(--font-size-sm)}.kb .crumb{margin-bottom:var(--space-3);font-size:var(--font-size-sm);text-decoration:none;display:inline-block}.kb .section-head{align-items:flex-start;gap:var(--space-4);display:flex}.kb .section-icon{flex:none;width:48px;height:48px}.kb .lead{margin-top:var(--space-2);font-size:var(--font-size-md);line-height:var(--lh-prose)}.kb .kb-layout.with-toc{gap:var(--space-4);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.kb .on-page{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-sm);gap:2px;display:grid;position:sticky;top:0}.kb .on-page h4{margin-bottom:var(--space-2)}.kb .on-page a{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-dim);text-decoration:none}.kb .on-page a.active{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));font-weight:600}.kb .on-page a:hover{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface))}.kb .tile-desc mark{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-warning) 25%, transparent);color:var(--color-text);padding:0 2px}.kb .pager{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.kb .pager-link{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:2px;text-decoration:none;display:grid}.kb .pager-link:hover{border-color:var(--color-accent)}.kb .pager-link .meta{margin:0}.kb .pager-link.next{text-align:right}.kb .block>*+:is(ul,div,aside,details,table,p.note){margin-top:var(--space-3)}.kb .gist{gap:var(--space-2);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.kb .gist li{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);display:flex}.kb .gist li>svg{color:var(--color-accent);flex:none;margin-top:1px}.kb .bullets{gap:var(--space-2);font-size:var(--font-size-md);line-height:var(--lh-prose);margin:0;padding:0;list-style:none;display:grid}.kb .bullets li{padding-left:calc(var(--space-4) + var(--space-1));position:relative}.kb .bullets li:before{content:"";left:var(--space-1);background:var(--color-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.68em}.kb .kinds,.kb .versus{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.kb .versus{grid-template-columns:1fr auto 1fr;align-items:stretch}.kb .versus-x{color:var(--color-text-dim);font-size:var(--font-size-sm);align-self:center;font-weight:600}.kb .kind{align-content:start;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);display:grid}.kb .kind>strong{align-items:center;gap:var(--space-2);display:flex}.kb .kind>strong>svg{color:var(--color-accent)}.kb .block .kind p{color:var(--color-text-dim);font-size:var(--font-size-sm);margin:0;line-height:1.5}.kb .more{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.kb .more summary{padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:600}.kb .more .bullets{padding:0 var(--space-3) var(--space-3)}.kb .kb-table{border-collapse:collapse;width:100%;font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.kb .kb-table th,.kb .kb-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.kb .kb-table th{color:var(--color-text-dim);font-size:var(--font-size-sm);font-weight:600}.kb .kb-table .num{text-align:right;white-space:nowrap;font-weight:600}.kb .loss-bar{height:6px;margin-left:var(--space-2);background:var(--color-danger);opacity:.7;vertical-align:middle;border-radius:3px;display:inline-block}.kb .stages{align-items:center;gap:var(--space-2) var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.kb .stages li{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:999px;font-weight:600;position:relative}.kb .stages li:last-child{border-color:var(--color-accent);color:var(--color-accent)}.kb .stages li+li:before{content:"→";left:calc(-1 * var(--space-6));width:var(--space-6);text-align:center;color:var(--color-text-dim);font-weight:400;position:absolute}.kb .gist-link{color:var(--color-text);text-decoration:none}.kb .gist-link:hover{color:var(--color-accent);text-decoration:underline}.kb .kind .tech-meta{background:0 0;padding:0}@media (width<=760px){.kb .kb-layout.with-toc{grid-template-columns:1fr}.kb .on-page{gap:var(--space-1);padding:var(--space-2);scrollbar-width:none;display:flex;position:static;overflow-x:auto}.kb .on-page h4{display:none}.kb .on-page a{white-space:nowrap;border:1px solid var(--color-border);border-radius:999px}.kb .gist,.kb .kinds,.kb .versus{grid-template-columns:1fr}.kb .first-time>svg,.kb .section-icon{display:none}}.kb .tech-meta{color:var(--color-text-dim);font-size:var(--font-size-sm);display:block}.kb .def-list{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.kb .def-list li{align-items:center;gap:var(--space-2);line-height:1.4;display:flex}.kb .cat-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.kb .cat-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-raised);border-radius:var(--radius-sm);display:flex}.kb .cat-icon{color:var(--color-accent);flex-shrink:0}.kb .cat-item p{color:var(--color-text-dim);font-size:var(--font-size-sm);margin:2px 0 0;line-height:1.4}.kb .cat-item strong{font-size:var(--font-size-sm)}.kb .badge{font-size:var(--font-size-xs,.72rem);background:var(--color-surface-raised);color:var(--color-text-dim);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-weight:700;display:inline-flex}.kb .badge.elite{color:var(--color-accent);border-color:var(--color-accent)}.kb .badge.difficulty{border-radius:var(--radius-sm);background:color-mix(in srgb, currentColor 12%, transparent);border-left-width:3px;padding:2px 8px;font-weight:400}.kb .badge.easy{color:var(--color-success);border-color:var(--color-success)}.kb .badge.medium{color:#c2661a;border-color:#c2661a}.kb .badge.hard{color:var(--color-danger);border-color:var(--color-danger)}.kb .badge.legendary{color:var(--color-warning,#d9a441);border-color:var(--color-warning,#d9a441)}.kb .badge.terrain-bonus{color:var(--color-success);border-color:var(--color-success)}.kb .badge.axis-nord{color:var(--color-danger);border-color:var(--color-danger)}.kb .badge.axis-sylvan{color:var(--color-success);border-color:var(--color-success)}.kb .badge.axis-auren{color:var(--color-accent);border-color:var(--color-accent)}.kb .race-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.kb .race-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-3) var(--space-4)}.kb .race-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.kb .block .race-desc{color:var(--color-text-dim);font-size:var(--font-size-sm);margin-bottom:var(--space-3);line-height:1.5}.kb .race-elite{padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);flex-direction:column;gap:2px;display:flex}.kb .race-elite .badge{align-self:flex-start;margin-bottom:2px}.kb .divider-row{margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.kb .divider-item{padding:0 var(--space-3);border-left:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600}.kb .divider-item:first-child{border-left:none;padding-left:0}.kb .perk-note{font-size:var(--font-size-sm);display:block}.kb .terrain-list{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.kb .terrain-list li{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.kb .terrain-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:14px;height:14px;display:inline-block}.kb .item-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;display:grid}.kb .item-grid .item-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-3);margin-bottom:0}.kb .bd-table td.cost{display:table-cell}@media (width<=640px){.kb .bd-table-wrap{overflow-x:visible}.kb .bd-table,.kb .bd-table tbody,.kb .bd-table tr,.kb .bd-table td{display:block}.kb .bd-table thead{display:none}.kb .bd-table tr{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.kb .bd-table td{justify-content:space-between;gap:var(--space-3);text-align:right;white-space:normal;border-bottom:none;padding:2px 0;display:flex}.kb .bd-table td:before{content:attr(data-label);color:var(--color-text-dim);text-align:left}.kb .bd-table td:first-child .perk-note{font-weight:400}.kb .bd-table td:not([data-label]){text-align:left;flex-direction:column;align-items:flex-start;gap:2px}.kb .bd-table td:not([data-label]):before{content:none}.kb .bd-table td:first-child{margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);font-weight:600}.kb .bd-table td.cost{width:50%;padding-right:var(--space-4);display:inline-flex}.kb .bd-table .derived{display:none}}.kb .kb-unit{white-space:nowrap}.kb .kb-unit svg{vertical-align:-3px;margin-right:2px;display:inline-block}