/* =========================
   Farmer Reborn Wiki
   ========================= */

:root{
  /* Responsive scale
     - design width stays 1100px
     - scale shrinks on smaller screens
     - caps at Part 1 desktop scale (1.00) */
  --design-width: 1100px;

  --ui-scale-max: 1.00;
  --ui-scale-min: 0.20; /* small screens */

  /* available width = 100vw - 64px safe padding */
  --ui-scale: clamp(
    var(--ui-scale-min),
    calc((100vw - 64px) / var(--design-width)),
    var(--ui-scale-max)  );
  --woodA: rgb(69, 35, 0);
  --woodB: rgba(82, 52, 22, 1);
  --woodEdge: rgba(0,0,0,.72);
  --woodGlow: rgba(255, 210, 120, .28);

  /* ✅ Patchnotes wood vars (you used these later but never defined them) */
  --pn-woodA: var(--woodA);
  --pn-woodB: var(--woodB);
  --pn-edge: var(--woodEdge);
  --pn-glow: var(--woodGlow);

  /* for fixed-position UI (search) so it scales proportionally too */
  --fixed-scale: calc(var(--ui-scale) / var(--ui-scale-max));

  --panel: rgba(0,0,0,.60);
  --text: #fff;
  --muted: rgba(255,255,255,.85);
  --gold: #f2d36b;

  --radius-xl: 24px;
  --radius-lg: 18px;

  /* Background blur tuning */
  --blur-top: 2px;     /* less blur at top */
  --blur-bottom: 12px; /* more blur at bottom */
}

html, body{
  height: 100%;
}

body{
  margin: 0;
  min-height: 100vh;

  color: var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  background: #000;
  position: relative;
  overflow-x: hidden;
}


.bottom {
  padding-bottom: 180px;   /* REAL gap at page bottom */

  content: "";
}

main{
  margin-bottom: 200px;
}

/* =========================================================
   ONE continuous background blur without backdrop-filter slabs
   (We blur the background layer itself with filter: blur)
   ========================================================= */

/* Base background image, lightly blurred */
body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0 ;
  pointer-events: none;

  background: url("../img/wiki/background.png") center / cover no-repeat;
  filter: blur(var(--blur-top)); /* ensure this blur is always applied */
  transform: scale(1.08); /* prevent blur edges */
}


/* Stronger blur blended in toward the bottom */
body::after{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background: url("../img/wiki/background.png") center / cover no-repeat;
  filter: blur(var(--blur-bottom));
  transform: scale(1.12); /* prevent blur edges */

  /* Fade in the stronger blur as you go down */
  opacity: 1;
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 35%,
    rgba(0,0,0,1) 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 35%,
    rgba(0,0,0,1) 100%
  );
}

/* Dark tint on top of everything for readability (no blur) */
body .bg-tint{
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom, 
    rgba(0,0,0,.12),
    rgba(0, 0, 0, 0)
  );
}

/* Make your UI sit above background layers */
#wiki-header,
#wiki-content{
  position: relative;
  z-index: 1;
}

/* =========================
   Header logo
   ========================= */

#wiki-header{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 0 6px;
}

#wiki-logo{ 
  max-width: min(420px, calc(100vw - 48px));
  width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.45));
}



/* =========================
   Main glass panel (no backdrop-filter here)
   ========================= */

#wiki-content{
  max-width: min(
    calc(var(--design-width) * var(--ui-scale)),
    calc(100vw - 32px)   /* LEFT + RIGHT margin */
  );

  /* TOP | LEFT+RIGHT | BOTTOM */
  margin:
    clamp(56px, 8vh, 90px)
    auto
    clamp(48px, 8vh, 96px); /* 👈 REAL bottom margin */

  padding:
    clamp(16px, 2.6vw, 28px)
    clamp(14px, 2.2vw, 22px)
    clamp(18px, 2.6vw, 30px);

  background: var(--panel);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-xl);

  box-shadow: 0 22px 60px rgba(0,0,0,.35);

  position: relative;

}



