/* Ciern OTS — bundle CSS (Plexido Games). Zbudowany 2026-09-06 09:42:00 z: ciern-v3-overlay.css ciern-v4-assets.css ciern-private-dev-banner.css ciern-v4-1-restored-safe.css ciern-ogc-v6.css ciern-web-nb.css — edytuj zrodla w _src-css/ i uruchom build-ciern-css.sh */

/* ===================== ciern-v3-overlay.css ===================== */
/*
 * Ciern OTS / MyAAC — visual overlay V3.3
 * Load AFTER the existing Canary basic.css.
 * This file intentionally changes presentation only; it does not alter PHP logic.
 */

:root {
  --v3-bg: #071015;
  --v3-bg-deep: #04090c;
  --v3-surface: #0e181e;
  --v3-surface-2: #142229;
  --v3-surface-3: #1b2c34;
  --v3-panel: rgba(11, 19, 24, .96);
  --v3-text: #f5eddc;
  --v3-muted: #aeb9bc;
  --v3-subtle: #75858b;
  --v3-gold: #d8a64f;
  --v3-gold-hi: #f2ce7b;
  --v3-cyan: #55c8d4;
  --v3-green: #66d49a;
  --v3-danger: #ee7669;
  --v3-line: rgba(216, 166, 79, .28);
  --v3-line-soft: rgba(255, 255, 255, .09);
  --v3-radius: 12px;
  --v3-shadow: 0 18px 50px rgba(0, 0, 0, .38);
  --v3-serif: Georgia, "Times New Roman", serif;
  --v3-sans: Inter, "Segoe UI", Arial, sans-serif;
}

html,
body {
  min-width: 0 !important;
  background: var(--v3-bg-deep) !important;
  color: var(--v3-text) !important;
}

body {
  font: 16px/1.62 var(--v3-sans) !important;
  text-rendering: optimizeLegibility;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  content: "";
  background:
    linear-gradient(180deg, rgba(4, 9, 12, .20) 0, rgba(4, 9, 12, .78) 640px, #04090c 1050px),
    radial-gradient(circle at 50% 70px, rgba(85, 200, 212, .10), transparent 440px);
  pointer-events: none;
}

a,
button,
input,
select,
textarea {
  font: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(85, 200, 212, .8) !important;
  outline-offset: 3px;
}

#ArtworkHelper {
  min-width: 0 !important;
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(7, 16, 21, .03) 0, rgba(7, 16, 21, .36) 240px, rgba(7, 16, 21, .92) 920px),
    radial-gradient(ellipse at 50% 130px, rgba(216, 166, 79, .10), transparent 430px) !important;
}

#Bodycontainer {
  display: block !important;
  box-sizing: border-box;
  width: min(1460px, calc(100% - 36px)) !important;
  min-width: 0 !important;
  max-width: 1460px !important;
  margin-inline: auto !important;
  padding: 0 8px 56px !important;
}

#CiernHeroBrand {
  width: min(720px, calc(100% - 32px)) !important;
}

#CiernHeroBrand a {
  min-height: 178px !important;
  background: transparent !important;
  filter: none !important;
}

#CiernHeroBrand .CiernHeroLogo,
#CiernHeroBrand > a > img {
  width: min(560px, 100%) !important;
  max-height: 178px !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .8)) !important;
}

#ContentRow {
  top: 205px !important;
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) 248px !important;
  align-items: start;
  gap: 22px !important;
}

#MenuColumn,
#ContentColumn,
#ThemeboxesColumn {
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#LeftArtwork,
#RightArtwork,
.Corner-tl,
.Corner-tr,
.Corner-bl,
.Corner-br {
  display: none !important;
}

/* Action cards */
#Loginbox,
#DownloadBox,
.CiernActionBox {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  overflow: hidden;
  border: 1px solid var(--v3-line) !important;
  border-radius: var(--v3-radius) !important;
  background: linear-gradient(145deg, rgba(22, 36, 43, .98), rgba(10, 18, 23, .98)) !important;
  box-shadow: var(--v3-shadow) !important;
}

#Loginbox:hover,
#DownloadBox:hover {
  border-color: rgba(242, 206, 123, .56) !important;
}

#Loginbox #LoginButtonContainer,
#Loginbox #LoginButton,
#DownloadBox .MediumButtonBackground {
  box-sizing: border-box !important;
  width: calc(100% - 20px) !important;
  margin: 10px !important;
}

#Loginbox #LoginButton #ButtonText,
#DownloadBox .ButtonText {
  color: #171007 !important;
  font-family: var(--v3-serif) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .03em;
  text-shadow: none !important;
}

#Loginbox #LoginButton,
#DownloadBox .MediumButtonBackground {
  border: 1px solid var(--v3-gold-hi) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, var(--v3-gold-hi), var(--v3-gold)) !important;
  box-shadow: 0 9px 24px rgba(216, 166, 79, .18) !important;
}

#LoginstatusText_2,
#LoginstatusText_2 a {
  color: var(--v3-muted) !important;
  font-size: 12px !important;
  letter-spacing: .05em;
}

/* Left navigation */
#Menu {
  left: 0 !important;
  width: 100% !important;
  overflow: hidden;
  border: 1px solid var(--v3-line) !important;
  border-radius: var(--v3-radius) !important;
  background: var(--v3-panel) !important;
  box-shadow: var(--v3-shadow) !important;
  filter: none !important;
}

#MenuTop,
#MenuBottom,
.LeftChain,
.RightChain,
.Lights,
.Extend .Button {
  display: none !important;
}

.MenuButton {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  height: 52px !important;
  align-items: center;
  padding: 0 38px 0 50px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v3-line-soft) !important;
  background: transparent !important;
  transition: background .16s ease, color .16s ease !important;
}

.menuitem:last-child .MenuButton {
  border-bottom: 0 !important;
}

.MenuButton:hover,
.menuitem:hover > div > .MenuButton {
  background: linear-gradient(90deg, rgba(216, 166, 79, .16), rgba(85, 200, 212, .04)) !important;
}

.MenuButton .Icon {
  top: 10px !important;
  left: 11px !important;
  width: 32px !important;
  height: 32px !important;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .65));
}

.MenuButton .Label,
.MenuButton .CiernWikiLabel {
  position: static !important;
  width: auto !important;
  height: auto !important;
  color: var(--v3-text) !important;
  font: 800 13px/1 var(--v3-sans) !important;
  letter-spacing: .055em !important;
  text-transform: uppercase;
  text-shadow: none !important;
}

.Extend {
  top: 20px !important;
  right: 15px !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 1px solid var(--v3-gold) !important;
  border-bottom: 1px solid var(--v3-gold) !important;
  background: none !important;
  transform: rotate(45deg);
}

.Submenu {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 10px 10px !important;
  border: 0 !important;
  background: rgba(4, 10, 13, .62) !important;
}

.Submenuitem {
  min-height: 38px !important;
  border-radius: 6px;
  background: transparent !important;
}

.SubmenuitemLabel {
  box-sizing: border-box !important;
  min-height: 38px;
  padding: 9px 10px 9px 20px !important;
  overflow: visible !important;
  color: var(--v3-muted) !important;
  font-size: 13px !important;
  line-height: 20px !important;
  border: 0 !important;
}

.Submenuitem:hover,
.Submenuitem.is-active {
  background: rgba(85, 200, 212, .08) !important;
}

.Submenuitem:hover .SubmenuitemLabel {
  color: var(--v3-text) !important;
}

/* Status strip */
.ciern-topbar {
  margin-bottom: 18px !important;
  overflow: hidden;
  border: 1px solid var(--v3-line) !important;
  border-radius: var(--v3-radius) !important;
  background: rgba(9, 16, 20, .94) !important;
  box-shadow: var(--v3-shadow) !important;
}

.ciern-topbar-stats {
  background: transparent !important;
}

.ciern-stat {
  min-height: 62px !important;
  padding: 11px 14px !important;
  border-color: var(--v3-line-soft) !important;
  background: linear-gradient(180deg, rgba(27, 44, 52, .76), rgba(11, 19, 24, .62)) !important;
}

.ciern-stat-label {
  color: var(--v3-subtle) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
}

.ciern-stat-value {
  color: var(--v3-text) !important;
  font: 800 20px/1.2 var(--v3-sans) !important;
  text-shadow: none !important;
}

.ciern-topbar-pg {
  min-height: 34px !important;
  padding: 7px 14px !important;
  color: var(--v3-muted) !important;
  border-top: 1px solid var(--v3-line-soft) !important;
  background: rgba(4, 10, 13, .76) !important;
}

.ciern-pg-title,
.ciern-pg-full {
  color: var(--v3-gold-hi) !important;
}

/* Content panels: replace sliced GIF frames with one coherent surface. */
.Content .Box,
.Content #NewsTicker,
.Content #FeaturedArticle,
.Content #News {
  margin: 0 0 20px !important;
  overflow: hidden;
  border: 1px solid var(--v3-line) !important;
  border-radius: var(--v3-radius) !important;
  background: var(--v3-panel) !important;
  box-shadow: var(--v3-shadow) !important;
  filter: none !important;
}

.Content .Border_1,
.Content .Border_2,
.Content .Border_3 {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

.Content .BorderTitleText,
.Content .NewsHeadlineBackground,
.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer {
  box-sizing: border-box !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 11px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--v3-line) !important;
  background: linear-gradient(180deg, rgba(30, 48, 57, .98), rgba(17, 29, 35, .98)) !important;
}

.Content .BoxContent,
.Content #NewsTicker .BoxContent,
.Content #FeaturedArticle .BoxContent,
.Content #News .BoxContent {
  box-sizing: border-box !important;
  padding: 24px !important;
  color: var(--v3-text) !important;
  background: var(--v3-panel) !important;
}

.Content .BoxContent,
.Content .BoxContent p,
.Content .BoxContent li,
.Content .BoxContent td,
.Content .BoxContent div,
.Content .BoxContent span,
.Content .ff_info,
.Content .ff_infotext,
.Content .ff_smallinfo,
.Content .ff_large,
.Content .ff_pagetext,
.Content .ff_pagetextgrey {
  color: var(--v3-text) !important;
  font-family: var(--v3-sans) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.Content .NewsHeadlineText,
.Content .NewsHeadlineDate,
.Content .NewsHeadlineAuthor,
.TableContainer .CaptionContainer .Text,
.Content h1,
.Content h2,
.Content h3 {
  color: var(--v3-gold-hi) !important;
  font-family: var(--v3-serif) !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .55) !important;
}

.Content .NewsHeadlineText,
.TableContainer .CaptionContainer .Text {
  font-size: 17px !important;
  font-weight: 800 !important;
}

.Content a,
.Content a:link,
.Content a:visited {
  color: var(--v3-gold-hi) !important;
  text-decoration-color: rgba(242, 206, 123, .38) !important;
}

.Content a:hover {
  color: #fff1bd !important;
  text-decoration-color: currentColor !important;
}

/* Tables */
.Content table,
.TableContent,
.Table3,
.Table5 {
  max-width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--v3-text) !important;
}

.Content table[width="100%"],
.TableContent {
  width: 100% !important;
}

.Content table th,
.Content table td,
.TableContent th,
.TableContent td {
  padding: 11px 13px !important;
  border-color: var(--v3-line-soft) !important;
  vertical-align: middle !important;
}

.Content table th,
.LabelH,
.LabelV {
  color: var(--v3-gold-hi) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: rgba(28, 45, 54, .96) !important;
}

.Content tr,
.Content tr[bgcolor],
.Content td[bgcolor],
.Odd,
.Even,
.moduleRow,
.moduleRowOver {
  color: var(--v3-text) !important;
  background: rgba(14, 24, 30, .96) !important;
}

.Content tr:nth-child(even),
.Even {
  background: rgba(20, 34, 41, .96) !important;
}

/* Legacy profile tables use more specific brown-theme selectors. */
.Content .BoxContent .TableContentContainer td {
  color: var(--v3-text) !important;
}

.Content .BoxContent .TableContentContainer td[class^="LabelV"] {
  color: var(--v3-gold-hi) !important;
  font-weight: 800 !important;
}

.Content .BoxContent .TableContentContainer .TableContent td:not([class^="LabelV"]) {
  color: #f5eddc !important;
}

.Content .BoxContent .TableContentContainer .TableContent td:not([class^="LabelV"]) > span,
.Content .BoxContent .TableContentContainer .TableContent td:not([class^="LabelV"]) > b,
.Content .BoxContent .TableContentContainer .TableContent td:not([class^="LabelV"]) > strong {
  color: inherit !important;
}

.Content .BoxContent .TableContent tr:nth-child(odd) > td {
  background: rgba(14, 24, 30, .96) !important;
}

.Content .BoxContent .TableContent tr:nth-child(even) > td {
  background: rgba(20, 34, 41, .96) !important;
}

.Content tr:hover,
.moduleRowOver {
  background: rgba(85, 200, 212, .09) !important;
}

.InnerTableContainer,
.TableContentContainer {
  max-width: 100%;
  overflow-x: auto;
}

/* Forms and actions */
.Content input[type="text"],
.Content input[type="password"],
.Content input[type="email"],
.Content input[type="number"],
.Content select,
.Content textarea {
  box-sizing: border-box !important;
  min-height: 44px;
  padding: 9px 12px !important;
  color: var(--v3-text) !important;
  border: 1px solid rgba(174, 185, 188, .26) !important;
  border-radius: 7px !important;
  background: rgba(4, 10, 13, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.Content input::placeholder,
.Content textarea::placeholder {
  color: var(--v3-subtle) !important;
}

.Content input[type="submit"],
.Content input[type="button"],
.Content button,
.BigButton,
.MediumButton {
  min-height: 44px !important;
  padding: 9px 18px !important;
  color: #171007 !important;
  font-weight: 850 !important;
  border: 1px solid var(--v3-gold-hi) !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, var(--v3-gold-hi), var(--v3-gold)) !important;
  box-shadow: 0 9px 24px rgba(216, 166, 79, .16) !important;
  cursor: pointer;
}

/* Right utility column */
.CiernQuickPanel,
#Themeboxes > div,
#Themeboxes .Themebox {
  overflow: hidden;
  border: 1px solid var(--v3-line) !important;
  border-radius: var(--v3-radius) !important;
  background: var(--v3-panel) !important;
  box-shadow: var(--v3-shadow) !important;
  filter: none !important;
}

.CiernPanelTitle {
  padding: 15px 14px !important;
  color: var(--v3-gold-hi) !important;
  font: 800 14px/1 var(--v3-serif) !important;
  letter-spacing: .11em !important;
  border-bottom: 1px solid var(--v3-line) !important;
  background: linear-gradient(180deg, rgba(30, 48, 57, .98), rgba(17, 29, 35, .98)) !important;
}

.CiernQuickCard {
  min-height: 84px !important;
  padding: 11px 30px 11px 11px !important;
  color: var(--v3-text) !important;
  border-bottom: 1px solid var(--v3-line-soft) !important;
  background: transparent !important;
}

.CiernQuickCard:hover {
  background: linear-gradient(90deg, rgba(216, 166, 79, .13), rgba(85, 200, 212, .05)) !important;
}

.CiernQuickCard strong {
  color: var(--v3-text) !important;
  font-size: 14px !important;
}

.CiernQuickCard small {
  color: var(--v3-muted) !important;
  font-size: 11px !important;
}

#Footer {
  margin-top: 26px !important;
  padding: 25px 16px 34px !important;
  color: var(--v3-subtle) !important;
  font-size: 12px !important;
  border-top: 1px solid var(--v3-line-soft) !important;
  background: rgba(4, 9, 12, .76) !important;
}

@media (max-width: 1320px) {
  #Bodycontainer {
    width: min(1180px, calc(100% - 28px)) !important;
  }

  #ContentRow {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  #ThemeboxesColumn {
    display: none !important;
  }
}

@media (max-width: 900px) {
  #Bodycontainer {
    width: 100% !important;
    padding-inline: 12px !important;
  }

  #ContentRow {
    top: 150px !important;
    display: flex !important;
    flex-direction: column;
    gap: 16px !important;
  }

  #MenuColumn,
  #ContentColumn {
    width: 100% !important;
  }

  #MenuColumn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  #MenuColumn > #Menu {
    display: none !important;
  }

  #Loginbox,
  #DownloadBox {
    margin: 0 !important;
  }

  .ciern-topbar-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .ciern-stat:nth-child(2) {
    border-right: 0 !important;
  }

  .ciern-stat:nth-child(-n+2) {
    border-bottom: 1px solid var(--v3-line-soft) !important;
  }
}

@media (max-width: 600px) {
  html,
  body,
  #ArtworkHelper {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    font-size: 15px !important;
  }

  #CiernHeroBrand {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    overflow: hidden;
  }

  #CiernHeroBrand a {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 126px !important;
    padding-inline: 0 !important;
    overflow: hidden;
  }

  #CiernHeroBrand .CiernHeroLogo,
  #CiernHeroBrand > a > img {
    display: block !important;
    flex: 0 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    object-fit: contain !important;
  }

  #Bodycontainer {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  #ContentRow {
    top: 136px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #MenuColumn {
    grid-template-columns: 1fr;
  }

  .Content .BoxContent,
  .Content #News .BoxContent {
    padding: 16px !important;
    overflow-wrap: anywhere;
  }

  #ContentColumn,
  .Content,
  .Content .Box,
  .ciern-topbar,
  .ciern-topbar-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ciern-stat {
    min-width: 0 !important;
    overflow: hidden;
  }

  .ciern-stat-value {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 17px !important;
    text-align: center;
    white-space: normal !important;
  }

  .Content .NewsHeadlineDate,
  .Content .NewsHeadlineAuthor {
    display: none !important;
  }

  .ciern-topbar-pg {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}


/* ===================== ciern-v4-assets.css ===================== */
/*
 * Ciern OTS / MyAAC — authored bitmap layer V4.1
 * Load after ciern-v3-overlay.css. Presentation only.
 */

:root {
  --v4-panel-skin: url("images/ciern-v4/ciern-panel-skin-v1.png");
  --v4-side-skin: url("images/ciern-v4/ciern-sidebar-skin-v1.png");
  --v4-button-skin: url("images/ciern-v4/ciern-button-skin-v1.png");
}

/* Login and download: compact authored sidebar skin. */
#Loginbox,
#DownloadBox,
.CiernActionBox {
  overflow: visible !important;
  border: 20px solid transparent !important;
  border-radius: 0 !important;
  border-image: var(--v4-side-skin) 150 fill / 22px / 0 stretch !important;
  background: #07131b !important;
  box-shadow: none !important;
  filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .42)) !important;
}

#Loginbox #LoginButtonContainer,
#Loginbox #LoginButton,
#DownloadBox .MediumButtonBackground {
  position: relative !important;
  z-index: 2;
}

/* Navigation: reuse the same material, sliced so corners stay undistorted. */
#Menu {
  overflow: visible !important;
  border: 20px solid transparent !important;
  border-radius: 0 !important;
  border-image: var(--v4-side-skin) 150 fill / 22px / 0 stretch !important;
  background: #07131b !important;
  box-shadow: none !important;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .45)) !important;
}

.MenuButton {
  margin-inline: -4px !important;
}

.MenuButton:hover,
.menuitem:hover > div > .MenuButton {
  background: linear-gradient(90deg, rgba(81, 199, 223, .13), rgba(213, 168, 79, .04)) !important;
  box-shadow: inset 3px 0 rgba(81, 199, 223, .74) !important;
}

/* Main module frames. */
.Content .Box,
.Content #NewsTicker,
.Content #FeaturedArticle,
.Content #News {
  overflow: visible !important;
  border: 24px solid transparent !important;
  border-radius: 0 !important;
  border-image: var(--v4-panel-skin) 145 fill / 27px / 0 stretch !important;
  background: #071118 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 18px 32px rgba(0, 0, 0, .46)) !important;
}

.Content .BorderTitleText,
.Content .NewsHeadlineBackground,
.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer {
  border-bottom-color: rgba(213, 168, 79, .25) !important;
  background: linear-gradient(180deg, rgba(12, 29, 37, .93), rgba(5, 14, 19, .94)) !important;
}

/* Right utility column. */
.CiernQuickPanel,
#Themeboxes > div,
#Themeboxes .Themebox {
  overflow: visible !important;
  border: 20px solid transparent !important;
  border-radius: 0 !important;
  border-image: var(--v4-side-skin) 150 fill / 22px / 0 stretch !important;
  background: #07131b !important;
  box-shadow: none !important;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .45)) !important;
}

.CiernPanelTitle {
  background: transparent !important;
}

/* One authored button skin, with live and accessible HTML labels above it. */
#Loginbox #LoginButton,
#DownloadBox .MediumButtonBackground,
.Content input[type="submit"],
.Content input[type="button"],
.Content button,
.BigButton,
.MediumButton {
  color: var(--v3-gold-hi) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--v4-button-skin) center / 132% 225% no-repeat !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .4)) !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .9) !important;
}

#Loginbox #LoginButton #ButtonText,
#DownloadBox .ButtonText {
  color: var(--v3-gold-hi) !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .9) !important;
}

#Loginbox #LoginButton:hover,
#DownloadBox .MediumButtonBackground:hover,
.Content input[type="submit"]:hover,
.Content input[type="button"]:hover,
.Content button:hover,
.BigButton:hover,
.MediumButton:hover {
  color: #fff2bd !important;
  filter: brightness(1.14) drop-shadow(0 8px 12px rgba(0, 0, 0, .46)) !important;
}

@media (max-width: 900px) {
  #Loginbox,
  #DownloadBox,
  .CiernActionBox {
    border-width: 16px !important;
    border-image-width: 18px !important;
  }

  .Content .Box,
  .Content #NewsTicker,
  .Content #FeaturedArticle,
  .Content #News {
    border-width: 18px !important;
    border-image-width: 20px !important;
  }
}

@media (max-width: 600px) {
  #Loginbox,
  #DownloadBox,
  .CiernActionBox {
    border-width: 14px !important;
    border-image-width: 16px !important;
  }

  .Content .Box,
  .Content #NewsTicker,
  .Content #FeaturedArticle,
  .Content #News {
    border-width: 14px !important;
    border-image-width: 16px !important;
  }
}


/* ===================== ciern-private-dev-banner.css ===================== */
/* Ciern OTS — temporary private DEV banner. */

.ciern-private-dev-banner {
  position: fixed;
  top: 12px;
  right: 16px;
  z-index: 10000;
  max-width: calc(100vw - 32px);
  padding: 9px 15px 8px;
  border: 1px solid #e3b75d;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(128, 38, 48, .97), rgba(76, 21, 29, .98));
  color: #fff4d6;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .14),
    0 0 0 2px rgba(21, 35, 42, .68),
    0 8px 24px rgba(0, 0, 0, .38);
  font: 800 12px/1.25 Arial, sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}

.ciern-private-dev-banner span {
  color: #f0cb7a;
}

@media (max-width: 600px) {
  .ciern-private-dev-banner {
    top: 7px;
    right: 7px;
    max-width: calc(100vw - 14px);
    padding: 7px 10px 6px;
    font-size: 10px;
  }
}


/* ===================== ciern-v4-1-restored-safe.css ===================== */
/*
 * Ciern OTS — restored authored V4.1 / stage-2 visual direction.
 * Loaded after V3.3 and V4.1. Presentation only.
 */

:root {
  --v3-bg: #071015;
  --v3-bg-deep: #03080b;
  --v3-surface: #08131a;
  --v3-surface-2: #10222b;
  --v3-panel: rgba(7, 17, 24, .97);
  --v3-text: #f4eddd;
  --v3-muted: #a7b3b7;
  --v3-gold: #d5a84f;
  --v3-gold-hi: #f3d58a;
  --v3-cyan: #51c7df;
  --v3-line: rgba(213, 168, 79, .25);
}

html,
body {
  height: auto !important;
  min-height: 100% !important;
  background-color: #03080b !important;
  background-image:
    radial-gradient(circle at 50% -10%, rgba(35, 86, 104, .16), transparent 40%),
    linear-gradient(rgba(3, 8, 11, .93), rgba(3, 8, 11, .98)) !important;
  background-attachment: scroll !important;
  color: var(--v3-text) !important;
}

body {
  position: static !important;
  isolation: auto !important;
}

body::before {
  display: none !important;
  content: none !important;
}

#ArtworkHelper,
#Bodycontainer {
  height: auto !important;
  min-height: 100vh !important;
}

#ArtworkHelper {
  background:
    linear-gradient(180deg, rgba(7, 16, 21, .02) 0, rgba(7, 16, 21, .28) 260px, rgba(3, 8, 11, .92) 980px),
    radial-gradient(ellipse at 50% 130px, rgba(216, 166, 79, .09), transparent 430px) !important;
}

/* Keep the original dark obsidian skins and their full ornament. */
#Loginbox,
#DownloadBox,
.CiernActionBox,
#Menu,
.CiernQuickPanel,
#Themeboxes > div,
#Themeboxes .Themebox {
  background-color: #07131b !important;
}

.Content .BoxContent,
.Content #NewsTicker .BoxContent,
.Content #FeaturedArticle .BoxContent,
.Content #News .BoxContent {
  color: var(--v3-text) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(30, 71, 86, .08), transparent 46%),
    linear-gradient(180deg, rgba(8, 21, 28, .98), rgba(5, 14, 19, .99)) !important;
}

