/* Re://:Swarm Wiki styles */
.portable-infobox { float: right; width: 280px; margin: 0 0 1em 1em; padding: .5em;
  border: 1px solid var(--md-default-fg-color--lightest); border-radius: 8px;
  background: var(--md-code-bg-color); font-size: .75rem; }
.portable-infobox .pi-title { margin: .2em 0; font-size: 1rem; text-align: center; }
.portable-infobox img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.portable-infobox .pi-item { padding: .3em 0; border-top: 1px solid var(--md-default-fg-color--lightest); }
.portable-infobox .pi-data-label { margin: 0; font-size: .7rem; }
.portable-infobox .pi-horizontal-group { width: 100%; }
figure { display: inline-block; margin: .5em; text-align: center; }
figure img { max-width: 100%; height: auto; }
.wikia-gallery, .gallery { display: flex; flex-wrap: wrap; gap: .5em; }
.md-typeset table:not([class]) { font-size: .7rem; }
@media (max-width: 700px) { .portable-infobox { float: none; width: 100%; margin: 0 0 1em 0; } }

/* Fandom-style look for the whole site (dark, like the Bee Swarm Simulator Fandom wiki) */
[data-md-color-scheme="slate"] {
  --md-hue: 190;
  --md-default-bg-color: #0d1819;
  --md-default-fg-color: #e8eced;
  --md-default-fg-color--light: #b9c3c4;
  --md-default-fg-color--lighter: #7d8b8c;
  --md-default-fg-color--lightest: #2c3c3d;
  --md-typeset-color: #e8eced;
  --md-typeset-a-color: #00c2d6;
  --md-accent-fg-color: #4fe0ee;
  --md-primary-fg-color: #0d1819;
  --md-primary-bg-color: #ffffff;
  --md-code-bg-color: #172526;
  --md-typeset-table-color: #2c3c3d;
}
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #00818f;
  --md-accent-fg-color: #00a6b8;
  --md-primary-fg-color: #0d1819;
  --md-primary-bg-color: #ffffff;
}

/* Header: game banner behind a dark bar */
.md-header {
  background: linear-gradient(rgba(8, 16, 17, .55), rgba(8, 16, 17, .85)), url("../images/game-banner.png") center 40% / cover;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
}
.md-header__title { font-weight: 700; letter-spacing: .02em; }
.md-search__form { background: rgba(255, 255, 255, .12); border-radius: 4px; }