/* Scaled inner content */
#wiki-inner{
  width: var(--design-width);
  position: relative;
  left: 50%;
  transform: translateX(-50%) scale(var(--ui-scale));
  transform-origin: top center;
}

/* =========================
   TOP SECTION NAV (glassy wood)
   ========================= */

#section-nav{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 8px 8px;
}

#section-nav button{
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 10px 14px;

  color: rgba(255,255,255,.95);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .2px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(0,0,0,.42)),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.06) 0px,
      rgba(255,255,255,.06) 8px,
      rgba(0,0,0,.06) 8px,
      rgba(0,0,0,.06) 16px
    ),
    linear-gradient(180deg, #1c5619, #76bd6a);

  /* small local blur on the button is fine */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  box-shadow:
    0 10px 18px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.14);

  transition: transform .08s ease, filter .12s ease;
  text-shadow: 0 3px 10px rgba(0,0,0,.45);
}

#section-nav button:hover{
  filter: brightness(1.08);
  transform: translateY(-1px);
}

#section-nav button:active{
  transform: translateY(1px);
}

#section-nav button.active{
  outline: 2px solid rgba(242, 211, 107, .85);
  box-shadow:
    0 12px 22px rgba(0,0,0,.30),
    0 0 0 4px rgba(242, 211, 107, .18),
    inset 0 1px 0 rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(0,0,0,.42)),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.06) 0px,
      rgba(255,255,255,.06) 8px,
      rgba(0,0,0,.06) 8px,
      rgba(0,0,0,.06) 16px
    ),
    linear-gradient(180deg, #328913, #4ddc3e);
  transform: scale(1.04);
}

/* Top section nav buttons: text + icon */
#section-nav button{
  display: flex;
  align-items: center;
  gap: 10px;
}

#section-nav .section-btn-label{
  flex: 1;
  text-align: left;
}

#section-nav .section-btn-icon{
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35));
  opacity: 0.95;
}

/* Buttons (top nav + subnav) */
.nav-btn-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

.nav-btn-text{
  flex:1;
}

.nav-btn-icon{
  width:28px;
  height:28px;
  object-fit:contain;
  flex:0 0 auto;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.35));
}

/* Titles (section + page) */
.title-with-icon{
  display:inline-flex;
  align-items:center;
  gap:12px;
}

.title-icon{
  width:50px;
  height:50px;
  object-fit:contain;
  vertical-align:middle;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.35));
}

/* =========================
   Section + Page info blocks
   ========================= */

#section-info{
  margin: 6px 0 14px;
  padding: 6px 6px 0;
  text-align: center;
}

#section-title{
  margin: 0;
  font-size: 42px;
  font-weight: 900;
  letter-spacing: .5px;
  text-shadow: 0 10px 22px rgba(0,0,0,.65);
}

#section-description{
  margin: 6px auto 0;
  font-size: 18px;
  color: var(--muted);
  max-width: 820px;
  line-height: 1.4;
  text-shadow: 0 6px 16px rgba(0,0,0,.55);
}

#page-info{
  margin: 10px 0 14px;
  padding: 4px 6px 0;
}

#page-title{
  margin: 0;
  font-size: 46px;
  font-weight: 900;
  letter-spacing: .5px;
  text-shadow: 0 10px 22px rgba(0,0,0,.65);
}

#page-description{
  margin: 6px 0 0;
  font-size: 18px;
  color: var(--muted);
  max-width: 820px;
  line-height: 1.4;
  text-shadow: 0 6px 16px rgba(0,0,0,.55);
}

/* =========================
   Footer / footnote (info + credits)
   ========================= */

#wiki-footer{
  margin-top: 26px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.12);
}

#wiki-footer .footer-inner{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;

  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;

  padding: 16px 16px;
  box-shadow: 0 16px 28px rgba(0,0,0,.25);
}