.Content .BorderTitleText,
.Content .NewsHeadlineBackground,
.TableContainer .CaptionContainer,
.TableContainer .CaptionContainer .CaptionInnerContainer,
.CiernPanelTitle {
  background: linear-gradient(180deg, rgba(18, 39, 49, .98), rgba(7, 18, 24, .98)) !important;
}

.ciern-topbar {
  border-color: rgba(81, 199, 223, .22) !important;
  background:
    radial-gradient(ellipse at 50% -35%, rgba(60, 145, 168, .13), transparent 58%),
    linear-gradient(180deg, rgba(12, 31, 40, .98), rgba(4, 14, 20, .99)) !important;
}

.ciern-stat {
  background: linear-gradient(180deg, rgba(16, 38, 48, .84), rgba(5, 18, 25, .9)) !important;
}

.ciern-stat-value {
  color: var(--v3-gold-hi) !important;
}

/* The accepted mock-up used only the four compact world statistics. */
.ciern-topbar-pg {
  display: none !important;
}

/* Restore the accepted authored menu icon family without the later light skins. */
#news_Icon,
#account_Icon,
#community_Icon,
#forum_Icon,
#library_Icon {
  top: 8px !important;
  left: 9px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(213, 168, 79, .38) !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 0 0 2px rgba(3, 8, 11, .72), 0 0 14px rgba(81, 199, 223, .12) !important;
}

#news_Icon { background-image: url("images/ciern-v42/ciern-icon-news-v1-128.png") !important; }
#account_Icon { background-image: url("images/ciern-v42/ciern-icon-account-v1-128.png") !important; }
#community_Icon { background-image: url("images/ciern-v42/ciern-icon-community-v1-128.png") !important; }
#forum_Icon { background-image: url("images/ciern-v42/ciern-icon-forum-v1-128.png") !important; }
#library_Icon { background-image: url("images/ciern-v42/ciern-icon-wiki-v1-128.png") !important; }

#Menu .MenuButton:hover,
#Menu .menuitem:hover > div > .MenuButton,
.CiernQuickCard:hover {
  background: linear-gradient(90deg, rgba(81, 199, 223, .12), rgba(213, 168, 79, .035)) !important;
}

html {
  scrollbar-color: #31505b #030a0e;
  scrollbar-width: thin;
}

@media (max-width: 900px) {
  html,
  body,
  #ArtworkHelper,
  #Bodycontainer,
  #ContentRow,
  #ContentColumn,
  .Content {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ciern-topbar-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ciern-stat {
    min-height: 70px !important;
  }
}

@media (max-width: 600px) {
  html,
  body,
  #ArtworkHelper {
    overflow-x: clip !important;
  }

  #CiernHeroBrand {
    box-sizing: border-box !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-inline: auto !important;
  }

  #CiernHeroBrand .CiernHeroLogo,
  #CiernHeroBrand > a > img {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin-inline: auto !important;
  }

  .ciern-private-dev-banner {
    right: 7px !important;
    left: 7px !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }
}


/* ===================== ciern-ogc-v6.css ===================== */
/*
 * Ciern OTS — Account Maker OGC-inspired shell, v6.
 * Original Ciern implementation. Uses only existing Ciern assets.
 * 2026-09-02
 */

:root {
  --c6-bg: #080a0b;
  --c6-panel: rgba(13, 17, 18, .92);
  --c6-panel-soft: rgba(18, 23, 24, .82);
  --c6-panel-hover: rgba(28, 34, 34, .96);
  --c6-edge: rgba(197, 159, 81, .38);
  --c6-edge-soft: rgba(255, 255, 255, .09);
  --c6-gold: #cba45a;
  --c6-gold-bright: #efd58e;
  --c6-cyan: #62c9c5;
  --c6-cyan-soft: rgba(98, 201, 197, .17);
  --c6-text: #e8e2d4;
  --c6-muted: #aaa89f;
  --c6-danger: #ce6270;
  --c6-green: #70d7a0;
  --c6-shadow: 0 24px 70px rgba(0, 0, 0, .58);
  --c6-radius: 5px;
  --c6-shell: 1380px;
}

html {
  min-width: 0 !important;
  background: var(--c6-bg);
  scroll-behavior: smooth;
}

body.CiernOGCV6 {
  min-width: 0 !important;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--c6-text) !important;
  background-color: var(--c6-bg) !important;
  background-position: 50% 0 !important;
  background-size: cover !important;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

body.CiernOGCV6::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(4, 7, 8, .45) 0, rgba(6, 8, 9, .7) 510px, #080a0b 1120px),
    radial-gradient(circle at 50% 120px, rgba(37, 81, 79, .22), transparent 42%),
    radial-gradient(circle at 86% 38%, rgba(123, 84, 29, .13), transparent 30%);
}

body.CiernOGCV6.CiernNavOpen {
  overflow: hidden;
}

.CiernOGCV6 *,
.CiernOGCV6 *::before,
.CiernOGCV6 *::after {
  box-sizing: border-box;
}

.CiernOGCV6 a {
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease, opacity .18s ease;
}

.CiernOGCV6 a:focus-visible,
.CiernOGCV6 button:focus-visible,
.CiernOGCV6 input:focus-visible,
.CiernOGCV6 select:focus-visible,
.CiernOGCV6 textarea:focus-visible {
  outline: 2px solid var(--c6-cyan) !important;
  outline-offset: 3px;
}

body.CiernOGCV6 #ArtworkHelper {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 100vh;
  text-align: left !important;
  background:
    linear-gradient(180deg, rgba(5, 8, 9, .06) 0, rgba(5, 8, 9, .38) 500px, rgba(5, 8, 9, .86) 1100px) !important;
}

body.CiernOGCV6 #Bodycontainer {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 56px !important;
}

/* Top navigation */
.CiernOGCHeader {
  position: sticky;
  top: 0;
  z-index: 9000;
  display: grid;
  grid-template-columns: auto auto minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 76px;
  padding: 8px clamp(18px, 3.4vw, 58px);
  border-bottom: 1px solid var(--c6-edge);
  background:
    linear-gradient(180deg, rgba(8, 11, 12, .97), rgba(8, 11, 12, .9)),
    linear-gradient(90deg, transparent, rgba(98, 201, 197, .07), transparent);
  box-shadow: 0 12px 35px rgba(0, 0, 0, .36);
  backdrop-filter: blur(14px);
}

.CiernNavToggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: var(--c6-text);
  cursor: pointer;
  font: 800 11px/1 "Segoe UI", Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.CiernNavToggle:hover {
  color: var(--c6-gold-bright);
}

.CiernNavToggleIcon {
  display: grid;
  gap: 5px;
  width: 25px;
}

.CiernNavToggleIcon i {
  display: block;
  width: 100%;
  height: 2px;
  background: currentColor;
}

.CiernHeaderBrand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--c6-text) !important;
  text-decoration: none !important;
}

.CiernHeaderBrand img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .78));
}

.CiernHeaderBrand > span {
  display: grid;
  gap: 2px;
}

.CiernHeaderBrand strong {
  color: var(--c6-gold-bright);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  letter-spacing: .14em;
  white-space: nowrap;
}

.CiernHeaderBrand small {
  color: var(--c6-cyan);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .24em;
}

.CiernHeaderLinks {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(14px, 2vw, 32px);
}

.CiernHeaderLinks a {
  position: relative;
  padding: 12px 0;
  color: #cbc8be !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
}

.CiernHeaderLinks a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 0;
  height: 1px;
  background: var(--c6-gold);
  transform: translateX(-50%);
  transition: width .18s ease;
}

.CiernHeaderLinks a:hover {
  color: var(--c6-gold-bright) !important;
}

.CiernHeaderLinks a:hover::after {
  width: 100%;
}

.CiernHeaderStatus {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 100px;
  color: var(--c6-muted);
}

.CiernHeaderStatus > span:last-child {
  display: grid;
  gap: 1px;
}

.CiernHeaderStatus strong {
  color: var(--c6-text);
  font-size: 13px;
  line-height: 1;
}

.CiernHeaderStatus small {
  font-size: 9px;
  letter-spacing: .05em;
  white-space: nowrap;
}

.CiernStatusPulse {
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--c6-danger);
  box-shadow: 0 0 0 4px rgba(206, 98, 112, .12);
}

.CiernHeaderStatus.is-online .CiernStatusPulse {
  background: var(--c6-green);
  box-shadow: 0 0 0 4px rgba(112, 215, 160, .13), 0 0 14px rgba(112, 215, 160, .55);
}

.CiernHeaderActions {
  display: flex;
  gap: 8px;
}

.CiernHeaderAction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 17px;
  border: 1px solid rgba(203, 164, 90, .62);
  border-radius: 2px;
  color: var(--c6-gold-bright) !important;
  background: rgba(203, 164, 90, .06);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
}

.CiernHeaderAction:hover {
  border-color: var(--c6-gold-bright);
  background: rgba(203, 164, 90, .14);
}

.CiernHeaderAccount {
  border-color: var(--c6-gold);
  color: #101313 !important;
  background: linear-gradient(180deg, var(--c6-gold-bright), #b88739);
  box-shadow: 0 8px 24px rgba(177, 127, 47, .17);
}

.CiernHeaderAccount:hover {
  color: #070909 !important;
  background: linear-gradient(180deg, #fae6aa, #c8994d);
  transform: translateY(-1px);
}

/* Full menu */
.CiernNavOverlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 40px;
  overflow: auto;
  background: rgba(2, 4, 5, .86);
  backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}

.CiernNavOpen .CiernNavOverlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.CiernNavClose {
  position: fixed;
  top: 22px;
  right: 28px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  color: var(--c6-text);
  background: rgba(9, 12, 13, .9);
  cursor: pointer;
  font: 300 34px/1 Arial, sans-serif;
}

.CiernNavClose:hover {
  color: var(--c6-gold-bright);
  border-color: var(--c6-gold);
}

.CiernNavDialog {
  width: min(1120px, 100%);
  padding: clamp(26px, 4vw, 58px);
  border: 1px solid var(--c6-edge);
  background:
    linear-gradient(135deg, rgba(98, 201, 197, .055), transparent 42%),
    rgba(9, 12, 13, .97);
  box-shadow: var(--c6-shadow);
}

.CiernNavIntro {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--c6-edge-soft);
}

.CiernNavIntro img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.CiernNavIntro p {
  display: grid;
  gap: 5px;
  margin: 0;
}

.CiernNavIntro strong {
  color: var(--c6-gold-bright);
  font: 700 clamp(20px, 3vw, 34px)/1.1 Georgia, "Times New Roman", serif;
  letter-spacing: .08em;
}

.CiernNavIntro span {
  color: var(--c6-muted);
  font-size: 13px;
}

.CiernNavGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 54px);
  padding: 38px 0;
}

.CiernNavGrid section {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.CiernNavGrid h2 {
  margin: 0 0 15px;
  color: var(--c6-cyan);
  font: 900 10px/1 "Segoe UI", Arial, sans-serif;
  letter-spacing: .22em;
}

.CiernNavGrid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 37px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  color: #ddd8cc !important;
  font-size: 13px;
  text-decoration: none !important;
}

.CiernNavGrid a:hover {
  padding-left: 7px;
  color: var(--c6-gold-bright) !important;
  border-color: var(--c6-edge);
}

.CiernNavGrid b {
  padding: 3px 5px;
  color: #071011;
  background: var(--c6-cyan);
  font-size: 7px;
  letter-spacing: .08em;
}

.CiernNavUnique {
  padding: 19px;
  margin: -19px;
  border: 1px solid rgba(98, 201, 197, .22);
  background: var(--c6-cyan-soft);
}

.CiernNavFooter {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--c6-edge-soft);
  color: #7f817d;
  font-size: 10px;
  letter-spacing: .1em;
}

.CiernNavFooter span {
  margin-right: auto;
}

.CiernNavFooter a {
  color: var(--c6-muted) !important;
  text-decoration: none !important;
}

/* Existing DEV state stays visible without covering the nav. */
body.CiernOGCV6 .ciern-private-dev-banner {
  top: 86px;
  right: 18px;
  z-index: 8500;
}

/* Hero */
body.CiernOGCV6 #CiernHeroBrand {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  z-index: 5 !important;
  display: grid;
  justify-items: center;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 330px;
  padding: 52px 20px 28px;
  transform: none !important;
  text-align: center;
}

body.CiernOGCV6 #CiernHeroBrand::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at center, rgba(2, 8, 9, .16) 0, rgba(3, 6, 7, .32) 45%, rgba(3, 6, 7, .76) 100%);
  pointer-events: none;
}

body.CiernOGCV6 #CiernHeroBrand > a {
  position: relative;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: none !important;
  filter: none !important;
}

body.CiernOGCV6 #CiernHeroBrand .CiernHeroLogo {
  display: block;
  width: min(620px, 78vw) !important;
  height: auto !important;
  max-height: 205px !important;
  object-fit: contain;
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .82)) drop-shadow(0 0 20px rgba(98, 201, 197, .1)) !important;
}

body.CiernOGCV6 .CiernHeroCredit {
  right: 7% !important;
  bottom: 0 !important;
  color: var(--c6-gold-bright) !important;
}

.CiernHeroTagline {
  position: relative;
  margin: 12px 0 0;
  color: #b8b8b1;
  font-size: 12px;
  letter-spacing: .045em;
  text-shadow: 0 2px 6px #000;
}

.CiernHeroTagline span {
  color: var(--c6-gold-bright);
  font-weight: 900;
  letter-spacing: .18em;
}

/* Unique Ciern routes — always visible */
.CiernPortalTabs {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  width: min(var(--c6-shell), calc(100% - 40px));
  margin: 0 auto;
  border: 1px solid var(--c6-edge);
  background: var(--c6-edge);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .42);
}

.CiernPortalTab {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  min-height: 70px;
  padding: 11px 13px;
  color: var(--c6-text) !important;
  background: rgba(11, 15, 16, .96);
  text-decoration: none !important;
}

.CiernPortalTab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: transparent;
}

.CiernPortalTab:hover,
.CiernPortalTab.is-active {
  color: var(--c6-gold-bright) !important;
  background: var(--c6-panel-hover);
}

.CiernPortalTab:hover::after,
.CiernPortalTab.is-active::after {
  background: var(--c6-gold);
}

.CiernPortalTabMap {
  background:
    linear-gradient(135deg, rgba(98, 201, 197, .17), transparent 70%),
    rgba(11, 15, 16, .98);
}

.CiernPortalTab i {
  display: grid;
  flex: 0 0 32px;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(98, 201, 197, .35);
  border-radius: 50%;
  color: var(--c6-cyan);
  font: 800 14px/1 Consolas, monospace;
  text-decoration: none;
}

.CiernPortalTab span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.CiernPortalTab strong,
.CiernPortalTab small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CiernPortalTab strong {
  font-size: 11px;
  letter-spacing: .055em;
}

.CiernPortalTab small {
  color: #888e8c;
  font-size: 8px;
}

/* Main layout */
body.CiernOGCV6 #ContentRow {
  position: relative !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 286px !important;
  align-items: start;
  gap: 24px;
  width: min(var(--c6-shell), calc(100% - 40px)) !important;
  max-width: var(--c6-shell) !important;
  min-width: 0 !important;
  margin: 24px auto 0 !important;
  padding: 0 !important;
}

body.CiernOGCV6 #MenuColumn {
  display: none !important;
}

body.CiernOGCV6 #ContentColumn {
  position: relative !important;
  grid-column: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.CiernOGCV6 #ThemeboxesColumn {
  position: static !important;
  grid-column: 2 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.CiernOGCV6 #ContentHelper {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.CiernOGCV6 #ContentColumn .Box {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--c6-edge) !important;
  border-radius: var(--c6-radius);
  background:
    linear-gradient(135deg, rgba(98, 201, 197, .035), transparent 34%),
    var(--c6-panel) !important;
  box-shadow: var(--c6-shadow);
}

body.CiernOGCV6 #ContentColumn .Box > .Corner-tl,
body.CiernOGCV6 #ContentColumn .Box > .Corner-tr,
body.CiernOGCV6 #ContentColumn .Box > .CornerWrapper-b,
body.CiernOGCV6 #ContentColumn .Box > .Border_1,
body.CiernOGCV6 #ContentColumn .Box > .BorderTitleText {
  display: none !important;
}

body.CiernOGCV6 #ContentColumn .Box > .Title {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block;
  width: auto !important;
  max-width: calc(100% - 40px);
  height: 24px !important;
  margin: 20px 22px 12px !important;
  object-fit: contain;
  object-position: left center;
  filter: sepia(.3) saturate(.75) brightness(1.7);
}

body.CiernOGCV6 #ContentColumn .Box > .Border_2,
body.CiernOGCV6 #ContentColumn .Box > .Border_2 > .Border_3 {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.CiernOGCV6 #ContentColumn .BoxContent {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 180px;
  margin: 0 !important;
  padding: clamp(18px, 3vw, 30px) !important;
  overflow-wrap: anywhere;
  color: var(--c6-text) !important;
  background: transparent !important;
  font-size: 13px;
  line-height: 1.58;
}

body.CiernOGCV6 #ContentColumn .BoxContent > *:first-child {
  margin-top: 0;
}

body.CiernOGCV6 #ContentColumn .BoxContent img {
  max-width: 100%;
}

body.CiernOGCV6 #ContentColumn .BoxContent > table,
body.CiernOGCV6 #ContentColumn .TableContainer {
  max-width: 100%;
}

body.CiernOGCV6 #ContentColumn .BoxContent a {
  color: var(--c6-gold-bright);
}

body.CiernOGCV6 #ContentColumn .BoxContent h1,
body.CiernOGCV6 #ContentColumn .BoxContent h2,
body.CiernOGCV6 #ContentColumn .BoxContent h3 {
  color: var(--c6-gold-bright);
}

body.CiernOGCV6 #ContentColumn .CaptionContainer .CaptionInnerContainer,
body.CiernOGCV6 #ContentColumn .CaptionContainer .CaptionEdge,
body.CiernOGCV6 #ContentColumn .CaptionContainer .CaptionContainer {
  background-color: #14191a !important;
}

body.CiernOGCV6 #ContentColumn .TableContentContainer {
  max-width: 100%;
  border-color: rgba(203, 164, 90, .25) !important;
  border-radius: 3px;
  overflow: auto;
}

/* Forms: especially account/create */
body.CiernOGCV6 input[type="text"],
body.CiernOGCV6 input[type="email"],
body.CiernOGCV6 input[type="password"],
body.CiernOGCV6 input[type="number"],
body.CiernOGCV6 select,
body.CiernOGCV6 textarea {
  min-height: 40px;
  max-width: 100%;
  border: 1px solid rgba(203, 164, 90, .34) !important;
  border-radius: 2px !important;
  color: #f0ece1 !important;
  background: rgba(5, 8, 9, .84) !important;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .48);
}

body.CiernOGCV6 input[type="text"]:focus,
body.CiernOGCV6 input[type="email"]:focus,
body.CiernOGCV6 input[type="password"]:focus,
body.CiernOGCV6 input[type="number"]:focus,
body.CiernOGCV6 select:focus,
body.CiernOGCV6 textarea:focus {
  border-color: var(--c6-cyan) !important;
}

body.CiernOGCV6 input[type="submit"],
body.CiernOGCV6 input[type="button"],
body.CiernOGCV6 button:not(.CiernNavToggle):not(.CiernNavClose),
body.CiernOGCV6 .ButtonText {
  min-height: 38px;
}

body.CiernOGCV6 .BoxContent .InnerTableContainer {
  max-width: 100%;
}

/* Right rail */
body.CiernOGCV6 .CiernQuickPanel {
  overflow: hidden;
  margin: 0 0 18px !important;
  border: 1px solid var(--c6-edge) !important;
  border-radius: var(--c6-radius);
  background: var(--c6-panel) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .38);
}

body.CiernOGCV6 .CiernPanelTitle {
  min-height: 44px;
  padding: 15px 17px 12px !important;
  border-bottom: 1px solid var(--c6-edge) !important;
  color: var(--c6-gold-bright) !important;
  background: rgba(203, 164, 90, .06) !important;
  font-size: 10px !important;
  letter-spacing: .18em;
}

body.CiernOGCV6 .CiernQuickCard {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 69px;
  padding: 10px 13px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  color: var(--c6-text) !important;
  background: transparent !important;
  text-decoration: none !important;
}

body.CiernOGCV6 .CiernQuickCard:last-child {
  border-bottom: 0 !important;
}

body.CiernOGCV6 .CiernQuickCard:hover {
  background: rgba(98, 201, 197, .07) !important;
  transform: none !important;
}

body.CiernOGCV6 .CiernQuickCard strong {
  color: #e4ded1 !important;
  font-size: 12px !important;
}

body.CiernOGCV6 .CiernQuickCard > span:last-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

body.CiernOGCV6 .CiernQuickCard > span:last-child strong,
body.CiernOGCV6 .CiernQuickCard > span:last-child small {
  display: block;
  line-height: 1.25;
}

body.CiernOGCV6 .CiernQuickCard small {
  color: #858985 !important;
  font-size: 9px !important;
}

body.CiernOGCV6 .CiernQuickIcon {
  flex: 0 0 47px;
  width: 47px !important;
  height: 47px !important;
  border-color: rgba(203, 164, 90, .28) !important;
  background: #0b0f10 !important;
}

body.CiernOGCV6 .CiernQuickIcon img {
  width: 43px !important;
  height: 43px !important;
  object-fit: contain;
}

body.CiernOGCV6 .CiernMapGlyph {
  display: grid !important;
  place-items: center;
  color: var(--c6-cyan);
  font: 500 29px/1 Georgia, serif;
  box-shadow: inset 0 0 18px rgba(98, 201, 197, .12);
}

body.CiernOGCV6 .CiernQuickCardMap {
  background:
    linear-gradient(90deg, rgba(98, 201, 197, .11), transparent 70%) !important;
}

body.CiernOGCV6 #RightArtwork {
  position: relative !important;
  width: 100% !important;
  min-height: 178px;
  margin: 0 0 18px !important;
  overflow: hidden;
  border: 1px solid var(--c6-edge);
  background: var(--c6-panel);
}

body.CiernOGCV6 #Themeboxes {
  width: 100% !important;
}

body.CiernOGCV6 #Themeboxes .Themebox,
body.CiernOGCV6 #Themeboxes .Box {
  width: 100% !important;
  max-width: 100% !important;
}

body.CiernOGCV6 #Footer {
  display: none !important;
}

/* The full online map needs the whole shell width. */
body.CiernOGCV6.CiernPage-ciern-lowiska #ContentRow {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: min(1560px, calc(100% - 28px)) !important;
  width: min(1560px, calc(100% - 28px)) !important;
}

body.CiernOGCV6.CiernPage-ciern-lowiska #ThemeboxesColumn {
  display: none !important;
}

body.CiernOGCV6.CiernPage-ciern-lowiska #ContentColumn {
  grid-column: 1 !important;
}

@media (max-width: 1120px) {
  .CiernOGCHeader {
    grid-template-columns: auto auto 1fr auto;
    gap: 12px;
  }

  .CiernHeaderLinks {
    display: none;
  }

  .CiernPortalTabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.CiernOGCV6 #ContentRow {
    grid-template-columns: minmax(0, 1fr) 258px !important;
    gap: 18px;
  }

  .CiernNavGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .CiernOGCHeader {
    position: relative;
    grid-template-columns: auto 1fr auto;
    min-height: 66px;
    padding: 7px 12px;
  }

  .CiernNavToggle > span:last-child,
  .CiernHeaderStatus,
  .CiernHeaderDownload {
    display: none;
  }

  .CiernHeaderBrand {
    justify-self: center;
  }

  .CiernHeaderBrand img {
    width: 42px;
    height: 42px;
  }

  .CiernHeaderAction {
    min-height: 38px;
    padding: 0 11px;
    font-size: 9px;
  }

  body.CiernOGCV6 .ciern-private-dev-banner {
    position: relative;
    top: auto;
    right: auto;
    max-width: none;
    margin: 0;
    border-width: 0 0 1px;
    border-radius: 0;
  }

  body.CiernOGCV6 #CiernHeroBrand {
    min-height: 255px;
    padding: 34px 14px 22px;
  }

  body.CiernOGCV6 #CiernHeroBrand .CiernHeroLogo {
    width: min(540px, 88vw) !important;
    max-height: 160px !important;
  }

  .CiernHeroTagline {
    max-width: 540px;
    font-size: 10px;
  }

  .CiernPortalTabs {
    width: calc(100% - 24px);
  }

  body.CiernOGCV6 #ContentRow {
    grid-template-columns: minmax(0, 1fr) !important;
    width: calc(100% - 24px) !important;
    margin-top: 14px !important;
  }

  body.CiernOGCV6 #ThemeboxesColumn {
    grid-column: 1 !important;
  }

  body.CiernOGCV6 .CiernQuickPanel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.CiernOGCV6 .CiernPanelTitle {
    grid-column: 1 / -1;
  }

  body.CiernOGCV6 .CiernQuickCard {
    border-right: 1px solid rgba(255, 255, 255, .06) !important;
  }
}

