/* Public game wiki (/wiki/). Built on the logged-out "outside" skin (css/outside.css): same panels, rims, accent
   and pixel display font, so the wiki reads as part of the game. Everything is scoped under .wiki / body.wiki-page
   and falls back to its own values when the skin is not loaded (for example for logged-in players). */
body.wiki-page { background-image: url(/images/bg.png) !important; background-color: #1d1d1d !important; }

.wiki {
    --w-panel: var(--panel, #1b1b1b);
    --w-panel-2: var(--panel-2, #262626);
    --w-panel-0: var(--panel-0, #111111);
    --w-edge: var(--edge, #0a0a0a);
    --w-rim: var(--rim, #454545);
    --w-text: var(--text, #f2f2f2);
    --w-muted: var(--muted, #aeb5c0);
    --w-link: #ffd24d;
    --w-accent: var(--accent, #f0605d);
    --w-accent-rgb: var(--accent-rgb, 240, 96, 93);
    --w-red: var(--red, #c94545);
    --w-red-deep: var(--red-deep, #963637);
    --w-pixel: var(--pixel, "Pixelify Sans", system-ui, sans-serif);
    color: var(--w-text);
    font-size: 16px;
    line-height: 1.65;
}
.wiki *, .wiki *:before, .wiki *:after { box-sizing: border-box; }

/* ---- Compact wiki header (replaces the big home-page hero on wiki pages) ---- */
.wiki-brand { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1120px; margin: 10px auto 0; padding: 0 16px; }
.wiki-brand-link { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.wiki-brand-link img { display: block; height: auto; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .6)); }
.wiki-brand-link span { font-family: var(--pixel, "Pixelify Sans", system-ui, sans-serif); font-size: 26px; color: #f1c84b; letter-spacing: .02em; }
.wiki-brand-play { color: #fff; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.wiki-page .hiddenlogo { display: none; }

/* ---- Page frame: sidebar plus one solid reading surface ---- */
#content.wiki { max-width: 1120px; margin: 14px auto 40px; padding: 0 16px; }
.wiki-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 18px; align-items: start; }
.wiki-side { position: sticky; top: 12px; }
.wiki-sidebox {
    background: var(--w-panel); border: 2px solid var(--w-edge); box-shadow: inset 0 0 0 1px var(--w-rim); border-radius: 8px; padding: 12px 14px;
}
.wiki-sidebox > summary { cursor: pointer; font-weight: 700; font-size: 14px; list-style: none; padding: 2px 0 8px; }
.wiki-sidebox > summary::-webkit-details-marker { display: none; }
.wiki-nav { list-style: none; margin: 8px 0 0; padding: 0; }
.wiki-nav li { margin: 0; }
.wiki-nav a { display: block; padding: 6px 10px; border-radius: 6px; color: var(--w-text); text-decoration: none; font-size: 14px; font-weight: 600; }
.wiki-nav a:hover { background: rgba(255, 255, 255, .06); }
.wiki-nav a[aria-current="page"] { background: rgba(var(--w-accent-rgb), .16); color: #fff; box-shadow: inset 3px 0 0 var(--w-accent); }
.wiki-sidelinks { margin: 10px 0 0; font-size: 12px; color: var(--w-muted); }
.wiki-sidelinks a { color: var(--w-muted); }
.wiki-article {
    background: var(--w-panel); border: 2px solid var(--w-edge); box-shadow: inset 0 0 0 1px var(--w-rim); border-radius: 8px;
    padding: 22px 28px 26px; min-width: 0;
}
.wiki-article:after { content: ""; display: block; clear: both; }

/* ---- Search ---- */
.wiki-search label { display: block; font-size: 12px; color: var(--w-muted); margin-bottom: 4px; }
.wiki-search div { display: flex; gap: 6px; }
.wiki-search input[type="search"] {
    flex: 1; min-width: 0; padding: 7px 10px; border-radius: 6px; border: 1px solid var(--w-rim); background: var(--w-panel-0); color: var(--w-text); font: inherit; font-size: 14px;
}
.wiki-search button, .wiki-btn {
    padding: 7px 12px; border-radius: 6px; border: 1px solid var(--w-red-deep); background: var(--w-red); color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-block;
}
.wiki-search button:hover, .wiki-btn:hover { filter: brightness(1.12); color: #fff; }
.wiki-search-page { max-width: 520px; margin: 8px 0 18px; }
.wiki-results { columns: 2; column-gap: 28px; }
.wiki-results li { break-inside: avoid; }

/* ---- Typography ---- */
.wiki a { color: var(--w-link); text-underline-offset: 2px; }
.wiki a:hover { color: #fff; }
.wiki a:focus-visible, .wiki button:focus-visible, .wiki input:focus-visible, .wiki summary:focus-visible { outline: 2px solid var(--w-accent); outline-offset: 2px; border-radius: 4px; }
.wiki h1 { margin: 4px 0 10px; font-size: 32px; line-height: 1.15; color: #fff; text-wrap: balance; }
.wiki h2 { margin: 30px 0 10px; font-size: 21px; line-height: 1.25; color: #fff; padding-bottom: 6px; border-bottom: 2px solid var(--w-rim); text-wrap: balance; scroll-margin-top: 14px; }
.wiki h3 { margin: 20px 0 8px; font-size: 16px; color: #fff; }
.wiki p { margin: 0 0 12px; max-width: 72ch; }
.wiki ul, .wiki ol { margin: 0 0 14px; padding-left: 24px; max-width: 72ch; }
.wiki ul { list-style: disc; }
.wiki ol { list-style: decimal; }
.wiki li { margin: 3px 0; }
.wiki ::selection { background: rgba(var(--w-accent-rgb), .4); color: #fff; }
.wiki .wiki-lead { font-size: 18px; color: #e3e6ea; max-width: 68ch; }
.wiki .wiki-muted { color: var(--w-muted); }
.wiki-crumbs { margin: 0 0 8px; color: var(--w-muted); font-size: 13px; }
.wiki-crumbs a { color: inherit; text-decoration: underline; }
.wiki-meta { margin: 0 0 16px; padding: 8px 12px; font-size: 13px; color: var(--w-muted); background: var(--w-panel-0); border: 1px solid var(--w-edge); border-radius: 6px; max-width: none !important; }
.wiki-meta strong { color: #fff; font-weight: 600; }
.wiki-toc { margin: 4px 0 18px; padding: 12px 18px; background: var(--w-panel-0); border: 1px solid var(--w-edge); border-radius: 6px; max-width: 460px; font-size: 14px; }
.wiki-toc > strong { font-family: var(--w-pixel); font-weight: 400; font-size: 16px; color: #f1c84b; }
.wiki-toc ol { margin: 8px 0 0; padding-left: 22px; }
.wiki-toc li { margin: 2px 0; }

/* ---- Infobox (floats beside the opening text on wide screens) ---- */
.wiki-infobox { float: right; width: 270px; margin: 4px 0 16px 24px; background: var(--w-panel-0); border: 1px solid var(--w-rim); border-radius: 8px; overflow: hidden; font-size: 14px; }
.wiki-infobox-title { padding: 8px 12px; background: var(--w-red-deep); color: #fff; font-weight: 700; text-align: center; }
.wiki-infobox-img { padding: 10px; text-align: center; background: var(--w-panel-2); }
.wiki-infobox-img img { max-width: 100%; height: auto; image-rendering: pixelated; border-radius: 4px; }
.wiki-infobox dl { margin: 0; }
.wiki-infobox dl > div { display: flex; gap: 10px; padding: 7px 12px; border-top: 1px solid var(--w-edge); }
.wiki-infobox dt { flex: 0 0 38%; color: var(--w-muted); font-size: 13px; }
.wiki-infobox dd { margin: 0; flex: 1; min-width: 0; }

/* ---- Panels, cards, chips ---- */
.wiki .wiki-panel { background: var(--w-panel-0); border: 1px solid var(--w-edge); border-radius: 8px; padding: 16px 18px; margin: 14px 0; }
.wiki .wiki-note { padding: 10px 14px; border: 1px solid var(--w-rim); background: var(--w-panel-2); border-radius: 8px; margin: 16px 0; font-size: 14px; max-width: 75ch; }
.wiki .wiki-sections { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; padding-top: 16px; border-top: 2px solid var(--w-rim); clear: both; }
.wiki .wiki-sections a, .wiki .wiki-chips a { display: inline-block; padding: 5px 12px; border: 1px solid var(--w-rim); border-radius: 999px; background: var(--w-panel-2); text-decoration: none; font-size: 13px; }
.wiki .wiki-sections a:hover, .wiki .wiki-chips a:hover { border-color: var(--w-link); }
.wiki .wiki-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 16px; }
.wiki .wiki-hubgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin: 14px 0; clear: both; }
.wiki .wiki-hubcard { display: block; padding: 14px 16px; background: var(--w-panel-0); border: 1px solid var(--w-edge); box-shadow: inset 0 0 0 1px var(--w-rim); border-radius: 8px; color: var(--w-text); text-decoration: none; }
.wiki .wiki-hubcard:hover { box-shadow: inset 0 0 0 1px var(--w-link); }
.wiki .wiki-hubcard strong { display: block; color: #fff; font-size: 16px; margin-bottom: 4px; }
.wiki .wiki-hubcard span { color: var(--w-muted); font-size: 13px; }
.wiki .wiki-pokegrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 10px 0 16px; clear: both; }
.wiki a.wiki-poke { display: grid; grid-template-columns: 32px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 6px 8px; background: var(--w-panel-2); border: 1px solid var(--w-edge); border-radius: 8px; color: var(--w-text); text-decoration: none; }
.wiki a.wiki-poke:hover { border-color: var(--w-link); }
.wiki a.wiki-poke img { grid-row: 1 / 3; width: 32px; height: 32px; object-fit: contain; image-rendering: pixelated; }
.wiki a.wiki-poke strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wiki a.wiki-poke small { color: var(--w-muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wiki .wiki-itemgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; margin: 10px 0 16px; clear: both; }
.wiki a.wiki-item { display: flex; gap: 8px; align-items: center; padding: 6px 8px; background: var(--w-panel-2); border: 1px solid var(--w-edge); border-radius: 8px; color: var(--w-text); text-decoration: none; }
.wiki a.wiki-item:hover { border-color: var(--w-link); }
.wiki a.wiki-item img { width: 28px; height: 28px; object-fit: contain; image-rendering: pixelated; }
.wiki a.wiki-item span { font-size: 13px; }
.wiki .wiki-item-head { display: flex; gap: 14px; align-items: center; margin-bottom: 10px; }
.wiki .wiki-item-head img { width: 64px; height: 64px; object-fit: contain; image-rendering: pixelated; background: var(--w-panel-2); border: 1px solid var(--w-rim); border-radius: 8px; padding: 6px; }
.wiki .wiki-cta { margin: 22px 0; padding: 16px 18px; background: linear-gradient(135deg, rgba(201, 69, 69, .28), rgba(0, 0, 0, 0)); border: 1px solid var(--w-rim); border-radius: 8px; clear: both; }

/* ---- Tables (header cells use the skin's pixel face for fixed labels) ---- */
.wiki .wiki-tablewrap { overflow-x: auto; margin: 10px 0 18px; clear: both; scrollbar-color: #3b4350 transparent; scrollbar-width: thin; }
.wiki table.wiki-table { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.wiki .wiki-table th { text-align: left; font-family: var(--w-pixel); font-weight: 400; color: #f1c84b; font-size: 14px; padding: 8px; border-bottom: 2px solid var(--w-rim); white-space: nowrap; }
.wiki .wiki-table td { padding: 8px; border-bottom: 1px solid rgba(255, 255, 255, .07); vertical-align: top; }
.wiki .wiki-table tbody tr:hover td { background: rgba(255, 255, 255, .03); }
.wiki .wiki-table td.num, .wiki .wiki-table th.num { text-align: right; white-space: nowrap; }
.wiki .wiki-table p { max-width: none; }
.wiki .wiki-tablewrap::-webkit-scrollbar { height: 8px; }
.wiki .wiki-tablewrap::-webkit-scrollbar-thumb { background: #3b4350; border-radius: 4px; }

/* ---- Type chips ---- */
.wiki a.wiki-type { display: inline-block; padding: 1px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; text-decoration: none; color: #fff; background: #5a6472; border: 1px solid rgba(255, 255, 255, .18); }
.wiki a.wiki-type-normal { background: #8b8d7a; } .wiki a.wiki-type-fire { background: #d9602a; } .wiki a.wiki-type-water { background: #3d7fd1; }
.wiki a.wiki-type-electric { background: #c9a312; color: #1b1b1b; } .wiki a.wiki-type-grass { background: #3f9a3f; } .wiki a.wiki-type-ice { background: #5bb8c2; color: #10262a; }
.wiki a.wiki-type-fighting { background: #b03a30; } .wiki a.wiki-type-poison { background: #8f45a8; } .wiki a.wiki-type-ground { background: #b49244; }
.wiki a.wiki-type-flying { background: #7a86e0; } .wiki a.wiki-type-psychic { background: #d6467d; } .wiki a.wiki-type-bug { background: #8a9b1d; }
.wiki a.wiki-type-rock { background: #8c7a45; } .wiki a.wiki-type-ghost { background: #5b4a8a; } .wiki a.wiki-type-dragon { background: #5a3fd1; }
.wiki a.wiki-type-dark { background: #4a3d36; } .wiki a.wiki-type-steel { background: #6f8190; } .wiki a.wiki-type-fairy { background: #d77ab0; }

/* ---- Figures: real screenshots with numbered callouts and a readable caption ---- */
.wiki .wiki-shot { margin: 16px 0; clear: both; }
.wiki .wiki-shot a { display: block; }
.wiki .wiki-shot img { display: block; max-width: 100%; height: auto; border: 1px solid var(--w-rim); border-radius: 8px; background: #0b0c0e; }
.wiki .wiki-shot figcaption { margin-top: 8px; color: #cfd5de; font-size: 14px; max-width: 72ch; }
.wiki .wiki-shot figcaption ol { margin: 6px 0 0; padding-left: 22px; }
.wiki .wiki-shot figcaption .wiki-muted { display: block; margin-top: 4px; font-size: 12px; }

/* ---- Spoiler disclosure ---- */
.wiki details.wiki-spoiler { margin: 16px 0; border: 1px solid var(--w-rim); border-radius: 8px; background: var(--w-panel-0); }
.wiki details.wiki-spoiler > summary { cursor: pointer; padding: 12px 16px; font-weight: 700; color: #fff; }
.wiki details.wiki-spoiler[open] > summary { border-bottom: 1px solid var(--w-edge); }
.wiki details.wiki-spoiler > div { padding: 4px 18px 12px; }

/* ---- Phones: compact header, sidebar collapses, no hero ---- */
@media (max-width: 860px) {
    .wiki-layout { grid-template-columns: 1fr; }
    .wiki-side { position: static; }
    .wiki-article { padding: 18px 16px 22px; }
    .wiki-infobox { float: none; width: auto; margin: 10px 0 16px; }
    .wiki-results { columns: 1; }
}
@media (max-width: 640px) {
    body.wiki-page .top-bar .stats { display: none; }
    body.wiki-page .top-bar { padding: 6px 8px; min-height: 0; }
    .wiki-brand { margin-top: 6px; padding: 0 12px; }
    .wiki-brand-link img { width: 84px; }
    .wiki-brand-link span { font-size: 20px; }
    .wiki-brand-play { font-size: 12px; }
    #content.wiki { padding: 0 10px; margin-top: 8px; }
    .wiki h1 { font-size: 25px; }
    .wiki .wiki-lead { font-size: 16px; }
    .wiki-sidebox:not([open]) { padding-bottom: 6px; }
}
@media (min-width: 861px) {
    .wiki-mobile { display: none; }
    .wiki .wiki-sections { display: none; }
}
@media (max-width: 860px) {
    .wiki-desk { display: none; }
    .wiki-mobile { background: var(--w-panel); border: 2px solid var(--w-edge); box-shadow: inset 0 0 0 1px var(--w-rim); border-radius: 8px; padding: 10px 12px; }
    .wiki-mobile .wiki-search div { flex-direction: row; }
    .wiki-mobile .wiki-search button { width: auto; }
    .wiki-mobile .wiki-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .wiki-mobilenav { margin-top: 10px; }
    .wiki-mobilenav > summary { cursor: pointer; font-weight: 700; font-size: 14px; padding: 4px 0; }
}
.wiki-sidetitle { display: block; font-size: 14px; padding: 2px 0 8px; }
@media (prefers-reduced-motion: no-preference) { .wiki a, .wiki .wiki-hubcard { transition: color .12s ease, box-shadow .12s ease, border-color .12s ease; } }

.wiki ul.wiki-nav, .wiki ul.wiki-results { list-style: none; padding-left: 0; max-width: none; }
.wiki ul.wiki-results { list-style: disc; padding-left: 20px; }
.wiki-side .wiki-search div { flex-direction: column; }
.wiki-side .wiki-search button { width: 100%; }
.wiki ul.wiki-azlist { list-style: none; padding-left: 0; max-width: none; columns: 3 190px; column-gap: 18px; }
.wiki ul.wiki-azlist li { margin: 2px 0; break-inside: avoid; }

/* ---- Card layout for grouped item and move pages ---- */
/* A grid of cards, one per item or move */
.wiki .wiki-cardgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 12px 0 20px; clear: both; }
.wiki .wiki-card { display: flex; flex-direction: column; background: var(--w-panel-0); border: 1px solid var(--w-rim); border-radius: 8px; overflow: hidden; }
.wiki .wiki-card > header { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; padding: 8px 12px; background: var(--tc, var(--w-red-deep)); color: #fff; }
.wiki .wiki-card > header h2 { flex: 1 1 auto; margin: 0; padding: 0; border: 0; font-size: 17px; color: #fff; text-align: left; text-shadow: 0 1px 0 rgba(0, 0, 0, .35); }
.wiki .wiki-card-tag { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; background: rgba(0, 0, 0, .28); color: #fff; border: 1px solid rgba(255, 255, 255, .22); }
.wiki .wiki-card-body { display: flex; gap: 12px; align-items: flex-start; padding: 12px; }
.wiki .wiki-card-body p { margin: 0; font-size: 14px; line-height: 1.5; }
.wiki .wiki-card-img { flex: 0 0 auto; width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; background: var(--w-panel-2); border: 1px solid var(--w-rim); border-radius: 8px; }
.wiki .wiki-card-img img { width: 64px; height: 64px; object-fit: contain; image-rendering: pixelated; }
.wiki ul.wiki-card-src { list-style: none; margin: auto 0 0; padding: 0; border-top: 1px solid var(--w-edge); font-size: 13px; color: var(--w-muted); }
.wiki ul.wiki-card-src li { margin: 0; padding: 6px 12px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.wiki ul.wiki-card-src li:last-child { border-bottom: 0; }
.wiki ul.wiki-card-src strong { color: var(--w-text); }
/* Move cards: type-coloured header and a row of stat boxes */
.wiki .wiki-stats { display: flex; gap: 8px; padding: 12px 12px 4px; }
.wiki .wiki-stats > div { flex: 1 1 0; min-width: 0; text-align: center; padding: 6px 4px; background: var(--w-panel-2); border: 1px solid var(--w-edge); border-radius: 6px; }
.wiki .wiki-stats b { display: block; font-family: var(--w-pixel); font-weight: 400; font-size: 20px; color: #fff; line-height: 1.2; }
.wiki .wiki-stats span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--w-muted); }
.wiki p.wiki-card-desc { margin: 0; padding: 8px 12px 4px; font-size: 14px; line-height: 1.5; }
.wiki .wiki-card-learn { margin-top: auto; padding: 8px 12px 12px; font-size: 13px; color: var(--w-muted); }
.wiki .wiki-card-learn p { margin: 0; }
.wiki .wiki-card-learn strong { color: var(--w-text); }
.wiki .wiki-movecard > header a.wiki-type { border-color: rgba(255, 255, 255, .5); }
.wiki-tc-normal { --tc: #7a7c6a; } .wiki-tc-fire { --tc: #b9501f; } .wiki-tc-water { --tc: #2f67ae; } .wiki-tc-electric { --tc: #8f7510; }
.wiki-tc-grass { --tc: #2f7a2f; } .wiki-tc-ice { --tc: #3b8d96; } .wiki-tc-fighting { --tc: #8e2f26; } .wiki-tc-poison { --tc: #72368a; }
.wiki-tc-ground { --tc: #8a6d2f; } .wiki-tc-flying { --tc: #5b66b8; } .wiki-tc-psychic { --tc: #ac3563; } .wiki-tc-bug { --tc: #6c7a15; }
.wiki-tc-rock { --tc: #6e5f33; } .wiki-tc-ghost { --tc: #473970; } .wiki-tc-dragon { --tc: #452fa6; } .wiki-tc-dark { --tc: #3a302b; }
.wiki-tc-steel { --tc: #566572; } .wiki-tc-fairy { --tc: #b0608c; }
@media (max-width: 860px) { .wiki .wiki-cardgrid { grid-template-columns: 1fr; } }