/* LEFT */
.footer-left{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-title{
  font-weight: 900;
  letter-spacing: .3px;
  color: rgba(255,255,255,.95);
  text-shadow: 0 6px 16px rgba(0,0,0,.45);
}

.footer-sub{
  font-size: 13px;
  color: rgba(255,255,255,.70);
}

.footer-block{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.footer-label{
  font-weight: 900;
  font-size: 13px;
  color: rgba(255,255,255,.85);
}

.footer-link-inline{
  color: rgba(255,255,255,.92);
  text-decoration: none;
  font-weight: 800;
}

.footer-link-inline:hover{
  text-decoration: underline;
}

/* link chips */
.footer-links{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-chip{
  text-decoration: none;
  color: rgba(255,255,255,.92);
  font-weight: 900;
  font-size: 13px;

  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.18)),
    rgba(90, 55, 22, .18);

  box-shadow: 0 10px 18px rgba(0,0,0,.25),
              inset 0 1px 0 rgba(255,255,255,.12);

  transition: transform .08s ease, filter .12s ease;
}

.footer-chip:hover{
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.footer-chip:active{
  transform: translateY(1px);
}

/* RIGHT */
.footer-right{
  display: flex;
  flex-direction: column;
  gap: 10px;

  padding-left: 14px;
  border-left: 1px solid rgba(255,255,255,.10);
}

.footer-credits-title{
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .2px;
  color: rgba(255,255,255,.95);
  text-shadow: 0 6px 16px rgba(0,0,0,.45);
}

.credit-row{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 10px;

  font-size: 13px;
  line-height: 1.3;
  color: rgba(255,255,255,.85);
}

.credit-label{
  font-weight: 900;
  color: rgba(255,255,255,.80);
}

.credit-value{
  color: rgba(255,255,255,.92);
  font-weight: 700;
}

/* =========================
   Crops page sections
   ========================= */

.section-divider{
  border: 0;
  height: 1px;
  background: rgba(255,255,255,.14);
  margin: 18px 0;
}

.page-subtitle{
  margin: 0 0 6px 0;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: .2px;
  color: rgba(255,255,255,.95);
  text-shadow: 0 8px 18px rgba(0,0,0,.55);
}

.page-subdesc{
  margin: 0 0 12px 0;
  color: rgba(255,255,255,.80);
  font-size: 16px;
  line-height: 1.4;
  text-shadow: 0 6px 14px rgba(0,0,0,.45);
  max-width: 900px;
}

.page-note{
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.85);
  line-height: 1.5;
}

/* Page transition */
#page-content{
  opacity: 1;
  transform: translateY(0);
  transition: opacity .18s ease, transform .18s ease;
  will-change: opacity, transform;
}

#page-content.page-loading{
  opacity: 0;
  transform: translateY(8px);
}

/* optional: subtle pop after load */
#page-content.page-loaded-pop{
  animation: pagePop .32s ease;
}

@keyframes pagePop{
  0%   { transform: translateY(6px) scale(.98); }
  100% { transform: translateY(0) scale(1); }
}

/* ===== Page flash highlight (whole page) ===== */
#page-content{
  position: relative; /* needed for the overlay */
}

#page-content.page-flash::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 16px;
  background: rgba(120, 200, 255, 0.14);
  outline: 2px solid rgba(120, 200, 255, 0.35);
  animation: pageFlash 420ms ease-out forwards;
}

@keyframes pageFlash{
  0%   { opacity: 0; transform: scale(0.995); }
  25%  { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}

/* ===== Mention word highlight on page ===== */
.mention-hl{
  background: rgba(170, 120, 255, 0.25);
  outline: 2px solid rgba(170, 120, 255, 0.55);
  border-radius: 6px;
  padding: 0 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* =========================================================
   CLEAN FINAL FIX
   - Firefox desktop safety
   - Mobile stable behavior
   - No conflicts
   ========================================================= */

/* --- Firefox desktop safety fallback --- */
@-moz-document url-prefix() {
  #wiki-inner {
    transform: translateX(-50%) scale(var(--ui-scale, 1));
  }

  #wiki-content {
    max-width: min(
      calc(var(--design-width) * var(--ui-scale, 1)),
      calc(100vw - 32px)
    );
  }
}

