/* ================================================================
   wiki.css — OTS Wikipedia styles
   Dopasowane kolorystycznie do głównego motywu serwera.
   Wymaga: Font Awesome 6, (opcjonalnie) PT Serif + Open Sans
   ================================================================ */

/* ----------------------------------------------------------------
   ZMIENNE
   ---------------------------------------------------------------- */
:root {
    --w-bg:          #0e0e0e;
    --w-bg-panel:    #131313;
    --w-bg-header:   #161415;
    --w-bg-stripe:   #111010;
    --w-bg-hover:    #1b1816;
    --w-bg-code:     #0b0b0b;

    --w-text:        #c8c5c2;
    --w-text-dim:    #a0a0a0;
    --w-text-muted:  #6e6e6e;
    --w-text-bright: #e5e4e4;

    --w-gold:        #d28800;
    --w-gold-lt:     #EBB52D;
    --w-gold-dk:     #7d5034;
    --w-blue:        #00B4FF;
    --w-blue-dk:     #0091CE;
    --w-green:       #4A7D34;
    --w-red:         #a03535;
    --w-red-lt:      #ce5d5d;
    --w-orange:      #DC921D;

    --w-border:      #222;
    --w-border-sub:  #1a1a1a;
    --w-border-gold: #5f4d41;
    --w-border-warm: #3c2f26;

    --w-radius:      4px;
    --w-font-body:   'PT Serif', Georgia, serif;
    --w-font-ui:     'Open Sans', Arial, Helvetica, sans-serif;
    --w-font-mono:   'Courier New', monospace;
}

/* ----------------------------------------------------------------
   GRID HUB — .wiki-grid / .wiki-box
   ---------------------------------------------------------------- */
.wiki-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
    padding: 4px 0 16px;
}

.wiki-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    padding: 0 0 14px;
    background-color: var(--w-bg-panel);
    border: 1px solid var(--w-border);
    border-bottom: 2px solid var(--w-border-gold);
    border-radius: var(--w-radius);
    text-decoration: none;
    color: var(--w-text-dim);
    font-family: var(--w-font-ui);
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    overflow: hidden;
    transition: border-color 220ms, background 220ms, transform 180ms, box-shadow 220ms;
    position: relative;
}

.wiki-box::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(210,136,0,0.04) 100%);
    opacity: 0;
    transition: opacity 220ms;
    pointer-events: none;
}

.wiki-box:hover {
    border-color: var(--w-gold);
    border-bottom-color: var(--w-gold-lt);
    background-color: var(--w-bg-hover);
    color: var(--w-gold-lt);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.5), 0 0 0 1px rgba(210,136,0,0.12);
    text-decoration: none;
}

.wiki-box:hover::before { opacity: 1; }

.wiki-box img {
    display: block;
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin: 16px auto 10px;
    image-rendering: pixelated; /* dla outfit spritów */
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.6));
    transition: transform 220ms, filter 220ms;
}

.wiki-box:hover img {
    transform: scale(1.08) translateY(-2px);
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.8));
}

.wiki-box i {
    font-size: 32px;
    margin: 18px auto 12px;
    color: var(--w-gold-dk);
    transition: color 220ms;
}

.wiki-box:hover i { color: var(--w-gold-lt); }

.wiki-box span {
    display: block;
    padding: 0 10px;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

/* ----------------------------------------------------------------
   BREADCRUMBS — .wiki-breadcrumbs
   ---------------------------------------------------------------- */
.wiki-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-family: var(--w-font-ui);
    font-size: 12px;
    margin-bottom: 16px;
    color: var(--w-text-muted);
}

.wiki-breadcrumbs a {
    color: var(--w-text-muted);
    text-decoration: none;
    transition: color 180ms;
}

.wiki-breadcrumbs a:hover { color: var(--w-gold); }

.wiki-breadcrumbs .sep {
    color: var(--w-border-warm);
    display: flex;
    align-items: center;
}

.wiki-breadcrumbs .sep img {
    height: 10px;
    opacity: 0.5;
}

.wiki-breadcrumbs .current {
    color: var(--w-text-dim);
}

