/* Towny Reborn Wiki update 20261014-journey-beta8 */
.trwiki {
    --tr-pink: #ff2bbd;
    --tr-pink-soft: rgba(255, 43, 189, .16);
    --tr-green: #59ff22;
    --tr-green-soft: rgba(89, 255, 34, .13);
    --tr-bg: #070b11;
    --tr-panel: #0d131d;
    --tr-panel-2: #121a27;
    --tr-line: rgba(151, 169, 197, .17);
    --tr-text: #f7f9ff;
    --tr-muted: #9da9bd;
    --tr-warn: #ffc857;
    color: var(--tr-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.65;
    margin: -1rem;
    overflow: clip;
    background:
      radial-gradient(circle at 12% 0%, rgba(255, 43, 189, .08), transparent 28rem),
      radial-gradient(circle at 92% 4%, rgba(89, 255, 34, .07), transparent 30rem),
      var(--tr-bg);
  }

  .trwiki, .trwiki * { box-sizing: border-box; }
  .trwiki a { color: inherit; text-decoration: none; }
  .trwiki button, .trwiki input { font: inherit; }
  .trwiki button { cursor: pointer; }
  .trwiki img { display: block; max-width: 100%; }
  .trwiki :focus-visible { outline: 3px solid var(--tr-green); outline-offset: 3px; }

  .trw-hero {
    min-height: 530px;
    position: relative;
    display: grid;
    align-items: end;
    isolation: isolate;
    border-bottom: 0;
    background: #0a0f17 var(--tr-hero) center/cover no-repeat;
  }
  .trw-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(4, 7, 12, .96) 0%, rgba(4, 7, 12, .75) 50%, rgba(4, 7, 12, .30) 100%), linear-gradient(0deg, #070b11 0%, transparent 55%);
  }
  .trw-hero-inner { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 86px 0 64px; }
  .trw-kicker, .trw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--tr-green);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .trw-kicker::before, .trw-eyebrow::before { content: ""; width: 24px; height: 2px; background: currentColor; }
  .trw-hero h1 {
    max-width: 760px;
    margin: 14px 0 16px;
    color: #fff;
    font-size: clamp(42px, 7vw, 82px);
    line-height: .94;
    letter-spacing: -.055em;
  }
  .trw-hero h1 span:first-child { color: var(--tr-pink); }
  .trw-hero h1 span:last-child { color: var(--tr-green); }
  .trw-hero-lead { max-width: 670px; margin: 0 0 28px; color: #c4ccda; font-size: clamp(16px, 2vw, 20px); }
  .trw-actions { display: flex; flex-wrap: wrap; gap: 11px; }
  .trw-btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid var(--tr-line);
    border-radius: 10px;
    padding: 11px 17px;
    background: rgba(16, 23, 34, .88);
    color: #fff !important;
    font-weight: 800;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .trw-btn:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.32); }
  .trw-btn--pink { border-color: transparent; background: var(--tr-pink); box-shadow: 0 10px 30px rgba(255, 43, 189, .23); }
  .trw-btn--green { border-color: transparent; background: var(--tr-green); color: #071006 !important; box-shadow: 0 10px 30px rgba(89, 255, 34, .17); }
  .trw-btn--small { min-height: 38px; padding: 8px 12px; font-size: 13px; }
  .trw-copy-state { min-width: 18px; }
  .trw-hero-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-width: 820px; margin-top: 38px; }
  .trw-hero-fact { padding: 13px 15px; border: 1px solid var(--tr-line); border-radius: 12px; background: rgba(8, 12, 19, .74); backdrop-filter: blur(10px); }
  .trw-hero-fact strong { display: block; color: #fff; font-size: 15px; }
  .trw-hero-fact span { color: var(--tr-muted); font-size: 12px; }

  .trw-shell { width: min(1240px, calc(100% - 36px)); margin: 0 auto; padding: 32px 0 80px; }
  .trw-searchbar {
    position: sticky;
    top: 10px;
    z-index: 35;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding: 10px;
    border: 1px solid var(--tr-line);
    border-radius: 15px;
    background: rgba(10, 15, 23, .92);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .25);
    backdrop-filter: blur(14px);
  }
  .trw-searchbar label { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 0 8px; color: var(--tr-muted); }
  .trw-searchbar input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; }
  .trw-searchbar input::placeholder { color: #778398; }
  .trw-search-results { flex: none; color: var(--tr-muted); font-size: 12px; }

  .trw-layout { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 24px; align-items: start; }
  .trw-nav { position: sticky; top: 84px; padding: 12px; border: 1px solid var(--tr-line); border-radius: 15px; background: rgba(13, 19, 29, .84); }
  .trw-nav-title { padding: 8px 10px 10px; color: var(--tr-muted); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
  .trw-nav a { display: flex; align-items: center; gap: 10px; border-radius: 9px; padding: 9px 10px; color: #b8c2d3; font-size: 13px; font-weight: 750; }
  .trw-nav a:hover, .trw-nav a.is-active { background: var(--tr-pink-soft); color: #fff; }
  .trw-nav a.is-active::before { content: ""; width: 3px; height: 17px; border-radius: 3px; background: var(--tr-pink); }
  .trw-nav-sep { height: 1px; margin: 9px 6px; background: var(--tr-line); }
  .trw-content { min-width: 0; }
  .trw-empty { display: none; padding: 40px; border: 1px dashed var(--tr-line); border-radius: 16px; color: var(--tr-muted); text-align: center; }

  .trw-section { scroll-margin-top: 90px; margin-bottom: 26px; border: 1px solid var(--tr-line); border-radius: 18px; background: linear-gradient(145deg, rgba(18, 26, 39, .88), rgba(10, 15, 23, .94)); overflow: hidden; }
  .trw-section[hidden] { display: none; }
  .trw-section-head { padding: clamp(23px, 4vw, 38px); border-bottom: 1px solid var(--tr-line); background: linear-gradient(110deg, rgba(255, 43, 189, .07), transparent 45%, rgba(89, 255, 34, .045)); }
  .trw-section h2 { margin: 6px 0 8px; color: #fff; font-size: clamp(27px, 4vw, 42px); line-height: 1.1; letter-spacing: -.035em; }
  .trw-section-intro { max-width: 760px; margin: 0; color: var(--tr-muted); font-size: 15px; }
  .trw-body { padding: clamp(20px, 4vw, 36px); }
  .trw-body h3 { margin: 30px 0 12px; color: #fff; font-size: 21px; }
  .trw-body h3:first-child { margin-top: 0; }
  .trw-body p { color: #b6c0d1; }
  .trw-muted { color: var(--tr-muted); }
  .trw-pink { color: var(--tr-pink); }
  .trw-green { color: var(--tr-green); }
  .trw-price { color: var(--tr-green); font-variant-numeric: tabular-nums; }

  .trw-grid { display: grid; gap: 13px; }
  .trw-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trw-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .trw-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .trw-card { border: 1px solid var(--tr-line); border-radius: 14px; padding: 18px; background: rgba(7, 11, 17, .48); }
  .trw-card-icon { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 10px; background: var(--tr-pink-soft); color: var(--tr-pink); font-size: 19px; font-weight: 900; }
  .trw-card:nth-child(even) .trw-card-icon { background: var(--tr-green-soft); color: var(--tr-green); }
  .trw-card strong { display: block; margin-bottom: 5px; color: #fff; }
  .trw-card p { margin: 0; color: var(--tr-muted); font-size: 13px; }
  .trw-stat { padding: 16px; border: 1px solid var(--tr-line); border-radius: 13px; background: rgba(7, 11, 17, .58); }
  .trw-stat span { display: block; color: var(--tr-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  .trw-stat strong { display: block; margin-top: 3px; color: #fff; font-size: 22px; line-height: 1.2; }

  .trw-callout { display: flex; gap: 14px; margin: 18px 0; border: 1px solid var(--tr-line); border-left: 4px solid var(--tr-green); border-radius: 12px; padding: 16px 18px; background: var(--tr-green-soft); }
  .trw-callout--pink { border-left-color: var(--tr-pink); background: var(--tr-pink-soft); }
  .trw-callout--warn { border-left-color: var(--tr-warn); background: rgba(255, 200, 87, .08); }
  .trw-callout-symbol { flex: none; color: #fff; font-weight: 900; }
  .trw-callout p { margin: 0; color: #d1d8e5; }
  .trw-callout strong { color: #fff; }

  .trw-booster-preview { margin: 18px 0 20px; overflow: hidden; border: 1px solid var(--tr-line); border-radius: 14px; padding: 14px; background: linear-gradient(135deg, rgba(255, 43, 189, .09), rgba(89, 255, 34, .07)); }
  .trw-booster-preview img { width: 100%; border-radius: 9px; }
  .trw-booster-preview figcaption { margin-top: 10px; color: var(--tr-muted); font-size: 12px; text-align: center; }

  .trw-steps { counter-reset: trstep; display: grid; gap: 10px; margin: 18px 0; }
  .trw-step { counter-increment: trstep; display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: start; padding: 15px; border: 1px solid var(--tr-line); border-radius: 12px; background: rgba(7, 11, 17, .44); }
  .trw-step::before { content: counter(trstep, decimal-leading-zero); width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255, 43, 189, .5); color: var(--tr-pink); font-size: 12px; font-weight: 900; }
  .trw-step > div > strong:first-child { display: block; color: #fff; }
  .trw-step p strong { display: inline; color: #fff; }
  .trw-step p { margin: 3px 0 0; color: var(--tr-muted); font-size: 13px; }

  .trw-command { display: inline-flex; align-items: center; gap: 8px; margin: 2px 1px; border: 1px solid rgba(89, 255, 34, .23); border-radius: 7px; padding: 3px 8px; background: rgba(89, 255, 34, .07); color: #dcffd1; font: 700 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }
  button.trw-command { cursor: copy; }
  button.trw-command:hover { border-color: var(--tr-green); }

  .trw-table-wrap { margin: 17px 0; overflow-x: auto; border: 1px solid var(--tr-line); border-radius: 13px; }
  .trw-table { width: 100%; border-collapse: collapse; color: #cbd3e0; font-size: 13px; }
  .trw-table th { padding: 12px 14px; background: rgba(255, 43, 189, .09); color: #fff; font-size: 11px; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
  .trw-table td { padding: 11px 14px; border-top: 1px solid var(--tr-line); vertical-align: top; }
  .trw-table tr:hover td { background: rgba(255,255,255,.018); }
  .trw-table code { color: #dcffd1; }

  .trw-gallery { margin-top: 26px; }
  .trw-gallery-top { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
  .trw-gallery-top h3 { margin: 0; }
  .trw-gallery-count { color: var(--tr-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
  .trw-gallery-stage { position: relative; overflow: hidden; border: 1px solid var(--tr-line); border-radius: 15px; background: #05080d; }
  .trw-gallery-image-button { width: 100%; min-height: 260px; display: block; padding: 0; border: 0; background: transparent; }
  .trw-gallery-stage img { width: 100%; max-height: 610px; object-fit: contain; margin: auto; background: #05080d; }
  .trw-gallery-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 52px 70px 17px; background: linear-gradient(0deg, rgba(2, 4, 8, .96), transparent); pointer-events: none; }
  .trw-gallery-caption strong { display: block; color: #fff; font-size: 16px; }
  .trw-gallery-caption span { display: block; color: #b7c0d0; font-size: 12px; }
  .trw-gallery-arrow { position: absolute; z-index: 3; top: 50%; width: 42px; height: 54px; display: grid; place-items: center; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.2); border-radius: 10px; background: rgba(5, 8, 13, .82); color: #fff; font-size: 22px; }
  .trw-gallery-arrow:hover { border-color: var(--tr-pink); background: rgba(255, 43, 189, .18); }
  .trw-gallery-arrow--prev { left: 12px; }
  .trw-gallery-arrow--next { right: 12px; }
  .trw-gallery-thumbs { display: flex; gap: 8px; margin-top: 9px; padding-bottom: 5px; overflow-x: auto; scrollbar-color: var(--tr-pink) transparent; }
  .trw-gallery-thumb { flex: 0 0 92px; height: 58px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 8px; background: #070a10; opacity: .55; }
  .trw-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
  .trw-gallery-thumb.is-active { border-color: var(--tr-green); opacity: 1; }

  .trw-details { margin: 14px 0; border: 1px solid var(--tr-line); border-radius: 12px; background: rgba(7, 11, 17, .4); overflow: hidden; }
  .trw-details summary { padding: 14px 17px; color: #fff; font-weight: 800; cursor: pointer; list-style: none; }
  .trw-details summary::-webkit-details-marker { display: none; }
  .trw-details summary::after { content: "+"; float: right; color: var(--tr-green); font-size: 20px; }
  .trw-details[open] summary::after { content: "−"; }
  .trw-details-content { padding: 0 17px 17px; color: var(--tr-muted); }
  .trw-details-content p:first-child { margin-top: 0; }

  .trw-lightbox { position: fixed; z-index: 99999; inset: 0; display: none; place-items: center; padding: 24px; background: rgba(0, 0, 0, .94); }
  .trw-lightbox.is-open { display: grid; }
  .trw-lightbox-inner { position: relative; width: min(1500px, 100%); }
  .trw-lightbox img { width: 100%; max-height: 86vh; object-fit: contain; }
  .trw-lightbox-close { position: fixed; top: 18px; right: 20px; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: #111722; color: #fff; font-size: 25px; }
  .trw-lightbox-label { padding-top: 10px; color: #dce2ec; text-align: center; }

  .trw-footer { padding: 30px; border-top: 1px solid var(--tr-line); color: var(--tr-muted); text-align: center; font-size: 12px; }

  @media (max-width: 960px) {
    .trw-layout { grid-template-columns: 1fr; }
    .trw-nav { position: static; display: flex; gap: 4px; overflow-x: auto; white-space: nowrap; }
    .trw-nav-title, .trw-nav-sep { display: none; }
    .trw-nav a { flex: none; }
    .trw-nav a.is-active::before { display: none; }
    .trw-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 680px) {
    .trwiki { margin: -.75rem; }
    .trw-hero { min-height: 620px; background-position: 60% center; }
    .trw-hero::before { background: linear-gradient(0deg, rgba(4,7,12,.98) 0%, rgba(4,7,12,.82) 72%, rgba(4,7,12,.56) 100%); }
    .trw-hero-inner, .trw-shell { width: min(100% - 24px, 1180px); }
    .trw-hero-facts, .trw-grid--2, .trw-grid--3, .trw-grid--4 { grid-template-columns: 1fr; }
    .trw-hero-facts { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .trw-search-results { display: none; }
    .trw-section-head, .trw-body { padding: 20px; }
    .trw-gallery-caption { position: static; padding: 13px 16px; background: #090e16; }
    .trw-gallery-arrow { top: 42%; width: 38px; height: 48px; }
    .trw-gallery-image-button { min-height: 180px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .trwiki *, .trwiki *::before, .trwiki *::after { scroll-behavior: auto !important; transition: none !important; }
  }

/* Edition cards and readable menu screenshots. */
.trw-edition-card { padding: 22px; border-top: 3px solid var(--tr-pink); }
.trw-edition-card--bedrock { border-top-color: var(--tr-green); }
.trw-edition-label { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: var(--tr-pink); font-size: 13px; font-weight: 900; }
.trw-edition-card--bedrock .trw-edition-label { color: var(--tr-green); }
.trw-edition-card h3 { margin: 10px 0 16px; }
.trw-edition-card .trw-step { padding: 12px; gap: 10px; grid-template-columns: 32px minmax(0,1fr); }
.trw-edition-card .trw-step::before { width: 32px; height: 32px; }
.trw-beta-badge { display: inline-block; padding: 2px 8px; border: 1px solid rgba(89,255,34,.3); border-radius: 20px; background: var(--tr-green-soft); color: var(--tr-green); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.trw-edition-note { margin: 0; font-size: 12px; }
.trw-edition-note strong { display: inline; }
.trw-command { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; }
.trw-command-list { display: grid; gap: 12px; }
.trw-command-list > div { display: grid; justify-items: start; gap: 7px; padding: 15px; border: 1px solid var(--tr-line); border-radius: 12px; }
.trw-command-list strong { color: white; }
.trw-command-list .trw-muted { font-size: 12px; }
.trw-inline-link { color: var(--tr-green) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.trw-nav-command { display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: 9px; background: transparent; color: #b8c2d3; font-size: 13px !important; font-weight: 750 !important; text-align: left; }
.trw-nav-command:hover { background: var(--tr-pink-soft); color: white; }
.trw-gallery-caption { position: static; padding: 15px 18px; background: #0d131d; border-top: 1px solid var(--tr-line); }
.trw-gallery--ui .trw-gallery-image-button { min-height: 0; padding: 18px 10px; }
.trw-gallery--ui .trw-gallery-stage img { width: auto; max-width: 100%; max-height: 480px; image-rendering: pixelated; }
.trw-gallery--ui .trw-gallery-thumb img { object-fit: contain; }
.trw-gallery-arrow { top: calc(50% - 35px); }
.trwiki [hidden] { display: none !important; }
@media (max-width: 960px) { .trw-nav-command { width: auto; flex: 0 0 auto; white-space: nowrap; } }
@media (max-width: 680px) {
  .trw-edition-card { padding: 16px; }
  .trw-gallery-caption { padding: 13px; }
  .trw-gallery--ui .trw-gallery-image-button { padding: 10px 6px; }
}

/* Fishing chapter: topic links, focused original screenshots and readable tables. */
.trwiki .trw-fish-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 30px; }
.trwiki .trw-fish-nav a { padding: 7px 11px; border: 1px solid var(--tr-line); border-radius: 8px; background: var(--tr-panel); color: #d6dfec; font-size: 12px; font-weight: 750; }
.trwiki .trw-fish-nav a:hover { border-color: var(--tr-green); color: var(--tr-green); }
.trwiki .trw-fish-topic { scroll-margin-top: 95px; padding-top: 30px; margin-top: 32px; border-top: 1px solid var(--tr-line); }
.trwiki .trw-fish-topic h3 { margin-top: 0; font-size: 25px; letter-spacing: -.025em; }
.trwiki .trw-fish-topic h4 { color: #fff; margin: 26px 0 9px; font-size: 17px; }
.trwiki .trw-fish-topic > p { font-size: 14px; }
.trwiki .trw-fish-topic p strong { color: #f7f9ff; }
.trwiki .trw-fish-topic .trw-details-content p { font-size: 13px; }
.trwiki .trw-fish-topic .trw-gallery-top h3 { font-size: 17px; letter-spacing: 0; }
.trwiki .trw-fish-topic .trw-stat strong { font-size: clamp(17px, 2vw, 22px); }
.trwiki .trw-image-frame { position: relative; display: block; margin: 0 auto; overflow: hidden; }
.trwiki .trw-image-frame.is-cropped { aspect-ratio: var(--frame-ratio); width: min(100%, var(--frame-natural-width), calc(480px * var(--frame-ratio))); }
.trwiki .trw-image-frame.is-cropped img { position: absolute; width: var(--source-width); left: var(--source-left); top: var(--source-top); max-width: none; max-height: none; height: auto; margin: 0; }
.trwiki .trw-gallery-thumb .trw-image-frame { width: 100%; height: 100%; }
.trwiki .trw-gallery-thumb .trw-image-frame.is-cropped { width: min(100%, calc(54px * var(--frame-ratio))); height: auto; margin-top: max(0px, calc((54px - 88px / var(--frame-ratio)) / 2)); }
.trwiki .trw-lightbox .trw-image-frame.is-cropped { width: min(100%, calc(77vh * var(--frame-ratio))); }
.trwiki .trw-lightbox .trw-image-frame { max-width: calc(100% - 104px); }
.trwiki .trw-lightbox-arrow { position: absolute; top: 45%; width: 42px; height: 54px; border: 1px solid var(--tr-line); border-radius: 9px; background: #111722; color: #fff; font-size: 25px; }
.trwiki .trw-lightbox-arrow--prev { left: 0; }
.trwiki .trw-lightbox-arrow--next { right: 0; }
.trwiki .trw-lightbox-label { padding: 10px 45px 0; font-size: 13px; }
.trwiki .trw-gallery-image-button .trw-image-frame:not(.is-cropped) { width: 100%; }
@media (max-width: 680px) {
  .trwiki .trw-fish-topic { padding-top: 23px; margin-top: 26px; }
  .trwiki .trw-fish-topic .trw-details-content { padding-left: 11px; padding-right: 11px; }
  .trwiki .trw-lightbox { padding: 10px; }
  .trwiki .trw-lightbox .trw-image-frame { max-width: 100%; }
  .trwiki .trw-lightbox-arrow { top: auto; bottom: -55px; }
  .trwiki .trw-lightbox-label { padding-left: 40px; padding-right: 40px; }
}

/* Supporter ranks: original Minecraft prefixes, readable limits and commands. */
.trwiki .trw-rank-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.trwiki .trw-rank-card { min-width: 0; padding: 21px; border: 1px solid var(--tr-line); border-top: 3px solid var(--rank-colour); border-radius: 14px; background: rgba(7, 11, 17, .55); }
.trwiki .trw-rank-card h3 { color: var(--rank-colour); margin: 5px 0 12px; font-size: 23px; }
.trwiki .trw-rank-type { color: var(--tr-muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.trwiki .trw-rank-preview { display: grid; place-items: center; width: 100%; padding: 12px; border: 1px solid var(--tr-line); border-radius: 10px; background: #111927; cursor: zoom-in; }
.trwiki .trw-rank-preview:hover, .trwiki .trw-rank-preview:focus-visible { border-color: var(--rank-colour); outline: 2px solid var(--rank-colour); outline-offset: 2px; }
.trwiki .trw-rank-preview .trw-image-frame.is-cropped { width: min(100%, 275px); }
.trwiki .trw-rank-preview img { image-rendering: pixelated; }
.trwiki .trw-rank-summary { margin: 13px 0; color: var(--tr-muted); font-size: 13px; }
.trwiki .trw-rank-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 15px; margin: 16px 0; }
.trwiki .trw-rank-metrics div { min-width: 0; padding-bottom: 9px; border-bottom: 1px solid var(--tr-line); }
.trwiki .trw-rank-metrics dt { color: var(--tr-muted); font-size: 11px; font-weight: 500; }
.trwiki .trw-rank-metrics dd { margin: 2px 0 0; color: #fff; font-size: 23px; line-height: 1.2; font-weight: 800; font-variant-numeric: tabular-nums; }
.trwiki .trw-rank-commands { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 10px; }
.trwiki .trw-rank-kits, .trwiki .trw-rank-colours { margin: 9px 0 0; color: var(--tr-muted); font-size: 12px; }
.trwiki .trw-rank-kits strong { color: #fff; }
.trwiki .trw-rank-table tbody th { background: transparent; text-transform: none; letter-spacing: 0; font-size: 13px; border-top: 1px solid var(--tr-line); }
.trwiki .trw-rank-image-note { margin: 13px 0 20px; font-size: 12px; }
@media (max-width: 680px) {
  .trwiki .trw-rank-grid { grid-template-columns: minmax(0, 1fr); }
  .trwiki .trw-rank-card { padding: 17px; }
}

/* Keep all chapter links reachable on shorter desktop screens. */
@media (min-width: 961px) {
  .trwiki .trw-nav { max-height: calc(100vh - 110px); overflow-y: auto; scrollbar-color: var(--tr-pink) transparent; scrollbar-width: thin; }
}

/* Expanded catalogue: readable cards without a wide comparison table. */
.trwiki .trw-enchant-search-label {display:block;font-weight:700;margin-top:1rem}
.trwiki .trw-enchant-search {width:100%;max-width:38rem;padding:.8rem 1rem;background:var(--tr-panel);border:1px solid var(--tr-line);border-radius:10px;color:var(--tr-text);font:inherit}
.trwiki .trw-enchant-search:focus {outline:2px solid var(--tr-pink);outline-offset:2px}
.trwiki .trw-enchant-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.trwiki .trw-enchant-entry {min-width:0;padding:1rem;background:var(--tr-panel);border:1px solid var(--tr-line);border-radius:12px;overflow-wrap:anywhere}
.trwiki .trw-enchant-entry h4 {margin:0 0 .6rem;display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap}
.trwiki .trw-enchant-level {font-size:.8rem;color:var(--tr-green);white-space:nowrap}
.trwiki .trw-enchant-meta {font-size:.85rem;color:var(--tr-muted)}
.trwiki .trw-bait-fish li {margin-bottom:.8rem;overflow-wrap:anywhere}
.trwiki [hidden] {display:none!important}
.trwiki #thrifty-spawn-eggs {align-items:flex-start;scroll-margin-top:6rem}
.trwiki #pets-cosmetics code {overflow-wrap:anywhere;white-space:normal}
@media(max-width:640px){.trwiki .trw-enchant-grid{grid-template-columns:1fr}}

.trwiki .trw-codex-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.trwiki .trw-codex-entry {min-width:0;padding:1rem;border:1px solid var(--tr-line);border-radius:12px;background:var(--tr-panel);overflow-wrap:anywhere}
.trwiki .trw-codex-entry h4 {margin:0 0 .5rem;color:var(--tr-text)}
.trwiki .trw-codex-biome-ids {font-size:.8rem;color:var(--tr-muted);font-family:monospace}
@media(max-width:640px){.trwiki .trw-codex-grid{grid-template-columns:1fr}}

.trwiki .trw-codex-fish-head {display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;min-width:0}
.trwiki .trw-codex-fish-head h4 {margin:0;overflow-wrap:anywhere}
.trwiki .trw-codex-fish-image {display:block;width:96px;height:96px;flex:0 0 96px;object-fit:contain;image-rendering:pixelated;padding:8px;background:var(--tr-panel-2);border:1px solid var(--tr-line);border-radius:12px}
@media(max-width:640px){.trwiki .trw-codex-fish-image{width:72px;height:72px;flex-basis:72px}.trwiki .trw-codex-fish-head{gap:.75rem}}

/* Journey guide: scoped to the existing Pink & Lime wiki. */
.trwiki .trw-journey-links { gap: 8px; margin: 18px 0; }
.trwiki #journey h3[id], .trwiki #journey-future { scroll-margin-top: 95px; }
.trwiki .trw-journey-dot { display: inline-block; width: 11px; height: 11px; margin-right: 7px; border-radius: 50%; vertical-align: baseline; }
.trwiki .trw-journey-dot--green { background: var(--tr-green); }
.trwiki .trw-journey-dot--yellow { background: #ffd34f; }
.trwiki .trw-journey-dot--red { background: #ff777f; }
.trwiki .trw-journey-dot--blue { background: #78cdff; }
.trwiki .trw-journey-formula { display: grid; gap: 9px; padding: 20px; margin: 18px 0; background: var(--tr-panel-2); border: 1px solid var(--tr-line); border-left: 3px solid var(--tr-pink); border-radius: 12px; }
.trwiki .trw-journey-formula code { white-space: normal; overflow-wrap: anywhere; color: #dcffd1; }
.trwiki .trw-journey-table { width: 100%; table-layout: fixed; }
.trwiki .trw-journey-table th { white-space: normal; }
.trwiki .trw-journey-table td { overflow-wrap: anywhere; }
.trwiki .trw-journey-table .trw-command { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; margin: 3px 0; }
.trwiki .trw-journey-table small { color: var(--tr-muted); }
.trwiki .trw-journey-calculator { border-color: rgba(89,255,34,.3); }
.trwiki .trw-journey-field { display: grid; gap: 7px; align-content: start; color: var(--tr-text); font-weight: 700; }
.trwiki .trw-journey-field input { width: 100%; min-width: 0; border: 1px solid rgba(151,169,197,.4); border-radius: 9px; color: var(--tr-text); background: var(--tr-bg); padding: 12px 14px; }
.trwiki .trw-journey-field input[aria-invalid="true"] { border-color: #ff777f; }
.trwiki .trw-journey-field small { color: var(--tr-muted); font-size: 12px; font-weight: 400; }
.trwiki .trw-journey-results { padding: 16px; margin-top: 18px; background: var(--tr-bg); border-radius: 12px; border: 1px solid var(--tr-line); }
.trwiki .trw-journey-results p { display: grid; gap: 3px; margin: 0 0 12px; }
.trwiki .trw-journey-results p > span { color: var(--tr-muted); font-size: 12px; }
.trwiki #trw-journey-level { color: var(--tr-green); font-size: 21px; }
.trwiki #trw-journey-bar { display: block; width: 100%; height: 13px; margin: 9px 0 12px; appearance: none; border: none; border-radius: 10px; overflow: hidden; background: var(--tr-panel-2); accent-color: var(--tr-green); }
.trwiki #trw-journey-bar::-webkit-progress-bar { background: var(--tr-panel-2); border-radius: 10px; }
.trwiki #trw-journey-bar::-webkit-progress-value { background: linear-gradient(90deg,var(--tr-pink),var(--tr-green)); border-radius: 10px; }
.trwiki #trw-journey-bar::-moz-progress-bar { background: linear-gradient(90deg,var(--tr-pink),var(--tr-green)); border-radius: 10px; }
.trwiki .trw-journey-step { color: var(--tr-muted); font-size: 12px; }
.trwiki .trw-journey-plan { padding: 12px; margin: 15px 0; color: #dcffd1; background: var(--tr-green-soft); border-radius: 9px; }
.trwiki .trw-journey-error { color: #ffadb2; }
.trwiki .trw-journey-results[hidden], .trwiki .trw-journey-error[hidden] { display: none; }
@media (max-width: 720px) {
  .trwiki .trw-journey-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .trwiki .trw-journey-table tbody, .trwiki .trw-journey-table tr, .trwiki .trw-journey-table td { display: block; width: 100%; }
  .trwiki .trw-journey-table tr { padding: 10px 0; border-bottom: 1px solid var(--tr-line); }
  .trwiki .trw-journey-table td { border: none; padding: 5px 12px; }
  .trwiki .trw-journey-table td::before { content: attr(data-label) ": "; display: block; color: #a9b6ca; font-size: 11px; font-weight: 700; letter-spacing: .03em; }
  .trwiki .trw-journey-results { padding: 13px; }
}

/* Player guide: choose a task, read its essentials, then open the details. */
.trwiki[data-guide-mode="topics"] .trw-hero { min-height: 270px; }
.trwiki[data-guide-mode="topics"] .trw-hero-inner { padding: 42px 0 38px; }
.trwiki[data-guide-mode="topics"] .trw-hero h1 { font-size: clamp(36px,5vw,58px); margin: 10px 0 14px; }
.trwiki[data-guide-mode="topics"] .trw-hero-lead { font-size: 16px; max-width: 680px; margin-bottom: 22px; }
.trwiki [hidden] { display: none !important; }
.trwiki .trw-guide-home h2, .trwiki .trw-search-panel h2 { font-size: clamp(25px,3vw,34px); line-height: 1.18; margin: 10px 0 12px; color: #fff; }
.trwiki .trw-guide-home p { color: #b6c0d1; }
.trwiki .trw-first-steps { border: 1px solid var(--tr-line); border-radius: 18px; padding: clamp(20px,3vw,30px); background: linear-gradient(115deg,rgba(89,255,34,.06),rgba(17,24,35,.9)); scroll-margin-top: 85px; }
.trwiki .trw-first-steps > div > p:last-child { margin: 0; }
.trwiki .trw-first-steps ol { list-style: none; padding: 0; margin: 24px 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.trwiki .trw-first-steps li { display: flex; gap: 12px; min-width: 0; }
.trwiki .trw-first-steps li > span { color: var(--tr-green); font-size: 12px; font-weight: 800; border: 1px solid rgba(89,255,34,.35); border-radius: 8px; width: 33px; height: 33px; display: grid; place-items: center; flex: none; }
.trwiki .trw-first-steps h3 { margin: 3px 0 7px; font-size: 17px; line-height: 1.25; color: #fff; }
.trwiki .trw-first-steps li p { margin: 0 0 4px; font-size: 14px; }
.trwiki .trw-first-steps li a { color: var(--tr-green); display: inline-flex; align-items: center; min-height: 40px; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.trwiki .trw-first-warning { border-top: 1px solid var(--tr-line); margin: 0; padding-top: 16px; font-size: 13px; }
.trwiki .trw-quick-answers { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 20px 0 36px; }
.trwiki .trw-quick-answers > span { color: var(--tr-muted); font-size: 13px; margin-right: 5px; }
.trwiki .trw-quick-answers a { padding: 9px 12px; min-height: 44px; border: 1px solid var(--tr-line); border-radius: 9px; background: var(--tr-panel); font-size: 13px; }
.trwiki .trw-quick-answers a:hover { border-color: var(--tr-pink); }
.trwiki .trw-topic-directory { scroll-margin-top: 90px; }
.trwiki .trw-topic-directory > p:not(.trw-eyebrow) { margin: 0 0 24px; }
.trwiki .trw-topic-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.trwiki .trw-topic-group { border: 1px solid var(--tr-line); border-radius: 15px; padding: 22px; background: var(--tr-panel); min-width: 0; }
.trwiki .trw-topic-number { color: var(--tr-pink) !important; font-size: 12px; font-weight: 800; margin: 0 0 9px; }
.trwiki .trw-topic-group:nth-child(even) .trw-topic-number { color: var(--tr-green) !important; }
.trwiki .trw-topic-group h3 { margin: 0 0 8px; font-size: 21px; color: #fff; }
.trwiki .trw-topic-group > p:not(.trw-topic-number) { font-size: 13px; margin: 0 0 15px; min-height: 42px; }
.trwiki .trw-topic-group ul { list-style: none; margin: 0; padding: 0; }
.trwiki .trw-topic-group li + li { border-top: 1px solid rgba(151,169,197,.1); }
.trwiki .trw-topic-group a { min-height: 44px; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; line-height: 1.35; }
.trwiki .trw-topic-group a span { color: var(--tr-green); flex: none; }
.trwiki .trw-topic-group a:hover { color: var(--tr-green); }
.trwiki .trw-level-help { margin-top: 24px; }
.trwiki .trw-reader-bar { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin: 0 0 18px; min-height: 44px; scroll-margin-top: 85px; }
.trwiki .trw-reader-bar > a, .trwiki .trw-reader-footer a { color: var(--tr-green); min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; }
.trwiki #trw-current-topic { color: var(--tr-muted); font-size: 12px; }
.trwiki .trw-topic-picker-label { display: none; }
.trwiki .trw-nav-home { color: var(--tr-green); margin-bottom: 10px; }
.trwiki .trw-nav-group { border-top: 1px solid var(--tr-line); }
.trwiki .trw-nav-group summary { padding: 14px 2px; min-height: 44px; font-size: 13px; color: #fff; font-weight: 700; cursor: pointer; }
.trwiki .trw-nav-group > div { padding-bottom: 10px; }
.trwiki .trw-nav-group a { font-size: 12px; min-height: 40px; padding: 8px; }
.trwiki .trw-reader-footer { display: flex; gap: 18px; justify-content: space-between; flex-wrap: wrap; }
.trwiki .trw-quickstart { border-left: 3px solid var(--tr-green); background: rgba(89,255,34,.045); padding: 18px 20px; border-radius: 0 11px 11px 0; }
.trwiki .trw-quick-label { text-transform: uppercase; color: var(--tr-green) !important; font-size: 11px; font-weight: 800; letter-spacing: .09em; margin: 0 0 8px; }
.trwiki .trw-quick-goal { font-size: 16px; color: #fff !important; margin: 0 0 14px; }
.trwiki .trw-quickstart ol { padding-left: 20px; margin: 0; }
.trwiki .trw-quickstart li { margin: 9px 0; padding-left: 4px; font-size: 14px; color: #c7d0df; }
.trwiki .trw-quickstart li::marker { color: var(--tr-green); }
.trwiki .trw-quickstart a { color: var(--tr-green); text-decoration: underline; text-underline-offset: 3px; }
.trwiki .trw-quick-note { border-top: 1px solid var(--tr-line); padding-top: 13px; margin: 14px 0 0; font-size: 13px; color: #c6d0df !important; }
.trwiki .trw-more-label { margin: 27px 0 12px; font-size: 13px; color: var(--tr-muted); }
.trwiki .trw-guide-part { border: 1px solid var(--tr-line); border-radius: 10px; margin: 10px 0; background: rgba(7,11,17,.35); scroll-margin-top: 90px; overflow-wrap: anywhere; }
.trwiki .trw-guide-part > summary { cursor: pointer; color: #edf3ff; padding: 17px 18px; font-weight: 650; font-size: 14px; line-height: 1.4; min-height: 52px; }
.trwiki .trw-guide-part[open] > summary { color: var(--tr-green); border-bottom: 1px solid var(--tr-line); }
.trwiki .trw-guide-part-content { padding: 20px; }
.trwiki .trw-guide-part-content > h3:first-child { font-size: 18px; margin-top: 0; }
.trwiki .trw-guide-part-content > .trw-fish-topic { margin: 0; padding: 0; border: 0; }
.trwiki .trw-search-panel { min-height: 350px; scroll-margin-top: 90px; }
.trwiki #trw-search-summary { color: var(--tr-muted); }
.trwiki #trw-search-hits { display: grid; gap: 12px; }
.trwiki .trw-search-hit { display: grid; gap: 8px; padding: 20px; border: 1px solid var(--tr-line); border-radius: 12px; background: var(--tr-panel); }
.trwiki .trw-search-hit:hover { border-color: var(--tr-green); }
.trwiki .trw-hit-trail { color: var(--tr-green); font-size: 12px; }
.trwiki .trw-search-hit > strong { font-size: 18px; color: #fff; }
.trwiki .trw-hit-snippet { color: var(--tr-muted); font-size: 13px; overflow-wrap: anywhere; }
.trwiki .trw-command-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; margin-bottom: 18px; }
.trwiki .trw-command-tools label { display: grid; gap: 7px; flex: 1 1 230px; font-size: 13px; color: var(--tr-muted); }
.trwiki .trw-command-tools input, .trwiki #trw-topic-picker { width: 100%; min-height: 44px; border: 1px solid var(--tr-line); border-radius: 9px; background: #0d131d; color: #fff; padding: 10px 12px; font: inherit; }
.trwiki #trw-command-count { width: 100%; color: var(--tr-muted); font-size: 12px; }
@media(max-width:1050px) { .trwiki .trw-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:960px) {
  .trwiki[data-guide-mode="topics"] .trw-nav { display: none; }
  .trwiki .trw-reader-bar { flex-wrap: wrap; gap: 8px; }
  .trwiki .trw-topic-picker-label { display: grid; gap: 6px; width: 100%; color: var(--tr-muted); font-size: 12px; }
}
@media(max-width:640px) {
  .trwiki[data-guide-mode="topics"] .trw-hero { min-height: 0; }
  .trwiki[data-guide-mode="topics"] .trw-hero-inner { padding: 30px 0; }
  .trwiki[data-guide-mode="topics"] .trw-shell { width: calc(100% - 24px); padding-top: 18px; }
  .trwiki .trw-first-steps ol, .trwiki .trw-topic-grid { grid-template-columns: 1fr; }
  .trwiki .trw-first-steps { padding: 20px 16px; }
  .trwiki .trw-topic-group { padding: 19px; }
  .trwiki .trw-topic-group > p:not(.trw-topic-number) { min-height: 0; }
  .trwiki .trw-quickstart { padding: 16px; }
  .trwiki .trw-guide-part-content { padding: 15px; }
  .trwiki .trw-guide-part > summary { padding: 16px 13px; }
}
@media(prefers-reduced-motion:reduce) { .trwiki .trw-btn { transition: none; } }

/* Keep the starting guide and complete topic directory within reach. */
.trwiki .trw-guide-switch { display: flex; flex: none; gap: 4px; }
.trwiki .trw-guide-switch a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 12px; border: 1px solid var(--tr-line); border-radius: 9px; color: #dce5f2; font-size: 13px; font-weight: 650; white-space: nowrap; }
.trwiki .trw-guide-switch a:hover, .trwiki .trw-guide-switch a[aria-current] { color: var(--tr-green); background: rgba(89,255,34,.07); border-color: rgba(89,255,34,.45); }
.trwiki .trw-guide-switch a:focus-visible { outline: 2px solid var(--tr-green); outline-offset: 2px; }
@media(max-width:640px) {
  .trwiki .trw-searchbar { flex-wrap: wrap; gap: 8px; }
  .trwiki .trw-searchbar > label { flex: 1 1 calc(100% - 80px); min-height: 36px; }
  .trwiki .trw-guide-switch { order: 2; flex: 1 0 100%; }
  .trwiki .trw-guide-switch a { flex: 1; justify-content: center; }
  .trwiki[data-guide-mode="topics"] [id] { scroll-margin-top: 128px; }
}

/* Current CatchBall crafting recipe: original pixel-art screenshot. */
.trwiki .trw-recipe-panel {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:center;margin:24px 0;padding:20px;border:1px solid var(--tr-line);border-radius:14px;background:rgba(12,18,28,.82)}
.trwiki .trw-recipe-figure {margin:0;min-width:0}
.trwiki .trw-recipe-figure img {display:block;width:100%;height:auto;max-width:774px;image-rendering:pixelated;border-radius:6px}
.trwiki .trw-recipe-figure figcaption {margin-top:12px;color:var(--tr-muted);font-size:13px;line-height:1.6}
.trwiki .trw-recipe-facts {min-width:0}
.trwiki .trw-recipe-facts h3 {margin:14px 0 10px}
.trwiki .trw-recipe-facts ul {padding-left:20px}
.trwiki .trw-recipe-facts li {margin:8px 0}
.trwiki .trw-recipe-result {display:inline-block;padding:6px 10px;border:1px solid rgba(89,255,34,.3);border-radius:99px;background:rgba(89,255,34,.08);color:var(--tr-green);font-size:13px;font-weight:800}
@media(max-width:700px){.trwiki .trw-recipe-panel{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px}.trwiki .trw-recipe-result{white-space:normal}}