/* --- Stable scaling architecture --- */
#wiki-inner {
  width: var(--design-width);
  max-width: none;
  transform-origin: top center;
  padding: 18px;
}

#wiki-content {
  width: 100%;
}

/* This makes ALL rem-based text shrink/grow smoothly with screen width */
html{
  font-size: 16px; /* default desktop */
}



.wiki-section{
  margin-top:18px;
  margin-left: 6px;
}

.wiki-section-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  font-size:20px;
}

.wiki-section-icon{
  width:26px;
  height:26px;
}

.wiki-section-desc{
  margin-top:8px;
  line-height:1.6;
}














.nav-btn-leaderboards, .nav-btn-leaderboards:hover, .nav-btn-avatar, .nav-btn-avatar:hover,  .nav-btn-warehouse, .nav-btn-warehouse:hover, .nav-btn-multiplayer, .nav-btn-multiplayer:hover, .nav-btn-misc, .nav-btn-misc:hover {
  filter: opacity(30%) !important;
}

#mobile-menu-btn{display:none !important;}
.php-table-builder{display:flex;flex-direction:column;gap:10px;}
.php-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;}
.php-table-row-head .php-input{font-weight:700;}

/* Compact footer dropdown */
#wiki-footer.wiki-footer-compact{
  margin-top: 14px;
  padding-top: 10px;
}
#wiki-footer.wiki-footer-compact .footer-dropdown{
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(0,0,0,.20);
  box-shadow: 0 12px 22px rgba(0,0,0,.20);
  overflow: hidden;
}
#wiki-footer.wiki-footer-compact .footer-dropdown > summary{
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  min-height: 42px;
}
#wiki-footer.wiki-footer-compact .footer-dropdown > summary::-webkit-details-marker{display:none}
#wiki-footer.wiki-footer-compact .footer-dropdown > summary::after{
  content: "▾";
  opacity: .82;
  font-weight: 900;
  transition: transform .14s ease;
}
#wiki-footer.wiki-footer-compact .footer-dropdown[open] > summary::after{transform: rotate(180deg)}
#wiki-footer.wiki-footer-compact .footer-title{
  font-size: 14px;
  line-height: 1.1;
}
#wiki-footer.wiki-footer-compact .footer-summary-meta{
  margin-left: auto;
  color: rgba(255,255,255,.66);
  font-size: 12px;
  font-weight: 800;
}
#wiki-footer.wiki-footer-compact .footer-inner{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 0 12px 12px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
#wiki-footer.wiki-footer-compact .footer-left,
#wiki-footer.wiki-footer-compact .footer-right{
  min-width: 0;
  gap: 8px;
  padding: 0;
  border: 0;
}
#wiki-footer.wiki-footer-compact .footer-sub{
  font-size: 12px;
  line-height: 1.35;
}
#wiki-footer.wiki-footer-compact .footer-links{
  gap: 8px;
}
#wiki-footer.wiki-footer-compact .footer-chip{
  padding: 7px 9px;
  font-size: 12px;
  border-radius: 11px;
}
#wiki-footer.wiki-footer-compact .footer-credits-title{
  font-size: 12px;
  opacity: .9;
}
#wiki-footer.wiki-footer-compact .credit-row{
  grid-template-columns: minmax(95px,auto) 1fr;
  gap: 8px;
  font-size: 12px;
}