/* ----------------------------------------------------------------
   ARTYKUŁ — .wiki-article
   ---------------------------------------------------------------- */
.wiki-article {
    font-family: var(--w-font-body);
    font-size: 15px;
    line-height: 1.78;
    color: var(--w-text);
}

.wiki-article p { margin: 0 0 0.9em; }

.wiki-article h1,
.wiki-article h2,
.wiki-article h3,
.wiki-article h4 {
    font-family: var(--w-font-ui);
    font-weight: 700;
    color: var(--w-text-bright);
    line-height: 1.3;
    margin: 1.6em 0 0.5em;
}

.wiki-article h1 {
    font-size: 24px;
    color: var(--w-gold-lt);
    border-bottom: 1px solid var(--w-border-gold);
    padding-bottom: 7px;
    margin-top: 0.4em;
}

.wiki-article h2 {
    font-size: 18px;
    border-bottom: 1px solid var(--w-border);
    padding-bottom: 5px;
}

.wiki-article h3 {
    font-size: 15px;
    color: var(--w-text-dim);
}

.wiki-article h4 {
    font-size: 13px;
    color: var(--w-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.wiki-article a { color: var(--w-blue); text-decoration: none; transition: color 180ms; }
.wiki-article a:hover { color: var(--w-gold-lt); text-decoration: underline; }
.wiki-article a:visited { color: var(--w-blue-dk); }
.wiki-article a.redlink { color: var(--w-red-lt); }
.wiki-article a.redlink:hover { color: var(--w-red); }

.wiki-article ul, .wiki-article ol {
    margin: 0.4em 0 0.9em 1.6em;
    padding: 0;
}
.wiki-article li { margin-bottom: 0.25em; }
.wiki-article strong, .wiki-article b { color: var(--w-text-bright); }
.wiki-article em, .wiki-article i { color: var(--w-text-dim); font-style: italic; }
.wiki-article hr { border: none; border-top: 1px solid var(--w-border); margin: 1.8em 0; }

/* ----------------------------------------------------------------
   TABELE — .wiki-table
   ---------------------------------------------------------------- */
.wiki-table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--w-font-ui);
    font-size: 13px;
    margin: 0.8em 0 1.4em;
    border: 1px solid var(--w-border);
}

.wiki-table thead tr {
    background: var(--w-bg-header);
    border-bottom: 2px solid var(--w-border-gold);
}

.wiki-table thead th {
    padding: 8px 12px;
    color: var(--w-gold);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-align: left;
    border-right: 1px solid var(--w-border);
    white-space: nowrap;
}

.wiki-table thead th:last-child { border-right: none; }

/* Sortowanie */
.wiki-table thead th.sortable {
    cursor: pointer;
    user-select: none;
}

.wiki-table thead th.sortable::after {
    content: ' ⇅';
    font-size: 10px;
    opacity: 0.4;
}

.wiki-table thead th.sort-asc::after  { content: ' ↑'; opacity: 0.8; color: var(--w-gold-lt); }
.wiki-table thead th.sort-desc::after { content: ' ↓'; opacity: 0.8; color: var(--w-gold-lt); }

.wiki-table tbody tr {
    border-bottom: 1px solid var(--w-border-sub);
    transition: background 140ms;
}

.wiki-table tbody tr:nth-child(even) { background: var(--w-bg-stripe); }
.wiki-table tbody tr:hover { background: var(--w-bg-hover); }

.wiki-table tbody td {
    padding: 7px 12px;
    color: var(--w-text-dim);
    vertical-align: middle;
    border-right: 1px solid var(--w-border-sub);
}

.wiki-table tbody td:last-child { border-right: none; }
.wiki-table tbody td:first-child { color: var(--w-text); font-weight: 600; }

/* ----------------------------------------------------------------
   INFOBOX — .wiki-infobox
   ---------------------------------------------------------------- */
.wiki-infobox {
    float: right;
    clear: right;
    width: 250px;
    margin: 0 0 14px 20px;
    background: var(--w-bg-panel);
    border: 1px solid var(--w-border-gold);
    border-radius: var(--w-radius);
    overflow: hidden;
    font-family: var(--w-font-ui);
    font-size: 12px;
}