@media (max-width: 560px) {
  .CiernOGCHeader {
    grid-template-columns: auto 1fr auto;
  }

  .CiernHeaderBrand {
    gap: 6px;
  }

  .CiernHeaderBrand img {
    width: 37px;
    height: 37px;
  }

  .CiernHeaderBrand strong {
    font-size: 13px;
  }

  .CiernHeaderBrand small {
    font-size: 6px;
  }

  .CiernHeaderAction {
    padding: 0 8px;
    letter-spacing: .04em;
  }

  .CiernNavOverlay {
    align-items: start;
    padding: 68px 10px 16px;
  }

  .CiernNavClose {
    top: 10px;
    right: 12px;
  }

  .CiernNavDialog {
    padding: 22px 17px;
  }

  .CiernNavIntro {
    gap: 12px;
    padding-bottom: 20px;
  }

  .CiernNavIntro img {
    width: 50px;
    height: 50px;
  }

  .CiernNavIntro strong {
    font-size: 19px;
  }

  .CiernNavIntro span {
    font-size: 11px;
  }

  .CiernNavGrid {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 26px 0;
  }

  .CiernNavUnique {
    margin: -10px;
    padding: 14px;
  }

  body.CiernOGCV6 #CiernHeroBrand {
    min-height: 210px;
    padding-top: 28px;
  }

  body.CiernOGCV6 #CiernHeroBrand .CiernHeroLogo {
    width: 94vw !important;
    max-height: 130px !important;
  }

  body.CiernOGCV6 .CiernHeroCredit {
    right: 4px !important;
    font-size: 8px !important;
  }

  body.CiernOGCV6 .CiernHeroStaff {
    width: 35px !important;
    height: 38px !important;
  }

  body.CiernOGCV6 #CiernHeroBrand .CiernHeroStaff img {
    width: 34px !important;
    height: 34px !important;
  }

  .CiernHeroTagline {
    display: grid;
    gap: 5px;
    padding: 0 12px;
    line-height: 1.4;
  }

  .CiernPortalTabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .CiernPortalTab {
    min-height: 61px;
    padding: 8px 9px;
  }

  .CiernPortalTab i {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    font-size: 12px;
  }

  .CiernPortalTab strong {
    font-size: 9px;
  }

  .CiernPortalTab small {
    font-size: 7px;
  }

  body.CiernOGCV6 #ContentColumn .BoxContent {
    padding: 15px 12px !important;
    font-size: 12px;
  }

  body.CiernOGCV6 #ContentColumn .Box > .Title {
    margin: 16px 14px 7px !important;
  }

  body.CiernOGCV6 .CiernQuickPanel {
    grid-template-columns: minmax(0, 1fr);
  }

  body.CiernOGCV6 .CiernQuickCard {
    border-right: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .CiernOGCV6 *,
  .CiernOGCV6 *::before,
  .CiernOGCV6 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* ===================== ciern-web-nb.css ===================== */
/* ======================================================================
 * c9: własny krój display „Ciern Display" — litery wygenerowane w Nano Banana
 * (arkusz 9×6, białe glify na czerni), wektoryzacja potrace, fontTools → OTF/WOFF2.
 * Zero gotowych fontów w nagłówkach; Metamorphous zostaje tylko jako fallback dla
 * znaków spoza zestawu (A–Z, ĄĆĘŁŃÓŚŹŻ, 0–9, . , : ; - ! ? ' &; małe litery = wersaliki).
 * ====================================================================== */
@font-face {
  font-family: "Ciern Display";
  src: url("fonts/ciern-display.woff2?v=1") format("woff2"), url("fonts/ciern-display.otf?v=1") format("opentype");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
/*
 * Ciern OTS — warstwa "NB" (Nano Banana assets), 2026-09-04.
 * Wdrożenie makiety: hero z key artem, emblemat, płyty przycisków (9-slice),
 * ornamenty z cierni, tekstura bazaltu pod panelami, ikony kafli, miniatury newsów.
 * Assety: images/ciern-web/*.webp (oryginały: CLAUDE/Tibia OTS/Grafiki/Ciern Nano Banana/web-*).
 * Fonty: Metamorphous (display) + Alegreya Sans (tekst) — Google Fonts, OFL.
 */

:root {
  --nb-bg: #090B0D;
  --nb-panel: #15191D;
  --nb-panel-2: #101418;
  --nb-brass: #8C6735;
  --nb-amber: #D68A2E;
  --nb-amber-hi: #F0A94C;
  --nb-teal: #36B8C7;
  --nb-bone: #D8D0BE;
  --nb-bone-dim: #9C9585;
  --nb-line: rgba(216, 208, 190, .12);
  --nb-line-brass: rgba(140, 103, 53, .45);
  --nb-display: "Ciern Display", "Metamorphous", serif;
  --nb-body: "Alegreya Sans", "Segoe UI", Arial, sans-serif;
  --nb-tex: url("images/ciern-web/texture.webp");
}

/* ---------- typografia ---------- */
body.CiernOGCV6 {
  font-family: var(--nb-body) !important;
  font-size: 15px;
}
body.CiernOGCV6 .CiernHeaderBrand strong,
body.CiernOGCV6 .CiernPanelTitle span,
body.CiernOGCV6 .CiernNavGrid h2,
body.CiernOGCV6 .CiernHeroTitleNB,
body.CiernOGCV6 .CiernNewsTitle,
body.CiernOGCV6 #ContentColumn .Box > .Title,
body.CiernOGCV6 #Themeboxes .Box .Title {
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  letter-spacing: .06em;
}
body.CiernOGCV6 .CiernHeaderBrand strong { font-size: 19px; }

/* ---------- header: emblemat + przyciski z płyt ---------- */
body.CiernOGCV6 .CiernHeaderBrand img {
  width: 44px;
  height: 54px;
  object-fit: contain;
}

body.CiernOGCV6 .CiernHeaderAction,
body.CiernOGCV6 .CiernBtnNB {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 2px 16px;
  border: 16px solid transparent;
  border-radius: 0;
  border-image-slice: 62 fill;
  border-image-width: 16px;
  border-image-repeat: stretch;
  background: none;
  box-shadow: none;
  font-family: var(--nb-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: filter .15s ease, transform .15s ease, color .15s ease;
}
body.CiernOGCV6 .CiernHeaderDownload,
body.CiernOGCV6 .CiernBtnNB.is-iron {
  border-image-source: url("images/ciern-web/btn-iron.webp");
  color: var(--nb-bone) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}
body.CiernOGCV6 .CiernHeaderAccount,
body.CiernOGCV6 .CiernBtnNB.is-amber {
  border-image-source: url("images/ciern-web/btn-amber.webp");
  color: #F6E7C3 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .85);
}
body.CiernOGCV6 .CiernHeaderAction:hover,
body.CiernOGCV6 .CiernBtnNB:hover {
  filter: brightness(1.14);
  transform: translateY(-1px);
  background: none;
  border-color: transparent;
}
body.CiernOGCV6 .CiernHeaderDownload:hover,
body.CiernOGCV6 .CiernBtnNB.is-iron:hover { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernHeaderAccount:hover,
body.CiernOGCV6 .CiernBtnNB.is-amber:hover { color: #FFF4D6 !important; }
body.CiernOGCV6 .CiernHeaderAction:active,
body.CiernOGCV6 .CiernBtnNB:active {
  filter: brightness(.88);
  transform: translateY(1px);
}
body.CiernOGCV6 .CiernBtnNB.is-lg,
body.CiernOGCV6 #CiernHeroBrand .CiernHeroCta .CiernBtnNB {
  min-height: 56px !important;
  height: auto !important;
  max-height: none !important;
  width: auto !important;
  padding: 4px 24px !important;
  margin: 0 !important;
  border-width: 20px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image-slice: 62 fill !important;
  border-image-width: 20px !important;
  border-image-repeat: stretch !important;
  font-size: 15px;
  line-height: 1.2;
  background: none !important;
  filter: none;
}
body.CiernOGCV6 #CiernHeroBrand .CiernHeroCta .CiernBtnNB.is-amber { border-image-source: url("images/ciern-web/btn-amber.webp") !important; }
body.CiernOGCV6 #CiernHeroBrand .CiernHeroCta .CiernBtnNB.is-iron { border-image-source: url("images/ciern-web/btn-iron.webp") !important; }
body.CiernOGCV6 #CiernHeroBrand .CiernHeroCta .CiernBtnNB:hover { filter: brightness(1.14); }

/* ---------- hero: key art NB ---------- */
body.CiernOGCV6 #CiernHeroBrand {
  min-height: 460px;
  padding: 54px 20px 44px;
  overflow: hidden;
  background-color: var(--nb-bg);
  background-image:
    linear-gradient(180deg, rgba(9, 11, 13, .35) 0%, rgba(9, 11, 13, .05) 30%, rgba(9, 11, 13, .55) 78%, var(--nb-bg) 100%),
    radial-gradient(ellipse 560px 400px at 50% 55%, rgba(9, 11, 13, .6), transparent 70%),
    url("images/ciern-web/hero.webp");
  background-size: auto, auto, cover;
  background-position: center, center, center 40%;
  background-repeat: no-repeat;
  border-bottom: 1px solid var(--nb-line-brass);
}
body.CiernOGCV6 #CiernHeroBrand::before { display: none; }

body.CiernOGCV6 .CiernHeroCorner {
  position: absolute;
  width: 150px;
  height: auto;
  z-index: 1;
  opacity: .92;
  pointer-events: none;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .7));
}
body.CiernOGCV6 .CiernHeroCorner.tl { left: 10px; top: 10px; }
body.CiernOGCV6 .CiernHeroCorner.tr { right: 10px; top: 10px; transform: scaleX(-1); }
body.CiernOGCV6 .CiernHeroCorner.bl { left: 10px; bottom: 10px; transform: scaleY(-1); }
body.CiernOGCV6 .CiernHeroCorner.br { right: 10px; bottom: 10px; transform: scale(-1); }

body.CiernOGCV6 .CiernHeroEmblem {
  display: block;
  width: 96px;
  height: auto;
  margin: 0 auto 6px;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .85));
}
body.CiernOGCV6 #CiernHeroBrand .CiernHeroLogo {
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .9)) drop-shadow(0 0 22px rgba(0, 0, 0, .8)) !important;
}
body.CiernOGCV6 .CiernHeroMotto {
  position: relative;
  margin: 14px 0 8px;
  color: var(--nb-bone);
  font-size: 18px;
  font-style: italic;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .95), 0 0 18px rgba(0, 0, 0, .9);
}
body.CiernOGCV6 .CiernHeroMotto b {
  color: var(--nb-amber-hi);
  font-style: normal;
  font-weight: 700;
}
body.CiernOGCV6 .CiernSepNB {
  display: block;
  width: min(520px, 80%);
  height: auto;
  margin: 0 auto 22px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .8));
}
body.CiernOGCV6 .CiernHeroCta {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}
body.CiernOGCV6 .CiernHeroStats {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 22px;
  margin-top: 22px;
  color: var(--nb-bone);
  font-size: 13.5px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .95);
}
body.CiernOGCV6 .CiernHeroStats b {
  color: var(--nb-amber-hi);
  font-variant-numeric: tabular-nums;
}
body.CiernOGCV6 .CiernHeroTagline { display: none; }

/* ---------- kafle (portal tabs): ikony NB + bazalt ---------- */
body.CiernOGCV6 .CiernPortalTabs {
  gap: 8px;
  border: 0;
  background: none;
  box-shadow: none;
  margin-top: -24px;
}
body.CiernOGCV6 .CiernPortalTab {
  min-height: 74px;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--nb-line);
  border-top: 2px solid var(--nb-brass);
  border-radius: 4px;
  background-color: var(--nb-panel);
  background-image: linear-gradient(rgba(21, 25, 29, .55), rgba(21, 25, 29, .55)), var(--nb-tex);
  background-size: auto, 768px 768px;
  transition: transform .15s ease, border-color .15s ease;
}
body.CiernOGCV6 .CiernPortalTab:hover,
body.CiernOGCV6 .CiernPortalTab.is-active {
  border-top-color: var(--nb-amber);
  transform: translateY(-2px);
  color: var(--nb-bone) !important;
}
body.CiernOGCV6 .CiernPortalTab::after { display: none; }
body.CiernOGCV6 .CiernPortalTab i { display: none; }
body.CiernOGCV6 .CiernPortalIcon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .7));
}
body.CiernOGCV6 .CiernPortalTab:hover .CiernPortalIcon { filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .7)) brightness(1.15); }
body.CiernOGCV6 .CiernPortalTab strong { font-size: 13px; letter-spacing: .02em; }
body.CiernOGCV6 .CiernPortalTab small { font-size: 11px; color: var(--nb-bone-dim); }

/* ---------- panele: bazalt pod boxami ---------- */
body.CiernOGCV6 .ciern-topbar,
body.CiernOGCV6 .CiernQuickPanel,
body.CiernOGCV6 #ContentColumn .Box,
body.CiernOGCV6 #Themeboxes .Box {
  background-color: var(--nb-panel) !important;
  background-image: linear-gradient(rgba(21, 25, 29, .6), rgba(21, 25, 29, .6)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  border: 1px solid var(--nb-line) !important;
  border-radius: 4px;
}

/* ---------- newsy jako karty z miniaturą NB ---------- */
body.CiernOGCV6 .CiernNewsCard {
  display: grid;
  grid-template-columns: 236px 1fr;
  margin: 0 0 18px;
  border: 1px solid var(--nb-line);
  border-radius: 4px;
  overflow: hidden;
  background: rgba(16, 20, 24, .75);
}
body.CiernOGCV6 .CiernNewsThumb {
  position: relative;
  min-height: 150px;
  background-size: cover;
  background-position: center;
}
body.CiernOGCV6 .CiernNewsThumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 70%, rgba(16, 20, 24, .92));
}
body.CiernOGCV6 .CiernNewsBody {
  padding: 14px 18px 12px;
  min-width: 0;
}
body.CiernOGCV6 .CiernNewsMeta {
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
  color: var(--nb-bone-dim);
  font-size: 12.5px;
}
body.CiernOGCV6 .CiernNewsBadge {
  padding: 1px 8px;
  border: 1px solid rgba(214, 138, 46, .5);
  border-radius: 3px;
  color: var(--nb-amber-hi);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.CiernOGCV6 .CiernNewsTitle {
  margin: 0 0 8px;
  color: var(--nb-bone);
  font-size: 19px;
  line-height: 1.3;
  text-wrap: balance;
}
body.CiernOGCV6 .CiernNewsContent {
  color: var(--nb-bone);
  font-size: 15px;
  line-height: 1.55;
}
body.CiernOGCV6 .CiernNewsContent table { width: 100%; }
body.CiernOGCV6 .CiernNewsContent b,
body.CiernOGCV6 .CiernNewsContent strong { color: #f1ebdc; }
body.CiernOGCV6 .CiernNewsComments {
  display: inline-block;
  margin-top: 8px;
  color: var(--nb-teal) !important;
  font-size: 13px;
  font-weight: 700;
}
body.CiernOGCV6 .CiernNewsComments:hover { color: var(--nb-amber-hi) !important; }

/* separator nad stopką */
body.CiernOGCV6 .CiernFooterSep {
  display: block;
  width: min(520px, 70%);
  height: auto;
  margin: 26px auto 10px;
  opacity: .85;
}

/* ---------- responsywność ---------- */
@media (max-width: 960px) {
  body.CiernOGCV6 .CiernHeroCorner { width: 90px; }
  body.CiernOGCV6 .CiernNewsCard { grid-template-columns: 1fr; }
  body.CiernOGCV6 .CiernNewsThumb { min-height: 0; aspect-ratio: 16 / 9; }
  body.CiernOGCV6 .CiernNewsThumb::after { background: linear-gradient(180deg, transparent 70%, rgba(16, 20, 24, .92)); }
}
@media (max-width: 560px) {
  body.CiernOGCV6 .CiernHeroCorner { display: none; }
  body.CiernOGCV6 #CiernHeroBrand { min-height: 380px; padding-top: 34px; }
  body.CiernOGCV6 .CiernPortalTabs { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.CiernOGCV6 .CiernHeaderAction,
  body.CiernOGCV6 .CiernBtnNB,
  body.CiernOGCV6 .CiernPortalTab { transition: none; }
}

/* ======================================================================
 * nb4 (2026-09-04, wieczór): uwagi Piotra — hero niżej, pasek statystyk
 * i kafle z NB (plakieta / płyty żelazne), para przycisków identyczna,
 * nowe logo NB, menu jako pozioma belka z rozwijanymi kategoriami.
 * ====================================================================== */

/* hero: ciaśniej */
body.CiernOGCV6 #CiernHeroBrand {
  min-height: 0;
  padding: 26px 20px 26px;
  background-position: center, center, center 45%;
}
body.CiernOGCV6 #CiernHeroBrand .CiernHeroLogo {
  width: min(560px, 72vw) !important;
  max-height: 240px !important;
}
body.CiernOGCV6 .CiernHeroMotto { margin: 6px 0 6px; }
body.CiernOGCV6 .CiernSepNB { margin-bottom: 16px; }
body.CiernOGCV6 .CiernHeroStats { margin-top: 16px; }
body.CiernOGCV6 .CiernHeroCorner { width: 120px; }

/* pasek statystyk: plakieta NB (9-slice, ciernie na końcach) */
body.CiernOGCV6 .ciern-topbar {
  background: none !important;
  border: 0 !important;
  border-width: 14px 52px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/plaque.webp") 40 150 40 150 fill / 14px 52px stretch !important;
  border-radius: 0;
  box-shadow: none !important;
  padding: 4px 6px !important;
  margin: 0 0 18px !important;
}
body.CiernOGCV6 .ciern-topbar-stats { background: none !important; border: 0 !important; }
body.CiernOGCV6 .ciern-stat {
  background: none !important;
  border-right: 1px solid rgba(140, 103, 53, .35) !important;
  padding: 6px 10px !important;
}
body.CiernOGCV6 .ciern-stat:last-child { border-right: 0 !important; }
body.CiernOGCV6 a.ciern-stat:hover { background: rgba(214, 138, 46, .08) !important; }
body.CiernOGCV6 .ciern-stat-label {
  font-family: var(--nb-display) !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  color: var(--nb-bone-dim) !important;
  text-transform: uppercase;
}
body.CiernOGCV6 .ciern-stat-value {
  font-family: var(--nb-body) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: var(--nb-amber-hi) !important;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}
body.CiernOGCV6 .ciern-topbar-pg { background: none !important; border-top: 1px solid rgba(140, 103, 53, .3) !important; }

/* kafle: żelazne płyty NB */
body.CiernOGCV6 .CiernPortalTabs { gap: 6px; margin-top: -18px; }
body.CiernOGCV6 .CiernPortalTab {
  min-height: 0;
  padding: 2px 8px !important;
  border: 0;
  border-width: 14px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/btn-iron.webp") 62 fill / 14px stretch !important;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
}
body.CiernOGCV6 .CiernPortalTab:hover,
body.CiernOGCV6 .CiernPortalTab.is-active {
  border-image-source: url("images/ciern-web/btn-amber.webp") !important;
  transform: translateY(-2px);
}
body.CiernOGCV6 .CiernPortalTab:hover strong,
body.CiernOGCV6 .CiernPortalTab.is-active strong { color: #FFF1CF; text-shadow: 0 1px 2px rgba(0, 0, 0, .8); }
body.CiernOGCV6 .CiernPortalTab:hover small,
body.CiernOGCV6 .CiernPortalTab.is-active small { color: #F3DDB0; }
body.CiernOGCV6 .CiernPortalIcon { flex-basis: 40px; width: 40px; height: 40px; }

/* menu: pozioma belka z rozwijanymi kategoriami (jak plexido.pl) */
body.CiernOGCV6 .CiernMenuBar {
  position: relative;
  z-index: 8000;
  border-bottom: 1px solid var(--nb-line-brass);
  background-color: var(--nb-panel-2);
  background-image: linear-gradient(rgba(16, 20, 24, .78), rgba(16, 20, 24, .78)), var(--nb-tex);
  background-size: auto, 768px 768px;
}
body.CiernOGCV6 .CiernMenuBarInner {
  display: flex;
  justify-content: center;
  gap: 4px;
  width: min(1380px, calc(100% - 40px));
  margin: 0 auto;
}
body.CiernOGCV6 .CiernMenuGroup { position: relative; }
body.CiernOGCV6 .CiernMenuTop {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 22px;
  color: var(--nb-bone) !important;
  font-family: var(--nb-display);
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none !important;
  border-bottom: 2px solid transparent;
}
body.CiernOGCV6 .CiernMenuTop::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid var(--nb-brass);
  border-bottom: 1.5px solid var(--nb-brass);
  transform: translateY(-2px) rotate(45deg);
}
body.CiernOGCV6 .CiernMenuGroup:hover .CiernMenuTop,
body.CiernOGCV6 .CiernMenuGroup:focus-within .CiernMenuTop {
  color: var(--nb-amber-hi) !important;
  border-bottom-color: var(--nb-amber);
}
body.CiernOGCV6 .CiernMenuDrop {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 230px;
  padding: 8px 0;
  display: none;
  flex-direction: column;
  border: 1px solid var(--nb-line-brass);
  border-top: 2px solid var(--nb-amber);
  background-color: var(--nb-panel);
  background-image: linear-gradient(rgba(21, 25, 29, .85), rgba(21, 25, 29, .85)), var(--nb-tex);
  background-size: auto, 768px 768px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .6);
}
body.CiernOGCV6 .CiernMenuGroup:hover .CiernMenuDrop,
body.CiernOGCV6 .CiernMenuGroup:focus-within .CiernMenuDrop { display: flex; }
body.CiernOGCV6 .CiernMenuDrop a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 18px;
  color: var(--nb-bone) !important;
  font-family: var(--nb-body);
  font-size: 14.5px;
  text-decoration: none !important;
}
body.CiernOGCV6 .CiernMenuDrop a:hover { background: rgba(214, 138, 46, .1); color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernMenuDrop a b {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  color: var(--nb-teal);
  border: 1px solid rgba(54, 184, 199, .4);
  padding: 0 5px;
  border-radius: 3px;
}
body.CiernOGCV6 .CiernMenuGroup.is-unique .CiernMenuTop { color: var(--nb-teal) !important; }
@media (min-width: 961px) {
  body.CiernOGCV6 .CiernNavToggle { display: none !important; }
}
@media (max-width: 960px) {
  body.CiernOGCV6 .CiernMenuBar { display: none; }
}

/* ======================================================================
 * nb5: newsy rozsuwane (<details>), miniatura w stałym kadrze 16:9
 * ====================================================================== */
body.CiernOGCV6 .CiernNewsCard {
  display: block;
  margin: 0 0 14px;
  border: 1px solid var(--nb-line);
  border-radius: 4px;
  overflow: hidden;
  background: rgba(16, 20, 24, .75);
}
body.CiernOGCV6 .CiernNewsCard[open] { border-color: var(--nb-line-brass); }
body.CiernOGCV6 .CiernNewsSummary {
  display: grid;
  grid-template-columns: 236px 1fr;
  gap: 0;
  list-style: none;
  cursor: pointer;
}
body.CiernOGCV6 .CiernNewsSummary::-webkit-details-marker { display: none; }
body.CiernOGCV6 .CiernNewsSummary:hover { background: rgba(214, 138, 46, .05); }
body.CiernOGCV6 .CiernNewsThumb {
  display: block;
  width: 236px;
  height: 100%;
  min-height: 133px;
  max-height: 160px;
  background-size: cover;
  background-position: center;
  position: relative;
}
body.CiernOGCV6 .CiernNewsThumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 72%, rgba(16, 20, 24, .9));
}
body.CiernOGCV6 .CiernNewsHead {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 12px 18px 10px;
}
body.CiernOGCV6 .CiernNewsTitle { display: block; margin: 0; font-size: 18px; line-height: 1.3; }
body.CiernOGCV6 .CiernNewsExcerpt {
  display: block;
  color: var(--nb-bone-dim);
  font-size: 14px;
  line-height: 1.45;
}
body.CiernOGCV6 .CiernNewsCard[open] .CiernNewsExcerpt { display: none; }
body.CiernOGCV6 .CiernNewsToggle { margin-top: 2px; color: var(--nb-teal); font-size: 13px; font-weight: 700; }
body.CiernOGCV6 .CiernNewsToggle i { font-style: normal; }
body.CiernOGCV6 .CiernNewsToggle .is-open { display: none; }
body.CiernOGCV6 .CiernNewsCard[open] .CiernNewsToggle .is-open { display: inline; }
body.CiernOGCV6 .CiernNewsCard[open] .CiernNewsToggle .is-closed { display: none; }
body.CiernOGCV6 .CiernNewsSummary:hover .CiernNewsToggle { color: var(--nb-amber-hi); }
body.CiernOGCV6 .CiernNewsBody { padding: 4px 18px 14px; border-top: 1px solid var(--nb-line); }
@media (max-width: 960px) {
  body.CiernOGCV6 .CiernNewsSummary { grid-template-columns: 1fr; }
  body.CiernOGCV6 .CiernNewsThumb { width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 9; }
}

/* ======================================================================
 * nb6: pasek statystyk (plakieta przycięta do płyty), hero w szerokości
 * belki, baner DEV na krwistej plakiecie, podstrony MyAAC w stylu NB, Wiki.
 * ====================================================================== */

/* pasek statystyk — plakieta 1400×264: rim ~28px, ciernie po bokach 150px */
body.CiernOGCV6 .ciern-topbar {
  border-width: 10px 54px !important;
  border-image: url("images/ciern-web/plaque.webp") 28 150 28 150 fill / 10px 54px stretch !important;
  padding: 6px 4px !important;
  overflow: visible !important;
}
body.CiernOGCV6 .ciern-stat { min-height: 0 !important; padding: 4px 10px !important; }