/* Page background: blurred banner, content sits on a dark card */
.md-main {
  background: linear-gradient(rgba(6, 22, 12, .7), rgba(6, 22, 12, .7)), url("../images/game-banner.png") center top / cover fixed;
}
.md-main__inner {
  margin-top: 1.4rem; margin-bottom: 1.4rem; border-radius: 10px;
  background: var(--md-default-bg-color); box-shadow: 0 4px 18px rgba(0, 0, 0, .5);
}
[data-md-color-scheme="default"] .md-main__inner { background: #ffffff; }
.md-sidebar__scrollwrap { scrollbar-color: #2c3c3d transparent; }
/* keep the whole sidebar inside the panel on short pages */
@media screen and (min-width: 76.25em) {
  .md-main__inner { min-height: 36rem; }
}

/* Sidebars */
.md-nav__title { color: var(--md-default-fg-color--light); text-transform: uppercase; letter-spacing: .05em; }
.md-nav__link--active, .md-nav__link:hover { color: var(--md-typeset-a-color) !important; }

/* Categories (tags) shown like Fandom's breadcrumb line */
.md-typeset .md-tags { margin-bottom: .2em; }
.md-typeset .md-tags .md-tag {
  display: inline; background: none; padding: 0; margin: 0; font-size: .68rem; font-weight: 400;
  color: var(--md-typeset-a-color) !important;
}
.md-typeset .md-tags .md-tag:not(:last-child)::after { content: ","; color: var(--md-default-fg-color--light); margin-right: .35em; }
.md-typeset .md-tags .md-tag:hover { background: none; text-decoration: underline; }

/* Typography */
.md-typeset h1 { color: var(--md-default-fg-color); font-weight: 400; font-size: 2em; margin-bottom: .8em; }
.md-typeset h2 {
  font-weight: 500; font-size: 1.35em; margin-top: 1.4em;
  padding-bottom: .25em; border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset h3 { font-weight: 600; font-size: 1.1em; }
.md-typeset a { text-decoration: none; }
.md-typeset a:hover { text-decoration: underline; }
.md-typeset .headerlink { color: var(--md-typeset-a-color); }

/* Wiki tables */
.md-typeset table:not([class]), .md-typeset .wikitable, .md-typeset .article-table {
  border-collapse: collapse; border: 1px solid #2c3c3d; border-radius: 0; font-size: .72rem;
}
.md-typeset .wikitable th, .md-typeset .article-table th, .md-typeset table:not([class]) th {
  background: #1c2e30; color: var(--md-default-fg-color); font-weight: 700;
}
.md-typeset .wikitable td, .md-typeset .wikitable th, .md-typeset .article-table td, .md-typeset .article-table th {
  border: 1px solid #2c3c3d; padding: .4em .7em;
}
[data-md-color-scheme="default"] .md-typeset .wikitable th,
[data-md-color-scheme="default"] .md-typeset .article-table th,
[data-md-color-scheme="default"] .md-typeset table:not([class]) th { background: #e6eef0; }
/* wide tables scroll sideways instead of running over the table of contents */
.md-typeset .wikitable, .md-typeset .article-table { display: inline-block; max-width: 100%; overflow-x: auto; }

/* Footer */
.md-footer, .md-footer-meta { background: #081011; }

/* Bee infobox (Fandom style) */
.bee-infobox { --bee-rarity: #c9a51c; float: right; clear: right; width: 270px; margin: 0 0 1em 1.2em;
  background: color-mix(in srgb, var(--bee-rarity) 22%, #f6efd6); color: #1b1b1b; font-size: .72rem;
  border-radius: 4px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.35); }
.bee-rarity-common { --bee-rarity: #c9a51c; }
.bee-rarity-rare { --bee-rarity: #b7bec6; }
.bee-rarity-epic { --bee-rarity: #f2d65e; }
.bee-rarity-legendary { --bee-rarity: #3fcfc4; }
.bee-rarity-mythic { --bee-rarity: #b18cf0; }
.bee-rarity-event { --bee-rarity: #6fcf63; }
.bee-infobox-title, .bee-infobox-header { background: var(--bee-rarity); color: #111; text-align: center; }
.bee-infobox-title { padding: .9em .5em; font-size: 1rem; font-weight: 700; }
.bee-infobox-header { padding: .3em; font-size: .8rem; text-transform: uppercase; margin-top: .6em; }
.bee-infobox-tabs { display: flex; flex-wrap: wrap; }
.bee-infobox-tabs label { order: 0; }
.bee-infobox-tabs input { display: none; }
.bee-infobox-tabs label { padding: .6em .9em .5em; cursor: pointer; font-weight: 700; color: #777;
  border-bottom: 2px solid transparent; }
.bee-infobox-tabs label:hover { color: #333; }
.bee-infobox-image { display: none; order: 1; width: 100%; padding: .8em 0; text-align: center;
  border-bottom: 1px solid rgba(0,0,0,.15); }
.bee-infobox-image img { width: 150px; height: 150px; object-fit: contain; }
#bee-tab-original:checked + label, #bee-tab-gifted:checked + label { color: #0a7f86; border-bottom-color: #0a7f86; }
#bee-tab-original:checked ~ .bee-tab-original, #bee-tab-gifted:checked ~ .bee-tab-gifted { display: block; }
.bee-infobox-quote { padding: .4em .9em; text-align: center; font-style: italic; }
.bee-infobox-row { padding: .25em .6em; }
.bee-infobox-row b, .bee-infobox-row span, .bee-infobox-stats b, .bee-infobox-stats span { display: block; }
.bee-infobox-stats { display: flex; padding: .5em .3em 0; text-align: center; }
.bee-infobox-stats > div { flex: 1; }
.bee-infobox-scheme { width: 130px; margin: .6em auto .8em; border-radius: 8px; overflow: hidden; background: #fff; }
.bee-infobox-stripes { display: flex; height: 70px; }
.bee-infobox-stripes span { flex: 1; }
.bee-infobox-swatch { padding: .5em; text-align: center; }
.bee-infobox-swatch b { display: block; font-size: .85rem; margin-bottom: .2em; }
.md-typeset .bee-infobox-swatch code { display: block; padding: 0; background: none; color: #111; font-size: .6rem; }
@media (max-width: 700px) { .bee-infobox { float: none; width: 100%; max-width: 320px; margin: 0 auto 1em; } }

/* Never stretch pictures: keep their own shape inside any fixed box */
.md-typeset img { object-fit: contain; }
.md-typeset img[width]:not([height]) { height: auto; }

/* ---- Cleaner layout (inspired by Majestic Bees Wiki) ---- */
/* Sidebar: only the main categories; pages are reached through each category's card page */
.md-nav--primary .md-nav__item--nested > .md-nav { display: none; }
.md-nav--primary .md-nav__item--nested > .md-nav__link .md-nav__icon { display: none; }
@media screen and (min-width: 76.25em) {
  .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link,
  .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__container > .md-nav__link {
    padding: .45em .7em; margin: .15em 0; border-radius: 6px; font-weight: 500;
  }
  .md-nav--primary > .md-nav__list > .md-nav__item--active > .md-nav__link,
  .md-nav--primary > .md-nav__list > .md-nav__item--active > .md-nav__container > .md-nav__link {
    background: rgba(0, 194, 214, .12); outline: 1px solid rgba(0, 194, 214, .35);
  }
}

/* Bigger search box in the header */
@media screen and (min-width: 60em) {
  .md-search__inner { width: 24rem; }
}
@media screen and (min-width: 76.25em) { .md-search__inner { width: 30rem; } }

/* Card grids: equal tiles, fixed square picture box, label centred underneath */
.md-typeset .wiki-cards {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: .6rem; margin: .8em 0 1.6em; padding: 0;
}
.md-typeset .wiki-cards > a.wiki-card {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  gap: .4rem; min-width: 0; padding: .7rem .5rem .6rem; margin: 0;
  border-radius: 8px; background: #142224; border: 1px solid #263738;
  color: var(--md-default-fg-color); text-align: center; text-decoration: none;
  transition: border-color .15s, background .15s;
}
.md-typeset .wiki-cards > a.wiki-card:hover { border-color: var(--md-typeset-a-color); background: #18292b; text-decoration: none; }
.md-typeset .wiki-cards > a.wiki-card > img {
  display: block; flex: none; width: 4rem; height: 4rem; max-width: none; margin: 0;
  object-fit: contain; object-position: center;
}
.md-typeset .wiki-cards > a.wiki-card > span {
  display: block; width: 100%; font-size: .7rem; line-height: 1.3; overflow-wrap: anywhere;
}
.md-typeset .wiki-cards > a.wiki-card--noicon > img { opacity: .8; padding: .6rem; }
.md-typeset .wiki-cards--big { grid-template-columns: repeat(4, 1fr); gap: .8rem; }
@media screen and (max-width: 44.9375em) { .md-typeset .wiki-cards--big { grid-template-columns: repeat(2, 1fr); } }
.md-typeset .wiki-cards--big > a.wiki-card > img { width: 4.5rem; height: 4.5rem; }
.md-typeset .wiki-cards--big > a.wiki-card > span { font-size: .8rem; font-weight: 600; }
.md-typeset .wiki-cards--small { grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr)); gap: .4rem; }
.md-typeset .wiki-cards--small > a.wiki-card { padding: .45rem .3rem .4rem; gap: .25rem; }
.md-typeset .wiki-cards--small > a.wiki-card > img { width: 2.8rem; height: 2.8rem; }
.md-typeset .wiki-cards--small > a.wiki-card > span { font-size: .62rem; }
[data-md-color-scheme="default"] .md-typeset .wiki-cards > a.wiki-card { background: #f3f6f7; border-color: #dbe3e5; }

/* Home page hero */
.md-typeset h1.wiki-hero-title { text-align: center; font-size: 2.4em; font-weight: 500; margin: .2em 0 .6em; }
.wiki-hero { text-align: center; max-width: 30rem; margin: 0 auto 1.5em; }
.md-typeset .wiki-hero-banner { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, .45); margin-bottom: .8em; }

/* Item infoboxes: same card look as the bee infobox, stacked under any right-floated picture */
.md-typeset img[align=right] { clear: right; margin: 0 0 1em 1.2em; }
.md-typeset .portable-infobox {
  float: right; clear: right; width: 270px; margin: 0 0 1em 1.2em; padding: 0; overflow: hidden;
  border: 1px solid #263738; border-radius: 6px; background: #142224; font-size: .72rem;
}
.md-typeset .portable-infobox .pi-title {
  margin: 0; padding: .7em .5em; font-size: .95rem; font-weight: 700; text-align: center;
  background: #c9a51c; color: #111; border: 0;
}
.md-typeset .portable-infobox .pi-header {
  margin: 0; padding: .3em .5em; font-size: .75rem; font-weight: 500; text-align: center; text-transform: uppercase;
  background: #1c2e30; border: 0;
}
.md-typeset .portable-infobox .pi-header:last-child { display: none; }
.md-typeset .portable-infobox .pi-image { display: block; margin: 0; padding: .8em 0; text-align: center; }
.md-typeset .portable-infobox .pi-image img { display: block; margin: 0 auto; width: 150px; height: 150px; object-fit: contain; }
.md-typeset .portable-infobox .pi-data { padding: .45em .8em; border-top: 1px solid #263738; }
.md-typeset .portable-infobox .pi-data-label { margin: 0 0 .15em; font-size: .72rem; font-weight: 700; }
.md-typeset .portable-infobox .pi-data-value p { margin: .4em 0 0; }
@media (max-width: 700px) { .md-typeset .portable-infobox, .md-typeset img[align=right] { float: none; margin: 0 auto 1em; display: block; } }

/* Studio screenshots of places and objects */
.md-typeset img.wiki-photo { float: right; width: 320px; max-width: 100%; height: auto; margin: 0 0 1em 1em; border-radius: 6px; }
@media screen and (max-width: 44.9375em) { .md-typeset img.wiki-photo { float: none; width: 100%; margin: 0 0 1em; } }
.md-typeset .wiki-cards > a.wiki-card--photo > img { width: 100%; height: 4.5rem; object-fit: cover; border-radius: 5px; }
.md-typeset .portable-infobox .pi-photo { padding: .5em; }
.md-typeset .portable-infobox .pi-photo img { width: 100%; height: auto; border-radius: 5px; }