.wiki-infobox-title {
    background: var(--w-bg-header);
    color: var(--w-gold);
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    padding: 7px 10px;
    border-bottom: 1px solid var(--w-border-gold);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.wiki-infobox-img {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid var(--w-border);
}

.wiki-infobox-img img { max-width: 100%; display: block; margin: 0 auto; }

.wiki-infobox table { width: 100%; border-collapse: collapse; }
.wiki-infobox tr { border-bottom: 1px solid var(--w-border-sub); }

.wiki-infobox th {
    width: 42%;
    padding: 5px 8px;
    color: var(--w-text-muted);
    font-weight: 600;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid var(--w-border-sub);
}

.wiki-infobox td {
    padding: 5px 8px;
    color: var(--w-text-dim);
    vertical-align: top;
}

/* ----------------------------------------------------------------
   TOGGLE BOX — .wiki-toggle
   ---------------------------------------------------------------- */
.wiki-toggle {
    margin: 0.7em 0;
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    overflow: hidden;
}

.wiki-toggle-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 14px;
    background: var(--w-bg-header);
    border-bottom: 1px solid var(--w-border);
    cursor: pointer;
    user-select: none;
    font-family: var(--w-font-ui);
    font-size: 13px;
    font-weight: 700;
    color: var(--w-text-dim);
    letter-spacing: 0.02em;
    transition: background 180ms, color 180ms;
}

.wiki-toggle-header:hover {
    background: var(--w-bg-hover);
    color: var(--w-gold-lt);
}

.wiki-toggle-header::after {
    content: '▾';
    font-size: 14px;
    color: var(--w-text-muted);
    transition: transform 240ms ease;
    flex-shrink: 0;
}

.wiki-toggle.is-closed .wiki-toggle-header::after {
    transform: rotate(-90deg);
}

.wiki-toggle-body {
    padding: 12px 14px;
    background: var(--w-bg-panel);
    font-family: var(--w-font-body);
    font-size: 14px;
    line-height: 1.7;
    color: var(--w-text);
    overflow: hidden;
    transition: max-height 280ms ease, padding 280ms ease, opacity 240ms ease;
}

.wiki-toggle.is-closed .wiki-toggle-body {
    max-height: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}

/* ----------------------------------------------------------------
   NOTATKI / INFO BOXY — .wiki-note
   ---------------------------------------------------------------- */
.wiki-note {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 10px 14px;
    margin: 0.8em 0;
    border-left: 3px solid;
    border-radius: 0 var(--w-radius) var(--w-radius) 0;
    font-family: var(--w-font-ui);
    font-size: 13px;
    line-height: 1.5;
}

.wiki-note-icon { font-size: 15px; margin-top: 1px; flex-shrink: 0; }
.wiki-note b, .wiki-note strong { font-weight: 700; }

.wiki-note.info    { background: rgba(0,180,255,.06); border-color: rgba(0,180,255,.4); color: var(--w-text-dim); }
.wiki-note.info    .wiki-note-icon { color: var(--w-blue); }

.wiki-note.tip     { background: rgba(210,136,0,.07); border-color: rgba(210,136,0,.4); color: var(--w-text-dim); }
.wiki-note.tip     .wiki-note-icon { color: var(--w-gold); }

.wiki-note.warning { background: rgba(220,146,29,.08); border-color: rgba(220,146,29,.45); color: var(--w-text-dim); }
.wiki-note.warning .wiki-note-icon { color: var(--w-orange); }

.wiki-note.danger  { background: rgba(160,53,53,.09); border-color: rgba(206,93,93,.4); color: var(--w-text-dim); }
.wiki-note.danger  .wiki-note-icon { color: var(--w-red-lt); }

.wiki-note.lore    { background: rgba(94,77,65,.1); border-color: var(--w-border-gold); color: var(--w-text-dim); font-style: italic; }
.wiki-note.lore    .wiki-note-icon { color: var(--w-gold-dk); }

/* ----------------------------------------------------------------
   OBRAZKI — .wiki-img
   ---------------------------------------------------------------- */