/* hero — w szerokości belki menu, z ramką */
body.CiernOGCV6 #CiernHeroBrand {
  width: min(1380px, calc(100% - 40px)) !important;
  margin: 14px auto 0 !important;
  border: 1px solid var(--nb-line-brass);
  border-radius: 4px;
  padding: 22px 20px 22px;
}
body.CiernOGCV6 .CiernHeroCorner { width: 110px; }

/* baner DEV — krwista plakieta 1000×338 (rim ~36px, kolce 110px) */
body.CiernOGCV6 .ciern-private-dev-banner {
  top: 6px !important;
  right: 14px !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-width: 12px 38px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/plaque-red.webp") 36 110 36 110 fill / 12px 38px stretch !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-family: var(--nb-display) !important;
  font-size: 11px !important;
  letter-spacing: .1em;
  color: #F6E7C3 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
}
body.CiernOGCV6 .ciern-private-dev-banner span { color: var(--nb-amber-hi) !important; }

/* ---------- podstrony MyAAC (tibiacom) ---------- */
body.CiernOGCV6 #ContentColumn .CaptionContainer span[class^="Caption"] { display: none !important; }
body.CiernOGCV6 #ContentColumn .CaptionContainer,
body.CiernOGCV6 #ContentColumn .CaptionInnerContainer {
  height: auto !important;
  background: none !important;
}
body.CiernOGCV6 #ContentColumn .CaptionInnerContainer {
  border-width: 10px 54px;
  border-style: solid;
  border-color: transparent;
  border-image: url("images/ciern-web/plaque.webp") 28 150 28 150 fill / 10px 54px stretch;
  margin: 6px 0 0;
}
body.CiernOGCV6 #ContentColumn .CaptionInnerContainer .Text {
  position: static !important;
  padding: 4px 6px !important;
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  letter-spacing: .1em !important;
  color: var(--nb-amber-hi) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9) !important;
  background: none !important;
}
body.CiernOGCV6 #ContentColumn .TableContentContainer,
body.CiernOGCV6 #ContentColumn .InnerTableContainer,
body.CiernOGCV6 #ContentColumn .TableContentAndRightShadow,
body.CiernOGCV6 #ContentColumn .TableShadowContainer,
body.CiernOGCV6 #ContentColumn .TableShadowContainerRightBottom,
body.CiernOGCV6 #ContentColumn .TableBottomLeft,
body.CiernOGCV6 #ContentColumn .TableBottomRight,
body.CiernOGCV6 #ContentColumn .TableBottomShadow,
body.CiernOGCV6 #ContentColumn .TableContentAndRightShadow { background: none !important; }
body.CiernOGCV6 #ContentColumn .TableContentContainer {
  border: 1px solid var(--nb-line-brass) !important;
  border-top: 0 !important;
  border-radius: 0 0 4px 4px;
  background-color: rgba(16, 20, 24, .85) !important;
  background-image: linear-gradient(rgba(16, 20, 24, .7), rgba(16, 20, 24, .7)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  padding: 6px !important;
  color: var(--nb-bone);
}
body.CiernOGCV6 #ContentColumn .TableContent,
body.CiernOGCV6 #ContentColumn .Table1,
body.CiernOGCV6 #ContentColumn .Table2,
body.CiernOGCV6 #ContentColumn .Table3,
body.CiernOGCV6 #ContentColumn .Table4,
body.CiernOGCV6 #ContentColumn .Table5 { background: none !important; border: 0 !important; color: var(--nb-bone); }
body.CiernOGCV6 #ContentColumn td[class^="LabelV"],
body.CiernOGCV6 #ContentColumn .LabelV,
body.CiernOGCV6 #ContentColumn .LabelH {
  background: rgba(140, 103, 53, .16) !important;
  color: var(--nb-bone) !important;
  font-weight: 700 !important;
  border: 1px solid rgba(140, 103, 53, .3) !important;
}
body.CiernOGCV6 #ContentColumn .Odd { background: rgba(21, 25, 29, .55) !important; }
body.CiernOGCV6 #ContentColumn .Even { background: rgba(16, 20, 24, .35) !important; }
body.CiernOGCV6 #ContentColumn .Odd td,
body.CiernOGCV6 #ContentColumn .Even td { color: var(--nb-bone); }
body.CiernOGCV6 #ContentColumn input[type="text"],
body.CiernOGCV6 #ContentColumn input[type="password"],
body.CiernOGCV6 #ContentColumn input[type="email"],
body.CiernOGCV6 #ContentColumn input[type="number"],
body.CiernOGCV6 #ContentColumn select,
body.CiernOGCV6 #ContentColumn textarea {
  background: rgba(9, 11, 13, .85) !important;
  color: var(--nb-bone) !important;
  border: 1px solid var(--nb-line-brass) !important;
  border-radius: 3px !important;
  padding: 6px 9px !important;
  font-family: var(--nb-body) !important;
  font-size: 14px !important;
}
body.CiernOGCV6 #ContentColumn input:focus,
body.CiernOGCV6 #ContentColumn select:focus,
body.CiernOGCV6 #ContentColumn textarea:focus { outline: 2px solid rgba(214, 138, 46, .6) !important; outline-offset: 1px; }
body.CiernOGCV6 #ContentColumn .BigButton {
  width: auto !important;
  height: auto !important;
  min-height: 42px;
  padding: 0 !important;
  background: none !important;
  border-width: 14px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/btn-iron.webp") 62 fill / 14px stretch !important;
  cursor: pointer;
}
body.CiernOGCV6 #ContentColumn .BigButton:hover { border-image-source: url("images/ciern-web/btn-amber.webp") !important; }
body.CiernOGCV6 #ContentColumn .BigButtonText,
body.CiernOGCV6 #ContentColumn .BigButton input {
  background: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 2px 14px !important;
  color: var(--nb-bone) !important;
  font-family: var(--nb-body) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
  cursor: pointer;
}
body.CiernOGCV6 #ContentColumn .BigButton:hover .BigButtonText { color: #FFF1CF !important; }
body.CiernOGCV6 #ContentColumn a { color: var(--nb-teal); }
body.CiernOGCV6 #ContentColumn a:hover { color: var(--nb-amber-hi); }

/* ---------- Wiki ---------- */
body.CiernOGCV6 .CiernWikiHero {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--nb-line-brass) !important;
  border-radius: 4px;
  background-color: var(--nb-bg) !important;
  background-image:
    linear-gradient(90deg, rgba(9, 11, 13, .85) 0%, rgba(9, 11, 13, .55) 45%, rgba(9, 11, 13, .05) 100%),
    url("images/ciern-web/wiki-hero.webp") !important;
  background-size: auto, cover !important;
  background-position: center, center !important;
  min-height: 260px;
}
body.CiernOGCV6 .CiernWikiHeroMark { display: none !important; }
body.CiernOGCV6 .CiernWikiHeroCopy h1 {
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  letter-spacing: .06em;
  color: var(--nb-bone) !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .9);
}
body.CiernOGCV6 .CiernWikiKicker { color: var(--nb-amber-hi) !important; font-family: var(--nb-display); letter-spacing: .16em; }
body.CiernOGCV6 .CiernWikiHeroCopy p { color: var(--nb-bone) !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .9); }
body.CiernOGCV6 .CiernWikiPrimary,
body.CiernOGCV6 .CiernWikiSecondary,
body.CiernOGCV6 .CiernWikiFilters button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 2px 14px !important;
  border-width: 14px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/btn-iron.webp") 62 fill / 14px stretch !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--nb-bone) !important;
  font-family: var(--nb-body) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
  cursor: pointer;
}
body.CiernOGCV6 .CiernWikiPrimary,
body.CiernOGCV6 .CiernWikiFilters button.is-active,
body.CiernOGCV6 .CiernWikiFilters button:hover,
body.CiernOGCV6 .CiernWikiSecondary:hover {
  border-image-source: url("images/ciern-web/btn-amber.webp") !important;
  color: #FFF1CF !important;
}
body.CiernOGCV6 .CiernWikiFilters { display: flex; flex-wrap: wrap; gap: 6px; background: none !important; border: 0 !important; }
body.CiernOGCV6 .CiernWikiIntro {
  border: 1px solid var(--nb-line) !important;
  background-color: var(--nb-panel) !important;
  background-image: linear-gradient(rgba(21, 25, 29, .6), rgba(21, 25, 29, .6)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  color: var(--nb-bone) !important;
}
body.CiernOGCV6 .CiernWikiSystem {
  border: 1px solid var(--nb-line) !important;
  border-radius: 4px;
  background-color: rgba(16, 20, 24, .8) !important;
  background-image: linear-gradient(rgba(16, 20, 24, .7), rgba(16, 20, 24, .7)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
}
body.CiernOGCV6 .CiernWikiSystem[open] { border-color: var(--nb-line-brass) !important; }
body.CiernOGCV6 .CiernWikiSystem > summary { background: none !important; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernWikiSystem > summary:hover { background: rgba(214, 138, 46, .06) !important; }
body.CiernOGCV6 .CiernWikiNumber {
  font-family: var(--nb-display) !important;
  color: var(--nb-amber) !important;
  background: none !important;
  border: 1px solid var(--nb-line-brass) !important;
  border-radius: 3px;
}
body.CiernOGCV6 .CiernWikiSystem > summary h2,
body.CiernOGCV6 .CiernWikiSystem > summary h3,
body.CiernOGCV6 .CiernWikiSystem > summary strong { font-family: var(--nb-display) !important; font-weight: 400 !important; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernWikiStatus {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--nb-teal) !important;
  border: 1px solid rgba(54, 184, 199, .4) !important;
  background: none !important;
  border-radius: 3px;
}
body.CiernOGCV6 .CiernWikiVisual {
  margin: 0;
  border: 1px solid var(--nb-line-brass) !important;
  border-radius: 4px;
  overflow: hidden;
  background: var(--nb-panel-2) !important;
  aspect-ratio: 16 / 9;
}
body.CiernOGCV6 .CiernWikiVisual img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.CiernOGCV6 .CiernWikiVisual--empty { display: none !important; }
body.CiernOGCV6 .CiernWikiStep,
body.CiernOGCV6 .CiernWikiTableWrap {
  border: 1px solid var(--nb-line) !important;
  background: rgba(9, 11, 13, .55) !important;
  color: var(--nb-bone) !important;
}
body.CiernOGCV6 .CiernWikiTable th {
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  letter-spacing: .08em;
  color: var(--nb-amber-hi) !important;
  background: rgba(140, 103, 53, .16) !important;
}
body.CiernOGCV6 .CiernWikiTable td { color: var(--nb-bone) !important; border-color: var(--nb-line) !important; }

/* nb7: baner DEV pod headerem (z-index 8500 < header 9000), Submit bez rozciągania, ciało sekcji Wiki ciemne */
body.CiernOGCV6 .ciern-private-dev-banner { top: 82px !important; right: 20px !important; z-index: 9500 !important; }
body.CiernOGCV6 #ContentColumn .BigButton { display: inline-block !important; max-width: 240px; vertical-align: middle; }
body.CiernOGCV6 .CiernWikiSystemBody,
body.CiernOGCV6 .CiernWikiSummaryCopy { background: rgba(9, 11, 13, .45) !important; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernWikiStep { background: rgba(16, 20, 24, .8) !important; }
body.CiernOGCV6 .CiernWikiSystemBody a:not(.CiernWikiPrimary):not(.CiernWikiSecondary) { color: var(--nb-teal) !important; }
body.CiernOGCV6 .ccd__note, body.CiernOGCV6 .ccd__how { background: rgba(16, 20, 24, .8) !important; border-color: var(--nb-line) !important; color: var(--nb-bone) !important; }
@media (max-width: 960px) { body.CiernOGCV6 .ciern-private-dev-banner { top: 78px !important; } }

/* nb8: baner DEV jako "toast" w prawym dolnym rogu (nie koliduje z belką), tabele bootstrapowe ciemne */
body.CiernOGCV6 .ciern-private-dev-banner { top: auto !important; bottom: 14px !important; right: 14px !important; }
body.CiernOGCV6 #ContentColumn .table,
body.CiernOGCV6 #ContentColumn .table > :not(caption) > * > * {
  background: rgba(16, 20, 24, .75) !important;
  color: var(--nb-bone) !important;
  border-color: var(--nb-line) !important;
}
body.CiernOGCV6 #ContentColumn .table thead th,
body.CiernOGCV6 #ContentColumn .table th {
  background: rgba(140, 103, 53, .18) !important;
  color: var(--nb-amber-hi) !important;
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  letter-spacing: .08em;
  font-size: 12.5px;
}
body.CiernOGCV6 #ContentColumn .table-striped > tbody > tr:nth-of-type(odd) > * { background: rgba(21, 25, 29, .85) !important; }
body.CiernOGCV6 #ContentColumn .table-hover > tbody > tr:hover > * { background: rgba(214, 138, 46, .1) !important; }
body.CiernOGCV6 #ContentColumn .table a { color: var(--nb-teal) !important; }
body.CiernOGCV6 #ContentColumn .table a:hover { color: var(--nb-amber-hi) !important; }

/* nb9: stare boxy prawej kolumny (Server Save / Donate) w NB, przycisk pobierania z inline-style jako płyta */
body.CiernOGCV6 #Themeboxes .serversave,
body.CiernOGCV6 #Themeboxes .donate {
  width: 100% !important;
  height: auto !important;
  margin: 0 0 14px;
  border: 1px solid var(--nb-line) !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--nb-panel) !important;
  background-image: linear-gradient(rgba(21, 25, 29, .6), rgba(21, 25, 29, .6)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
}
body.CiernOGCV6 #Themeboxes .serversave_header,
body.CiernOGCV6 #Themeboxes .donate_header {
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  padding: 9px 14px;
  background: rgba(16, 20, 24, .9) !important;
  border-bottom: 1px solid var(--nb-line-brass);
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  font-size: 14px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--nb-amber) !important;
}
body.CiernOGCV6 #Themeboxes .serversave_content,
body.CiernOGCV6 #Themeboxes .donate_content {
  width: auto !important;
  height: auto !important;
  padding: 14px !important;
  background: none !important;
  text-align: center;
}
body.CiernOGCV6 #Themeboxes .serversave_bottom,
body.CiernOGCV6 #Themeboxes .donate_bottom,
body.CiernOGCV6 #Themeboxes .donate_content img { display: none !important; }
body.CiernOGCV6 #Themeboxes .serversave_text small { color: var(--nb-bone-dim); font-family: var(--nb-body); font-size: 12px; }
body.CiernOGCV6 #Themeboxes .serversave_countdown {
  font-family: var(--nb-body) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--nb-amber-hi) !important;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
  background: none !important;
  border: 0 !important;
}
body.CiernOGCV6 #Themeboxes .donate_button,
body.CiernOGCV6 #ContentColumn a[style*="background"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: auto !important;
  height: auto !important;
  padding: 2px 16px !important;
  border-width: 14px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/btn-amber.webp") 62 fill / 14px stretch !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #FFF1CF !important;
  font-family: var(--nb-body) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .85);
  cursor: pointer;
}
body.CiernOGCV6 #Themeboxes .donate_button:hover,
body.CiernOGCV6 #ContentColumn a[style*="background"]:hover { filter: brightness(1.14); }

/* nb10: tytuły boxów jako tekst, ikony NB w Szybkim dostępie, box Server Save wyłączony (dubluje pasek) */
body.CiernOGCV6 #ContentColumn .Box > .CiernBoxTitle,
body.CiernOGCV6 .CiernBoxTitle {
  position: static !important;
  display: block;
  margin: 0 !important;
  padding: 12px 16px 6px !important;
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  font-size: 21px !important;
  letter-spacing: .1em;
  color: var(--nb-amber-hi) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
  background: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
}
body.CiernOGCV6 .CiernQuickIcon img { width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .7)); }
body.CiernOGCV6 .CiernQuickIcon { background: none !important; border: 0 !important; }
body.CiernOGCV6 #Themeboxes .serversave { display: none !important; }

/* nb11: mobile — przyciski headera nie wychodzą poza ekran, baner DEV na dole */
@media (max-width: 960px) {
  body.CiernOGCV6 .ciern-private-dev-banner {
    top: auto !important;
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    max-width: none !important;
    text-align: center;
    font-size: 10px !important;
  }
  body.CiernOGCV6 .CiernHeaderAction {
    min-height: 38px;
    padding: 0 8px;
    border-width: 11px;
    border-image-width: 11px;
    font-size: 10px;
    letter-spacing: .03em;
    white-space: nowrap;
  }
  body.CiernOGCV6 .CiernHeaderActions { gap: 6px; flex-wrap: nowrap; }
}
@media (max-width: 600px) {
  body.CiernOGCV6 .CiernHeaderDownload { display: none !important; }
  body.CiernOGCV6 .CiernHeaderBrand strong { font-size: 16px; }
}
/* nb12: mobile — baner DEV w przepływie (stary CSS daje position: relative), bez przesunięcia */
@media (max-width: 960px) {
  body.CiernOGCV6 .ciern-private-dev-banner {
    position: relative !important;
    top: 0 !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: calc(100% - 20px);
    margin: 8px auto 4px !important;
  }
}

/* ======================================================================
 * nb13: header w szerokości belki, baner DEV w headerze obok „graczy online",
 * Siły Dnia mniejsze i ciemne, Mapa Online — przyciski/filtry jako płyty.
 * ====================================================================== */
body.CiernOGCV6 .CiernOGCHeader {
  grid-template-columns: auto auto auto auto minmax(0, 1fr) auto;
  padding-left: max(18px, calc((100% - 1380px) / 2));
  padding-right: max(18px, calc((100% - 1380px) / 2));
}
body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev {
  position: static !important;
  top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 0 4px !important;
  padding: 0 10px !important;
  min-height: 34px;
  border-width: 9px 30px !important;
  border-image: url("images/ciern-web/plaque-red.webp") 36 110 36 110 fill / 9px 30px stretch !important;
  font-size: 10px !important;
  letter-spacing: .08em;
  white-space: nowrap;
  z-index: auto !important;
}
@media (max-width: 960px) {
  body.CiernOGCV6 .CiernOGCHeader { grid-template-columns: auto auto minmax(0, 1fr) auto; }
  body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev {
    grid-column: 1 / -1;
    justify-self: center;
    position: static !important;
    width: auto !important;
    margin: 4px auto 0 !important;
    font-size: 9px !important;
    white-space: normal;
    text-align: center;
  }
}

/* Siły Dnia — kompaktowo, na bazalcie */
body.CiernOGCV6 #ciern-boosted {
  border: 1px solid var(--nb-line) !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--nb-panel) !important;
  background-image: linear-gradient(rgba(21, 25, 29, .6), rgba(21, 25, 29, .6)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 14px;
}
body.CiernOGCV6 #ciern-boosted .cb__head {
  padding: 8px 12px !important;
  background: rgba(16, 20, 24, .9) !important;
  border-bottom: 1px solid var(--nb-line-brass) !important;
  text-align: left;
}
body.CiernOGCV6 #ciern-boosted .cb__title {
  margin: 0 !important;
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--nb-amber) !important;
}
body.CiernOGCV6 #ciern-boosted .cb__sub { font-size: 11px !important; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 #ciern-boosted .cb__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
body.CiernOGCV6 #ciern-boosted .cb__cell {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 10px 8px !important;
  background: none !important;
  border: 0 !important;
  border-right: 1px solid var(--nb-line) !important;
  text-decoration: none !important;
}
body.CiernOGCV6 #ciern-boosted .cb__cell:last-child { border-right: 0 !important; }
body.CiernOGCV6 #ciern-boosted .cb__cell:hover { background: rgba(214, 138, 46, .06) !important; }
body.CiernOGCV6 #ciern-boosted .cb__label {
  font-family: var(--nb-display) !important;
  font-size: 10px !important;
  letter-spacing: .1em;
  color: var(--nb-bone-dim) !important;
  text-transform: uppercase;
}
body.CiernOGCV6 #ciern-boosted .cb__portrait {
  width: 56px !important; height: 56px !important;
  padding: 4px !important;
  border-radius: 3px;
  border: 1px solid var(--nb-brass) !important;
  background: #CFC7B2 !important; /* jasne tło pod ciemne sprite'y */
  box-shadow: none !important;
}
body.CiernOGCV6 #ciern-boosted .cb__portrait img { width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; }
body.CiernOGCV6 #ciern-boosted .cb__name { font-size: 13px !important; font-weight: 700; color: var(--nb-bone) !important; }
body.CiernOGCV6 #ciern-boosted .cb__bonuses { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
body.CiernOGCV6 #ciern-boosted .cb__bonus {
  padding: 1px 7px !important;
  border-radius: 3px !important;
  border: 1px solid var(--nb-line-brass) !important;
  background: rgba(9, 11, 13, .6) !important;
  font-size: 10.5px !important;
  font-weight: 700;
  color: var(--nb-amber-hi) !important;
}
body.CiernOGCV6 #ciern-boosted .cb__bonus--loot { color: var(--nb-teal) !important; border-color: rgba(54, 184, 199, .4) !important; }
body.CiernOGCV6 #ciern-boosted .cb__foot {
  padding: 6px 12px !important;
  border-top: 1px solid var(--nb-line) !important;
  background: rgba(16, 20, 24, .7) !important;
  font-size: 11px !important;
  color: var(--nb-bone-dim) !important;
  text-align: center;
}
body.CiernOGCV6 #ciern-boosted .cb__cd { color: var(--nb-amber-hi) !important; font-variant-numeric: tabular-nums; }

/* Mapa Online — filtry, lista, przyciski pięter/zoom */
body.CiernOGCV6 .CiernHuntKind,
body.CiernOGCV6 .CiernHuntLvl,
body.CiernOGCV6 .CiernMapZoomControls button,
body.CiernOGCV6 .CiernMapCopy,
body.CiernOGCV6 .CiernMapFloors button {
  min-height: 34px;
  padding: 0 8px !important;
  border-width: 10px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/btn-iron.webp") 62 fill / 10px stretch !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--nb-bone) !important;
  font-family: var(--nb-body) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
  cursor: pointer;
}
body.CiernOGCV6 .CiernHuntKind.is-active,
body.CiernOGCV6 .CiernHuntLvl.is-active,
body.CiernOGCV6 .CiernMapFloors button.is-active,
body.CiernOGCV6 .CiernHuntKind:hover,
body.CiernOGCV6 .CiernHuntLvl:hover,
body.CiernOGCV6 .CiernMapZoomControls button:hover,
body.CiernOGCV6 .CiernMapCopy:hover,
body.CiernOGCV6 .CiernMapFloors button:hover {
  border-image-source: url("images/ciern-web/btn-amber.webp") !important;
  color: #FFF1CF !important;
}
body.CiernOGCV6 .CiernMapFloors { gap: 4px !important; background: none !important; border: 0 !important; }
body.CiernOGCV6 .CiernHuntKinds, body.CiernOGCV6 .CiernHuntLevels { display: flex; flex-wrap: wrap; gap: 4px; background: none !important; }
body.CiernOGCV6 .CiernHuntPanel,
body.CiernOGCV6 .CiernHuntFilters,
body.CiernOGCV6 .CiernHuntList,
body.CiernOGCV6 .CiernMapToolbar {
  background-color: rgba(16, 20, 24, .8) !important;
  background-image: linear-gradient(rgba(16, 20, 24, .7), rgba(16, 20, 24, .7)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  border: 1px solid var(--nb-line) !important;
  border-radius: 4px;
  color: var(--nb-bone) !important;
}
body.CiernOGCV6 .CiernHuntRow {
  background: rgba(9, 11, 13, .45) !important;
  border: 1px solid var(--nb-line) !important;
  border-radius: 3px !important;
  color: var(--nb-bone) !important;
}
body.CiernOGCV6 .CiernHuntRow:hover,
body.CiernOGCV6 .CiernHuntRow.is-active { border-color: var(--nb-amber) !important; background: rgba(214, 138, 46, .08) !important; }
body.CiernOGCV6 .CiernHuntName { color: var(--nb-bone) !important; font-weight: 700; }
body.CiernOGCV6 .CiernHuntMeta { color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 #huntSearch {
  background: rgba(9, 11, 13, .85) !important;
  color: var(--nb-bone) !important;
  border: 1px solid var(--nb-line-brass) !important;
  border-radius: 3px !important;
  padding: 7px 10px !important;
  font-family: var(--nb-body) !important;
}
body.CiernOGCV6 .CiernMapSearchLabel, body.CiernOGCV6 .CiernMapResultCount { color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernHuntMap { border: 1px solid var(--nb-line-brass) !important; border-radius: 4px !important; }

/* nb14: stopka */
body.CiernOGCV6 #Footer.CiernFooterNB { color: var(--nb-bone-dim); font-size: 12.5px; text-align: center; padding: 10px 0 18px; letter-spacing: .02em; }
body.CiernOGCV6 #Footer.CiernFooterNB a { color: var(--nb-bone-dim); }
body.CiernOGCV6 #Footer.CiernFooterNB a:hover { color: var(--nb-amber-hi); }

/* nb15: plakieta DEV w headerze — wyższa, tekst w środku płyty */
body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev {
  min-height: 42px;
  padding: 2px 8px !important;
  border-width: 12px 34px !important;
  border-image-width: 12px 34px !important;
  line-height: 1.1;
  font-size: 9.5px !important;
}

/* ======================================================================
 * nb16: węższa kolumna (shell 1180px) + niższe hero
 * ====================================================================== */
:root { --c6-shell: 1180px; }
body.CiernOGCV6 .CiernOGCHeader {
  padding-left: max(18px, calc((100% - 1180px) / 2));
  padding-right: max(18px, calc((100% - 1180px) / 2));
}
body.CiernOGCV6 .CiernMenuBarInner { width: min(1180px, calc(100% - 40px)); }
body.CiernOGCV6 #CiernHeroBrand {
  width: min(1180px, calc(100% - 40px)) !important;
  margin: 12px auto 0 !important;
  padding: 14px 20px 16px !important;
  min-height: 0 !important;
  background-position: center, center, center 42%;
}
body.CiernOGCV6 #CiernHeroBrand .CiernHeroLogo {
  width: min(420px, 60vw) !important;
  max-height: 170px !important;
}
body.CiernOGCV6 .CiernHeroCredit { font-size: 11px !important; }
body.CiernOGCV6 .CiernHeroMotto { margin: 2px 0 2px; font-size: 15px; }
body.CiernOGCV6 .CiernSepNB { width: min(380px, 70%); margin: 0 auto 10px; }
body.CiernOGCV6 #CiernHeroBrand .CiernHeroCta .CiernBtnNB {
  min-height: 46px !important;
  padding: 2px 18px !important;
  border-width: 16px !important;
  border-image-width: 16px !important;
  font-size: 13px;
}
body.CiernOGCV6 .CiernHeroStats { margin-top: 10px; font-size: 12.5px; gap: 4px 16px; }
body.CiernOGCV6 .CiernHeroCorner { width: 80px; }
body.CiernOGCV6 .CiernPortalTabs { width: min(1180px, calc(100% - 40px)); }