/* Review visual diff */
.wiki-review-preview{
  margin-top: 12px;
}
.wiki-review-diff-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.wiki-review-pane{
  min-width: 0;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  overflow: hidden;
}
.wiki-review-pane h3{
  margin: 0 0 10px;
  font-size: 16px;
}
.wiki-review-render{
  max-height: 560px;
  overflow: auto;
  padding: 10px;
  border-radius: 14px;
  background: rgba(0,0,0,.20);
  border: 1px solid rgba(255,255,255,.08);
}
.wiki-review-render table,
.wiki-review-json-table table{
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
.wiki-review-render th,
.wiki-review-render td,
.wiki-review-json-table th,
.wiki-review-json-table td{
  padding: 8px 9px;
  border: 1px solid rgba(242,211,107,.30);
  vertical-align: top;
}
.wiki-review-changed,
.wiki-review-changed-row > td{
  background: rgba(84, 255, 120, .22) !important;
  outline: 2px solid rgba(84, 255, 120, .55);
  box-shadow: inset 0 0 0 1px rgba(84, 255, 120, .28);
  border-radius: 6px;
}
.wiki-review-render img.wiki-review-changed{
  padding: 4px;
}
.wiki-review-json-table{
  margin-top: 12px;
  overflow: auto;
}
@media (max-width: 980px){
  .wiki-review-diff-grid{grid-template-columns: 1fr;}
}


/* Compact wiki footer/sidebar dropdowns and inline table editor tools */
.wiki-side-dropdown{
  padding:0!important;
  overflow:hidden;
}
.wiki-side-dropdown>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
  font-weight:900;
}
.wiki-side-dropdown>summary::-webkit-details-marker{display:none}
.wiki-side-dropdown>summary::after{
  content:'⌄';
  opacity:.85;
  transition:transform .18s ease;
}
.wiki-side-dropdown[open]>summary::after{transform:rotate(180deg)}
.wiki-side-dropdown .php-list{padding:0 14px 14px;gap:8px}
.wiki-side-dropdown .php-list-card{padding:11px 13px;border-radius:14px}
.wiki-side-dropdown .php-list-card strong{font-size:13px}
.wiki-side-dropdown .php-meta{font-size:11px;line-height:1.25}

#wiki-footer.wiki-footer-compact{
  margin-top:2px!important;
}
#wiki-footer.wiki-footer-compact .footer-dropdown{
  border-radius:16px!important;
  background:rgba(0,0,0,.26)!important;
}
#wiki-footer.wiki-footer-compact .footer-dropdown>summary{
  min-height:0!important;
  padding:9px 11px!important;
  gap:8px!important;
}
#wiki-footer.wiki-footer-compact .footer-title{font-size:12px!important;line-height:1.1!important}
#wiki-footer.wiki-footer-compact .footer-summary-meta{font-size:10px!important;opacity:.72!important}
#wiki-footer.wiki-footer-compact .footer-inner{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0 11px 11px!important;
  background:transparent!important;
  border:0!important;
}
#wiki-footer.wiki-footer-compact .footer-links{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
#wiki-footer.wiki-footer-compact .footer-chip{padding:6px 8px!important;font-size:11px!important;border-radius:10px!important}
#wiki-footer.wiki-footer-compact .footer-credits-inline{font-size:11px;color:rgba(255,255,255,.74);line-height:1.35}

.wiki-edit-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.wiki-edit-tool{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 10px;font-weight:850;font-size:12px;color:#fff;background:rgba(0,0,0,.32);cursor:pointer}
.wiki-edit-tool:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.34)}
.wiki-edit-selected-cell{outline:2px solid rgba(84,255,120,.85)!important;outline-offset:-2px;background:rgba(84,255,120,.13)!important}
.wiki-review-render .wiki-table-wrap,.wiki-review-render .table-frame,.wiki-review-render .table-scroll{overflow:auto;max-width:100%}
.wiki-review-render tr.wiki-review-changed-row>td,.wiki-review-render tr.wiki-review-changed-row>th{background:rgba(84,255,120,.18)!important}