/* Pojedyncze zdjęcie (float left/right + caption) */
.wiki-img {
    display: table;
    border: 1px solid var(--w-border-gold);
    background: var(--w-bg-panel);
    padding: 5px;
    border-radius: var(--w-radius);
    margin: 0 0 14px 0;
    font-family: var(--w-font-ui);
    font-size: 11px;
}

.wiki-img.left  { float: left; margin-right: 16px; }
.wiki-img.right { float: right; margin-left: 16px; }
.wiki-img.center { display: block; margin: 0 auto 14px; }

.wiki-img img { display: block; max-width: 100%; border-radius: 2px; }

.wiki-img figcaption,
.wiki-img-caption {
    display: table-caption;
    caption-side: bottom;
    padding: 4px 2px 0;
    color: var(--w-text-muted);
    text-align: center;
    line-height: 1.4;
}

/* Rząd zdjęć — .wiki-imgs (1, 2, 3, 4 w wierszu) */
.wiki-imgs {
    display: grid;
    gap: 8px;
    margin: 0.8em 0 1.2em;
    clear: both;
}

.wiki-imgs.cols-1 { grid-template-columns: 1fr; }
.wiki-imgs.cols-2 { grid-template-columns: repeat(2, 1fr); }
.wiki-imgs.cols-3 { grid-template-columns: repeat(3, 1fr); }
.wiki-imgs.cols-4 { grid-template-columns: repeat(4, 1fr); }

.wiki-imgs figure {
    margin: 0;
    background: var(--w-bg-panel);
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    overflow: hidden;
    transition: border-color 180ms;
}

.wiki-imgs figure:hover { border-color: var(--w-border-gold); }
.wiki-imgs img { display: block; width: 100%; height: auto; }

.wiki-imgs figcaption {
    padding: 5px 8px;
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
    text-align: center;
    border-top: 1px solid var(--w-border-sub);
}

/* GIF/video */
.wiki-media {
    margin: 0.8em 0 1.2em;
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    overflow: hidden;
    background: #000;
    display: inline-block;
    max-width: 100%;
}

.wiki-media.center { display: block; margin-left: auto; margin-right: auto; }

.wiki-media img,
.wiki-media video {
    display: block;
    max-width: 100%;
    height: auto;
}

.wiki-media video { width: 100%; }

.wiki-media-caption {
    padding: 5px 10px;
    background: var(--w-bg-panel);
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
    text-align: center;
    border-top: 1px solid var(--w-border);
}

/* ----------------------------------------------------------------
   KOD
   ---------------------------------------------------------------- */
.wiki-article code {
    background: var(--w-bg-code);
    color: var(--w-blue);
    font-family: var(--w-font-mono);
    font-size: 12.5px;
    padding: 1px 5px;
    border-radius: 3px;
    border: 1px solid var(--w-border);
}

.wiki-article pre {
    background: var(--w-bg-code);
    border: 1px solid var(--w-border);
    border-left: 3px solid var(--w-border-warm);
    border-radius: var(--w-radius);
    padding: 12px 14px;
    overflow-x: auto;
    font-family: var(--w-font-mono);
    font-size: 13px;
    line-height: 1.6;
    color: var(--w-text-dim);
    margin: 0.6em 0 1em;
}

.wiki-article pre code { background: none; border: none; padding: 0; color: inherit; }

/* ----------------------------------------------------------------
   CYTATY
   ---------------------------------------------------------------- */
.wiki-article blockquote {
    margin: 1em 0;
    padding: 9px 14px 9px 18px;
    border-left: 3px solid var(--w-gold-dk);
    background: var(--w-bg-panel);
    color: var(--w-text-dim);
    font-style: italic;
    border-radius: 0 var(--w-radius) var(--w-radius) 0;
}

.wiki-article blockquote cite {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-style: normal;
    color: var(--w-text-muted);
    font-family: var(--w-font-ui);
}

/* ----------------------------------------------------------------
   TAGI / KATEGORIE
   ---------------------------------------------------------------- */
.wiki-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0.6em 0;
}

.wiki-tag {
    display: inline-block;
    padding: 2px 9px;
    background: var(--w-bg-header);
    border: 1px solid var(--w-border);
    border-radius: 20px;
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: border-color 180ms, color 180ms;
}