/* nb17: separator i narożniki hero — stare reguły img w hero wymuszały 520px; baner DEV węższy, żeby header mieścił się w 1333px */
body.CiernOGCV6 #CiernHeroBrand .CiernSepNB {
  width: auto !important;
  height: 84px !important;
  max-width: 90% !important;
  margin: -4px auto 4px !important;
  object-fit: contain;
}
body.CiernOGCV6 #CiernHeroBrand .CiernHeroCorner {
  width: 80px !important;
  height: auto !important;
  max-width: none !important;
}
body.CiernOGCV6 #CiernHeroBrand .CiernHeroCredit { font-size: 11px !important; }
body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev {
  font-size: 9px !important;
  letter-spacing: .04em;
  min-height: 36px;
  border-width: 10px 26px !important;
  border-image-width: 10px 26px !important;
  padding: 0 6px !important;
  margin-left: 0 !important;
}
body.CiernOGCV6 .CiernHeaderLinks { gap: 0 14px; }
@media (max-width: 1240px) {
  body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev span { display: none; }
}

/* nb18: plakieta DEV w headerze — wyższa płyta, tekst wycentrowany w czerwonym polu */
body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev {
  min-height: 44px;
  height: 44px;
  box-sizing: border-box;
  border-width: 13px 30px !important;
  border-image-width: 13px 30px !important;
  padding: 0 6px !important;
  line-height: 1 !important;
  font-size: 9.5px !important;
  align-items: center;
  align-self: center;
}
body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev span { line-height: 1; }

/* nb19: header mieści się w 1333px — mniejsze odstępy, krótszy baner poniżej 1420px */
body.CiernOGCV6 .CiernOGCHeader { gap: 14px; }
@media (max-width: 1420px) {
  body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev span { display: none; }
  body.CiernOGCV6 .CiernHeaderLinks { gap: 0 10px; }
  body.CiernOGCV6 .CiernHeaderAction { padding: 2px 10px; }
}

/* nb20: Siły Dnia — brązowe tło siedziało na .cb__grid (i wewnętrznych kontenerach), nie na boxie */
body.CiernOGCV6 #ciern-boosted .cb__grid,
body.CiernOGCV6 #ciern-boosted .cb__cell,
body.CiernOGCV6 #ciern-boosted .cb__bonuses,
body.CiernOGCV6 #ciern-boosted .cb__name,
body.CiernOGCV6 #ciern-boosted .cb__label { background: none !important; box-shadow: none !important; }
body.CiernOGCV6 #ciern-boosted .cb__grid { border: 0 !important; }
body.CiernOGCV6 #ciern-boosted .cb__cell + .cb__cell { border-left: 1px solid var(--nb-line) !important; }

/* ======================================================================
 * c8: zero gotowych fontów w treści — Georgia/Arial/Verdana/Times/Tahoma
 * ze starych warstw i inline'ów (pages/) nadpisane fontami motywu.
 * ====================================================================== */
body.CiernOGCV6 #ContentColumn *,
body.CiernOGCV6 #Themeboxes *,
body.CiernOGCV6 #ThemeboxesColumn *,
body.CiernOGCV6 .CiernNavDialog * { font-family: var(--nb-body) !important; }
body.CiernOGCV6 #ContentColumn h1,
body.CiernOGCV6 #ContentColumn h2,
body.CiernOGCV6 #ContentColumn h3,
body.CiernOGCV6 #ContentColumn h4,
body.CiernOGCV6 #ContentColumn .CiernBoxTitle,
body.CiernOGCV6 #ContentColumn .CiernNewsTitle,
body.CiernOGCV6 #ContentColumn .CaptionInnerContainer .Text,
body.CiernOGCV6 #ContentColumn .CiernWikiNumber,
body.CiernOGCV6 #ContentColumn .CiernWikiKicker,
body.CiernOGCV6 #ContentColumn .CiernLibKicker,
body.CiernOGCV6 #ContentColumn .ciern-stat-label,
body.CiernOGCV6 #ContentColumn .CiernWikiTable th,
body.CiernOGCV6 #ContentColumn .table th,
body.CiernOGCV6 #Themeboxes .cb__title,
body.CiernOGCV6 #Themeboxes .cb__label,
body.CiernOGCV6 #Themeboxes .serversave_header,
body.CiernOGCV6 #Themeboxes .donate_header,
body.CiernOGCV6 #ThemeboxesColumn .CiernPanelTitle span,
body.CiernOGCV6 .CiernNavDialog h2 { font-family: var(--nb-display) !important; font-weight: 400 !important; }
body.CiernOGCV6 #ContentColumn code,
body.CiernOGCV6 #ContentColumn kbd,
body.CiernOGCV6 #ContentColumn pre,
body.CiernOGCV6 #ContentColumn .CiernLibCmd,
body.CiernOGCV6 #ContentColumn [class*="Cmd"] { font-family: "Alegreya Sans", monospace !important; font-weight: 700; letter-spacing: .02em; }
body.CiernOGCV6 #ContentColumn h1 { font-size: 30px; letter-spacing: .05em; color: var(--nb-bone) !important; }
body.CiernOGCV6 #ContentColumn h2 { font-size: 22px; letter-spacing: .05em; color: var(--nb-bone) !important; }
body.CiernOGCV6 #ContentColumn h3 { font-size: 18px; letter-spacing: .04em; color: var(--nb-amber-hi) !important; }


/* c9: metryki własnego kroju — trochę luźniej i bez wymuszonego 400 tam, gdzie były wagi */
body.CiernOGCV6 .CiernHeaderBrand strong,
body.CiernOGCV6 .CiernMenuTop,
body.CiernOGCV6 .CiernBoxTitle,
body.CiernOGCV6 .CiernNewsTitle,
body.CiernOGCV6 #ContentColumn h1,
body.CiernOGCV6 #ContentColumn h2,
body.CiernOGCV6 #ContentColumn h3,
body.CiernOGCV6 #ContentColumn .CaptionInnerContainer .Text,
body.CiernOGCV6 .CiernPanelTitle span,
body.CiernOGCV6 .ciern-stat-label,
body.CiernOGCV6 .ciern-private-dev-banner { letter-spacing: .04em; }
body.CiernOGCV6 .CiernNewsTitle { font-size: 17px; line-height: 1.35; }
body.CiernOGCV6 #ContentColumn h1 { font-size: 26px; }
body.CiernOGCV6 .CiernBoxTitle { font-size: 19px !important; }

/* c10: resztki Arial/Georgia/Verdana/Segoe poza treścią (header, nav, stopka, kredyt hero) — globalnie font motywu */
body.CiernOGCV6, body.CiernOGCV6 * { font-family: var(--nb-body) !important; }
body.CiernOGCV6 .CiernHeaderBrand strong,
body.CiernOGCV6 .CiernMenuTop,
body.CiernOGCV6 .CiernNavGrid h2,
body.CiernOGCV6 .CiernPanelTitle span,
body.CiernOGCV6 .ciern-private-dev-banner,
body.CiernOGCV6 .ciern-stat-label,
body.CiernOGCV6 .CiernHeroCredit,
body.CiernOGCV6 .CiernBoxTitle,
body.CiernOGCV6 .CiernNewsTitle,
body.CiernOGCV6 #ContentColumn h1, body.CiernOGCV6 #ContentColumn h2, body.CiernOGCV6 #ContentColumn h3, body.CiernOGCV6 #ContentColumn h4,
body.CiernOGCV6 #ContentColumn .CaptionInnerContainer .Text,
body.CiernOGCV6 #ContentColumn .CiernWikiNumber, body.CiernOGCV6 #ContentColumn .CiernWikiKicker, body.CiernOGCV6 #ContentColumn .CiernLibKicker,
body.CiernOGCV6 #ContentColumn .CiernWikiTable th, body.CiernOGCV6 #ContentColumn .table th,
body.CiernOGCV6 #Themeboxes .cb__title, body.CiernOGCV6 #Themeboxes .cb__label,
body.CiernOGCV6 #Themeboxes .serversave_header, body.CiernOGCV6 #Themeboxes .donate_header { font-family: var(--nb-display) !important; }
body.CiernOGCV6 code, body.CiernOGCV6 kbd, body.CiernOGCV6 pre { font-family: "Alegreya Sans", monospace !important; font-weight: 700; }
body.CiernOGCV6 .CiernHeroCredit { font-size: 12px !important; letter-spacing: .06em; }

/* ======================================================================
 * c11: Biblioteka Ciernia (Bestiariusz / Czary / Task Board / Komendy) w NB:
 * zmienne --lib-* (brąz → bazalt), pigułki → płyty, tooltip itemów, sprite'y na
 * jasnym kaflu. Plus naprawa strony postaci (eq, etykiety) i przycisków BigButton.
 * ====================================================================== */
body.CiernOGCV6 .CiernLib {
  --lib-bg: rgba(16, 20, 24, .82);
  --lib-bg2: rgba(21, 25, 29, .9);
  --lib-edge: rgba(140, 103, 53, .35);
  --lib-ink: var(--nb-bone);
  --lib-muted: var(--nb-bone-dim);
  --lib-gold: var(--nb-amber-hi);
  --lib-amber: var(--nb-amber);
}
/* wszystkie filtry/pigułki/przyciski biblioteki jako płyty żelazne, aktywne bursztynowe */
body.CiernOGCV6 .CiernLib .CiernLibTools button,
body.CiernOGCV6 .CiernLib .CiernLibFilters a,
body.CiernOGCV6 .CiernLib .CiernLibVocs a,
body.CiernOGCV6 .CiernLib .CiernElemFilter a.CiernElemPill,
body.CiernOGCV6 .CiernLib .CiernDiffFilter a,
body.CiernOGCV6 .CiernLib .CiernLibPager a,
body.CiernOGCV6 .CiernLib .CiernLibPager span {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 10px !important;
  margin: 2px 0 !important;
  border-width: 11px !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-image: url("images/ciern-web/btn-iron.webp") 62 fill / 11px stretch !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--nb-bone) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .03em;
  line-height: 1;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}
