/* Kanec – manuál (/kanec/manual/) */
.km { max-width: 1000px; margin: 0 auto; padding: 0 16px 40px; color: #e6ebf0; line-height: 1.55; }
.km h2 { margin: 42px 0 12px; padding-bottom: 6px; border-bottom: 2px solid var(--green, #53fc18); color: var(--green, #53fc18); scroll-margin-top: 80px; }
.km h3 { margin: 24px 0 8px; color: #ffe14a; }
.km a { color: var(--green, #53fc18); }
.km kbd { display: inline-block; min-width: 1.4em; padding: 0 6px; border: 2px solid #000; border-radius: 6px; background: #f2f4f6; color: #16181c; font: 700 0.8rem/1.6 Poppins, sans-serif; text-align: center; box-shadow: 0 2px 0 #000; }
.km-lead { font-size: 1.05rem; }
.km-note { color: #aeb7c2; font-size: 0.9rem; }
.km-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 8px; }
.km-toc a { padding: 6px 12px; border: 2px solid #000; outline: 2px solid var(--green, #53fc18); border-radius: 12px; background: #1e2129; color: #fff; text-decoration: none; font-weight: 700; font-size: 0.85rem; }
.km-toc a:hover { background: #2b2f36; }
.km-steps li { margin-bottom: 6px; }

/* tabuľky */
.km-tw { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 10px 0 14px; }
.km-t { width: 100%; border-collapse: collapse; background: rgba(0, 0, 0, 0.35); border-radius: 10px; overflow: hidden; font-size: 0.9rem; }
.km-t th { background: var(--green, #53fc18); color: #000; text-align: left; padding: 8px 10px; white-space: nowrap; }
.km-t td { padding: 7px 10px; border-top: 1px solid rgba(255, 255, 255, 0.08); vertical-align: middle; }
.km-t tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03); }
.km-t td:first-child { font-weight: 700; }
.km-ict td:first-child { width: 58px; padding: 4px 6px; text-align: center; }
.km-ict td:nth-child(2) { font-weight: 700; white-space: nowrap; }
.km-ic { width: 48px; height: 48px; object-fit: contain; vertical-align: middle; filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.45)); }
.km-en .km-ic { width: 56px; height: 56px; }
.km-ic.km-in { width: 26px; height: 26px; margin: 0 2px; vertical-align: -7px; filter: none; }
.km-ic.km-wide { width: 44px; }

/* charaktery – rovnaké karty ako v hre (bez klikania) */
.km-heroes { margin: 14px 0 16px; }
.km-heroes .zb-card { cursor: default; }
.km-heroes .zb-card:hover { transform: none; outline-color: var(--hc); }

/* pomocníci */
.km-helpers { display: flex; gap: 14px; flex-wrap: wrap; margin: 8px 0; }
.km-helpers > div { display: flex; align-items: center; gap: 10px; padding: 6px 14px 6px 6px; background: rgba(0, 0, 0, 0.35); border: 2px solid #000; outline: 2px solid #ffd23a; border-radius: 12px; }
.km-helpers .km-ic { width: 64px; height: 64px; }
.km-helpers span { color: #aeb7c2; font-size: 0.85rem; }

.km-formula { margin: 12px 0; padding: 12px 16px; background: #0d0f12; border: 2px solid #000; outline: 2px solid #ffe14a; border-radius: 12px; font: 700 0.95rem/1.5 Poppins, sans-serif; color: #ffe14a; }
.km-back { margin-top: 30px; text-align: center; font-weight: 700; }

@media (max-width: 640px) {
    .km-t { font-size: 0.82rem; }
    .km-ic { width: 40px; height: 40px; }
    .km-en .km-ic { width: 46px; height: 46px; }
}