.wiki-tag:hover {
    border-color: var(--w-gold-dk);
    color: var(--w-gold);
    text-decoration: none;
}

/* ----------------------------------------------------------------
   SPIS TREŚCI — .wiki-toc
   ---------------------------------------------------------------- */
.wiki-toc {
    display: inline-block;
    min-width: 200px;
    background: var(--w-bg-panel);
    border: 1px solid var(--w-border-gold);
    border-radius: var(--w-radius);
    padding: 10px 14px;
    margin: 0 0 14px 0;
    font-family: var(--w-font-ui);
    font-size: 13px;
}

.wiki-toc-title {
    font-weight: 700;
    color: var(--w-gold);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    border-bottom: 1px solid var(--w-border);
    padding-bottom: 5px;
    margin-bottom: 7px;
}

.wiki-toc ol {
    margin: 0;
    padding-left: 1.1em;
    counter-reset: toc;
    list-style: none;
}

.wiki-toc li { counter-increment: toc; margin-bottom: 3px; position: relative; }
.wiki-toc li::before { content: counters(toc, ".") ". "; color: var(--w-text-muted); font-size: 11px; }
.wiki-toc a { color: var(--w-text-dim); }
.wiki-toc a:hover { color: var(--w-gold-lt); text-decoration: none; }
.wiki-toc ol ol { margin-top: 3px; padding-left: 1em; font-size: 12px; }

/* ----------------------------------------------------------------
   STOPKA ARTYKUŁU
   ---------------------------------------------------------------- */
.wiki-footer {
    margin-top: 2em;
    padding-top: 10px;
    border-top: 1px solid var(--w-border);
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
}

.wiki-footer a { color: var(--w-text-muted); }
.wiki-footer a:hover { color: var(--w-gold); }

/* ----------------------------------------------------------------
   ITEM TOOLTIP WRAPPER (placeholder — rozwijane osobno)
   ---------------------------------------------------------------- */
.wiki-item {
    display: inline-block;
    position: relative;
    cursor: help;
    vertical-align: middle;
}

.wiki-item img {
    image-rendering: pixelated;
    border: 1px solid var(--w-border);
    background: var(--w-bg-panel);
    border-radius: 2px;
    transition: border-color 160ms;
}

.wiki-item:hover img { border-color: var(--w-gold-dk); }

.wiki-item-tooltip {
    display: none;
    position: absolute;
    z-index: 9999;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 160px;
    max-width: 240px;
    background: rgba(7,12,33,0.96);
    border: 1px solid var(--w-border-gold);
    border-top: 1px solid #888;
    border-radius: var(--w-radius);
    padding: 8px 10px;
    font-family: var(--w-font-ui);
    font-size: 12px;
    color: #efefef;
    box-shadow: 0 4px 16px rgba(0,0,0,0.8);
    pointer-events: none;
    white-space: normal;
    line-height: 1.5;
}

.wiki-item:hover .wiki-item-tooltip { display: block; }

/* ----------------------------------------------------------------
   RESPONSYWNOŚĆ
   ---------------------------------------------------------------- */
@media (max-width: 700px) {
    .wiki-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }

    .wiki-infobox { float: none; width: 100%; margin: 0 0 14px; }

    .wiki-imgs.cols-3,
    .wiki-imgs.cols-4 { grid-template-columns: repeat(2, 1fr); }

    .wiki-imgs.cols-1 { grid-template-columns: 1fr; }

    .wiki-article h1 { font-size: 20px; }
    .wiki-article h2 { font-size: 17px; }
}

/* ================================================================
   ITEM GRID — .wiki-item-grid / .wiki-item-box
   ================================================================ */
.wiki-item-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 1em 0;
}

.wiki-item-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 68px;
}

.wiki-item-box img {
    display: block;
    width: 32px;
    height: 32px;
    image-rendering: pixelated;
    object-fit: contain;

    /* pudełko wokół itemu */
    padding: 6px;
    background: var(--w-bg-panel);
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    box-sizing: content-box;
    cursor: default;
    transition: border-color 160ms, box-shadow 160ms;
}