body.CiernOGCV6 .CiernLib .CiernLibTools button { min-height: 42px; border-width: 13px !important; border-image-width: 13px !important; border-image-source: url("images/ciern-web/btn-amber.webp") !important; color: #FFF1CF !important; text-transform: uppercase; font-size: 12px !important; letter-spacing: .06em; }
body.CiernOGCV6 .CiernLib .CiernLibFilters a.is-active,
body.CiernOGCV6 .CiernLib .CiernLibVocs a.is-active,
body.CiernOGCV6 .CiernLib .CiernElemFilter a.CiernElemPill.is-active,
body.CiernOGCV6 .CiernLib .CiernDiffFilter a.is-active,
body.CiernOGCV6 .CiernLib .CiernLibPager .is-active,
body.CiernOGCV6 .CiernLib .CiernLibFilters a:hover,
body.CiernOGCV6 .CiernLib .CiernLibVocs a:hover,
body.CiernOGCV6 .CiernLib .CiernElemFilter a.CiernElemPill:hover,
body.CiernOGCV6 .CiernLib .CiernDiffFilter a:hover,
body.CiernOGCV6 .CiernLib .CiernLibPager a:hover {
  border-image-source: url("images/ciern-web/btn-amber.webp") !important;
  color: #FFF1CF !important;
}
/* poziomy: kolor tylko w tekście, nie w tle */
body.CiernOGCV6 .CiernLib a.ciern-lvl-easy { color: #7fd6a0 !important; }
body.CiernOGCV6 .CiernLib a.ciern-lvl-mid { color: #F0A94C !important; }
body.CiernOGCV6 .CiernLib a.ciern-lvl-hard { color: #f08a7a !important; }
body.CiernOGCV6 .CiernLib .CiernElemPill i { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
body.CiernOGCV6 .CiernLib .CiernLibSearch input,
body.CiernOGCV6 .CiernLib input[type="search"],
body.CiernOGCV6 .CiernLib input[type="text"] {
  background: rgba(9, 11, 13, .85) !important;
  color: var(--nb-bone) !important;
  border: 1px solid var(--nb-line-brass) !important;
  border-radius: 3px !important;
  padding: 9px 12px !important;
  font-size: 15px !important;
}
/* lista potworów, karty statystyk, tabele */
body.CiernOGCV6 .CiernLib .CiernLibItem,
body.CiernOGCV6 .CiernLib .CiernStatCard,
body.CiernOGCV6 .CiernLib .CiernLibNote,
body.CiernOGCV6 .CiernLib .CiernLibHint,
body.CiernOGCV6 .CiernLib .CiernWhere,
body.CiernOGCV6 .CiernLib .CiernResist {
  background-color: rgba(16, 20, 24, .8) !important;
  background-image: linear-gradient(rgba(16, 20, 24, .7), rgba(16, 20, 24, .7)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  border: 1px solid var(--nb-line) !important;
  border-radius: 4px !important;
  color: var(--nb-bone) !important;
}
body.CiernOGCV6 .CiernLib .CiernLibItem:hover,
body.CiernOGCV6 .CiernLib .CiernLibItem[open] { border-color: var(--nb-line-brass) !important; }
body.CiernOGCV6 .CiernLib .CiernLibItem > summary { background: none !important; }
body.CiernOGCV6 .CiernLib .CiernLibBody { background: rgba(9, 11, 13, .35) !important; border-top: 1px solid var(--nb-line) !important; }
body.CiernOGCV6 .CiernLib .CiernStatCard .csc__k { font-family: var(--nb-display) !important; font-size: 11px !important; letter-spacing: .08em; color: var(--nb-bone-dim) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.CiernOGCV6 .CiernLib .CiernStatCard .csc__v { color: var(--nb-amber-hi) !important; font-size: 17px !important; }
body.CiernOGCV6 .CiernLib .CiernLibLvl { border-radius: 3px !important; padding: 2px 8px !important; font-weight: 800; }
body.CiernOGCV6 .CiernLib .CiernLibLoot,
body.CiernOGCV6 .CiernLib .CiernLibTable { border: 1px solid var(--nb-line) !important; border-radius: 4px; overflow: hidden; }
body.CiernOGCV6 .CiernLib .CiernLibLoot th,
body.CiernOGCV6 .CiernLib .CiernLibTable th {
  background: rgba(140, 103, 53, .18) !important;
  color: var(--nb-amber-hi) !important;
  font-family: var(--nb-display) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: .08em;
}
body.CiernOGCV6 .CiernLib .CiernLibLoot td,
body.CiernOGCV6 .CiernLib .CiernLibTable td { background: rgba(16, 20, 24, .6) !important; border-color: var(--nb-line) !important; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernLib .CiernLibLoot tr:nth-child(even) td,
body.CiernOGCV6 .CiernLib .CiernLibTable tr:nth-child(even) td { background: rgba(21, 25, 29, .7) !important; }
/* sprite'y na jasnym kaflu (ciemne sprite'y Tibii) */
body.CiernOGCV6 .CiernLib .CiernLootImg,
body.CiernOGCV6 .CiernLib .CiernMonImg,
body.CiernOGCV6 .CiernLib .CiernSpellImg {
  background: #CFC7B2 !important;
  border: 1px solid var(--nb-brass) !important;
  border-radius: 3px !important;
}
body.CiernOGCV6 .CiernLib .CiernLootImg { width: 30px !important; height: 30px !important; display: inline-flex; align-items: center; justify-content: center; }
body.CiernOGCV6 .CiernLib .CiernLootImg img { width: 26px !important; height: 26px !important; }
body.CiernOGCV6 .CiernLib .CiernChip { border-radius: 3px !important; background: rgba(9, 11, 13, .6) !important; border: 1px solid var(--nb-line-brass) !important; padding: 2px 8px !important; font-size: 12px !important; }
body.CiernOGCV6 .CiernLib .CiernChip.is-atk { color: #f0b49c !important; } body.CiernOGCV6 .CiernLib .CiernChip.is-def { color: #a8cbe8 !important; }
body.CiernOGCV6 .CiernLib .CiernChip.is-lvl { color: var(--nb-amber-hi) !important; }
/* tooltip przedmiotu — na bazalcie, sprite 64px na jasnym kaflu */
body.CiernOGCV6 .CiernTip {
  min-width: 260px;
  padding: 12px 14px !important;
  background-color: var(--nb-panel) !important;
  background-image: linear-gradient(rgba(21, 25, 29, .85), rgba(21, 25, 29, .85)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  border: 1px solid var(--nb-brass) !important;
  border-radius: 4px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .7) !important;
  color: var(--nb-bone) !important;
  z-index: 50;
}
body.CiernOGCV6 .CiernTip__head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--nb-line-brass); }
body.CiernOGCV6 .CiernTip__head img,
body.CiernOGCV6 .CiernTip__noimg { width: 64px !important; height: 64px !important; flex: 0 0 64px; background: #CFC7B2; border: 1px solid var(--nb-brass); border-radius: 3px; image-rendering: pixelated; object-fit: contain; padding: 4px; box-sizing: border-box; }
body.CiernOGCV6 .CiernTip__noimg { display: inline-flex; align-items: center; justify-content: center; font-family: var(--nb-display) !important; font-size: 26px; color: #4A4234; }
body.CiernOGCV6 .CiernTip__head strong { font-family: var(--nb-display) !important; font-size: 14px; letter-spacing: .04em; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernTip__row { display: flex; justify-content: space-between; gap: 14px; padding: 3px 0; border-bottom: 1px dotted var(--nb-line); font-size: 13px; }
body.CiernOGCV6 .CiernTip__row b { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernTip__desc { display: block; margin-top: 8px; font-style: italic; color: var(--nb-bone-dim) !important; font-size: 12.5px; }
body.CiernOGCV6 .CiernLootName.has-tip { border-bottom: 1px dotted var(--nb-line-brass); cursor: help; }

/* ---------- strona postaci / konto: eq, etykiety, przyciski ---------- */
body.CiernOGCV6 #ContentColumn .BoxContent { overflow-wrap: normal !important; }
body.CiernOGCV6 #ContentColumn td, body.CiernOGCV6 #ContentColumn th { overflow-wrap: normal !important; word-break: normal !important; }
body.CiernOGCV6 #ContentColumn td[class^="LabelV"], body.CiernOGCV6 #ContentColumn .LabelV { white-space: nowrap; font-size: 13px !important; }
body.CiernOGCV6 #ContentColumn table[style*="292929"] { width: auto !important; background: #CFC7B2 !important; border: 1px solid var(--nb-brass) !important; }
body.CiernOGCV6 #ContentColumn table[style*="292929"] td { white-space: nowrap; font-size: 10px !important; color: #2A2520 !important; border-color: rgba(140, 103, 53, .4) !important; padding: 1px 2px !important; }
body.CiernOGCV6 #ContentColumn .CiernEqSlot img { image-rendering: pixelated; }
/* BigButton: input jest absolutnie pozycjonowany w basic.css — wracamy do przepływu, płyta obejmuje tekst */
body.CiernOGCV6 #ContentColumn .BigButton { min-width: 120px; height: auto !important; }
body.CiernOGCV6 #ContentColumn .BigButton > div { position: static !important; }
body.CiernOGCV6 #ContentColumn .BigButtonOver { display: none !important; }
body.CiernOGCV6 #ContentColumn .BigButtonText { position: static !important; display: block !important; width: 100% !important; top: auto !important; left: auto !important; }
body.CiernOGCV6 #ContentColumn .BigButtonText:hover { top: auto !important; left: auto !important; }
body.CiernOGCV6 #ContentColumn .table-responsive { overflow-x: visible; }
/* c12: tooltip itemu był przycinany przez overflow tabeli łupów */
body.CiernOGCV6 .CiernLib .CiernLibLoot,
body.CiernOGCV6 .CiernLib .CiernLibTable { overflow: visible !important; }
body.CiernOGCV6 .CiernLootName.has-tip { position: relative; }
body.CiernOGCV6 .CiernLootName.has-tip .CiernTip { left: 0; top: calc(100% + 6px); bottom: auto; }
body.CiernOGCV6 .CiernLibLoot tbody tr:nth-last-child(-n+3) .CiernLootName.has-tip .CiernTip { top: auto; bottom: calc(100% + 6px); }
/* c13: eq postaci — trzy kolumny slotów siedzą w jednym TD i układały się pionowo */
body.CiernOGCV6 #ContentColumn td:has(> table[style*="292929"]) { padding: 2px !important; vertical-align: top; white-space: nowrap; }
body.CiernOGCV6 #ContentColumn table[style*="292929"] td img { display: block; }
/* c15: sloty eq — max-width:100% w komórce min-content zerowało obrazki */
body.CiernOGCV6 #ContentColumn table[style*="292929"] td { min-width: 44px; }
body.CiernOGCV6 #ContentColumn table[style*="292929"] img,
body.CiernOGCV6 #ContentColumn .CiernEqSlot img { width: 40px !important; height: 40px !important; max-width: none !important; object-fit: contain; }
body.CiernOGCV6 #ContentColumn .CiernEqSlot { display: inline-block; width: 40px; height: 40px; }
/* c16: Task Board — tabela wychodziła poza kolumnę (overflow z c12 tylko dla łupów), trudność jako badge, nie kolorowy blob */
body.CiernOGCV6 .CiernLib .CiernLibTableWrap { overflow-x: auto; }
body.CiernOGCV6 .CiernLib .CiernTaskTable { width: 100%; table-layout: auto; font-size: 13px; }
body.CiernOGCV6 .CiernLib .CiernTaskTable td, body.CiernOGCV6 .CiernLib .CiernTaskTable th { padding: 8px 8px !important; }
body.CiernOGCV6 .CiernLib .CiernTaskTable .CiernToken { display: inline-block; padding: 1px 6px !important; margin: 1px; border-radius: 3px !important; border: 1px solid var(--nb-line-brass) !important; background: rgba(9, 11, 13, .6) !important; font-size: 11.5px !important; white-space: nowrap; }
body.CiernOGCV6 .CiernLib .ciern-diff {
  display: inline-block; padding: 2px 9px !important; border-radius: 3px !important;
  background: rgba(9, 11, 13, .65) !important; border: 1px solid currentColor !important;
  font-family: var(--nb-display) !important; font-size: 10.5px !important; letter-spacing: .08em; text-transform: uppercase;
  text-shadow: none !important; box-shadow: none !important;
}
body.CiernOGCV6 .CiernLib .ciern-diff.is-easy, body.CiernOGCV6 .CiernLib .ciern-diff-easy { color: #7fd6a0 !important; }
body.CiernOGCV6 .CiernLib .ciern-diff.is-mid, body.CiernOGCV6 .CiernLib .ciern-diff-mid { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernLib .ciern-diff.is-hard, body.CiernOGCV6 .CiernLib .ciern-diff-hard { color: #f08a7a !important; }
body.CiernOGCV6 .CiernLib .CiernTaskVariants { display: inline-block; padding: 1px 7px; border: 1px solid var(--nb-line); border-radius: 3px; font-size: 11px; color: var(--nb-bone-dim) !important; background: rgba(9, 11, 13, .5) !important; }
body.CiernOGCV6 .CiernLib .CiernMonImg { width: 34px !important; height: 34px !important; display: inline-flex; align-items: center; justify-content: center; }
body.CiernOGCV6 .CiernLib .CiernMonImg img { max-width: 30px; max-height: 30px; image-rendering: pixelated; }
/* c17: tagi w tabelach biblioteki (trudność, premium, kategorie) — badge z kolorowym tekstem zamiast kolorowego bloba */
body.CiernOGCV6 .CiernLib .CiernLibTag {
  display: inline-block; padding: 2px 9px !important; border-radius: 3px !important;
  background: rgba(9, 11, 13, .65) !important; border: 1px solid currentColor !important;
  font-family: var(--nb-display) !important; font-size: 10.5px !important; letter-spacing: .08em; text-transform: uppercase;
  color: var(--nb-bone) !important; text-shadow: none !important; box-shadow: none !important; white-space: nowrap;
}
body.CiernOGCV6 .CiernLib .CiernLibTag.is-easy { color: #7fd6a0 !important; }
body.CiernOGCV6 .CiernLib .CiernLibTag.is-mid { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernLib .CiernLibTag.is-hard { color: #f08a7a !important; }
body.CiernOGCV6 .CiernLib .CiernLibTag.is-prem { color: var(--nb-teal) !important; }

/* ======================================================================
 * c18: ikony żywiołów NB (Tibia-style) w pigułkach i odpornościach, karty statystyk
 * i miasta jako plakiety/płyty, medalion numerów w Wiki, profesje z ikonami NB,
 * change-log czytelny, stopka Wiki ciemna, plakieta DEV wyrównana.
 * ====================================================================== */
/* żywioły */
body.CiernOGCV6 .CiernLib .CiernElemPill i,
body.CiernOGCV6 .CiernLib .CiernResist li i {
  width: 24px !important; height: 24px !important; border-radius: 0 !important;
  background-color: transparent !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important;
  display: inline-block; flex: 0 0 24px; filter: drop-shadow(0 1px 2px rgba(0,0,0,.8));
}
body.CiernOGCV6 .CiernLib .is-el-physical i { background-image: url("images/ciern-web/el-physical.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-fire i { background-image: url("images/ciern-web/el-fire.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-ice i { background-image: url("images/ciern-web/el-ice.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-energy i { background-image: url("images/ciern-web/el-energy.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-earth i { background-image: url("images/ciern-web/el-earth.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-holy i { background-image: url("images/ciern-web/el-holy.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-death i { background-image: url("images/ciern-web/el-death.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-lifedrain i,
body.CiernOGCV6 .CiernLib .is-el-manadrain i,
body.CiernOGCV6 .CiernLib .is-el-drown i { background-image: url("images/ciern-web/el-lifedrain.webp") !important; }
body.CiernOGCV6 .CiernLib .is-el-manadrain i { filter: hue-rotate(200deg) drop-shadow(0 1px 2px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernLib .is-el-drown i { filter: hue-rotate(160deg) drop-shadow(0 1px 2px rgba(0,0,0,.8)); }
@keyframes ciernElemPulse { 0%,100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(255,255,255,0)) drop-shadow(0 1px 2px rgba(0,0,0,.8)); } 50% { transform: scale(1.12); filter: drop-shadow(0 0 4px var(--el, rgba(255,255,255,.5))) drop-shadow(0 1px 2px rgba(0,0,0,.8)); } }
body.CiernOGCV6 .CiernLib .CiernResist li.is-weak i { animation: ciernElemPulse 2.2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { body.CiernOGCV6 .CiernLib .CiernResist li i { animation: none !important; } }
body.CiernOGCV6 .CiernLib .CiernResist { padding: 10px 12px !important; }
body.CiernOGCV6 .CiernLib .CiernResist h4 { font-family: var(--nb-display) !important; font-weight: 400 !important; letter-spacing: .08em; color: var(--nb-amber-hi) !important; margin: 0 0 8px; }
body.CiernOGCV6 .CiernLib .CiernResist h4 small { font-family: var(--nb-body) !important; color: var(--nb-bone-dim) !important; letter-spacing: 0; }
body.CiernOGCV6 .CiernLib .CiernResist ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; list-style: none; margin: 0; padding: 0; }
body.CiernOGCV6 .CiernLib .CiernResist li {
  display: flex; align-items: center; gap: 8px; padding: 4px 8px !important;
  border-width: 10px !important; border-style: solid !important; border-color: transparent !important;
  border-image: url("images/ciern-web/btn-iron.webp") 62 fill / 10px stretch !important;
  border-radius: 0 !important; background: none !important; color: var(--nb-bone) !important; font-size: 13px;
}
body.CiernOGCV6 .CiernLib .CiernResist li .cr__n { flex: 1; font-weight: 700; }
body.CiernOGCV6 .CiernLib .CiernResist li .cr__v { font-family: var(--nb-display) !important; font-size: 10.5px; letter-spacing: .06em; }
body.CiernOGCV6 .CiernLib .CiernResist li.is-immune .cr__v { color: #f08a7a !important; }
body.CiernOGCV6 .CiernLib .CiernResist li.is-resist .cr__v { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernLib .CiernResist li.is-weak .cr__v { color: #7fd6a0 !important; }
/* karty statystyk potwora → plakieta; miasta → płyty */
body.CiernOGCV6 .CiernLib .CiernStatCard {
  border-width: 8px 22px !important; border-style: solid !important; border-color: transparent !important;
  border-image: url("images/ciern-web/plaque.webp") 28 150 28 150 fill / 8px 22px stretch !important;
  border-radius: 0 !important; background: none !important; padding: 6px 2px !important; text-align: center;
}
body.CiernOGCV6 .CiernLib .CiernStatCard .csc__k { font-size: 10px !important; }
body.CiernOGCV6 .CiernLib .CiernStatCard .csc__v { font-family: var(--nb-display) !important; font-size: 15px !important; }
body.CiernOGCV6 .CiernLib .CiernWhere { padding: 10px 12px !important; }
body.CiernOGCV6 .CiernLib .CiernWhere h4 { font-family: var(--nb-display) !important; font-weight: 400 !important; letter-spacing: .08em; color: var(--nb-amber-hi) !important; margin: 0 0 8px; }
body.CiernOGCV6 .CiernLib .cw__town {
  display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 8px !important; margin: 2px !important;
  border-width: 10px !important; border-style: solid !important; border-color: transparent !important;
  border-image: url("images/ciern-web/btn-iron.webp") 62 fill / 10px stretch !important;
  border-radius: 0 !important; background: none !important; color: var(--nb-bone) !important; font-size: 12.5px !important;
}
body.CiernOGCV6 .CiernLib .cw__town .cw__n { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernLib .CiernLibLvl { font-family: var(--nb-display) !important; font-size: 11px !important; letter-spacing: .06em; border: 1px solid currentColor !important; background: rgba(9,11,13,.65) !important; }
/* Wiki: tytuły w kroju display, numer sekcji i kroki na medalionie, ciało kompaktowe, stopka ciemna */
body.CiernOGCV6 .CiernWikiSystem summary h2,
body.CiernOGCV6 .CiernWikiSystem summary h3,
body.CiernOGCV6 .CiernWikiSystem summary .CiernWikiTitle,
body.CiernOGCV6 .CiernWikiSummaryCopy > strong,
body.CiernOGCV6 .CiernWikiSummaryCopy h2,
body.CiernOGCV6 .CiernWikiSummaryCopy h3 { font-family: var(--nb-display) !important; font-weight: 400 !important; font-size: 19px !important; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernWikiSummaryCopy { background: none !important; padding: 0 !important; }
body.CiernOGCV6 .CiernWikiNumber,
body.CiernOGCV6 .CiernWikiStep > span {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 54px !important; height: 54px !important; flex: 0 0 54px;
  border: 0 !important; border-radius: 0 !important; background: url("images/ciern-web/medallion.webp") center / contain no-repeat !important;
  font-family: var(--nb-display) !important; font-size: 17px !important; color: var(--nb-amber-hi) !important; text-shadow: 0 1px 2px rgba(0,0,0,.9);
  box-shadow: none !important;
}
body.CiernOGCV6 .CiernWikiStep { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px !important; }
body.CiernOGCV6 .CiernWikiStep p { margin: 0; line-height: 1.5; }
body.CiernOGCV6 .CiernWikiSystemBody { line-height: 1.55 !important; padding: 14px 16px !important; }
body.CiernOGCV6 .CiernWikiSystemBody p { margin: 0 0 10px; }
body.CiernOGCV6 .CiernWikiSteps { display: grid; gap: 8px; }
body.CiernOGCV6 .CiernWikiVisual { max-width: 460px; }
body.CiernOGCV6 .CiernWikiFooter {
  background-color: var(--nb-panel) !important;
  background-image: linear-gradient(rgba(21,25,29,.6), rgba(21,25,29,.6)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  border: 1px solid var(--nb-line-brass) !important; border-radius: 4px; color: var(--nb-bone) !important;
}
body.CiernOGCV6 .CiernWikiFooter strong { font-family: var(--nb-display) !important; font-weight: 400 !important; color: var(--nb-amber-hi) !important; letter-spacing: .06em; }
body.CiernOGCV6 .CiernWikiFooter a {
  display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px; padding: 2px 16px !important;
  border-width: 14px !important; border-style: solid !important; border-color: transparent !important;
  border-image: url("images/ciern-web/btn-amber.webp") 62 fill / 14px stretch !important; border-radius: 0 !important;
  background: none !important; color: #FFF1CF !important; font-weight: 800 !important; font-size: 12.5px !important; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; text-shadow: 0 1px 2px rgba(0,0,0,.85);
}
/* chipy „Logowanie numerem konta" — bez wewnętrznego paska przewijania */
body.CiernOGCV6 .CiernWikiSystemBody .ccd__inline, body.CiernOGCV6 .CiernWikiSystemBody .ccd__note, body.CiernOGCV6 .CiernWikiChips > *, body.CiernOGCV6 .CiernWikiSystemBody [class*="Chip"] { overflow: visible !important; white-space: normal; }
/* Online: profesje z ikonami NB */
body.CiernOGCV6 #ContentColumn td.LabelV150 { background: rgba(140,103,53,.16) !important; }
body.CiernOGCV6 #ContentColumn .CiernVocCard { display: flex; flex-direction: column; align-items: center; gap: 6px; }
body.CiernOGCV6 #ContentColumn .CiernVocIcon { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(0,0,0,.8)); }
/* change-log: jasne bgcolor z MyAAC → ciemne wiersze */
body.CiernOGCV6 #ContentColumn tr[bgcolor], body.CiernOGCV6 #ContentColumn td[bgcolor] { background-color: rgba(16,20,24,.72) !important; color: var(--nb-bone) !important; }
body.CiernOGCV6 #ContentColumn tr[bgcolor="#F1E0C6"], body.CiernOGCV6 #ContentColumn tr[bgcolor="#f1e0c6"] { background-color: rgba(21,25,29,.85) !important; }
body.CiernOGCV6 #ContentColumn tr[bgcolor="#505050"] { background-color: rgba(140,103,53,.18) !important; }
body.CiernOGCV6 #ContentColumn tr[bgcolor] td { color: var(--nb-bone) !important; border-bottom: 1px solid var(--nb-line); }
body.CiernOGCV6 #ContentColumn .white, body.CiernOGCV6 #ContentColumn .white b { color: var(--nb-amber-hi) !important; font-family: var(--nb-display) !important; font-weight: 400 !important; font-size: 12px; letter-spacing: .08em; }
/* plakieta DEV: pole czerwone w środku — slice dobrany do płyty (rim 36px, kolce 110px), tekst w polu */
body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev { border-image-slice: 30 110 46 110 fill !important; border-width: 10px 30px 12px 30px !important; border-image-width: 10px 30px 12px 30px !important; }
body.CiernOGCV6 #ContentColumn .CiernVocCell { background: none !important; border: 0 !important; padding: 10px 4px !important; }
body.CiernOGCV6 #ContentColumn .CiernVocName { font-family: var(--nb-display) !important; font-size: 12px; letter-spacing: .08em; color: var(--nb-bone-dim) !important; text-transform: uppercase; }
body.CiernOGCV6 #ContentColumn .CiernVocCount { font-family: var(--nb-display) !important; font-size: 20px; color: var(--nb-amber-hi) !important; }
/* c20: krój display wewnątrz #ContentColumn — reguła c8 z ID-selektorem nadpisywała nowe elementy */
body.CiernOGCV6 #ContentColumn .CiernWikiSummaryCopy > strong,
body.CiernOGCV6 #ContentColumn .CiernWikiSummaryCopy > small,
body.CiernOGCV6 #ContentColumn .CiernWikiNumber,
body.CiernOGCV6 #ContentColumn .CiernWikiStep > span,
body.CiernOGCV6 #ContentColumn .CiernWikiFooter strong,
body.CiernOGCV6 #ContentColumn .CiernResist h4,
body.CiernOGCV6 #ContentColumn .CiernWhere h4,
body.CiernOGCV6 #ContentColumn .CiernStatCard .csc__k,
body.CiernOGCV6 #ContentColumn .CiernStatCard .csc__v,
body.CiernOGCV6 #ContentColumn .CiernResist .cr__v,
body.CiernOGCV6 #ContentColumn .CiernLibTag,
body.CiernOGCV6 #ContentColumn .ciern-diff,
body.CiernOGCV6 #ContentColumn .CiernLibLvl,
body.CiernOGCV6 #ContentColumn .CiernVocName,
body.CiernOGCV6 #ContentColumn .CiernVocCount,
body.CiernOGCV6 #ContentColumn .CiernLibLoot th,
body.CiernOGCV6 #ContentColumn .CiernLibTable th,
body.CiernOGCV6 #ContentColumn .white,
body.CiernOGCV6 #ContentColumn .CiernTip__head strong,
body.CiernOGCV6 #ContentColumn .CiernHuntKind,
body.CiernOGCV6 #ContentColumn .CiernHuntLvl { font-family: var(--nb-display) !important; font-weight: 400 !important; }
body.CiernOGCV6 #ContentColumn .CiernWikiSummaryCopy > strong { font-size: 19px !important; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 #ContentColumn .CiernWikiSummaryCopy > small { font-size: 10px !important; letter-spacing: .14em; color: var(--nb-teal) !important; }
/* c21: plakieta DEV przycięta do samej płyty (bez pustych 90px pod spodem) — rim równy góra/dół */
body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev { border-image-source: url("images/ciern-web/plaque-red.webp?v=2") !important; border-image-slice: 30 110 34 110 fill !important; border-width: 11px 30px 12px 30px !important; border-image-width: 11px 30px 12px 30px !important; height: 44px; }

/* ======================================================================
 * c22: mapa — [hidden] naprawdę ukrywa (filtry); kontenery MyAAC na bazalcie
 * (online/ots-info/konto), inputy ciemne, nagłówki sekcji = plakieta, BigButton
 * mniejszy, sprite'y potworów animowane i bez jasnego kafla („tło wycięte"),
 * ciern-enrich: sprite przy każdej nazwie + listy jako tabele.
 * ====================================================================== */
body.CiernOGCV6 [hidden] { display: none !important; }

/* kontenery MyAAC */
body.CiernOGCV6 #ContentColumn .TableContainer,
body.CiernOGCV6 #ContentColumn .InnerTableContainer,
body.CiernOGCV6 #ContentColumn .TableContentContainer,
body.CiernOGCV6 #ContentColumn .SmallBox,
body.CiernOGCV6 #ContentColumn .MessageContainer,
body.CiernOGCV6 #ContentColumn .TheMessage,
body.CiernOGCV6 #ContentColumn .InnerBoxContent,
body.CiernOGCV6 #ContentColumn .BoxFrameHorizontal,
body.CiernOGCV6 #ContentColumn .BoxFrameVerticalLeft,
body.CiernOGCV6 #ContentColumn .BoxFrameVerticalRight,
body.CiernOGCV6 #ContentColumn [class^="BoxFrame"] { background-image: none !important; background-color: transparent !important; border-color: var(--nb-line) !important; }
body.CiernOGCV6 #ContentColumn .TableContentContainer,
body.CiernOGCV6 #ContentColumn .MessageContainer .TheMessage,
body.CiernOGCV6 #ContentColumn .SmallBox .InnerBoxContent {
  background-color: rgba(16, 20, 24, .85) !important;
  background-image: linear-gradient(rgba(16, 20, 24, .7), rgba(16, 20, 24, .7)), var(--nb-tex) !important;
  background-size: auto, 768px 768px !important;
  color: var(--nb-bone) !important;
}
body.CiernOGCV6 #ContentColumn .SmallBox { border: 1px solid var(--nb-line-brass) !important; border-radius: 4px; overflow: hidden; }
body.CiernOGCV6 #ContentColumn table[bgcolor], body.CiernOGCV6 #ContentColumn table[style*="background"], body.CiernOGCV6 #ContentColumn div[style*="background-color"] { background-color: transparent !important; }
body.CiernOGCV6 #ContentColumn td[style*="background"], body.CiernOGCV6 #ContentColumn tr[style*="background"] { background-color: rgba(16, 20, 24, .5) !important; color: var(--nb-bone) !important; }
/* nagłówki sekcji (Caption) — plakieta, z priorytetem nad v3 */
body.CiernOGCV6 #ContentColumn .TableContainer .CaptionContainer { background: none !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 0 2px !important; }
body.CiernOGCV6 #ContentColumn .TableContainer .CaptionContainer .CaptionInnerContainer {
  background: none !important; border: 0 !important; height: auto !important; min-height: 0 !important;
  border-width: 10px 54px !important; border-style: solid !important; border-color: transparent !important;
  border-image: url("images/ciern-web/plaque.webp") 28 150 28 150 fill / 10px 54px stretch !important;
  padding: 4px 6px !important; margin: 6px 0 0 !important; box-sizing: border-box !important;
}
body.CiernOGCV6 #ContentColumn .TableContainer .CaptionContainer .Text { background: none !important; padding: 2px 4px !important; }
/* inputy — wszystkie, także bez type i z inline width */
body.CiernOGCV6 #ContentColumn input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.CiernOGCV6 #ContentColumn select, body.CiernOGCV6 #ContentColumn textarea {
  background: rgba(9, 11, 13, .88) !important; color: var(--nb-bone) !important;
  border: 1px solid var(--nb-line-brass) !important; border-radius: 3px !important; padding: 8px 10px !important;
  font-family: var(--nb-body) !important; font-size: 14px !important; box-shadow: none !important;
}
body.CiernOGCV6 #ContentColumn input[type="checkbox"], body.CiernOGCV6 #ContentColumn input[type="radio"] { accent-color: var(--nb-amber); width: 16px; height: 16px; }
body.CiernOGCV6 #ContentColumn label { color: var(--nb-bone) !important; }
body.CiernOGCV6 #ContentColumn .BigButton { min-width: 110px; min-height: 40px; border-width: 12px !important; border-image-width: 12px !important; }
body.CiernOGCV6 #ContentColumn .BigButtonText { font-size: 12px !important; padding: 0 12px !important; }
body.CiernOGCV6 #ContentColumn img[src*="headline-bracer"] { display: none !important; }
body.CiernOGCV6 #ContentColumn .AccountStatusImage, body.CiernOGCV6 #ContentColumn .PremiumFeatureImage1 { filter: drop-shadow(0 2px 3px rgba(0,0,0,.7)); }

/* sprite'y potworów: animowane, bez jasnego kafla — delikatna poświata zamiast kwadratu */
body.CiernOGCV6 .CiernLib .CiernMonImg,
body.CiernOGCV6 #ciern-boosted .cb__portrait,
body.CiernOGCV6 .CiernLib .CiernLootImg,
body.CiernOGCV6 .CiernLib .CiernSpellImg {
  background: radial-gradient(circle at 50% 55%, rgba(216, 208, 190, .22), rgba(216, 208, 190, .06) 55%, transparent 72%) !important;
  border: 0 !important; border-radius: 50% !important; box-shadow: none !important;
}
body.CiernOGCV6 .CiernLib .CiernMonImg { width: 56px !important; height: 56px !important; display: inline-flex !important; align-items: center; justify-content: center; }
body.CiernOGCV6 .CiernLib .CiernMonImg img { max-width: 56px !important; max-height: 56px !important; width: auto !important; height: auto !important; image-rendering: pixelated; filter: drop-shadow(0 3px 4px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernLib .CiernMonImg--sm { width: 40px !important; height: 40px !important; }
body.CiernOGCV6 .CiernLib .CiernMonImg--sm img { max-width: 38px !important; max-height: 38px !important; }
body.CiernOGCV6 #ciern-boosted .cb__portrait { width: 72px !important; height: 72px !important; padding: 0 !important; }
body.CiernOGCV6 #ciern-boosted .cb__portrait img { width: auto !important; height: auto !important; max-width: 68px; max-height: 68px; filter: drop-shadow(0 3px 4px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernLib .CiernLootImg img { filter: drop-shadow(0 2px 3px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernTip__head img, body.CiernOGCV6 .CiernTip__noimg { background: radial-gradient(circle, rgba(216,208,190,.25), transparent 72%) !important; border: 0 !important; }

/* ciern-enrich: sprite przy nazwie + listy jako tabela */
body.CiernOGCV6 .CiernInline { display: inline-block; vertical-align: middle; max-width: 34px; max-height: 34px; margin: -6px 6px -6px 0; image-rendering: pixelated; filter: drop-shadow(0 2px 3px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernInline--item { max-width: 26px; max-height: 26px; }
body.CiernOGCV6 .CiernSpriteList { list-style: none !important; margin: 10px 0 !important; padding: 0 !important; display: grid; gap: 4px; }
body.CiernOGCV6 .CiernSpriteList > li {
  display: grid !important; grid-template-columns: 56px 190px 1fr; align-items: center; gap: 10px;
  padding: 6px 10px !important; margin: 0 !important;
  background: rgba(16, 20, 24, .7) !important; border: 1px solid var(--nb-line) !important; border-radius: 3px;
}
body.CiernOGCV6 .CiernSpriteList > li::before, body.CiernOGCV6 .CiernSpriteList > li::marker { content: none !important; display: none !important; }
body.CiernOGCV6 .CiernSpriteCell { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: radial-gradient(circle at 50% 55%, rgba(216,208,190,.22), rgba(216,208,190,.06) 55%, transparent 72%); }
body.CiernOGCV6 .CiernSpriteCell img { max-width: 52px; max-height: 52px; margin: 0 !important; image-rendering: pixelated; filter: drop-shadow(0 3px 4px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernSpritePh { font-family: var(--nb-display) !important; font-size: 20px; color: var(--nb-amber-hi); }
body.CiernOGCV6 .CiernSpriteName { font-family: var(--nb-display) !important; font-size: 13px; letter-spacing: .04em; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernSpriteName b, body.CiernOGCV6 .CiernSpriteName strong, body.CiernOGCV6 .CiernSpriteName a { font-family: inherit !important; color: inherit !important; font-weight: 400 !important; }
body.CiernOGCV6 .CiernSpriteDesc { color: var(--nb-bone); font-size: 14px; line-height: 1.45; }
@media (max-width: 700px) { body.CiernOGCV6 .CiernSpriteList > li { grid-template-columns: 48px 1fr; } body.CiernOGCV6 .CiernSpriteDesc { grid-column: 1 / -1; } }

/* c23: Czary — profesje bazowe z ikonami, rodzaj jako ikona, słowa w jednej linii, kompaktowo */
body.CiernOGCV6 .CiernLib .CiernVocPill img.CiernVocPillIcon { width: 26px; height: 26px; object-fit: contain; margin: -4px 4px -4px -2px; filter: drop-shadow(0 1px 2px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernLib .CiernSpellWords code { white-space: nowrap !important; display: inline-block; padding: 3px 9px !important; border-radius: 3px; background: rgba(140,103,53,.16) !important; border: 1px solid var(--nb-line-brass); color: var(--nb-amber-hi) !important; font-family: var(--nb-body) !important; font-weight: 700; font-size: 13.5px !important; letter-spacing: .02em; }
body.CiernOGCV6 .CiernLib .CiernSpellCat { text-align: center; width: 48px; }
body.CiernOGCV6 .CiernLib .CiernCatIcon { width: 34px; height: 34px; object-fit: contain; vertical-align: middle; filter: drop-shadow(0 2px 3px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernLib .CiernThIcon { text-align: center; }
body.CiernOGCV6 .CiernLib .CiernSpellName { display: inline-block; font-weight: 700; margin-right: 6px; }
body.CiernOGCV6 .CiernLib .CiernLibSpellName .CiernLibTag.is-prem { padding: 1px 6px !important; font-size: 9.5px !important; vertical-align: middle; }
body.CiernOGCV6 .CiernLib .CiernSpellSoul { display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 3px; border: 1px solid var(--nb-line); font-size: 10.5px; color: var(--nb-bone-dim); vertical-align: middle; }
body.CiernOGCV6 .CiernLib .CiernVocChip { display: inline-flex; align-items: center; gap: 5px; margin: 1px 4px 1px 0; padding: 2px 8px 2px 4px; border-radius: 3px; border: 1px solid var(--nb-line); background: rgba(9,11,13,.5); font-size: 12.5px; color: var(--nb-bone) !important; white-space: nowrap; }
body.CiernOGCV6 .CiernLib .CiernVocChip img { width: 22px; height: 22px; object-fit: contain; filter: drop-shadow(0 1px 2px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernLib .CiernLibTable td { padding: 7px 8px !important; vertical-align: middle; }
body.CiernOGCV6 .CiernLib .CiernSpellImg { width: 40px !important; height: 40px !important; display: inline-flex; align-items: center; justify-content: center; }
body.CiernOGCV6 .CiernLib .CiernSpellImg img { width: 32px !important; height: 32px !important; image-rendering: pixelated; }

/* c24: Task Board mieści się w kolumnie (tokeny zawijane, mniejsze paddingi); chip ceny sprzedaży; strona Imbuing */
body.CiernOGCV6 .CiernLib .CiernTaskTokens { white-space: normal !important; }
body.CiernOGCV6 .CiernLib .CiernTaskTable th, body.CiernOGCV6 .CiernLib .CiernTaskTable td { padding: 6px 6px !important; font-size: 12.5px; }
body.CiernOGCV6 .CiernLib .CiernTaskTable .CiernLibTag { white-space: normal; font-size: 9.5px !important; padding: 2px 6px !important; }
body.CiernOGCV6 .CiernLib .CiernLibTableWrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
body.CiernOGCV6 .CiernLib .CiernChip.is-sell { color: #f0d27a !important; border-color: rgba(240, 210, 122, .5) !important; }
body.CiernOGCV6 .CiernLib .CiernChip.is-sell::before { content: "⬤ "; font-size: 8px; vertical-align: middle; color: #e2b400; }
/* Imbuing */
body.CiernOGCV6 .CiernImbuBases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0 18px; }
body.CiernOGCV6 .CiernImbuBase { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-width: 8px 22px; border-style: solid; border-color: transparent; border-image: url("images/ciern-web/plaque.webp") 28 150 28 150 fill / 8px 22px stretch; font-size: 12.5px; color: var(--nb-bone-dim); text-align: center; }
body.CiernOGCV6 .CiernImbuBase b { color: var(--nb-amber-hi); }
body.CiernOGCV6 .CiernImbuBaseName { font-family: var(--nb-display) !important; font-size: 14px; letter-spacing: .08em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernImbuList { display: grid; gap: 8px; }
body.CiernOGCV6 .CiernImbuCard > summary { display: grid !important; grid-template-columns: 56px 1fr 1.3fr auto; gap: 12px; align-items: center; padding: 10px 14px !important; cursor: pointer; list-style: none; }
body.CiernOGCV6 .CiernImbuCard > summary::-webkit-details-marker { display: none; }
body.CiernOGCV6 .CiernImbuIcon { width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at 50% 55%, rgba(216,208,190,.22), rgba(216,208,190,.06) 55%, transparent 72%); }
body.CiernOGCV6 .CiernImbuIcon img { width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 2px 3px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernImbuHead { display: flex; flex-direction: column; gap: 2px; }
body.CiernOGCV6 #ContentColumn .CiernImbuName { font-family: var(--nb-display) !important; font-size: 17px; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernImbuName small { font-family: var(--nb-body) !important; font-size: 12px; color: var(--nb-bone-dim); letter-spacing: 0; }
body.CiernOGCV6 .CiernImbuCat { font-size: 11.5px; color: var(--nb-bone-dim); }
body.CiernOGCV6 .CiernImbuPowerful { font-size: 13.5px; color: var(--nb-amber-hi); }
body.CiernOGCV6 .CiernImbuPowerful small { color: var(--nb-bone-dim); font-size: 11px; }
body.CiernOGCV6 .CiernImbuTable td { vertical-align: middle; }
body.CiernOGCV6 #ContentColumn .CiernImbuTierName { font-family: var(--nb-display) !important; font-size: 12px; letter-spacing: .08em; display: inline-block; padding: 2px 8px; border-radius: 3px; border: 1px solid currentColor; }
body.CiernOGCV6 .CiernImbuTierName.is-1 { color: #7fd6a0 !important; } body.CiernOGCV6 .CiernImbuTierName.is-2 { color: var(--nb-amber-hi) !important; } body.CiernOGCV6 .CiernImbuTierName.is-3 { color: #f08a7a !important; }
body.CiernOGCV6 .CiernImbuEffect { font-weight: 700; color: var(--nb-bone); min-width: 200px; }
body.CiernOGCV6 .CiernImbuItems { display: flex; flex-wrap: wrap; gap: 6px; }
body.CiernOGCV6 .CiernImbuItem { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px 3px 4px; border-radius: 3px; border: 1px solid var(--nb-line); background: rgba(9,11,13,.5); font-size: 12.5px; color: var(--nb-bone); white-space: nowrap; }
body.CiernOGCV6 .CiernImbuItem img { width: 32px; height: 32px; image-rendering: pixelated; filter: drop-shadow(0 2px 3px rgba(0,0,0,.8)); }
body.CiernOGCV6 .CiernImbuItem b { color: var(--nb-amber-hi); }
@media (max-width: 900px) { body.CiernOGCV6 .CiernImbuBases { grid-template-columns: 1fr; } body.CiernOGCV6 .CiernImbuCard > summary { grid-template-columns: 48px 1fr; } body.CiernOGCV6 .CiernImbuPowerful { grid-column: 1 / -1; } }

/* c25: resztki dekoracji tibiacom (rogi/cienie tabel, jasna ramka .TableContent), tytuł sekcji na środku plakiety */
body.CiernOGCV6 #ContentColumn [class^="TableShadow"], body.CiernOGCV6 #ContentColumn [class^="TableBottom"],
body.CiernOGCV6 #ContentColumn .TableContentAndRightShadow, body.CiernOGCV6 #ContentColumn .TableShadowContainerRightTop,
body.CiernOGCV6 #ContentColumn .TableShadowRightTop, body.CiernOGCV6 #ContentColumn .TableShadowContainer,
body.CiernOGCV6 #ContentColumn .TableBottomShadow { background: none !important; background-image: none !important; }
body.CiernOGCV6 #ContentColumn .TableShadowContainerRightTop, body.CiernOGCV6 #ContentColumn .TableShadowContainer, body.CiernOGCV6 #ContentColumn .TableBottomShadow { height: 0 !important; overflow: hidden; }
body.CiernOGCV6 #ContentColumn .TableContent, body.CiernOGCV6 #ContentColumn table[style*="faf0d7"] { border: 0 !important; }
body.CiernOGCV6 #ContentColumn .TableContentContainer { border: 1px solid var(--nb-line) !important; border-radius: 0 0 4px 4px; }
body.CiernOGCV6 #ContentColumn .TableContainer .CaptionContainer .Text { text-align: center; font-size: 15px !important; letter-spacing: .12em !important; }
body.CiernOGCV6 #ContentColumn .TableContainer .CaptionContainer .CaptionInnerContainer { margin: 4px 0 0 !important; }

/* c26: kontenery MyAAC bez ramki „black” i bez paddingu komórek-opakowań (plakieta i tabela w jednej szerokości) */
body.CiernOGCV6 #ContentColumn .TableContainer { border: 0 !important; font-size: inherit !important; margin: 0 0 18px !important; }
body.CiernOGCV6 #ContentColumn .TableContainer .Table1, body.CiernOGCV6 #ContentColumn .TableContainer .Table2, body.CiernOGCV6 #ContentColumn .TableContainer .Table3,
body.CiernOGCV6 #ContentColumn .TableContainer .Table4, body.CiernOGCV6 #ContentColumn .TableContainer .Table5 { border: 0 !important; background: none !important; width: 100% !important; border-spacing: 0 !important; margin: 0 !important; padding: 0 !important; }
body.CiernOGCV6 #ContentColumn td:has(> .TableContainer), body.CiernOGCV6 #ContentColumn td:has(> .InnerTableContainer),
body.CiernOGCV6 #ContentColumn td:has(> .TableContentContainer), body.CiernOGCV6 #ContentColumn td:has(> .TableShadowContainerRightTop) { padding: 0 !important; border: 0 !important; background: none !important; }
body.CiernOGCV6 #ContentColumn .InnerTableContainer { margin: 0 !important; padding: 0 !important; width: 100% !important; }
body.CiernOGCV6 #ContentColumn .InnerTableContainer > table { width: 100% !important; border-spacing: 0 !important; margin: 0 !important; }
body.CiernOGCV6 #ContentColumn .TableContentContainer { margin: 0 !important; box-shadow: none !important; }
body.CiernOGCV6 #ContentColumn .TableContainer .Table3 .TableContent td, body.CiernOGCV6 #ContentColumn .TableContainer .Table2 .InnerTableContainer td,
body.CiernOGCV6 #ContentColumn .TableContainer .Table3 .TableContentAndRightShadow td { border-color: var(--nb-line) !important; }
body.CiernOGCV6 #ContentColumn .TableContentContainer > table.TableContent { margin: 0 !important; }

/* c27: Kalendarz wydarzeń (ikony NB typów, potwory z klienta, karty Teraz/Nadchodzące, siatka miesiąca, tooltip) + jeden tytuł na stronach Biblioteki */
body.CiernOGCV6 #ContentColumn .CiernBoxTitle:has(+ .Border_2 .CiernLibHead), body.CiernOGCV6 #ContentColumn .CiernBoxTitle:has(+ .Border_2 .CiernWikiPage), body.CiernOGCV6 #ContentColumn .CiernBoxTitle:has(+ .Border_2 .CiernHunt) { display: none !important; }
body.CiernOGCV6 #ContentColumn .CiernEvSectionTitle { display: flex; align-items: center; gap: 8px; margin: 18px 0 10px; font-family: var(--nb-display) !important; font-size: 15px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 #ContentColumn .CiernEvSectionTitle.is-next { color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernEvCards { display: grid; gap: 12px; grid-template-columns: 1fr; }
body.CiernOGCV6 .CiernEvCards.is-next { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
body.CiernOGCV6 .CiernEvCard { position: relative; display: grid; grid-template-columns: 84px 1fr 104px; gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid var(--nb-line-brass); border-left: 4px solid var(--ev); border-radius: 4px; background: linear-gradient(90deg, color-mix(in srgb, var(--ev-dark) 60%, transparent), rgba(16, 20, 24, .88) 50%), var(--nb-tex); background-size: auto, 768px 768px; background-color: #101418; }
body.CiernOGCV6 .CiernEvCard.is-now { box-shadow: 0 0 0 1px color-mix(in srgb, var(--ev) 40%, transparent), 0 8px 24px rgba(0, 0, 0, .4); }
body.CiernOGCV6 .CiernEvCards.is-next .CiernEvCard { grid-template-columns: 60px 1fr 72px; padding: 12px 14px; }
body.CiernOGCV6 .CiernEvCards.is-next .CiernEvIcon img { width: 56px; height: 56px; }
body.CiernOGCV6 .CiernEvCards.is-next .CiernEvMon img { width: 64px; height: 64px; }
body.CiernOGCV6 .CiernEvIcon img { width: 72px; height: 72px; object-fit: contain; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .6)); }
body.CiernOGCV6 .CiernEvWhen { display: block; margin-bottom: 4px; font-family: var(--nb-display) !important; font-size: 11px; letter-spacing: .12em; color: var(--ev) !important; filter: brightness(1.25); }
body.CiernOGCV6 #ContentColumn .CiernEvCard h3 { margin: 0 0 4px; font-family: var(--nb-display) !important; font-size: 18px !important; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernEvCard p { margin: 0 0 8px; font-size: 14px; line-height: 1.45; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernEvBonuses { display: flex; flex-wrap: wrap; gap: 6px; }
body.CiernOGCV6 .CiernEvChip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px 3px 5px; border: 1px solid var(--nb-line-brass); border-radius: 3px; background: rgba(0, 0, 0, .35); font-size: 12.5px; font-weight: 600; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernEvChip img { width: 18px; height: 18px; object-fit: contain; }
body.CiernOGCV6 .CiernEvMon { display: flex; flex-direction: column; align-items: center; gap: 4px; }
body.CiernOGCV6 .CiernEvMon img { width: 96px; height: 96px; object-fit: contain; image-rendering: pixelated; background: radial-gradient(circle, rgba(216, 208, 190, .22), transparent 70%); }
body.CiernOGCV6 .CiernEvMon small { font-size: 11px; letter-spacing: .04em; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernEvCal { margin-top: 22px; border: 1px solid var(--nb-line-brass); border-radius: 4px; background: rgba(10, 13, 16, .7); }
body.CiernOGCV6 .CiernEvCalHead { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--nb-line-brass); background: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), var(--nb-tex); background-size: auto, 768px 768px; }
body.CiernOGCV6 .CiernEvMonth { font-family: var(--nb-display) !important; font-size: 20px; letter-spacing: .08em; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 #ContentColumn a.CiernEvNav, body.CiernOGCV6 .CiernEvNav { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border: 1px solid var(--nb-line-brass); border-radius: 3px; background: rgba(0, 0, 0, .3); font-size: 18px; color: var(--nb-bone) !important; text-decoration: none !important; }
body.CiernOGCV6 #ContentColumn a.CiernEvNav:hover { color: var(--nb-amber-hi) !important; border-color: var(--nb-amber); }
body.CiernOGCV6 .CiernEvNav.is-off { opacity: .3; }
body.CiernOGCV6 .CiernEvClock { margin-left: auto; font-size: 12.5px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernEvClock b { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernEvGrid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; padding: 8px; }
body.CiernOGCV6 .CiernEvDow { padding: 6px 0; text-align: center; font-family: var(--nb-display) !important; font-size: 12px; letter-spacing: .1em; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernEvDay { position: relative; min-height: 96px; padding: 6px; border: 1px solid var(--nb-line); border-radius: 3px; background: rgba(16, 20, 24, .85); }
body.CiernOGCV6 .CiernEvDay.is-empty { background: transparent; border-color: transparent; }
body.CiernOGCV6 .CiernEvDay.is-weekend { background: rgba(26, 28, 32, .9); }
body.CiernOGCV6 .CiernEvDay.is-past { opacity: .55; }
body.CiernOGCV6 .CiernEvDay.is-past:hover { opacity: 1; }
body.CiernOGCV6 .CiernEvDay:hover { z-index: 5; }
body.CiernOGCV6 .CiernEvDay.is-today { border-color: var(--nb-amber); box-shadow: inset 0 0 0 1px rgba(240, 169, 76, .35), 0 0 14px rgba(240, 169, 76, .15); opacity: 1; }
body.CiernOGCV6 .CiernEvNum { display: flex; align-items: baseline; gap: 6px; margin-bottom: 5px; font-family: var(--nb-display) !important; font-size: 13px; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernEvDay.is-today .CiernEvNum { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernEvNum small { font-size: 10px; letter-spacing: .12em; color: var(--nb-amber) !important; }
body.CiernOGCV6 .CiernEvPill { position: relative; display: flex; align-items: center; gap: 6px; margin-top: 4px; padding: 4px 6px; border-radius: 3px; border-left: 3px solid var(--ev); background: color-mix(in srgb, var(--ev-dark) 70%, #101418); font-size: 12.5px; line-height: 1.2; color: #F1E9D6 !important; cursor: help; }
body.CiernOGCV6 .CiernEvPill.is-start { border-top-left-radius: 8px; }
body.CiernOGCV6 .CiernEvPill.is-end { border-bottom-right-radius: 8px; border-right: 2px solid var(--ev); }
body.CiernOGCV6 .CiernEvPill:hover { background: color-mix(in srgb, var(--ev-dark) 85%, #F0A94C); }
body.CiernOGCV6 .CiernEvPill > img { width: 18px; height: 18px; flex: 0 0 18px; object-fit: contain; }
body.CiernOGCV6 .CiernEvPillName { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.CiernOGCV6 .CiernEvTip { display: none; position: absolute; z-index: 60; left: 0; top: calc(100% + 6px); width: 460px; max-width: 80vw; text-align: left; }
body.CiernOGCV6 .CiernEvPill:hover .CiernEvTip, body.CiernOGCV6 .CiernEvPill:focus .CiernEvTip { display: block; }
body.CiernOGCV6 .CiernEvTip .CiernEvCard { box-shadow: 0 12px 32px rgba(0, 0, 0, .65); cursor: default; }
body.CiernOGCV6 .CiernEvDay:nth-child(7n) .CiernEvTip, body.CiernOGCV6 .CiernEvDay:nth-child(7n-1) .CiernEvTip, body.CiernOGCV6 .CiernEvDay:nth-child(7n-2) .CiernEvTip { left: auto; right: 0; }
body.CiernOGCV6 .CiernEvGrid > .CiernEvDay:nth-last-child(-n+7) .CiernEvTip { top: auto; bottom: calc(100% + 6px); }
body.CiernOGCV6 .CiernEvLegend { display: flex; flex-wrap: wrap; gap: 10px 16px; padding: 10px 14px; border-top: 1px solid var(--nb-line); font-size: 12.5px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernEvLegend span { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 760px) {
  body.CiernOGCV6 .CiernEvCard, body.CiernOGCV6 .CiernEvCards.is-next .CiernEvCard { grid-template-columns: 56px 1fr; }
  body.CiernOGCV6 .CiernEvMon { display: none; }
  body.CiernOGCV6 .CiernEvGrid { gap: 2px; padding: 4px; }
  body.CiernOGCV6 .CiernEvDay { min-height: 64px; padding: 3px; }
  body.CiernOGCV6 .CiernEvPillName { display: none; }
  body.CiernOGCV6 .CiernEvPill { justify-content: center; padding: 3px; }
  body.CiernOGCV6 .CiernEvTip { width: 86vw; }
  body.CiernOGCV6 .CiernEvClock { display: none; }
}

/* c28: Imbuing v2 — plakietki poziomów z NB (zero „AI-pigułek”), „Jak to zrobić” z ołtarzem z klienta, ikona efektu, tooltip „z czego leci” */
body.CiernOGCV6 #ContentColumn .CiernImbuTierName { display: inline-block; padding: 4px 10px !important; border-width: 7px 14px !important; border-style: solid !important; border-color: transparent !important; border-radius: 0 !important; box-sizing: border-box; font-size: 12px !important; letter-spacing: .1em !important; line-height: 1 !important; color: #F1E9D6 !important; text-shadow: 0 1px 2px #000, 0 0 6px rgba(0, 0, 0, .8); }
body.CiernOGCV6 #ContentColumn .CiernImbuTierName.is-1 { border-image: url("images/ciern-web/badge-basic.webp") 50 70 50 70 fill / 7px 14px stretch !important; color: #D6EBCF !important; }
body.CiernOGCV6 #ContentColumn .CiernImbuTierName.is-2 { border-image: url("images/ciern-web/badge-intricate.webp") 50 70 50 70 fill / 7px 14px stretch !important; color: #FFE6B3 !important; }
body.CiernOGCV6 #ContentColumn .CiernImbuTierName.is-3 { border-image: url("images/ciern-web/badge-powerful.webp") 62 84 62 84 fill / 9px 17px stretch !important; color: #FFCDBD !important; }
body.CiernOGCV6 .CiernLib .CiernLibTag.is-prem.CiernImbuPrem { display: inline-block; margin-top: 5px; padding: 3px 8px !important; border-width: 6px 12px !important; border-style: solid !important; border-color: transparent !important; border-radius: 0 !important; border-image: url("images/ciern-web/badge-premium.webp") 50 70 50 70 fill / 6px 12px stretch !important; font-size: 9.5px !important; letter-spacing: .12em !important; line-height: 1 !important; color: #DDF7F8 !important; text-shadow: 0 1px 2px #000; background: none !important; }
body.CiernOGCV6 .CiernImbuBases .CiernImbuTierName { align-self: center; margin-bottom: 4px; }
body.CiernOGCV6 .CiernImbuHow { margin: 16px 0 20px; padding: 16px 18px 14px; border: 1px solid var(--nb-line-brass); border-radius: 4px; background: linear-gradient(rgba(16, 20, 24, .82), rgba(16, 20, 24, .82)), var(--nb-tex); background-size: auto, 768px 768px; }
body.CiernOGCV6 #ContentColumn .CiernImbuHowTitle { margin: 0 0 22px; font-family: var(--nb-display) !important; font-size: 15px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernImbuSteps { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
body.CiernOGCV6 .CiernImbuStep { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 !important; padding: 20px 12px 14px !important; border: 1px solid var(--nb-line); border-radius: 4px; background: rgba(9, 11, 13, .55); text-align: center; font-size: 13px; line-height: 1.45; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernImbuStep::before { display: none !important; }
body.CiernOGCV6 #ContentColumn .CiernImbuStep strong { font-family: var(--nb-display) !important; font-size: 14px !important; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernImbuStep b { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 #ContentColumn .CiernImbuStepNum { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: url("images/ciern-web/medallion.webp") center / contain no-repeat; font-family: var(--nb-display) !important; font-size: 13px; color: #F1E9D6 !important; text-shadow: 0 1px 2px #000; }
body.CiernOGCV6 .CiernImbuStepArt { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; min-height: 108px; margin-bottom: 2px; }
body.CiernOGCV6 .CiernImbuStepArt img { image-rendering: pixelated; }
body.CiernOGCV6 .CiernImbuStepArt.is-shrine img { width: 112px; height: 104px; object-fit: contain; filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .75)); }
body.CiernOGCV6 .CiernImbuStepArt.is-items > span { position: relative; display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; background: radial-gradient(circle, rgba(216, 208, 190, .26), transparent 72%); }
body.CiernOGCV6 .CiernImbuStepArt.is-items img { width: 40px; height: 40px; object-fit: contain; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .8)); }
body.CiernOGCV6 .CiernImbuStepArt.is-items small { position: absolute; right: -3px; bottom: -3px; padding: 0 4px; border: 1px solid var(--nb-line-brass); border-radius: 2px; background: rgba(9, 11, 13, .92); font-size: 10px; font-weight: 700; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernImbuStepArt.is-done { position: relative; width: 84px; height: 84px; }
body.CiernOGCV6 .CiernImbuStepArt.is-done img { width: 56px; height: 56px; object-fit: contain; position: relative; z-index: 1; filter: drop-shadow(0 0 6px rgba(54, 184, 199, .8)); }
body.CiernOGCV6 .CiernImbuStepArt.is-done i { position: absolute; inset: 4px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(54, 184, 199, .8), inset 0 0 22px rgba(54, 184, 199, .55); animation: ciernImbuPulse 2.2s ease-in-out infinite; }
@keyframes ciernImbuPulse { 0%, 100% { opacity: .45; } 50% { opacity: 1; } }
body.CiernOGCV6 .CiernImbuEffect { white-space: normal; }
body.CiernOGCV6 .CiernImbuEffect > span { display: inline-block; max-width: calc(100% - 48px); vertical-align: middle; }
body.CiernOGCV6 .CiernImbuEff { float: right; width: 32px; height: 32px; margin: 0 0 0 10px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .8)); }
body.CiernOGCV6 .CiernImbuEff.is-web { image-rendering: auto; }
body.CiernOGCV6 .CiernImbuEff.is-def { padding: 3px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(111, 168, 214, .8); background: rgba(111, 168, 214, .14); }
body.CiernOGCV6 .CiernImbuPowerful .CiernImbuEff { float: none; width: 22px; height: 22px; margin: 0 6px; vertical-align: middle; }
body.CiernOGCV6 .CiernImbuItem.has-tip { position: relative; cursor: help; border-color: var(--nb-line-brass); }
body.CiernOGCV6 .CiernImbuItem .CiernTip { display: none; position: absolute; left: 0; top: calc(100% + 6px); bottom: auto; height: auto; width: 330px; z-index: 70; white-space: normal; text-align: left; }
body.CiernOGCV6 .CiernImbuItem:hover .CiernTip, body.CiernOGCV6 .CiernImbuItem:focus .CiernTip { display: block; }
body.CiernOGCV6 .CiernImbuTable tbody tr:last-child .CiernImbuItem .CiernTip { top: auto; bottom: calc(100% + 6px); }
body.CiernOGCV6 .CiernImbuTipLabel { display: block; margin-bottom: 6px; font-family: var(--nb-display) !important; font-size: 10.5px; letter-spacing: .12em; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernImbuDrops { display: grid; gap: 3px; }
body.CiernOGCV6 .CiernImbuDrop { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 8px; padding: 2px 4px; border-bottom: 1px dotted var(--nb-line); font-size: 13px; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernImbuDrop img { width: 46px; height: 46px; object-fit: contain; image-rendering: pixelated; background: radial-gradient(circle, rgba(216, 208, 190, .24), transparent 70%); }
body.CiernOGCV6 .CiernImbuDrop b { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernImbuDrop small { margin-left: 4px; font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: #f08a7a !important; }
body.CiernOGCV6 .CiernImbuCard .CiernLibBody, body.CiernOGCV6 .CiernImbuTable, body.CiernOGCV6 .CiernImbuTable td { overflow: visible !important; }
@media (max-width: 900px) { body.CiernOGCV6 .CiernImbuSteps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { body.CiernOGCV6 .CiernImbuSteps { grid-template-columns: 1fr; } body.CiernOGCV6 .CiernImbuItem .CiernTip { width: 84vw; } }

/* c29: drobiazgi — ikony filtrów Biblioteki 18px (Imbuing miał ogromne), krótsze tytuły kart Nadchodzące */
body.CiernOGCV6 .CiernLib .CiernLibFilters a img { width: 18px !important; height: 18px !important; margin-right: 6px; vertical-align: middle; object-fit: contain; }
body.CiernOGCV6 #ContentColumn .CiernEvCards.is-next .CiernEvCard h3 { font-size: 15px !important; }
body.CiernOGCV6 .CiernEvCards.is-next .CiernEvCard p { font-size: 13px; }

/* c31: Sety ekwipunku (Biblioteka) — karty setów, legenda, tabela części z ochroną/bonusami/slotami/źródłem */
body.CiernOGCV6 .CiernSetsLegend { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 6px 18px; margin-top: 6px; font-size: 13px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernSetsLegend span { display: flex; align-items: center; gap: 6px; }
body.CiernOGCV6 .CiernSetsLegend b { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernSetsLegend img { width: 18px; height: 18px; object-fit: contain; image-rendering: pixelated; }
body.CiernOGCV6 .CiernSetsTiers { margin-top: 6px; }
body.CiernOGCV6 .CiernSetList { display: grid; gap: 8px; }
body.CiernOGCV6 #ContentColumn .CiernSetTier { display: flex; align-items: center; gap: 10px; margin: 18px 0 4px; font-family: var(--nb-display) !important; font-size: 15px !important; letter-spacing: .12em; text-transform: uppercase; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 #ContentColumn .CiernSetTier .CiernImbuStepNum { position: static; transform: none; width: 30px; height: 30px; font-size: 12px; }
body.CiernOGCV6 .CiernSetCard > summary { display: grid !important; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 10px 14px !important; cursor: pointer; list-style: none; }
body.CiernOGCV6 .CiernSetCard > summary::-webkit-details-marker { display: none; }
body.CiernOGCV6 .CiernSetCard.is-ciern { border-color: var(--nb-teal) !important; box-shadow: 0 0 0 1px rgba(54, 184, 199, .25), 0 0 18px rgba(54, 184, 199, .12); }
body.CiernOGCV6 .CiernSetSprites { display: flex; align-items: center; gap: 2px; }
body.CiernOGCV6 .CiernSetSprites > span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; background: radial-gradient(circle, rgba(216, 208, 190, .24), transparent 70%); }
body.CiernOGCV6 .CiernSetSprites img { width: 32px; height: 32px; image-rendering: pixelated; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .8)); }
body.CiernOGCV6 .CiernSetSprites small { margin-left: 4px; font-size: 11px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernSetHead { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.CiernOGCV6 #ContentColumn .CiernSetName { font-family: var(--nb-display) !important; font-size: 17px; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernSetMeta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernSetMeta .CiernImbuTierName { font-size: 10.5px !important; padding: 3px 8px !important; }
body.CiernOGCV6 .CiernSetVoc { width: 22px; height: 22px; object-fit: contain; }
body.CiernOGCV6 .CiernSetSum { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; max-width: 280px; font-size: 12.5px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernSetSum > b { color: var(--nb-amber-hi) !important; font-family: var(--nb-display) !important; letter-spacing: .04em; }
body.CiernOGCV6 .CiernSetProt { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px 1px 3px; border: 1px solid var(--nb-line); border-radius: 3px; background: rgba(9, 11, 13, .5); font-size: 12px; font-weight: 700; color: #a8e0b8 !important; white-space: nowrap; }
body.CiernOGCV6 .CiernSetProt.is-neg { color: #f08a7a !important; }
body.CiernOGCV6 .CiernSetProt img { width: 16px; height: 16px; }
body.CiernOGCV6 .CiernSetText { margin: 0 0 10px; font-size: 14px; line-height: 1.5; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernSetSource { display: block; margin-top: 4px; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernSetSource b { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernSetTable td { vertical-align: middle; }
body.CiernOGCV6 .CiernSetItem { display: flex; align-items: center; gap: 8px; min-width: 190px; }
body.CiernOGCV6 .CiernSetItem > span:last-child { display: flex; flex-direction: column; font-weight: 700; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernSetItem small { font-weight: 400; font-size: 11px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernSetItemSprite { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; background: radial-gradient(circle, rgba(216, 208, 190, .24), transparent 70%); }
body.CiernOGCV6 .CiernSetItemSprite img { width: 32px; height: 32px; image-rendering: pixelated; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .8)); }
body.CiernOGCV6 .CiernSetProts, body.CiernOGCV6 .CiernSetSkills { display: flex; flex-wrap: wrap; gap: 4px; max-width: 200px; }
body.CiernOGCV6 .CiernSetImbu { display: inline-flex; gap: 3px; }
body.CiernOGCV6 .CiernSetImbu i { width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--nb-brass); background: radial-gradient(circle at 40% 35%, #F0A94C, #7a4a12 70%); box-shadow: 0 0 6px rgba(240, 169, 76, .5); }
body.CiernOGCV6 .CiernSetDrops { display: flex; gap: 4px; }
body.CiernOGCV6 .CiernSetDrop { position: relative; display: inline-flex; flex-direction: column; align-items: center; width: 52px; cursor: help; }
body.CiernOGCV6 .CiernSetDrop img { width: 48px; height: 48px; object-fit: contain; image-rendering: pixelated; background: radial-gradient(circle, rgba(216, 208, 190, .22), transparent 70%); }
body.CiernOGCV6 .CiernSetDrop small { font-size: 10.5px; font-weight: 700; color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernSetDrop.is-boss small { color: #f08a7a !important; }
body.CiernOGCV6 .CiernSetTable .num b { color: var(--nb-amber-hi) !important; }
@media (max-width: 900px) { body.CiernOGCV6 .CiernSetCard > summary { grid-template-columns: 1fr; } body.CiernOGCV6 .CiernSetSum { justify-content: flex-start; max-width: none; } }
body.CiernOGCV6 .CiernSetReq { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; white-space: nowrap; }
body.CiernOGCV6 .CiernSetTable .CiernLibTableWrap, body.CiernOGCV6 .CiernSetCard .CiernLibTableWrap { overflow-x: auto; }
body.CiernOGCV6 .CiernSetsLegend { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
body.CiernOGCV6 .CiernSetsLegend span { display: block; }
body.CiernOGCV6 .CiernSetsLegend span img { display: inline-block; vertical-align: middle; margin-right: 2px; }
body.CiernOGCV6 .CiernSetItem > span:last-child small { display: block; }
body.CiernOGCV6 .CiernSetTable td { white-space: normal; }
body.CiernOGCV6 .CiernSetProts, body.CiernOGCV6 .CiernSetSkills { min-width: 120px; }
body.CiernOGCV6 .CiernSetTable { font-size: 12.5px; }
body.CiernOGCV6 .CiernSetTable th, body.CiernOGCV6 .CiernSetTable td { padding: 6px 7px !important; }
body.CiernOGCV6 .CiernSetItem { min-width: 150px; gap: 6px; }
body.CiernOGCV6 .CiernSetItemSprite { width: 36px; height: 36px; flex-basis: 36px; }
body.CiernOGCV6 .CiernSetProts, body.CiernOGCV6 .CiernSetSkills { min-width: 96px; max-width: 150px; }
body.CiernOGCV6 .CiernSetSkills .CiernChip { font-size: 11px !important; padding: 1px 6px !important; }
body.CiernOGCV6 .CiernSetProt { font-size: 11px; padding: 1px 5px 1px 2px; }
body.CiernOGCV6 .CiernSetDrop { width: 44px; }
body.CiernOGCV6 .CiernSetDrop img { width: 40px; height: 40px; }
@media (max-width: 1400px) { body.CiernOGCV6 .CiernSetDrop:nth-child(3) { display: none; } }
body.CiernOGCV6 .CiernSetStat { display: block; white-space: nowrap; }

/* c36: logo w hero „żyje” — pulsujące szczeliny (teal / pomarańcz) + przesuwający się refleks światła, wszystko maskowane kształtem logo */
body.CiernOGCV6 .CiernHeroLogoWrap { position: relative; display: inline-block; line-height: 0; animation: ciernLogoAura 5s ease-in-out infinite alternate; }
body.CiernOGCV6 .CiernHeroLogoWrap .CiernHeroLogo { display: block; }
body.CiernOGCV6 .CiernHeroLogoWrap i { position: absolute; inset: 0; pointer-events: none; -webkit-mask: url("images/ciern-web/logo.webp") center / 100% 100% no-repeat; mask: url("images/ciern-web/logo.webp") center / 100% 100% no-repeat; mix-blend-mode: screen; }
body.CiernOGCV6 .CiernHeroLogoGlow { background: radial-gradient(ellipse 22% 38% at 34% 52%, rgba(64, 214, 228, .95), rgba(64, 214, 228, 0) 100%), radial-gradient(ellipse 16% 42% at 63% 46%, rgba(255, 150, 40, .95), rgba(255, 150, 40, 0) 100%), radial-gradient(ellipse 12% 22% at 47% 62%, rgba(64, 214, 228, .6), transparent 100%); animation: ciernLogoGlow 3.4s ease-in-out infinite alternate; }
body.CiernOGCV6 .CiernHeroLogoShine { background: linear-gradient(112deg, transparent 42%, rgba(255, 240, 210, .12) 47%, rgba(255, 250, 235, .55) 50%, rgba(255, 240, 210, .12) 53%, transparent 58%); background-size: 260% 100%; background-repeat: no-repeat; animation: ciernLogoShine 7s ease-in-out infinite; }
@keyframes ciernLogoGlow { 0% { opacity: .12; } 100% { opacity: .75; } }
@keyframes ciernLogoShine { 0% { background-position: 130% 0; } 35% { background-position: -160% 0; } 100% { background-position: -160% 0; } }
@keyframes ciernLogoAura { 0% { filter: drop-shadow(0 0 14px rgba(54, 184, 199, .25)); } 100% { filter: drop-shadow(0 0 26px rgba(240, 140, 40, .38)); } }
@media (prefers-reduced-motion: reduce) { body.CiernOGCV6 .CiernHeroLogoWrap, body.CiernOGCV6 .CiernHeroLogoWrap i { animation: none !important; } body.CiernOGCV6 .CiernHeroLogoGlow { opacity: .35; } body.CiernOGCV6 .CiernHeroLogoShine { display: none; } }

/* c37: hiperłącza — potwory w „z czego leci" (Sety, Imbuing, Kalendarz) prowadzą do Bestiariusza, profesje do Czarów; pierścień i małe itemy w naturalnej skali */
body.CiernOGCV6 #ContentColumn a.CiernSetDrop, body.CiernOGCV6 #ContentColumn a.CiernImbuDrop, body.CiernOGCV6 #ContentColumn a.CiernEvMon { text-decoration: none !important; color: inherit !important; border-radius: 4px; transition: background-color .15s, box-shadow .15s; }
body.CiernOGCV6 #ContentColumn a.CiernSetDrop:hover, body.CiernOGCV6 #ContentColumn a.CiernEvMon:hover { background: rgba(240, 169, 76, .1); box-shadow: 0 0 0 1px rgba(240, 169, 76, .45); }
body.CiernOGCV6 #ContentColumn a.CiernImbuDrop:hover { background: rgba(240, 169, 76, .1); }
body.CiernOGCV6 #ContentColumn a.CiernImbuDrop:hover > span, body.CiernOGCV6 #ContentColumn a.CiernSetDrop:hover small, body.CiernOGCV6 #ContentColumn a.CiernEvMon:hover small { color: var(--nb-amber-hi) !important; text-decoration: underline; }
body.CiernOGCV6 #ContentColumn a.CiernSetVocLink { display: inline-flex; align-items: center; gap: 4px; padding: 1px 6px 1px 2px; border: 1px solid var(--nb-line); border-radius: 3px; background: rgba(9, 11, 13, .5); font-size: 11.5px; color: var(--nb-bone-dim) !important; text-decoration: none !important; }
body.CiernOGCV6 #ContentColumn a.CiernSetVocLink:hover { color: var(--nb-amber-hi) !important; border-color: var(--nb-amber); }
body.CiernOGCV6 .CiernSetSprites img, body.CiernOGCV6 .CiernSetItemSprite img { object-fit: contain; }
body.CiernOGCV6 .CiernLibItem.is-target { box-shadow: 0 0 0 2px var(--nb-amber), 0 0 24px rgba(240, 169, 76, .35) !important; }

/* c38: boss Ciernia i wierzchowiec w karcie setu; odznaka „Cierń” i filtr w Bestiariuszu */
body.CiernOGCV6 .CiernSetExtras { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; margin: 0 0 12px; }
body.CiernOGCV6 #ContentColumn .CiernSetExtra { display: grid; grid-template-columns: 84px 1fr; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--nb-line-brass); border-radius: 4px; background: rgba(9, 11, 13, .55); color: var(--nb-bone) !important; text-decoration: none !important; }
body.CiernOGCV6 #ContentColumn a.CiernSetExtra:hover { border-color: var(--nb-amber); box-shadow: 0 0 0 1px rgba(240, 169, 76, .35); }
body.CiernOGCV6 .CiernSetExtra img { width: 84px; height: 84px; object-fit: contain; image-rendering: pixelated; background: radial-gradient(circle, rgba(216, 208, 190, .22), transparent 70%); }
body.CiernOGCV6 .CiernSetExtra > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.CiernOGCV6 .CiernSetExtra small { font-family: var(--nb-display) !important; font-size: 10.5px; letter-spacing: .14em; color: var(--nb-amber) !important; }
body.CiernOGCV6 .CiernSetExtra.is-mount small { color: var(--nb-teal) !important; }
body.CiernOGCV6 #ContentColumn .CiernSetExtra b { font-family: var(--nb-display) !important; font-size: 15px; letter-spacing: .04em; color: var(--nb-bone) !important; }
body.CiernOGCV6 .CiernSetExtra em { font-style: normal; font-size: 12.5px; color: var(--nb-bone-dim) !important; }
body.CiernOGCV6 .CiernLib .CiernLibItem.is-ciern > summary { box-shadow: inset 3px 0 0 var(--nb-teal); }
body.CiernOGCV6 .CiernLib .CiernLibName em.is-ciern { color: var(--nb-teal) !important; border-color: rgba(54, 184, 199, .5) !important; }

/* c39: brand w headerze = poziomy wordmark z NB (ten sam kamień i ciernie co logo), bez emblematu i „MODERN RPG” */
body.CiernOGCV6 .CiernHeaderBrand { display: inline-flex; align-items: center; padding: 0 !important; gap: 0 !important; }
body.CiernOGCV6 .CiernHeaderBrand img.CiernBrandMark { width: auto !important; height: 66px !important; max-width: none; object-fit: contain; filter: brightness(1.22) contrast(1.05) drop-shadow(0 2px 6px rgba(0, 0, 0, .9)) drop-shadow(0 0 12px rgba(54, 184, 199, .28)); transition: filter .25s; }
body.CiernOGCV6 .CiernHeaderBrand:hover img.CiernBrandMark { filter: brightness(1.35) contrast(1.05) drop-shadow(0 2px 6px rgba(0, 0, 0, .9)) drop-shadow(0 0 16px rgba(240, 169, 76, .4)); }
body.CiernOGCV6 .CiernHeaderBrand > span { display: none !important; }
@media (max-width: 760px) { body.CiernOGCV6 .CiernHeaderBrand img.CiernBrandMark { height: 44px !important; } }

/* c40: responsywność — meta viewport dopiero teraz istnieje (telefony renderowały 980 px), więc realne poprawki mobile:
   szerokie tabele przewijane w poziomie zamiast ucinania, wiki bez sztywnych szerokości, pasek postępu w ramach ekranu */
@media (max-width: 760px) {
  body.CiernOGCV6 .CiernLib table.CiernLibTable, body.CiernOGCV6 .CiernLib table.CiernLibLoot, body.CiernOGCV6 .CiernWikiTable,
  body.CiernOGCV6 #ContentColumn .TableContentContainer > table.TableContent, body.CiernOGCV6 #ContentColumn table.TableContent { display: block; overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
  body.CiernOGCV6 .CiernLib table.CiernLibTable > thead, body.CiernOGCV6 .CiernLib table.CiernLibTable > tbody, body.CiernOGCV6 .CiernLib table.CiernLibLoot > thead, body.CiernOGCV6 .CiernLib table.CiernLibLoot > tbody { display: table; width: max-content; min-width: 100%; }
  body.CiernOGCV6 .CiernLibTableWrap, body.CiernOGCV6 .CiernWikiTableWrap { overflow-x: auto; max-width: 100%; }
  body.CiernOGCV6 .CiernImbuCard .CiernLibBody, body.CiernOGCV6 .CiernImbuTable, body.CiernOGCV6 .CiernImbuTable td { overflow: auto !important; }
  body.CiernOGCV6 #ContentColumn .progress, body.CiernOGCV6 #ContentColumn [style*="width"] .progress { max-width: 100% !important; width: auto !important; }
  body.CiernOGCV6 .CiernWikiVisual, body.CiernOGCV6 .CiernWikiVisual img, body.CiernOGCV6 .CiernWikiGuide, body.CiernOGCV6 .CiernWikiLead, body.CiernOGCV6 .CiernWikiSteps, body.CiernOGCV6 .CiernWikiStep, body.CiernOGCV6 .CiernWikiSystemBody, body.CiernOGCV6 .CiernWikiSummaryCopy { max-width: 100% !important; width: auto !important; min-width: 0 !important; box-sizing: border-box; }
  body.CiernOGCV6 .CiernWikiSteps, body.CiernOGCV6 .CiernWikiGuide { grid-template-columns: 1fr !important; }
  body.CiernOGCV6 #ContentColumn img:not(.CiernInline):not([class*="Sprite"]):not(.CiernEvMon img) { max-width: 100%; height: auto; }
  body.CiernOGCV6 .CiernSetsLegend { grid-template-columns: 1fr; }
  body.CiernOGCV6 .CiernLib .CiernLibFilters { flex-wrap: wrap; }
  body.CiernOGCV6 .CiernImbuBases { grid-template-columns: 1fr; }
  body.CiernOGCV6 .CiernEvCalHead { flex-wrap: wrap; }
  body.CiernOGCV6 .CiernHeaderDev { font-size: 9px !important; }
}
@media (max-width: 480px) {
  body.CiernOGCV6 .CiernHeroStats { grid-template-columns: repeat(2, 1fr) !important; }
  body.CiernOGCV6 .CiernSetCard > summary, body.CiernOGCV6 .CiernImbuCard > summary { gap: 8px; padding: 8px 10px !important; }
  body.CiernOGCV6 .CiernSetSprites > span { width: 32px; height: 32px; }
  body.CiernOGCV6 .CiernSetSprites img { width: 26px; height: 26px; }
}
@media (max-width: 760px) {
  body.CiernOGCV6 .CiernLib table.CiernLibLoot, body.CiernOGCV6 .CiernLib .CiernLibLoot { overflow-x: auto !important; overflow-y: visible; display: block; max-width: 100%; }
  body.CiernOGCV6 #ContentColumn .TableContainer, body.CiernOGCV6 #ContentColumn .InnerTableContainer, body.CiernOGCV6 #ContentColumn .TableContentContainer { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body.CiernOGCV6 #ContentColumn .TableContainer .Table1, body.CiernOGCV6 #ContentColumn .TableContainer .Table2, body.CiernOGCV6 #ContentColumn .TableContainer .Table3,
  body.CiernOGCV6 #ContentColumn .TableContainer .Table4, body.CiernOGCV6 #ContentColumn .TableContainer .Table5 { display: block; max-width: 100%; overflow-x: auto; }
  body.CiernOGCV6 #ContentColumn .CaptionContainer, body.CiernOGCV6 #ContentColumn .CaptionInnerContainer { max-width: 100%; box-sizing: border-box; }
  body.CiernOGCV6 #ContentColumn .CaptionInnerContainer .Text { white-space: normal; }
}
@media (max-width: 760px) {
  /* zewnętrzne tabele-opakowania MyAAC (<table width=100%><td><div class=TableContainer>) — jako blok, żeby nie rozpychały kolumny */
  body.CiernOGCV6 #ContentColumn .BoxContent > table, body.CiernOGCV6 #ContentColumn table:has(> tbody > tr > td > .TableContainer), body.CiernOGCV6 #ContentColumn table:has(> tbody > tr > td > .InnerTableContainer) { display: block; max-width: 100%; overflow-x: auto; }
  body.CiernOGCV6 #ContentColumn .BoxContent > table > tbody, body.CiernOGCV6 #ContentColumn .BoxContent > table > tbody > tr, body.CiernOGCV6 #ContentColumn .BoxContent > table > tbody > tr > td { display: block; max-width: 100%; }
  body.CiernOGCV6 #ContentColumn .TableContainer { display: block; }
}

/* ====================================================================
   c43 (2026-09-06): przełącznik języka PL / EN / BR (ciern-i18n.php)
   ==================================================================== */
body.CiernOGCV6 .CiernLangSwitch { position: relative; display: inline-flex; align-items: center; }
body.CiernOGCV6 .CiernLangBtn {
  box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px;
  min-height: 46px; padding: 2px 10px 2px 8px; border: 16px solid transparent; border-radius: 0;
  border-image-slice: 62 fill; border-image-source: url("images/ciern-web/btn-iron.webp");
  background: none; color: #E9DCC0; font: inherit; font-weight: 700; letter-spacing: .06em; line-height: 1;
  cursor: pointer; text-shadow: 0 1px 2px rgba(0, 0, 0, .85);
}
body.CiernOGCV6 .CiernLangBtn:hover { filter: brightness(1.14); color: var(--nb-amber-hi); }
body.CiernOGCV6 .CiernLangBtn i { font-style: normal; font-size: .7em; opacity: .75; }
body.CiernOGCV6 .CiernLangFlag { width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; object-fit: cover; filter: drop-shadow(0 1px 1px rgba(0,0,0,.6)); }
body.CiernOGCV6 .CiernLangMenu {
  position: absolute; top: calc(100% - 10px); right: 0; z-index: 80; min-width: 200px;
  display: none; flex-direction: column; gap: 2px; padding: 4px 2px;
  border-width: 14px 52px; border-style: solid; border-color: transparent;
  border-image: url("images/ciern-web/plaque.webp") 40 150 40 150 fill / 14px 52px stretch;
}
body.CiernOGCV6 .CiernLangSwitch:hover .CiernLangMenu,
body.CiernOGCV6 .CiernLangSwitch:focus-within .CiernLangMenu,
body.CiernOGCV6 .CiernLangSwitch.is-open .CiernLangMenu { display: flex; }
body.CiernOGCV6 .CiernLangItem {
  display: flex; align-items: center; gap: 8px; padding: 5px 6px; white-space: nowrap;
  color: #E9DCC0 !important; text-decoration: none !important; font-weight: 600; font-size: 13px;
}
body.CiernOGCV6 .CiernLangItem:hover, body.CiernOGCV6 .CiernLangItem.is-current { color: var(--nb-amber-hi) !important; }
body.CiernOGCV6 .CiernLangItem.is-current::after { content: "•"; margin-left: auto; opacity: .8; }
@media (max-width: 760px) {
  body.CiernOGCV6 .CiernLangBtn { min-height: 38px; padding: 0 6px; border-width: 12px; gap: 3px; }
  body.CiernOGCV6 .CiernLangBtn > span { display: none; }
  body.CiernOGCV6 .CiernLangMenu { right: auto; left: 0; min-width: 180px; }
}
/* c43b: header 1000–1400px — miejsce na przełącznik języka (dłuższe napisy EN/PT) */
@media (min-width: 761px) and (max-width: 1400px) {
  body.CiernOGCV6 .CiernHeaderDev span { display: none; }
  body.CiernOGCV6 .CiernHeaderAction { padding-left: 10px; padding-right: 10px; }
  body.CiernOGCV6 .CiernLangBtn { padding: 2px 6px 2px 6px; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  body.CiernOGCV6 .CiernLangBtn > span { display: none; }
  body.CiernOGCV6 .CiernHeaderLinks { display: none; }
}

/* ====================================================================
   c44 (2026-09-06): header mobilny w 2 rzędach — [menu | logo | język+konto] / [plakieta DEV]
   ==================================================================== */
@media (max-width: 960px) {
  body.CiernOGCV6 .CiernOGCHeader {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas: "tog brand act" "dev dev dev";
    row-gap: 4px;
    column-gap: 8px;
    align-items: center;
  }
  body.CiernOGCV6 .CiernNavToggle { grid-area: tog; width: auto; justify-self: start; }
  body.CiernOGCV6 .CiernHeaderBrand { grid-area: brand; justify-self: center; }
  body.CiernOGCV6 .CiernHeaderStatus { display: none !important; }
  body.CiernOGCV6 .CiernHeaderActions { grid-area: act; justify-self: end; width: auto; gap: 6px; flex-wrap: nowrap; }
  body.CiernOGCV6 .ciern-private-dev-banner.CiernHeaderDev { grid-area: dev; justify-self: center; margin: 0 auto !important; min-height: 30px; }
}
@media (max-width: 480px) {
  body.CiernOGCV6 .CiernHeaderAction.CiernHeaderAccount { padding: 0 8px; font-size: 11px; min-height: 38px; border-width: 12px; }
  body.CiernOGCV6 .CiernHeaderBrand img.CiernBrandMark { height: 40px !important; }
}

/* ====================================================================
   c45 (2026-09-06): 901–1320 px — sidebar nie znika (pusta kolumna 286 px), tylko schodzi pod treść w 2 kolumnach
   ==================================================================== */
@media (min-width: 901px) and (max-width: 1320px) {
  body.CiernOGCV6 #ContentRow { grid-template-columns: minmax(0, 1fr) !important; }
  body.CiernOGCV6 #ThemeboxesColumn { display: grid !important; grid-column: 1 !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
  body.CiernOGCV6 #ThemeboxesColumn > #RightArtwork { display: none !important; }
  body.CiernOGCV6 #ThemeboxesColumn > .CiernQuickPanel, body.CiernOGCV6 #ThemeboxesColumn > #Themeboxes { min-width: 0; margin: 0 !important; }
  body.CiernOGCV6.CiernPage-ciern-lowiska #ThemeboxesColumn { display: none !important; }
}