/* Inline editor: movable/deletable blocks + image insertion */
.wiki-edit-tool.danger{border-color:rgba(255,120,120,.34)!important;background:rgba(80,10,10,.36)!important}
.wiki-edit-selected-block{outline:2px solid rgba(84,255,120,.85)!important;outline-offset:4px;box-shadow:0 0 0 4px rgba(84,255,120,.13)!important}
.wiki-inline-image-block{display:inline-grid;gap:6px;justify-items:center;margin:10px 0;padding:10px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12)}
.wiki-inline-image-block img{max-width:min(260px,100%);height:auto;object-fit:contain}
.wiki-inline-image-caption{font-size:12px;color:rgba(255,255,255,.72);text-align:center}
#wiki-footer.wiki-footer-compact{margin-top:0!important;padding-top:0!important}
#wiki-footer.wiki-footer-compact .footer-dropdown{border-radius:13px!important;background:rgba(0,0,0,.18)!important}
#wiki-footer.wiki-footer-compact .footer-dropdown>summary{padding:7px 9px!important;min-height:0!important}
#wiki-footer.wiki-footer-compact .footer-summary-meta{display:none!important}
#wiki-footer.wiki-footer-compact .footer-title{font-size:11px!important;line-height:1!important}
#wiki-footer.wiki-footer-compact .footer-inner{padding:0 9px 9px!important;gap:6px!important}
#wiki-footer.wiki-footer-compact .footer-chip{padding:5px 7px!important;font-size:10px!important;border-radius:9px!important}
#wiki-footer.wiki-footer-compact .footer-credits-inline{font-size:10px!important;line-height:1.25!important}
.wiki-review-render .table-frame{background:linear-gradient(180deg,rgba(242,211,107,.35),rgba(60,40,10,.55));padding:10px;border-radius:22px;box-shadow:0 18px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.22)}
.wiki-review-render .table-inner{border-radius:18px;background:rgba(0,0,0,.40);border:1px solid rgba(255,255,255,.10);overflow:hidden}
.wiki-review-render .shop-table{width:100%;border-collapse:collapse;font-size:14px;background:rgba(0,0,0,.22);border-radius:18px;overflow:hidden}
.wiki-review-render .shop-table thead th{position:sticky;top:0;z-index:2;background:rgba(0,0,0,.55);color:rgba(255,255,255,.95);text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.10)}
.wiki-review-render .shop-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.92)}

/* Draft/new-page inline editor placeholder */
.wiki-new-page-draft{padding:18px 20px;border-radius:18px;border:1px solid rgba(255,218,94,.22);background:rgba(0,0,0,.22);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.wiki-new-page-draft h2{margin:0 0 8px;font-size:22px}
.wiki-new-page-draft p{margin:6px 0}
.wiki-edit-selected-block img,.wiki-editing-image.wiki-edit-selected-block{outline:2px solid rgba(84,255,120,.85)!important;outline-offset:3px;box-shadow:0 0 0 4px rgba(84,255,120,.13)!important}

/* Hotfix: shop table sorting and tools page layout */
.shop-table th.shop-sortable-header,
.shop-table th[data-sort]{
  cursor:pointer;
  user-select:none;
  position:relative;
}
.shop-table th.shop-sortable-header.asc::after,
.shop-table th[data-sort].asc::after{content:" ▲";font-size:.78em;opacity:.85;}
.shop-table th.shop-sortable-header.desc::after,
.shop-table th[data-sort].desc::after{content:" ▼";font-size:.78em;opacity:.85;}
.tool-section-block,
.video-section-block{
  overflow:hidden;
  overflow-wrap:anywhere;
}
.wiki-section-desc,
.video-section-desc,
#page-description{
  overflow-wrap:anywhere;
  word-break:normal;
}
.tool-gallery .community-img{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:160px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.18);
  overflow:hidden;
}
.tool-gallery .community-img img{
  max-width:100%;
  max-height:260px;
  width:auto;
  height:auto;
  object-fit:contain;
}