.wiki-item-box img:hover,
.wiki-item-box img.tooltip:hover {
    border-color: var(--w-gold-dk);
    box-shadow: 0 0 0 1px var(--w-gold-dk), inset 0 0 8px rgba(210,136,0,0.08);
}

.wiki-item-name {
    font-family: var(--w-font-ui);
    font-size: 10px;
    color: var(--w-text-muted);
    text-align: center;
    line-height: 1.3;
    word-break: break-word;
    width: 100%;
}

/* ================================================================
   ANGRY TIER BADGES
   ================================================================ */
.angry-tier-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-family: var(--w-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.angry-tier-angry   { background: rgba(210,136,0,0.15);  color: #d28800; border: 1px solid rgba(210,136,0,0.3);  }
.angry-tier-furious { background: rgba(220,146,29,0.15); color: #DC921D; border: 1px solid rgba(220,146,29,0.3); }
.angry-tier-enraged { background: rgba(206,93,93,0.15);  color: #ce5d5d; border: 1px solid rgba(206,93,93,0.3);  }
.angry-tier-frenzied{ background: rgba(90,60,90,0.2);    color: #b87dcc; border: 1px solid rgba(150,80,180,0.3); }

/* ================================================================
   GLOBAL ITEM TOOLTIP — .wiki-global-tooltip
   Tworzony dynamicznie przez wiki.js
   ================================================================ */
.wiki-global-tooltip {
    position: fixed;
    z-index: 99999;
    pointer-events: none;

    min-width: 160px;
    max-width: 260px;

    background: rgba(7, 12, 33, 0.97);
    border: 1px solid var(--w-border-gold);
    border-top-color: #888;
    border-radius: var(--w-radius);
    box-shadow: 0 6px 24px rgba(0,0,0,0.85), 0 0 0 1px rgba(0,0,0,0.5);

    font-family: var(--w-font-ui);
    font-size: 12px;
    line-height: 1.5;
    color: #efefef;

    opacity: 0;
    transition: opacity 100ms ease;
}

.wiki-global-tooltip.is-visible {
    opacity: 1;
}

/* Zawartość tooltipa — generowana przez getItemTooltipHtml() */
.wiki-global-tooltip .custom-tooltip-header {
    padding: 6px 10px 5px;
    font-weight: 700;
    font-size: 13px;
    color: var(--w-gold-lt);
    border-bottom: 1px solid var(--w-border-gold);
    background: rgba(255,255,255,0.03);
    border-radius: var(--w-radius) var(--w-radius) 0 0;
}

.wiki-global-tooltip .custom-tooltip-body {
    padding: 6px 10px 8px;
}

.wiki-global-tooltip .custom-tooltip-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wiki-global-tooltip .custom-tooltip-body li {
    margin-bottom: 2px;
    color: #c8c5c2;
    font-size: 12px;
}

.wiki-global-tooltip .custom-tooltip-body li strong {
    color: #e5e4e4;
    font-weight: 600;
}

/* Divider wewnątrz tooltipa (loot section) */
.wiki-global-tooltip div[style*="border-bottom"] {
    border-bottom-color: var(--w-border-gold) !important;
    margin: 5px 0 4px;
}

/* ================================================================
   TITLE SYSTEM — badges
   ================================================================ */

/* Progressive badge */
.title-badge {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 3px;
    font-family: var(--w-font-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.title-badge-progressive {
    background: rgba(0, 180, 255, 0.1);
    color: var(--w-blue);
    border: 1px solid rgba(0, 180, 255, 0.28);
}

/* Currency badges */
.title-currency-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-family: var(--w-font-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.title-currency-tp {
    background: rgba(74, 125, 52, 0.15);
    color: var(--w-green);
    border: 1px solid rgba(74, 125, 52, 0.3);
}

.title-currency-bp {
    background: rgba(206, 93, 93, 0.12);
    color: var(--w-red-lt);
    border: 1px solid rgba(206, 93, 93, 0.28);
}

.title-currency-free {
    background: rgba(210, 136, 0, 0.1);
    color: var(--w-gold);
    border: 1px solid rgba(210, 136, 0, 0.25);
}

/* ================================================================
   TABLE CHAIN ROWS — wizualne grupowanie łańcuchów tytułów
   ================================================================ */

/* Lewy border dla całego łańcucha */
.wiki-table-chain-row td:first-child {
    border-left: 2px solid var(--w-border-gold);
    padding-left: 10px;
}

/* Subtelnie jaśniejsze tło wierszy łańcucha */
.wiki-table-chain-row {
    background-color: rgba(210, 136, 0, 0.03) !important;
}

.wiki-table-chain-row:hover {
    background-color: rgba(210, 136, 0, 0.07) !important;
}

/* Separator między grupami łańcuchów */
.wiki-table-chain-sep td {
    padding: 0 !important;
    height: 6px;
    background: var(--w-bg) !important;
    border: none !important;
    border-bottom: 1px solid var(--w-border) !important;
}

/* ================================================================
   DAILY BOSSES TABLE
   ================================================================ */

/* Komórka z outfitem — minimalna szerokość, bez paddingu po bokach */
.wiki-boss-outfit-cell {
    width: 68px;
    padding: 4px 0 4px 8px !important;
    vertical-align: middle;
}

/* Wiersze "special" (0 BP / 0 EXP) — subtelnie ciemniejsze */
.wiki-boss-special td {
    opacity: 0.72;
}

.wiki-boss-special:hover td {
    opacity: 1;
}

/* Link do mapy */
.wiki-map-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    background: var(--w-bg-header);
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
    text-decoration: none;
    transition: border-color 160ms, color 160ms;
    white-space: nowrap;
}

.wiki-map-link:hover {
    border-color: var(--w-blue-dk);
    color: var(--w-blue);
    text-decoration: none;
}

.wiki-map-link i {
    font-size: 12px;
}

/* ================================================================
   STAMINA BADGES
   ================================================================ */
.stamina-badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 3px;
    font-family: var(--w-font-ui);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.stamina-green {
    background: rgba(74, 125, 52, 0.15);
    color: #6abf47;
    border: 1px solid rgba(74, 125, 52, 0.35);
}

.stamina-orange {
    background: rgba(220, 146, 29, 0.13);
    color: #DC921D;
    border: 1px solid rgba(220, 146, 29, 0.35);
}

.stamina-red {
    background: rgba(160, 53, 53, 0.13);
    color: var(--w-red-lt);
    border: 1px solid rgba(206, 93, 93, 0.3);
}

.stamina-empty {
    background: rgba(80, 80, 80, 0.15);
    color: var(--w-text-muted);
    border: 1px solid rgba(100, 100, 100, 0.25);
}

/* ================================================================
   DESTINATION LINKS — sailing routes
   ================================================================ */
.wiki-dest-link {
    color: var(--w-blue-dk);
    text-decoration: none;
    font-size: 13px;
    transition: color 160ms;
    white-space: nowrap;
}

.wiki-dest-link:hover {
    color: var(--w-gold-lt);
    text-decoration: none;
}


/* ================================================================
   HUNTING SPAWNS
   ================================================================ */

/* Monster tags */
.spawn-monsters {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.spawn-monster-tag {
    display: inline-block;
    padding: 1px 7px;
    background: var(--w-bg-header);
    border: 1px solid var(--w-border);
    border-radius: 20px;
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-dim);
    white-space: nowrap;
}

.spawn-monsters-hidden {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.spawn-more-btn {
    display: inline-block;
    padding: 1px 7px;
    background: transparent;
    border: 1px dashed var(--w-border-warm);
    border-radius: 20px;
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
    cursor: pointer;
    transition: border-color 160ms, color 160ms;
    white-space: nowrap;
}

.spawn-more-btn:hover {
    border-color: var(--w-gold-dk);
    color: var(--w-gold);
}

/* Level badges */
.spawn-level-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-family: var(--w-font-ui);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.spawn-level-low   { background: rgba(74,125,52,0.13);  color: #6abf47;           border: 1px solid rgba(74,125,52,0.3);   }
.spawn-level-mid   { background: rgba(210,136,0,0.12);  color: var(--w-gold);     border: 1px solid rgba(210,136,0,0.3);   }
.spawn-level-high  { background: rgba(220,146,29,0.12); color: var(--w-orange);   border: 1px solid rgba(220,146,29,0.3);  }
.spawn-level-elite { background: rgba(160,53,53,0.12);  color: var(--w-red-lt);   border: 1px solid rgba(206,93,93,0.28);  }

/* ================================================================
   MINIBOSS DAY BADGE
   ================================================================ */

.miniboss-day-badge {
    display: inline-block;
    padding: 2px 9px;
    background: rgba(0, 145, 206, 0.10);
    border: 1px solid rgba(0, 180, 255, 0.25);
    border-radius: 3px;
    font-family: var(--w-font-ui);
    font-size: 12px;
    font-weight: 700;
    color: var(--w-blue);
    white-space: nowrap;
}

/* ================================================================
   CRAFTING
   ================================================================ */

/* Controls bar */
.crafting-controls {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding: 10px 14px;
    background: var(--w-bg-header);
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
}

.crafting-filter-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.crafting-label {
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.crafting-select-wrap {
    position: relative;
}

.crafting-select {
    appearance: none;
    background: var(--w-bg-main);
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    color: var(--w-text-primary);
    font-family: var(--w-font-ui);
    font-size: 12px;
    padding: 5px 28px 5px 10px;
    cursor: pointer;
    outline: none;
    transition: border-color 160ms;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236e6e6e'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
    min-width: 180px;
}

.crafting-select:hover,
.crafting-select:focus {
    border-color: var(--w-gold-dk);
}

.crafting-search {
    background: var(--w-bg-main);
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    color: var(--w-text-primary);
    font-family: var(--w-font-ui);
    font-size: 12px;
    padding: 5px 10px;
    outline: none;
    transition: border-color 160ms;
    width: 200px;
}

.crafting-search:focus {
    border-color: var(--w-gold-dk);
}

.crafting-search::placeholder {
    color: var(--w-text-muted);
}

.crafting-results-count {
    margin-left: auto;
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-muted);
}

/* Category badge */
.crafting-cat-badge {
    display: inline-block;
    padding: 1px 8px;
    background: var(--w-bg-stripe);
    border: 1px solid var(--w-border);
    border-radius: 20px;
    font-family: var(--w-font-ui);
    font-size: 11px;
    color: var(--w-text-dim);
    white-space: nowrap;
}

/* Title required */
.crafting-title-required {
    font-family: var(--w-font-ui);
    font-size: 10px;
    color: var(--w-orange);
    opacity: 0.85;
}

/* Recipe cell */
.crafting-recipe {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.crafting-recipe-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 3px 4px 2px;
    background: var(--w-bg-header);
    border: 1px solid var(--w-border);
    border-radius: var(--w-radius);
    cursor: default;
    transition: border-color 140ms;
    min-width: 38px;
}

.crafting-recipe-item:hover {
    border-color: var(--w-gold-dk);
}

/* Currency items get a subtle gold tint */
.crafting-recipe-currency {
    border-color: rgba(95, 77, 65, 0.6);
    background: rgba(95, 77, 65, 0.10);
}

.crafting-recipe-count {
    font-family: var(--w-font-ui);
    font-size: 10px;
    font-weight: 700;
    color: var(--w-text-dim);
    line-height: 1;
}

.crafting-recipe-currency .crafting-recipe-count {
    color: var(--w-gold-dk);
}

.wiki-new-badge {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    color: #fff;
    background: #c0392b;
    border-radius: 3px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    animation: wiki-badge-pulse 1.8s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(192, 57, 43, .6);
}

@keyframes wiki-badge-pulse {
    0%, 100% { opacity: 1;   box-shadow: 0 0 6px  rgba(192, 57, 43, .6); }
    50%       { opacity: .65; box-shadow: 0 0 12px rgba(192, 57, 43, .9); }
}

.wiki-nav-link {
    color: rgb(235, 181, 45) !important;
    font-weight: bold;
    animation: wiki-glow-pulse 2.2s ease-in-out infinite;
}

@keyframes wiki-glow-pulse {
    0%, 100% { text-shadow: 0 0 4px rgba(235, 181, 45, .4); }
    50%       { text-shadow: 0 0 9px rgba(235, 181, 45, .95), 0 0 28px rgba(235, 181, 45, .4); }
}