:root {
  color-scheme: dark;
  --bg: #080910;
  --panel: rgba(13, 16, 26, 0.92);
  --panel-strong: rgba(10, 12, 20, 0.98);
  --line: rgba(232, 220, 190, 0.14);
  --line-strong: rgba(235, 202, 130, 0.34);
  --text: #f5efe1;
  --muted: #aaa194;
  --dim: #766f67;
  --gold: #e1b45a;
  --gold-soft: rgba(225, 180, 90, 0.16);
  --green: #55d18f;
  --danger: #e66b6b;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.static-panel {
  padding: 1rem;
}

.static-root {
  width: min(100%, 62rem);
  margin: 0 auto;
}

.static-card {
  border: 1px solid rgba(238, 205, 142, 0.22);
  border-radius: 0.75rem;
  background:
    radial-gradient(circle at top right, rgba(218, 159, 61, 0.12), transparent 28rem),
    linear-gradient(180deg, rgba(28, 24, 34, 0.96), rgba(11, 9, 15, 0.98));
  box-shadow: 0 1.4rem 3.5rem rgba(0, 0, 0, 0.28);
  padding: clamp(1.25rem, 2vw, 2.25rem);
}

.static-kicker {
  color: #a7a0bd;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.static-card h1 {
  margin: 0.35rem 0 0.75rem;
  color: #fff4cf;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 0.98;
}

.static-lead {
  max-width: 50rem;
  margin: 0 0 1.25rem;
  color: #e8dcff;
  font-size: 1.05rem;
  line-height: 1.6;
}

.static-copy {
  display: grid;
  gap: 0.85rem;
  max-width: 54rem;
}

.static-copy p {
  margin: 0;
  color: rgba(247, 239, 219, 0.9);
  line-height: 1.65;
}

.static-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.5rem;
}

.static-action {
  display: inline-flex;
  align-items: center;
  min-height: 2.4rem;
  border: 1px solid rgba(238, 205, 142, 0.38);
  border-radius: 0.45rem;
  background: rgba(246, 193, 73, 0.1);
  color: #fff1c2;
  font-weight: 950;
  padding: 0.55rem 0.85rem;
  text-decoration: none;
}

.static-action:hover {
  border-color: rgba(255, 221, 142, 0.72);
  background: rgba(246, 193, 73, 0.18);
}

.premium-panel {
  min-height: 0;
  max-height: calc(100dvh - var(--rutl-header-height, 4.8rem));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.premium-root {
  width: min(100%, 86rem);
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 2rem);
}

.premium-page {
  display: grid;
  gap: 1rem;
}

.premium-hero,
.premium-panel-card {
  border: 1px solid rgba(236, 203, 142, 0.18);
  border-radius: 0.5rem;
  background:
    radial-gradient(circle at top right, rgba(123, 91, 176, 0.14), transparent 26rem),
    linear-gradient(180deg, rgba(23, 22, 31, 0.96), rgba(12, 11, 17, 0.98));
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.28);
}

.premium-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.premium-hero span {
  color: #bda8f0;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.premium-hero h1 {
  margin: 0.25rem 0 0.45rem;
  color: #fff2c8;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1;
}

.premium-hero p,
.premium-note,
.premium-empty {
  margin: 0;
  color: rgba(245, 236, 218, 0.72);
  line-height: 1.55;
}

.premium-note-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.premium-feature-guide {
  display: grid;
  gap: 1rem;
  border: 1px solid rgba(236, 203, 142, 0.18);
  border-radius: 0.5rem;
  background:
    radial-gradient(circle at 12% 0%, rgba(225, 180, 90, 0.12), transparent 22rem),
    linear-gradient(180deg, rgba(20, 19, 27, 0.96), rgba(10, 10, 14, 0.98));
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.22);
  padding: clamp(1rem, 2vw, 1.35rem);
}

.premium-feature-guide-head {
  max-width: 56rem;
}

.premium-feature-guide-head span {
  color: #86bcff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.premium-feature-guide-head h2 {
  margin: 0.3rem 0 0.45rem;
  color: #fff2c8;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.12;
}

.premium-feature-guide-head p {
  max-width: 48rem;
  margin: 0;
  color: rgba(245, 236, 218, 0.76);
  line-height: 1.55;
}

.premium-feature-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}

.premium-feature-steps article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.2rem 0.65rem;
  align-content: start;
  min-width: 0;
  border: 1px solid rgba(236, 203, 142, 0.16);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.045);
  padding: 0.8rem;
}

.premium-feature-steps b {
  grid-row: span 2;
  display: grid;
  width: 1.85rem;
  height: 1.85rem;
  place-items: center;
  border: 1px solid rgba(236, 190, 88, 0.45);
  border-radius: 999px;
  background: rgba(214, 154, 49, 0.16);
  color: #ffe29a;
  font-size: 0.82rem;
}

.premium-feature-steps span {
  color: #fff1c8;
  font-weight: 850;
  line-height: 1.2;
}

.premium-feature-steps small {
  color: rgba(245, 236, 218, 0.68);
  line-height: 1.4;
}

.premium-feature-pitch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.7rem;
  border-left: 3px solid rgba(236, 190, 88, 0.75);
  background: rgba(236, 190, 88, 0.08);
  color: rgba(245, 236, 218, 0.8);
  padding: 0.72rem 0.85rem;
  line-height: 1.45;
}

.premium-feature-pitch b {
  color: #ffe0a0;
}

.premium-feature-pitch span {
  min-width: min(100%, 24rem);
}

.premium-link-button {
  flex: 0 0 auto;
  border: 1px solid rgba(91, 183, 255, 0.42);
  border-radius: 0.45rem;
  background: rgba(48, 111, 173, 0.18);
  color: #dceaff;
  min-height: 2.15rem;
  padding: 0 0.75rem;
  font-size: 0.82rem;
  font-weight: 950;
}

.premium-link-button:hover {
  border-color: rgba(132, 205, 255, 0.72);
  background: rgba(48, 111, 173, 0.28);
}

.premium-status-card {
  min-width: 14rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.22);
  padding: 0.85rem;
}

.premium-status-card.is-active {
  border-color: rgba(91, 216, 143, 0.35);
  background: rgba(33, 122, 79, 0.14);
}

.premium-status-card b,
.premium-status-card span,
.premium-status-card em {
  display: block;
}

.premium-status-card b {
  color: #f8edcf;
}

.premium-status-card span {
  margin-top: 0.2rem;
  color: rgba(245, 236, 218, 0.68);
  font-size: 0.86rem;
}

.premium-status-card em {
  margin-top: 0.45rem;
  color: #9fc0ff;
  font-style: normal;
  font-weight: 950;
}

.premium-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 1rem;
}

.premium-panel-card {
  min-width: 0;
  padding: 1rem;
}

.premium-panel-card h2 {
  margin: 0 0 0.5rem;
  color: #fff2c8;
  font-size: 1.15rem;
}

.premium-telegram-card {
  display: grid;
  align-content: start;
  gap: 0.8rem;
  min-height: 0;
  border-color: rgba(107, 163, 255, 0.24);
  background:
    radial-gradient(circle at 88% 0%, rgba(86, 142, 255, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(14, 20, 36, 0.9), rgba(8, 9, 14, 0.92));
}

.premium-telegram-card .premium-panel-head strong {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 0.34rem 0.65rem;
  color: #d7e5ff;
  font-size: 0.72rem;
  line-height: 1;
  text-transform: uppercase;
}

.premium-telegram-card.is-ready .premium-panel-head strong {
  border-color: rgba(109, 232, 158, 0.36);
  color: #9cf0ba;
}

.premium-telegram-card.is-pending .premium-panel-head strong {
  border-color: rgba(255, 202, 96, 0.34);
  color: #ffd77f;
}

.premium-telegram-lead {
  margin: 0;
  color: rgba(248, 239, 220, 0.82);
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.45;
}

.premium-telegram-key {
  display: grid;
  gap: 0.35rem;
  border: 1px solid rgba(236, 190, 88, 0.34);
  border-radius: 0.55rem;
  background: rgba(236, 190, 88, 0.09);
  padding: 0.8rem;
}

.premium-telegram-key span {
  color: #86bcff;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.premium-telegram-key b {
  color: #ffe39d;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: clamp(1.4rem, 3vw, 2rem);
  letter-spacing: 0.08em;
  line-height: 1;
}

.premium-telegram-key small {
  color: rgba(245, 236, 218, 0.7);
  line-height: 1.35;
}

.premium-telegram-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.46rem;
}

.premium-telegram-steps span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
  min-height: 2.1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(241, 233, 218, 0.78);
  padding: 0.48rem 0.62rem;
  font-size: 0.82rem;
  line-height: 1.25;
}

.premium-telegram-steps b {
  width: 1.35rem;
  height: 1.35rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(91, 143, 255, 0.2);
  color: #b7ccff;
  font-size: 0.74rem;
}

.premium-telegram-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.1rem;
}

.premium-telegram-actions .premium-primary,
.premium-telegram-actions .premium-link-button {
  min-width: min(12rem, 100%);
}

.premium-search-row,
.premium-add-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem;
  margin-top: 0.9rem;
}

.premium-search-row input,
.premium-add-row input,
.premium-threshold input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.055);
  color: #fff8e8;
  min-height: 2.45rem;
  padding: 0.55rem 0.7rem;
  outline: none;
}

.premium-search-row button,
.premium-primary,
.premium-hero .builder-catalog-primary {
  border: 1px solid rgba(236, 190, 88, 0.45);
  border-radius: 0.45rem;
  background: rgba(214, 154, 49, 0.2);
  color: #fff2c8;
  min-height: 2.45rem;
  padding: 0 0.9rem;
  font-weight: 950;
}

.premium-search-row button:hover,
.premium-primary:hover {
  background: rgba(214, 154, 49, 0.28);
}

.premium-primary:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.premium-search-results,
.premium-snipes {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.85rem;
}

.premium-item-result,
.premium-snipe-card {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
  border: 1px solid rgba(174, 117, 218, 0.28);
  border-radius: 0.5rem;
  background: rgba(20, 15, 25, 0.72);
  color: inherit;
  padding: 0.55rem;
  text-align: left;
}

.premium-page .item-icon {
  width: 2.65rem;
  height: 2.65rem;
  min-width: 2.65rem;
}

.premium-item-result.is-selected,
.premium-snipe-card.is-hit {
  border-color: rgba(97, 220, 143, 0.55);
  background: rgba(31, 86, 58, 0.18);
}

.premium-item-copy {
  display: grid;
  min-width: 0;
  gap: 0.15rem;
}

.premium-item-copy b {
  overflow: hidden;
  color: #fff7df;
  font-size: 0.92rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.premium-item-copy small,
.premium-muted,
.premium-snipe-meta {
  color: rgba(206, 196, 190, 0.62);
  font-size: 0.78rem;
}

.premium-price {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  color: #fff2c8;
  font-size: 0.88rem;
  white-space: nowrap;
}

.premium-price img {
  width: 0.9rem;
  height: 0.9rem;
}

.premium-price em {
  color: #8db2ff;
  font-style: normal;
  font-weight: 950;
}

.premium-kind-grid {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.9rem;
}

.premium-kind-grid label,
.premium-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.04);
  color: #f5ecd8;
  padding: 0.45rem 0.55rem;
  font-size: 0.85rem;
  font-weight: 850;
}

.premium-kind-grid label.is-selected {
  border-color: rgba(236, 190, 88, 0.5);
  background: rgba(214, 154, 49, 0.12);
}

.premium-kind-grid label.is-disabled {
  opacity: 0.45;
}

.premium-add-row {
  grid-template-columns: minmax(0, 1fr) minmax(10rem, auto) auto;
  align-items: end;
}

.premium-add-row label span,
.premium-threshold span,
.premium-snipe-price span {
  display: block;
  margin-bottom: 0.25rem;
  color: rgba(206, 196, 190, 0.72);
  font-size: 0.72rem;
  font-weight: 850;
}

.premium-snipe-card {
  grid-template-columns: minmax(0, 1.25fr) minmax(8.5rem, auto) minmax(8.5rem, 8.5rem) 5rem 8.8rem 2.45rem;
  align-items: end;
}

.premium-snipe-main {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  min-width: 0;
}

.premium-remove {
  display: grid;
  place-items: center;
  width: 2.45rem;
  min-width: 2.45rem;
  height: 2.45rem;
  min-height: 2.45rem;
  border: 1px solid rgba(231, 104, 104, 0.25);
  border-radius: 0.45rem;
  background: rgba(231, 104, 104, 0.1);
  color: #ffd4d4;
  font-size: 1.2rem;
  line-height: 1;
}

.premium-snipe-meta {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 0.45rem;
}

@media (max-width: 900px) {
  .premium-hero,
  .premium-grid,
  .premium-add-row,
  .premium-snipe-card {
    grid-template-columns: 1fr;
  }

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

  .premium-telegram-steps {
    grid-template-columns: 1fr;
  }
}

/* RUTL Premium market monitor polish 20260815 */
.premium-panel {
  background:
    radial-gradient(circle at 18% 8%, rgba(83, 111, 190, 0.16), transparent 25rem),
    radial-gradient(circle at 84% 4%, rgba(219, 178, 92, 0.13), transparent 24rem),
    linear-gradient(180deg, #050609 0%, #08070d 52%, #050507 100%);
}

.premium-root {
  width: min(100%, 88rem);
}

.premium-page {
  gap: 1.1rem;
}

.premium-hero,
.premium-panel-card {
  position: relative;
  overflow: visible;
  border: 1px solid rgba(236, 203, 142, 0.2);
  border-radius: 0.85rem;
  background:
    linear-gradient(135deg, rgba(255, 226, 161, 0.08), transparent 22%),
    radial-gradient(circle at 88% 18%, rgba(94, 134, 226, 0.18), transparent 26rem),
    linear-gradient(180deg, rgba(18, 20, 31, 0.96), rgba(9, 10, 17, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1.35rem 4rem rgba(0, 0, 0, 0.34);
}

.premium-hero::before,
.premium-panel-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 222, 144, 0.12), transparent 34%, rgba(118, 163, 255, 0.11));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  padding: 1px;
}

.premium-hero {
  grid-template-columns: minmax(0, 1fr) minmax(15rem, auto);
  padding: 1.35rem 1.45rem;
}

.premium-hero span,
.premium-panel-head span {
  color: #9fc6ff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.premium-hero h1 {
  margin: 0.28rem 0 0.45rem;
  color: #fff1c8;
  font-size: 2.25rem;
  line-height: 1.04;
}

.premium-hero p {
  max-width: 48rem;
  color: rgba(245, 236, 218, 0.76);
  font-size: 0.95rem;
}

.premium-status-card {
  min-width: 15rem;
  border-radius: 0.7rem;
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(135deg, rgba(91, 216, 143, 0.12), rgba(69, 97, 179, 0.1)),
    rgba(2, 3, 8, 0.36);
}

.premium-grid {
  grid-template-columns: minmax(25rem, 0.94fr) minmax(28rem, 1.06fr);
}

.premium-panel-card {
  padding: 1.05rem;
}

.premium-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.premium-panel-head h2 {
  margin: 0.18rem 0 0;
  color: #fff2cc;
  font-size: 1.15rem;
}

.premium-panel-head > i {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(126, 171, 255, 0.26);
  border-radius: 0.7rem;
  background: rgba(74, 112, 191, 0.16);
  color: #b9d2ff;
  font-style: normal;
}

.premium-panel-head > i svg,
.premium-search-row svg,
.premium-switch svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.premium-panel-head strong {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  border: 1px solid rgba(255, 214, 132, 0.28);
  border-radius: 999px;
  background: rgba(255, 197, 88, 0.1);
  color: #ffe1a2;
  padding: 0 0.75rem;
  font-size: 0.82rem;
}

.premium-search-combobox {
  position: relative;
  z-index: 20;
}

.premium-target-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0 0 0.7rem;
}

.premium-target-filter {
  min-height: 2.15rem;
  border: 1px solid rgba(255, 213, 132, 0.22);
  border-radius: 0.58rem;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(245, 236, 218, 0.78);
  padding: 0 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.premium-target-filter:hover,
.premium-target-filter.is-active {
  border-color: rgba(255, 210, 112, 0.72);
  background:
    linear-gradient(180deg, rgba(255, 207, 116, 0.18), rgba(255, 207, 116, 0.06)),
    rgba(255, 255, 255, 0.055);
  color: #fff2cc;
}

.premium-search-row {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  align-items: center;
  gap: 0;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.7rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.035)),
    rgba(4, 5, 10, 0.56);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.premium-search-row:focus-within {
  border-color: rgba(130, 176, 255, 0.58);
  box-shadow:
    0 0 0 2px rgba(73, 112, 204, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.premium-search-row > span {
  display: grid;
  place-items: center;
  color: #9fc6ff;
}

.premium-search-row input {
  min-height: 2.8rem;
  border: 0;
  background: transparent;
  padding: 0.58rem 0.8rem 0.58rem 0;
}

.premium-search-results {
  position: absolute;
  z-index: 50;
  top: calc(100% + 0.42rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.35rem;
  max-height: 23rem;
  overflow-y: auto;
  margin: 0;
  border: 1px solid rgba(161, 190, 255, 0.24);
  border-radius: 0.72rem;
  background:
    radial-gradient(circle at 18% 0%, rgba(93, 130, 211, 0.19), transparent 15rem),
    linear-gradient(180deg, rgba(15, 17, 27, 0.98), rgba(6, 7, 13, 0.99));
  box-shadow: 0 1.4rem 3.2rem rgba(0, 0, 0, 0.48);
  padding: 0.45rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(207, 178, 112, 0.5) rgba(5, 6, 10, 0.9);
}

.premium-dropdown-state {
  display: grid;
  place-items: center;
  min-height: 4rem;
  color: rgba(245, 236, 218, 0.68);
  font-size: 0.85rem;
  font-weight: 850;
}

.premium-item-result {
  grid-template-columns: 2.8rem minmax(0, 1fr);
  border-color: rgba(255, 255, 255, 0.08);
  border-radius: 0.62rem;
  background: rgba(255, 255, 255, 0.04);
  padding: 0.5rem;
}

.premium-item-result:hover,
.premium-item-result.is-selected {
  border-color: rgba(255, 213, 132, 0.42);
  background: linear-gradient(90deg, rgba(255, 203, 102, 0.13), rgba(91, 129, 218, 0.1));
}

.premium-selected-item {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.8rem;
  border: 1px solid rgba(255, 213, 132, 0.18);
  border-radius: 0.75rem;
  background:
    linear-gradient(90deg, rgba(255, 203, 102, 0.11), rgba(91, 129, 218, 0.08)),
    rgba(255, 255, 255, 0.035);
  padding: 0.65rem;
}

.premium-selected-item.is-empty {
  grid-template-columns: 3rem minmax(0, 1fr);
  border-style: dashed;
  color: rgba(245, 236, 218, 0.68);
}

.premium-selected-icon {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 0.58rem;
  background: rgba(255, 255, 255, 0.05);
}

.premium-selected-icon::before {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
}

.premium-kind-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

.premium-kind-grid label {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.28rem;
  min-height: 4.1rem;
  align-content: center;
  border-radius: 0.7rem;
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.035);
}

.premium-kind-grid label input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.premium-kind-grid label.is-selected {
  border-color: rgba(255, 207, 116, 0.58);
  background:
    linear-gradient(180deg, rgba(255, 207, 116, 0.17), rgba(255, 207, 116, 0.06)),
    rgba(255, 255, 255, 0.04);
}

.premium-add-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  gap: 0.7rem;
  margin-top: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.85rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.68rem;
}

.premium-add-row input {
  min-height: 2.75rem;
  border-radius: 0.62rem;
  background: rgba(255, 255, 255, 0.055);
}

.premium-switch {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: 0.55rem;
  align-items: center;
  min-height: 2.75rem;
  border: 1px solid rgba(126, 171, 255, 0.24);
  border-radius: 0.65rem;
  background: rgba(66, 99, 178, 0.1);
  color: #dfeaff;
  padding: 0.45rem 0.7rem;
  cursor: pointer;
  user-select: none;
}

.premium-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.premium-switch span {
  display: grid;
  grid-row: 1 / 3;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.52rem;
  background: rgba(255, 255, 255, 0.08);
  color: #8ea6c9;
}

.premium-switch input:checked + span {
  background: linear-gradient(135deg, #69d99b, #7aa7ff);
  color: #061014;
}

.premium-switch b {
  color: #f4f1ff;
  font-size: 0.78rem;
}

.premium-switch b::after {
  content: "уведомления";
  display: block;
  color: rgba(223, 234, 255, 0.58);
  font-size: 0.64rem;
  font-weight: 800;
}

.premium-primary,
.premium-hero .builder-catalog-primary,
.premium-link-button {
  border-radius: 0.65rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.premium-primary {
  min-height: 2.75rem;
  background: linear-gradient(135deg, rgba(255, 202, 96, 0.26), rgba(107, 138, 222, 0.16));
}

.premium-note-row {
  margin-top: 0.72rem;
}

.premium-snipe-card {
  grid-template-columns: minmax(0, 1.2fr) minmax(8rem, auto) minmax(7rem, 8rem) auto auto auto;
  border-radius: 0.75rem;
  border-color: rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(91, 129, 218, 0.045)),
    rgba(6, 7, 12, 0.54);
}

.premium-toggle {
  border-radius: 0.6rem;
}

@media (max-width: 900px) {
  .premium-hero,
  .premium-grid,
  .premium-add-row,
  .premium-snipe-card {
    grid-template-columns: 1fr;
  }

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

  .premium-telegram-steps {
    grid-template-columns: 1fr;
  }

  .premium-kind-grid {
    grid-template-columns: 1fr;
  }

  .premium-search-results {
    position: static;
    margin-top: 0.45rem;
  }

  .premium-selected-item {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .premium-selected-item .premium-price {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  .premium-feature-steps {
    grid-template-columns: 1fr;
  }
}

/* RUTL Premium UX fixes 20260815 */
.premium-ad-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.85rem;
  width: fit-content;
  border: 1px solid rgba(159, 198, 255, 0.24);
  border-radius: 999px;
  background: rgba(7, 9, 18, 0.58);
  color: rgba(242, 238, 228, 0.82);
  padding: 0.45rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 850;
  cursor: pointer;
}

.premium-ad-toggle input {
  width: 1rem;
  height: 1rem;
  accent-color: #e3b14d;
}

.premium-page .item-icon {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--grade, #8e8e8e) 76%, #ffffff 10%);
  border-radius: 0.58rem;
  background:
    radial-gradient(circle at 48% 38%, color-mix(in srgb, var(--grade, #8e8e8e) 36%, transparent), transparent 58%),
    linear-gradient(145deg, color-mix(in srgb, var(--grade, #8e8e8e) 24%, #11131c), rgba(5, 6, 11, 0.96));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0.5rem 1rem rgba(0, 0, 0, 0.3);
}

.premium-page .item-icon img {
  display: block;
  width: 88% !important;
  height: 88% !important;
  max-width: 88% !important;
  max-height: 88% !important;
  object-fit: contain !important;
}

.premium-item-result {
  align-items: center;
  min-height: 4rem;
  overflow: hidden;
}

.premium-item-result .premium-price,
.premium-selected-item .premium-price {
  justify-self: end;
}

.premium-kind-grid label.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.premium-kind-grid label.is-disabled .premium-muted {
  color: rgba(205, 196, 190, 0.52);
}

.premium-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  height: 2.75rem;
  min-height: 2.75rem;
  white-space: nowrap;
}

.premium-switch span {
  flex: 0 0 auto;
  grid-row: auto;
}

.premium-switch b {
  font-size: 0.82rem;
  line-height: 1;
}

.premium-switch b::after {
  content: none;
}

.premium-switch input:checked + span {
  background: linear-gradient(135deg, #80efaf, #8bb4ff);
  color: #041015;
}

.premium-add-row {
  align-items: end;
}

.premium-note-row {
  align-items: center;
  gap: 0.75rem;
}

.telegram-auth-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
  margin-top: 0.75rem;
}

.telegram-auth-actions button {
  border: 1px solid rgba(236, 190, 88, 0.42);
  border-radius: 0.55rem;
  background: rgba(214, 154, 49, 0.14);
  color: #fff2cc;
  padding: 0.58rem 0.85rem;
  font-weight: 900;
  cursor: pointer;
}

.telegram-auth-actions button:hover {
  background: rgba(214, 154, 49, 0.24);
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  overflow: hidden;
  background: #050408;
  color: var(--text);
}

button,
input,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.app-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0.7rem;
  height: 100vh;
  min-height: 34rem;
  padding: 0.75rem;
}

.site-header {
  position: relative;
  z-index: 1700;
  display: grid;
  grid-template-columns: minmax(12rem, 0.9fr) auto minmax(15rem, 1fr);
  align-items: center;
  gap: 0.8rem;
  min-height: 4rem;
  border: 1px solid rgba(235, 218, 176, 0.13);
  border-radius: 1.15rem;
  background:
    linear-gradient(180deg, rgba(30, 25, 36, 0.96), rgba(16, 13, 21, 0.96));
  padding: 0.55rem 0.7rem;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.36);
}

.brand {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.65rem;
}

.brand-logo {
  width: 12.75rem;
  height: 3.2rem;
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.brand-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.brand-name {
  color: #f1d58a;
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.tabs {
  display: inline-grid;
  grid-template-columns: repeat(8, max-content);
  align-items: center;
  gap: 0.16rem;
  padding: 0.22rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.9rem;
  background: rgba(22, 18, 28, 0.88);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.22);
}

.tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 2.35rem;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  background: transparent;
  color: #a8a2ae;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  padding: 0 0.8rem;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.tab-icon {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  background: currentColor;
  opacity: 0.92;
  -webkit-mask: var(--tab-icon) center / contain no-repeat;
  mask: var(--tab-icon) center / contain no-repeat;
}

.map-tab-icon { --tab-icon: url("/assets/icons/map.svg"); }
.info-tab-icon { --tab-icon: url("/assets/icons/info.svg"); }
.news-tab-icon { --tab-icon: url("/assets/icons/newspaper.svg"); }
.premium-tab-icon { --tab-icon: url("/assets/icons/premium-crown.svg"); }
.weather-tab-icon { --tab-icon: url("/assets/icons/cloud-sun.svg"); }
.formula-tab-icon { --tab-icon: url("/assets/icons/sigma.svg"); }
.calculator-tab-icon { --tab-icon: url("/assets/icons/calculator.svg"); }
.builder-tab-icon { --tab-icon: url("/assets/icons/swords.svg"); }
.driver-tab-icon { --tab-icon: url("/assets/icons/diamond.svg"); }
.lucent-tab-icon { --tab-icon: url("/assets/icons/diamond.svg"); }

.service-tab {
  color: #d8c1ff;
}

.tab.is-active {
  border-color: rgba(244, 209, 120, 0.34);
  background: linear-gradient(180deg, rgba(255, 225, 148, 0.18), rgba(164, 109, 42, 0.16));
  color: #ffe9ac;
  box-shadow: inset 0 0 0 1px rgba(244, 209, 120, 0.08);
}

.seo-prerender {
  display: grid;
  gap: 0.65rem;
  border: 1px solid rgba(235, 218, 176, 0.14);
  border-radius: 0.9rem;
  background: rgba(18, 15, 24, 0.72);
  padding: 1rem;
  color: #efe7d7;
}

.seo-prerender h1,
.seo-prerender h2 {
  margin: 0;
  color: #fff1c8;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.1;
}

.seo-prerender p,
.seo-prerender ul {
  margin: 0;
  color: #cfc6d4;
  line-height: 1.55;
}

.seo-prerender ul {
  padding-left: 1.2rem;
}

.seo-prerender a {
  color: #f1c96c;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

.seo-section {
  display: grid;
  gap: 0.45rem;
}

.seo-section h2,
.seo-section h3 {
  margin-top: 0.35rem;
}

.seo-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.6rem;
}

.seo-card {
  display: grid;
  gap: 0.35rem;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.75rem;
}

.seo-card h3,
.seo-card p {
  margin: 0;
}

.seo-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 0.75rem;
}

.seo-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 44rem;
}

.seo-table th,
.seo-table td {
  border-bottom: 1px solid rgba(235, 218, 176, 0.1);
  padding: 0.55rem 0.65rem;
  text-align: left;
  vertical-align: top;
}

.seo-table th {
  color: #fff1c8;
  font-weight: 900;
}

.seo-rich-content {
  display: grid;
  gap: 0.8rem;
  line-height: 1.58;
}

.seo-rich-content h2,
.seo-rich-content h3,
.seo-rich-content h4,
.seo-rich-content p,
.seo-rich-content ul,
.seo-rich-content ol {
  margin-top: 0;
}

.seo-rich-content table {
  width: 100%;
  border-collapse: collapse;
}

.seo-rich-content th,
.seo-rich-content td {
  border: 1px solid rgba(235, 218, 176, 0.14);
  padding: 0.55rem;
}

.seo-rich-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.seo-map-prerender {
  max-width: min(34rem, calc(100vw - 2rem));
  text-align: left;
}

.header-actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

.icon-link,
.small-action,
.plain-button,
.primary-button,
.square-button {
  min-height: 2.35rem;
  border: 1px solid var(--line);
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.045);
  color: #e9deca;
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.icon-link {
  display: inline-flex;
  max-width: 14rem;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  padding: 0 0.85rem;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

.icon-only {
  width: 2.35rem;
  padding: 0;
  font-size: 1rem;
}

.icon-link:hover,
.small-action:hover,
.plain-button:hover,
.square-button:hover {
  border-color: var(--line-strong);
  color: #fff0bc;
}

.support {
  min-height: 2.55rem;
  gap: 0.5rem;
  border-color: rgba(255, 211, 105, 0.78);
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 247, 190, 0.32), transparent 36%),
    linear-gradient(180deg, #f4c96a, #b96b1f);
  color: #150d05;
  padding: 0 0.9rem 0 0.72rem;
  text-shadow: 0 1px 0 rgba(255, 245, 196, 0.35);
  box-shadow:
    0 0 0 1px rgba(255, 237, 167, 0.28) inset,
    0 8px 24px rgba(224, 137, 38, 0.26);
}

.support:hover {
  border-color: rgba(255, 235, 157, 0.95);
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 250, 210, 0.42), transparent 38%),
    linear-gradient(180deg, #ffd978, #c87825);
  color: #100802;
}

.support-icon {
  width: 1.12rem;
  height: 1.12rem;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: url("/assets/icons/heart.svg") center / contain no-repeat;
  mask: url("/assets/icons/heart.svg") center / contain no-repeat;
}

.support-text {
  display: grid;
  gap: 0.03rem;
  text-align: left;
}

.support-text strong {
  font-size: 0.83rem;
  line-height: 1;
  text-transform: uppercase;
}

.support-text small {
  color: rgba(34, 19, 3, 0.78);
  font-size: 0.64rem;
  font-weight: 950;
  line-height: 1;
}

main {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.tab-panel {
  display: none;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.tab-panel.is-active {
  display: block;
}

#mapPanel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(235, 218, 176, 0.16);
  border-radius: 1.25rem;
  background: #100d14;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.65),
    0 22px 80px rgba(0, 0, 0, 0.56);
}

.site-footer {
  display: flex;
  min-height: 2.45rem;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  overflow: hidden;
  border: 1px solid rgba(235, 218, 176, 0.1);
  border-radius: 0.9rem;
  background: rgba(16, 13, 20, 0.74);
  padding: 0 0.8rem;
  color: #8f8794;
  font-size: 0.72rem;
}

.site-footer a {
  color: #c8bdcf;
  font-weight: 700;
}

.site-footer a:hover {
  color: #fff0bc;
}

.site-footer .footer-check-word {
  color: rgba(235, 226, 207, 0.72);
  font-weight: 850;
}

.map-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #10121b;
}

#mapPanel {
  -webkit-user-select: none;
  user-select: none;
}

.search-box input,
.marker-form input {
  -webkit-user-select: text;
  user-select: text;
}

.point-canvas {
  position: absolute;
  inset: 0;
  z-index: 450;
  pointer-events: none;
}

.ql-map-marker-icon {
  border: 0;
  background: transparent;
}

.ql-map-marker-shell {
  display: inline-flex;
  position: relative;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: transparent;
  transition: transform 150ms ease, box-shadow 150ms ease;
}

.ql-map-marker-shell.is-selected {
  transform: scale(1.2);
  box-shadow:
    0 0 0 2px rgba(18, 12, 26, 0.98),
    0 0 0 5px rgba(222, 255, 132, 0.78),
    0 0 24px rgba(224, 255, 156, 0.72),
    0 10px 28px rgba(0, 0, 0, 0.42);
}



.ql-map-marker-shell.is-collected {
  box-shadow:
    0 0 0 2px rgba(12, 16, 12, 0.98),
    0 0 0 4px rgba(82, 214, 146, 0.45),
    0 0 18px rgba(82, 214, 146, 0.28);
}

.ql-map-marker-shell.is-codex {
  background:
    radial-gradient(circle at 34% 28%, rgba(69, 43, 22, 0.96), rgba(20, 14, 12, 0.94) 62%, rgba(7, 6, 8, 0.9));
  box-shadow:
    0 0 0 2px rgba(23, 12, 5, 0.96),
    0 0 0 4px rgba(255, 214, 126, 0.82),
    0 3px 10px rgba(0, 0, 0, 0.62),
    0 0 18px rgba(255, 194, 94, 0.32);
}

.ql-map-marker-shell.is-codex.is-collected {
  box-shadow:
    0 0 0 2px rgba(12, 16, 12, 0.98),
    0 0 0 4px rgba(82, 214, 146, 0.72),
    0 0 0 6px rgba(255, 214, 126, 0.42),
    0 3px 10px rgba(0, 0, 0, 0.62),
    0 0 18px rgba(82, 214, 146, 0.34);
}

.ql-map-marker-shell.is-codex .ql-map-marker-image {
  width: 31px;
  height: 31px;
  filter:
    contrast(1.16)
    saturate(1.12)
    brightness(1.08)
    drop-shadow(0 1px 1px rgba(0, 0, 0, 0.86))
    drop-shadow(0 2px 7px rgba(0, 0, 0, 0.58));
}

.ql-map-marker-image {
  width: 29px;
  height: 29px;
  object-fit: contain;
  filter:
    drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5))
    drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
  pointer-events: none;
  user-select: none;
}

.ql-map-marker-shell.is-collected .ql-map-marker-image {
  opacity: 0.78;
  filter:
    saturate(0.8)
    brightness(0.92)
    drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5))
    drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}

.ql-map-neutral-marker {
  display: inline-flex;
  width: 18px;
  height: 18px;
  border: 1.5px solid rgba(64, 26, 3, 0.9);
  border-radius: 999px;
  background:
    radial-gradient(circle at 32% 25%, rgba(244, 178, 67, 0.95), rgba(182, 96, 7, 0.96) 58%, rgba(109, 49, 7, 0.98));
  box-shadow:
    0 2px 5px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(241, 147, 43, 0.16);
}

.ql-map-neutral-marker.is-selected {
  border-color: rgba(255, 243, 180, 0.98);
  box-shadow:
    0 0 0 2px rgba(18, 12, 26, 0.98),
    0 0 0 5px rgba(222, 255, 132, 0.78),
    0 0 22px rgba(224, 255, 156, 0.65),
    0 8px 22px rgba(0, 0, 0, 0.42);
}

.ql-map-marker-page-badge {
  position: absolute;
  top: -4px;
  right: -5px;
  display: inline-flex;
  min-width: 13px;
  height: 13px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 220, 132, 0.92);
  border-radius: 999px;
  background: rgba(12, 8, 14, 0.96);
  color: #fff3c6;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.82);
  box-shadow:
    0 1px 5px rgba(0, 0, 0, 0.34),
    0 0 8px rgba(255, 202, 96, 0.24);
}

.ql-map-marker-collected {
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: inline-flex;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216, 255, 232, 0.52);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(70, 190, 125, 0.98), rgba(29, 130, 80, 0.98));
  box-shadow:
    0 1px 6px rgba(0, 0, 0, 0.3),
    0 0 10px rgba(61, 214, 138, 0.32);
}

.ql-map-marker-collected__check {
  transform: translateY(-0.5px);
  color: #f2fff7;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.72);
}

.ql-map-tooltip {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ql-map-tooltip .leaflet-tooltip-content {
  margin: 0;
  padding: 0;
}

.ql-map-tooltip__title {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(16, 12, 22, 0.96);
  padding: 0 0.85rem;
  color: #fff2dc;
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.map-sidebar {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  bottom: 0.75rem;
  z-index: 1300;
  display: flex;
  width: 23.5rem;
  max-width: calc(100% - 1.5rem);
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.9rem;
  background: rgba(30, 26, 36, 0.96);
  padding: 0.65rem;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(10px);
}

.sidebar-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
}

.sidebar-top-actions {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.sidebar-header {
  display: flex;
  height: 2.55rem;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7rem;
  background: rgba(12, 10, 16, 0.82);
  padding: 0 0.55rem;
}

.search-box {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: center;
  gap: 0.45rem;
}

.search-icon {
  width: 1rem;
  height: 1rem;
  background: #817987;
  -webkit-mask: url("/assets/icons/search.svg") center / contain no-repeat;
  mask: url("/assets/icons/search.svg") center / contain no-repeat;
}

.search-box input,
.marker-form input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 0.55rem;
  background: rgba(0, 0, 0, 0.28);
  color: var(--text);
  outline: none;
}

.search-box input {
  height: 2rem;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0.88rem;
}

.search-box input:focus,
.marker-form input:focus {
  border-color: var(--line-strong);
  box-shadow: 0 0 0 3px rgba(220, 168, 82, 0.12);
}

.square-button {
  display: inline-flex;
  width: 2rem;
  min-height: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.55rem;
  background: rgba(16, 13, 20, 0.78);
  color: #a8a2ae;
  font-size: 0;
  line-height: 1;
}

.search-reset {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: #928897;
  cursor: pointer;
}

.search-reset::before,
.square-button::before,
.sidebar-toggle::before,
.map-tool::before {
  display: block;
  width: 1rem;
  height: 1rem;
  background: currentColor;
  content: "";
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.search-reset::before {
  -webkit-mask-image: url("/assets/icons/rotate-ccw.svg");
  mask-image: url("/assets/icons/rotate-ccw.svg");
}

#collapseSidebar::before {
  -webkit-mask-image: url("/assets/icons/chevron-left.svg");
  mask-image: url("/assets/icons/chevron-left.svg");
}

.sidebar-toggle::before {
  width: 1.15rem;
  height: 1.15rem;
  -webkit-mask-image: url("/assets/icons/chevron-right.svg");
  mask-image: url("/assets/icons/chevron-right.svg");
}

.search-reset:hover,
.square-button:hover {
  border-color: rgba(235, 202, 130, 0.34);
  color: #fff0bc;
}

.sidebar-scroll {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 0 0.15rem 0 0;
  scrollbar-width: none;
}

.sidebar-scroll::-webkit-scrollbar {
  display: none;
}

.search-results,
.category-list {
  display: grid;
  gap: 0.45rem;
}

.category-section {
  display: grid;
  gap: 0.45rem;
  padding-bottom: 0.75rem;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5rem;
  border: 0;
  border-radius: 0.4rem;
  background: transparent;
  color: #8b8491;
  cursor: pointer;
  padding: 0 0.15rem;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}

.category-button,
.result-button {
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0.55rem;
  background: rgba(18, 15, 23, 0.72);
  color: #bdb6c3;
  cursor: pointer;
  text-align: left;
}

.category-button {
  display: grid;
  grid-template-columns: 1.05rem minmax(0, 1fr);
  align-items: center;
  gap: 0.32rem;
  min-height: 2.45rem;
  padding: 0.36rem 0.52rem;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1.15;
}

.category-button img,
.result-button img {
  width: 1.05rem;
  height: 1.05rem;
  object-fit: contain;
}

.category-button span {
  min-width: 0;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.category-button.is-active {
  border-color: rgba(235, 202, 130, 0.66);
  background: rgba(38, 32, 43, 0.92);
  color: #f5efe1;
}

.result-button {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.55rem;
  min-height: 3.55rem;
  padding: 0.55rem;
}

.result-title {
  min-width: 0;
  overflow-wrap: anywhere;
  hyphens: auto;
  color: #fff3dd;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.18;
}

.result-meta {
  display: block;
  overflow: hidden;
  margin-top: 0.18rem;
  color: var(--dim);
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.codex-badge {
  display: inline-flex;
  min-width: 2.2rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 220, 132, 0.42);
  border-radius: 999px;
  background: rgba(255, 203, 93, 0.08);
  color: #ffe6a8;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
}

.codex-badge.is-collected {
  border-color: rgba(104, 224, 151, 0.48);
  background: rgba(57, 184, 112, 0.12);
  color: #c8f9d7;
  box-shadow: 0 0 0 1px rgba(104, 224, 151, 0.08) inset;
}

.segmented {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  gap: 0.3rem;
}

.segment {
  min-width: 2.5rem;
  height: 1.95rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.55rem;
  background: rgba(16, 13, 20, 0.78);
  color: #a8a2ae;
  cursor: pointer;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.segment.is-active {
  border-color: rgba(235, 202, 130, 0.62);
  color: #f5efe1;
}

.color-swatch {
  width: 1.55rem;
  height: 1.55rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: var(--swatch);
  cursor: pointer;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3);
}

.color-swatch.is-active {
  border-color: rgba(255, 255, 255, 0.75);
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, 0.3),
    0 0 0 2px rgba(240, 201, 106, 0.42);
}

.marker-form label {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.marker-coordinates {
  min-height: 1.35rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(240, 201, 106, 0.22);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.marker-copy-button {
  justify-content: center;
  width: 100%;
}

.sidebar-toggle,
.map-toolbar {
  position: absolute;
  z-index: 1300;
}

.sidebar-toggle {
  left: 0.85rem;
  top: 0.85rem;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid rgba(235, 202, 130, 0.28);
  border-radius: 0.65rem;
  background: rgba(18, 14, 24, 0.76);
  color: #f8e8bb;
  cursor: pointer;
  font-size: 0;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.32),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(8px);
}

.sidebar-toggle:hover {
  border-color: rgba(235, 202, 130, 0.5);
  background: rgba(30, 24, 36, 0.88);
  color: #fff2c8;
}

.map-toolbar {
  right: 0.9rem;
  top: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.95rem;
  background: rgba(28, 24, 34, 0.92);
  padding: 0.35rem;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(10px);
}

.map-tool {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7rem;
  background: rgba(12, 10, 16, 0.82);
  color: #f0e9d8;
  cursor: pointer;
  font-weight: 900;
}

.map-tool::before {
  width: 1.08rem;
  height: 1.08rem;
}

#briefingDrawToggle::before {
  -webkit-mask-image: url("/assets/icons/pencil.svg");
  mask-image: url("/assets/icons/pencil.svg");
}

#briefingVisibilityToggle::before {
  -webkit-mask-image: url("/assets/icons/eye.svg");
  mask-image: url("/assets/icons/eye.svg");
}

#briefingVisibilityToggle.is-muted::before {
  -webkit-mask-image: url("/assets/icons/eye-off.svg");
  mask-image: url("/assets/icons/eye-off.svg");
}

.map-toolbar.is-expanded #briefingVisibilityToggle {
  display: none;
}

#briefingEraseToggle::before {
  -webkit-mask-image: url("/assets/icons/eraser.svg");
  mask-image: url("/assets/icons/eraser.svg");
}

#briefingUndo::before {
  -webkit-mask-image: url("/assets/icons/undo-2.svg");
  mask-image: url("/assets/icons/undo-2.svg");
}

#briefingClear::before {
  -webkit-mask-image: url("/assets/icons/trash-2.svg");
  mask-image: url("/assets/icons/trash-2.svg");
}

#briefingCollapseToggle::before {
  -webkit-mask-image: url("/assets/icons/chevron-right.svg");
  mask-image: url("/assets/icons/chevron-right.svg");
}

.map-tool:hover,
.map-tool.is-active,
.color-swatch:hover {
  border-color: rgba(235, 202, 130, 0.52);
  color: #fff0bc;
}

.map-tool.is-muted {
  color: #766f7e;
  opacity: 0.74;
}

.text-tool {
  width: auto;
  padding: 0 1rem;
  font-size: 0.73rem;
  letter-spacing: 0.08em;
}

.mini-tool {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.55rem;
}

.draw-palette {
  display: none;
  align-items: center;
  gap: 0.3rem;
  margin-left: 0.2rem;
}

.briefing-expanded {
  display: none;
}

.map-toolbar.is-expanded > .briefing-expanded.map-tool,
.map-toolbar.is-expanded .draw-palette {
  display: flex;
}

.point-tooltip {
  position: absolute;
  z-index: 1300;
  max-width: 16rem;
  transform: translate(-50%, calc(-100% - 0.9rem));
  pointer-events: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel-strong);
  padding: 0.45rem 0.7rem;
  color: #fff2dc;
  font-size: 0.78rem;
  font-weight: 800;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.38);
}

.selected-point {
  position: absolute;
  right: 1rem;
  bottom: 1.38rem;
  z-index: 1300;
  width: min(24rem, calc(100vw - 2rem));
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  background: var(--panel-strong);
  padding: 0.85rem;
  box-shadow: var(--shadow);
}

.selected-point-row {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
}

.selected-point img {
  width: 2.2rem;
  height: 2.2rem;
  object-fit: contain;
}

.selected-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 900;
}

.selected-meta {
  margin-top: 0.12rem;
  color: var(--muted);
  font-size: 0.78rem;
}

.codex-toggle {
  min-height: 2rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: #eadfcc;
  cursor: pointer;
  padding: 0 0.75rem;
  font-size: 0.72rem;
  font-weight: 900;
}

.codex-toggle.is-done {
  border-color: rgba(102, 226, 148, 0.42);
  background: rgba(77, 186, 112, 0.16);
  color: #c8f8d8;
}

.map-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1500;
  transform: translate(-50%, -50%);
  border: 1px solid var(--line);
  border-radius: 0.75rem;
  background: var(--panel-strong);
  padding: 0.9rem 1rem;
  color: #fff0bd;
  box-shadow: var(--shadow);
}

.ql-map-custom-marker-icon {
  background: transparent;
  border: 0;
}

.ql-map-custom-marker {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 40px;
  align-items: center;
  justify-content: center;
  clip-path: polygon(18% 8%, 82% 8%, 100% 34%, 86% 72%, 50% 100%, 14% 72%, 0% 34%);
  background:
    linear-gradient(180deg, rgba(197, 255, 64, 0.98), rgba(113, 225, 34, 0.98) 55%, rgba(62, 168, 28, 0.98));
  box-shadow:
    0 0 0 1px rgba(236, 255, 171, 0.72) inset,
    0 0 12px rgba(156, 255, 65, 0.32),
    0 10px 18px rgba(0, 0, 0, 0.42);
}

.ql-map-custom-marker__face {
  position: relative;
  display: inline-flex;
  width: 24px;
  height: 29px;
  align-items: center;
  justify-content: center;
  clip-path: polygon(18% 8%, 82% 8%, 100% 34%, 86% 70%, 50% 100%, 14% 70%, 0% 34%);
  background:
    radial-gradient(circle at 50% 18%, rgba(226, 255, 171, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(116, 154, 42, 0.98), rgba(64, 101, 24, 0.98) 44%, rgba(36, 57, 16, 0.98));
  box-shadow:
    0 0 0 1px rgba(220, 255, 146, 0.42) inset,
    0 0 0 1px rgba(18, 28, 10, 0.92);
}

.ql-map-custom-marker__face::after {
  position: absolute;
  inset: 2px 3px 6px;
  clip-path: polygon(18% 8%, 82% 8%, 100% 34%, 86% 70%, 50% 100%, 14% 70%, 0% 34%);
  background:
    linear-gradient(180deg, rgba(235, 255, 196, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(135, 186, 48, 0.12), rgba(0, 0, 0, 0) 60%);
  opacity: 0.9;
  content: "";
}

.ql-map-custom-marker__label {
  position: relative;
  z-index: 1;
  transform: translateY(-1px);
  color: #d6dbca;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
  text-shadow:
    0 1px 0 rgba(0, 0, 0, 0.98),
    1px 0 0 rgba(0, 0, 0, 0.98),
    -1px 0 0 rgba(0, 0, 0, 0.98),
    0 -1px 0 rgba(0, 0, 0, 0.98),
    0 2px 6px rgba(0, 0, 0, 0.42);
  text-transform: uppercase;
  user-select: none;
  pointer-events: none;
}

.is-briefing-draw {
  cursor: crosshair;
}

.is-briefing-erase {
  cursor: cell;
}

.info-panel {
  width: 100%;
  max-width: none;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.info-native {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  gap: 0.75rem;
  overflow: auto;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 0.95rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 18rem),
    rgba(13, 10, 18, 0.96);
  padding: clamp(0.75rem, 1.2vw, 1.25rem);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.36);
  scrollbar-width: none;
}

.services-panel {
  overflow: auto;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 12% 0%, rgba(225, 180, 90, 0.13), transparent 30rem),
    linear-gradient(180deg, rgba(18, 15, 23, 0.98), rgba(8, 7, 12, 0.98));
}

.services-root {
  min-height: 100%;
  padding: 1.15rem;
}

.news-panel {
  overflow: auto;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 14% 0%, rgba(225, 180, 90, 0.12), transparent 28rem),
    linear-gradient(180deg, rgba(18, 15, 23, 0.98), rgba(8, 7, 12, 0.98));
}

.news-root {
  min-height: 100%;
  padding: clamp(0.9rem, 1.5vw, 1.5rem);
}

.news-layout {
  display: grid;
  width: min(100%, 86rem);
  margin: 0 auto;
  gap: 1rem;
}

.news-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}

.news-head h1 {
  margin: 0;
  color: #fff3d7;
  font-size: clamp(1.55rem, 2.4vw, 2.25rem);
  font-weight: 900;
}

.news-feed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 1rem;
}

.news-card {
  display: flex;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0.95rem;
  background: rgba(18, 16, 23, 0.86);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.28);
}

.news-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.8rem;
  padding: clamp(0.85rem, 1.4vw, 1.15rem);
}

.news-card.is-promoted {
  grid-column: 1 / -1;
  border-color: rgba(46, 236, 205, 0.42);
  background:
    radial-gradient(circle at 15% 0%, rgba(46, 236, 205, 0.16), transparent 26rem),
    radial-gradient(circle at 85% 4%, rgba(85, 123, 255, 0.18), transparent 30rem),
    linear-gradient(180deg, rgba(18, 18, 31, 0.98), rgba(8, 8, 15, 0.99));
  box-shadow:
    0 1.4rem 4.4rem rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(46, 236, 205, 0.1) inset,
    0 0 2.2rem rgba(46, 236, 205, 0.12);
}

.news-card.is-promoted .news-card-body {
  gap: 1rem;
  padding: clamp(1rem, 1.7vw, 1.35rem);
}

.news-pinned-row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

.news-pinned-row .news-card.is-promoted {
  grid-column: auto;
}

.news-pinned-row .news-card.is-promoted .news-text {
  font-size: clamp(0.92rem, 1.1vw, 1rem);
}

.news-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.7rem;
  color: #a9a1b3;
  font-size: 0.76rem;
  font-weight: 900;
}

.news-badge {
  border: 1px solid rgba(110, 196, 255, 0.34);
  border-radius: 999px;
  background: rgba(67, 154, 220, 0.12);
  color: #bde4ff;
  padding: 0.24rem 0.5rem;
}

.news-badge.is-promo,
.news-badge.is-pinned {
  border-color: rgba(46, 236, 205, 0.45);
  background: rgba(46, 236, 205, 0.13);
  color: #adfff0;
}

.news-badge.is-pinned {
  border-color: rgba(255, 211, 105, 0.5);
  background: rgba(255, 211, 105, 0.12);
  color: #ffe4a3;
}

.news-text {
  color: #f6ebd4;
  font-size: 0.98rem;
  font-weight: 750;
  line-height: 1.5;
}

.news-text a {
  color: #8cc8ff;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.news-card.is-promoted .news-text {
  color: #f7f3e8;
  font-size: clamp(1rem, 1.45vw, 1.12rem);
}

.news-card.is-promoted .news-text b,
.news-card.is-promoted .news-text strong {
  color: #ffffff;
}

.news-card.is-promoted .news-text ul {
  display: grid;
  gap: 0.35rem;
  margin: 0.2rem 0;
  padding-left: 1.15rem;
}

.news-promo-code {
  display: grid;
  gap: 0.25rem;
  max-width: 31rem;
  margin: 1rem 0 0.85rem;
  border: 1px solid rgba(46, 236, 205, 0.62);
  border-radius: 0.55rem;
  background:
    linear-gradient(135deg, rgba(7, 20, 34, 0.92), rgba(9, 89, 96, 0.34)),
    radial-gradient(circle at 12% 15%, rgba(46, 236, 205, 0.3), transparent 36%);
  color: #eafff9;
  padding: 0.75rem 0.9rem;
  box-shadow: 0 0.9rem 2rem rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.news-promo-code-label,
.news-promo-code span:last-child {
  color: #b7fff3;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.news-promo-code strong {
  color: #ffffff;
  font-size: clamp(2rem, 5vw, 3.6rem);
  font-weight: 1000;
  line-height: 0.95;
  text-shadow: 0 0 1rem rgba(46, 236, 205, 0.55);
}

.news-card.is-promoted .news-text a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.4rem;
  border: 1px solid rgba(46, 236, 205, 0.58);
  border-radius: 0.55rem;
  background:
    linear-gradient(180deg, rgba(46, 236, 205, 0.22), rgba(13, 104, 118, 0.24));
  color: #d9fff7;
  font-weight: 950;
  padding: 0.52rem 0.85rem;
  text-decoration: none;
  box-shadow: 0 0.75rem 1.8rem rgba(0, 0, 0, 0.22);
}

.news-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: 0;
}

.news-gallery a {
  display: block;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.news-gallery img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: initial;
  background: transparent;
}

@media (max-width: 920px) {
  .news-layout {
    width: min(100%, 46rem);
  }

  .news-feed {
    grid-template-columns: 1fr;
  }
}

.news-poll {
  display: grid;
  gap: 0.7rem;
  border: 1px solid rgba(110, 196, 255, 0.16);
  border-radius: 0.85rem;
  background:
    linear-gradient(180deg, rgba(70, 147, 203, 0.1), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.035);
  padding: 0.85rem;
}

.news-poll h3 {
  margin: 0;
  color: #fff3d7;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.35;
}

.news-poll-type,
.news-poll-summary {
  color: #9db3c8;
  font-size: 0.86rem;
  font-weight: 800;
}

.news-poll-options {
  display: grid;
  gap: 0.55rem;
}

.news-poll-option {
  display: grid;
  gap: 0.25rem;
}

.news-poll-row {
  display: grid;
  grid-template-columns: 3.2rem minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 0.45rem;
  color: #efe7f5;
  font-weight: 850;
  line-height: 1.32;
}

.news-poll-row strong {
  color: #fff9e8;
  font-weight: 950;
}

.news-poll-row span {
  min-width: 0;
}

.news-poll-row em {
  color: #8da2b7;
  font-style: normal;
  font-weight: 850;
}

.news-poll-track {
  overflow: hidden;
  height: 0.28rem;
  border-radius: 999px;
  background: rgba(64, 130, 171, 0.28);
}

.news-poll-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #4db0f2, #64d9ff);
}

.news-unsupported {
  border: 1px solid rgba(255, 212, 128, 0.18);
  border-radius: 0.75rem;
  background: rgba(255, 212, 128, 0.06);
  color: #d9cedf;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.4;
  padding: 0.8rem 0.9rem;
}

.news-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.7rem;
}

.news-card .news-footer {
  margin-top: auto;
}

.news-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.news-chip {
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #e9e1ef;
  font-size: 0.78rem;
  font-weight: 900;
  padding: 0.26rem 0.5rem;
}

.weather-panel {
  overflow: auto;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 14% 0%, rgba(225, 180, 90, 0.12), transparent 28rem),
    linear-gradient(180deg, rgba(18, 15, 23, 0.98), rgba(8, 7, 12, 0.98));
  user-select: none;
  -webkit-user-select: none;
}

.weather-panel * {
  user-select: none;
  -webkit-user-select: none;
}

.weather-root {
  min-height: 100%;
  padding: clamp(0.9rem, 1.5vw, 1.5rem);
}

.weather-layout {
  display: grid;
  width: min(100%, 74rem);
  margin: 0 auto;
  gap: 1rem;
}

.weather-summary-grid {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, minmax(11rem, 0.7fr));
  gap: 0.8rem;
  align-items: stretch;
}

.weather-card {
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0.95rem;
  background: rgba(18, 16, 23, 0.86);
  padding: clamp(0.85rem, 1.3vw, 1.1rem);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.28);
}

.weather-now-card {
  display: flex;
  min-height: 10rem;
  align-items: center;
  gap: 1rem;
}

.weather-symbol {
  display: grid;
  width: 4.9rem;
  height: 4.9rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(244, 209, 120, 0.26);
  border-radius: 0.75rem;
  background: linear-gradient(145deg, rgba(244, 209, 120, 0.17), rgba(91, 58, 140, 0.12));
  overflow: hidden;
}

.weather-state-icon {
  position: relative;
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 0.55rem rgba(255, 218, 124, 0.22));
}

.weather-symbol .weather-state-icon {
  width: 3.35rem;
  height: 3.35rem;
}

.weather-state-icon-day {
  border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #fff7b4 0 12%, #ffce35 35%, #f1841f 72%, #b84d16 100%);
  box-shadow: 0 0 0.8rem rgba(255, 200, 63, 0.42);
}

.weather-state-icon-day::before {
  content: "";
  position: absolute;
  inset: -0.5rem;
  z-index: -1;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(255, 218, 90, 0.95) 0 8deg, transparent 8deg 20deg);
  opacity: 0.72;
}

.weather-state-icon-night {
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle at 36% 34%, #fff9ca 0 22%, #f4cf77 57%, #b78032 100%);
  box-shadow: 0 0 0.8rem rgba(170, 132, 255, 0.24);
}

.weather-state-icon-night::after {
  content: "";
  position: absolute;
  top: 0;
  right: -29%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(circle at 44% 48%, #1b1530 0 60%, #100c1e 100%);
}

.weather-state-icon-rain {
  border-radius: 0.45rem;
  background:
    radial-gradient(circle at 32% 44%, #f7fbff 0 16%, transparent 17%),
    radial-gradient(circle at 50% 34%, #e8f5ff 0 20%, transparent 21%),
    radial-gradient(circle at 68% 46%, #d1eaff 0 17%, transparent 18%),
    linear-gradient(180deg, #519fd1, #23587f);
  box-shadow: inset 0 -0.22rem 0 rgba(255, 255, 255, 0.14), 0 0 0.75rem rgba(95, 178, 232, 0.35);
}

.weather-state-icon-rain::after {
  content: "";
  position: absolute;
  right: 0.35rem;
  bottom: 0.12rem;
  left: 0.35rem;
  height: 42%;
  background: repeating-linear-gradient(115deg, rgba(206, 236, 255, 0.95) 0 0.12rem, transparent 0.12rem 0.42rem);
  opacity: 0.9;
}

.weather-now-details {
  display: grid;
  gap: 0.15rem;
  margin-top: 0.45rem;
}

.weather-kicker {
  margin: 0 0 0.35rem;
  color: #b2a3bd;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.weather-now-card h1 {
  margin: 0;
  color: #fff3d7;
  font-size: clamp(1.85rem, 3.6vw, 3.2rem);
  line-height: 1;
  text-transform: capitalize;
}

.weather-card h2 {
  margin: 0;
  color: #fff3d7;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.08;
}

.weather-card p {
  margin: 0;
  color: #d8cfe0;
  line-height: 1.45;
}

.weather-stat-card {
  display: grid;
  min-height: 10rem;
  align-content: center;
  gap: 0.45rem;
}

.weather-card-title {
  margin: 0 0 0.15rem;
  color: #f5cf77;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.weather-countdown {
  color: #fff3d7;
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.weather-timeline-card {
  position: relative;
  display: grid;
  gap: 0.9rem;
  overflow: hidden;
  border-color: rgba(244, 209, 120, 0.26);
  background:
    linear-gradient(135deg, rgba(244, 209, 120, 0.08), transparent 16rem),
    radial-gradient(circle at 50% 120%, rgba(100, 47, 132, 0.18), transparent 32rem),
    rgba(17, 15, 21, 0.92);
}

.weather-timeline-card::before,
.weather-timeline-card::after {
  content: "";
  position: absolute;
  right: 1rem;
  left: 1rem;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(244, 209, 120, 0.45), transparent);
}

.weather-timeline-card::before {
  top: 0;
}

.weather-timeline-card::after {
  bottom: 0;
}

.weather-timeline-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.weather-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  color: #cfc6d4;
  font-size: 0.78rem;
  font-weight: 800;
}

.weather-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.weather-legend i {
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.15rem;
}

.weather-legend .is-day i { background: #d4a94b; }
.weather-legend .is-night i { background: #39305f; }
.weather-legend .is-rain i { background: #4b99c9; }

.weather-timeline-shell {
  display: grid;
  gap: 0.45rem;
}

.weather-timeline {
  position: relative;
  display: flex;
  min-height: 5.45rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 0 0 1px rgba(244, 209, 120, 0.05);
}

.weather-timeline-segment {
  position: relative;
  display: flex;
  flex: 0 0 var(--segment-width, auto);
  width: var(--segment-width, auto);
  min-width: 0;
  align-items: center;
  justify-content: center;
  color: #fff4ca;
  font-size: 1.7rem;
  font-weight: 900;
  overflow: hidden;
}

.weather-segment-start-time {
  position: absolute;
  bottom: 0.34rem;
  left: 0.38rem;
  z-index: 2;
  max-width: calc(100% - 0.5rem);
  overflow: hidden;
  color: #e8d8ff;
  font-size: 0.72rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-overflow: clip;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 0.5rem rgba(0, 0, 0, 0.85);
  white-space: nowrap;
}

.weather-timeline-segment.is-compact .weather-segment-start-time {
  left: 50%;
  max-width: 100%;
  font-size: 0.62rem;
  transform: translateX(-50%);
}

.weather-timeline-segment + .weather-timeline-segment {
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.07);
}

.weather-timeline-segment.is-day {
  background:
    linear-gradient(180deg, rgba(255, 232, 144, 0.15), transparent 48%),
    linear-gradient(90deg, rgba(143, 101, 31, 0.88), rgba(218, 169, 64, 0.62));
}

.weather-timeline-segment.is-night {
  background:
    radial-gradient(circle at 20% 15%, rgba(160, 130, 255, 0.22), transparent 38%),
    linear-gradient(90deg, rgba(47, 39, 88, 0.96), rgba(30, 25, 57, 0.9));
}

.weather-timeline-segment.is-rain {
  background:
    repeating-linear-gradient(115deg, rgba(185, 224, 255, 0.2) 0 0.34rem, transparent 0.34rem 0.86rem),
    linear-gradient(90deg, rgba(43, 99, 137, 0.94), rgba(87, 158, 202, 0.72));
}

.weather-timeline-time {
  position: relative;
  height: 1.05rem;
  color: #a99fb1;
  font-size: 0.75rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.weather-timeline-time span {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

.weather-timeline-time span:first-child {
  transform: translateX(0);
}

.weather-timeline-time span:last-child {
  transform: translateX(-100%);
}

.weather-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.weather-card-headline {
  margin-bottom: 0.75rem;
}

.weather-slots-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.55rem;
}

.weather-slot {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.65rem;
}

.weather-slot.is-live,
.weather-slot.is-next {
  border-color: rgba(244, 209, 120, 0.42);
  background: rgba(244, 209, 120, 0.12);
}

.weather-slot strong {
  display: block;
  color: #fff3d7;
  font-size: 0.95rem;
  font-variant-numeric: tabular-nums;
}

.weather-slot span {
  color: #bdb3c6;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.weather-seo-text,
.weather-faq {
  display: grid;
  gap: 0.65rem;
}

.weather-seo-text h2,
.weather-faq h2 {
  margin: 0;
  color: #fff3d7;
  font-size: 1.2rem;
}

.weather-seo-text p {
  margin: 0;
  color: #d6cde0;
  line-height: 1.5;
}

.weather-seo-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.weather-seo-links a {
  border: 1px solid rgba(244, 209, 120, 0.24);
  border-radius: 999px;
  color: #ffe3a3;
  font-weight: 850;
  padding: 0.42rem 0.7rem;
  text-decoration: none;
}

.weather-faq details {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.75rem 0.9rem;
}

.weather-faq summary {
  color: #fff3d7;
  cursor: pointer;
  font-weight: 900;
}

.weather-faq p {
  margin: 0.55rem 0 0;
  color: #d6cde0;
  line-height: 1.5;
}

.weather-empty {
  color: #bdb3c6;
}

.formulas-panel {
  overflow: auto;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 1.15rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 18rem),
    rgba(13, 10, 18, 0.96);
}

.formulas-root {
  min-height: 100%;
  padding: clamp(0.9rem, 1.5vw, 1.5rem);
}

.formula-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.formula-topbar h1 {
  margin: 0;
  color: #fff3d7;
  font-size: clamp(1.4rem, 2.2vw, 2.05rem);
  font-weight: 900;
}

.formula-meta {
  color: #a9a1b3;
  font-size: 0.78rem;
  font-weight: 800;
}

.formula-layout {
  display: grid;
  grid-template-columns: minmax(12rem, 17rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.formula-toc {
  position: sticky;
  top: 0.75rem;
  display: flex;
  max-height: calc(100vh - 12rem);
  flex-direction: column;
  gap: 0.35rem;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.9rem;
  background: rgba(8, 7, 12, 0.72);
  padding: 0.8rem;
}

.formula-toc strong {
  color: #f9ddb0;
  font-size: 0.74rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.formula-toc a {
  border-radius: 0.55rem;
  color: #d6d0dc;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
  padding: 0.45rem 0.55rem;
  text-decoration: none;
}

.formula-toc a:hover {
  background: rgba(244, 209, 120, 0.14);
  color: #ffe9ac;
}

.formula-articles {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1rem;
}

.formula-article {
  overflow: hidden;
  border: 1px solid rgba(235, 218, 176, 0.16);
  border-radius: 0.95rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 16rem),
    rgba(17, 14, 23, 0.96);
  color: #e9e3d6;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.32);
}

.formula-article-header {
  border-bottom: 1px solid rgba(235, 218, 176, 0.12);
  background:
    radial-gradient(circle at 10% 0%, rgba(235, 184, 91, 0.18), transparent 22rem),
    rgba(12, 10, 17, 0.78);
  padding: clamp(0.95rem, 1.7vw, 1.35rem);
}

.formula-article-header h2 {
  margin: 0;
  color: #fff0c4;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  font-weight: 900;
}

.formula-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.9rem;
  margin-top: 0.55rem;
  color: #474747;
  font-size: 0.82rem;
  font-weight: 800;
}

.formula-article-meta a,
.formula-content a,
.formula-attribution a {
  color: #8ec5ff;
  font-weight: 900;
}

.formula-content {
  padding: clamp(1rem, 2vw, 1.65rem);
  font-family: Arial, "Noto Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.48;
}

.formula-content h2,
.formula-content h3,
.formula-content h4 {
  clear: both;
  color: #fff0c4;
  font-weight: 900;
  line-height: 1.15;
}

.formula-content h2 {
  margin: 2rem 0 0.8rem;
  font-size: clamp(1.45rem, 2vw, 2rem);
}

.formula-content h3 {
  margin: 1.4rem 0 0.55rem;
  font-size: 1.24rem;
}

.formula-content p,
.formula-content ul,
.formula-content ol,
.formula-content figure,
.formula-content table {
  margin: 0.8rem 0;
}

.formula-content ul,
.formula-content ol {
  padding-left: 1.4rem;
}

.formula-content li + li {
  margin-top: 0.32rem;
}

.formula-content blockquote {
  margin: 1rem 0;
  border-left: 3px solid rgba(245, 207, 124, 0.72);
  border-radius: 0.7rem;
  background: rgba(245, 207, 124, 0.08);
  padding: 0.8rem 1rem;
}

.formula-content blockquote p {
  margin: 0.35rem 0;
}

.formula-content img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0.45rem;
}

.formula-content figure.aligncenter,
.formula-content .has-text-align-center {
  text-align: center;
}

.formula-content figure.aligncenter img {
  margin-inline: auto;
}

.formula-content .formula-source-image {
  margin: 0.9rem auto 1.25rem;
}

.formula-content .formula-source-image img {
  background: #fff;
  padding: 0.15rem;
}

.formula-content .formula-media-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(220px, 1fr);
  gap: 1rem;
  align-items: center;
  margin: 0.85rem 0 1.15rem;
}

.formula-content .formula-media-row-even {
  grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.formula-content .formula-media-row .formula-source-image {
  margin: 0;
}

.formula-content .formula-variables {
  border: 1px solid rgba(255, 217, 125, 0.22);
  border-radius: 0.7rem;
  background: rgba(5, 4, 8, 0.62);
  padding: 0.85rem 0.95rem;
}

.formula-content .formula-variables p {
  margin: 0.25rem 0;
}

.formula-content hr {
  border: 0;
  border-top: 1px solid rgba(235, 218, 176, 0.16);
  margin: 1.4rem 0;
}

.formula-content table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid rgba(235, 218, 176, 0.14);
  border-radius: 0.55rem;
  background: rgba(10, 8, 14, 0.72);
}

.formula-content th,
.formula-content td {
  border: 1px solid rgba(235, 218, 176, 0.1);
  padding: 0.55rem 0.65rem;
  text-align: left;
  vertical-align: top;
}

.formula-content code {
  display: inline-block;
  border-radius: 0.4rem;
  background: rgba(5, 4, 8, 0.82);
  color: #ffe18a;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.92em;
  font-weight: 900;
  padding: 0.14rem 0.35rem;
}

.formula-content mark,
.formula-combined-summary mark {
  border-radius: 0.28rem;
  background: rgba(255, 220, 120, 0.16);
  color: inherit;
  font-weight: 900;
  padding: 0.02rem 0.16rem;
}

.formula-content .has-throne-character-stats-color,
.formula-content .has-mid-blue-color,
.formula-combined-summary .has-throne-character-stats-color,
.formula-combined-summary .has-mid-blue-color {
  color: #79c7ff;
}

.formula-content .has-throne-in-game-terms-color,
.formula-combined-summary .has-throne-in-game-terms-color {
  color: #ffd36e;
}

.formula-content .tal-skill,
.formula-content .tal-skill-trait {
  color: #ffd36e;
  font-weight: 800;
}

.formula-content .has-throne-cc-color,
.formula-combined-summary .has-throne-cc-color {
  color: #ff9aa8;
}

.formula-content .wp-block-spacer {
  height: var(--rutl-spacer-height, 1rem);
}

.formula-content .wp-block-advgb-columns,
.formula-content .advgb-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

@media (max-width: 760px) {
  .formula-content .formula-media-row {
    grid-template-columns: 1fr;
  }
}

.rutl-formula-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin: 0.7rem 0 1rem;
  border: 1px solid rgba(255, 217, 125, 0.32);
  border-radius: 0.7rem;
  background: rgba(235, 184, 91, 0.14);
  padding: 0.8rem 0.95rem;
}

.formula-attribution {
  border: 1px solid rgba(235, 218, 176, 0.14);
  border-radius: 0.8rem;
  background: rgba(8, 7, 12, 0.72);
  color: #b9b0c2;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.85rem 1rem;
}

.formula-attribution p {
  margin: 0 0 0.45rem;
}

.formula-attribution a {
  display: block;
  color: #f5cf7c;
}

.calculator-panel {
  overflow: auto;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 50% 0%, rgba(225, 180, 90, 0.09), transparent 28rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 18rem),
    rgba(7, 7, 10, 0.98);
}

.calculator-root {
  min-height: 100%;
  padding: clamp(0.8rem, 1.6vw, 1.45rem);
}

.calculator-shell {
  width: min(70rem, 100%);
  margin: 0 auto;
}

.calculator-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.calculator-topbar h1 {
  margin: 0;
  color: #fff3d7;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 900;
}

.calculator-reset {
  flex: 0 0 auto;
  border-color: rgba(241, 204, 116, 0.28);
  background: rgba(255, 255, 255, 0.04);
  color: #f8dfab;
}

.calculator-mode-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  align-items: stretch;
  gap: 0.55rem;
  margin-bottom: 0.9rem;
}

.calculator-mode {
  display: grid;
  grid-template-rows: 1.25rem 2.35rem;
  min-height: 4.7rem;
  align-content: start;
  gap: 0.22rem;
  overflow: hidden;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 0.75rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
  color: #cfc7d5;
  cursor: pointer;
  padding: 0.65rem 0.75rem;
  text-align: left;
}

.calculator-mode:hover,
.calculator-mode.is-active {
  border-color: rgba(244, 209, 120, 0.54);
  background: linear-gradient(180deg, rgba(244, 209, 120, 0.16), rgba(244, 209, 120, 0.055));
  color: #fff4d6;
}

.calculator-mode strong {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: inherit;
  font-size: 0.92rem;
  font-weight: 950;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.calculator-mode small {
  display: -webkit-box;
  min-width: 0;
  min-height: 2.35rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #9f95a7;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.calculator-mode.is-active small {
  color: #ead59e;
}

.calculator-card {
  display: grid;
  gap: 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.85rem;
  background: rgba(25, 25, 27, 0.94);
  padding: 0.8rem;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
}

.calculator-row {
  display: grid;
  grid-template-columns: minmax(11rem, 1fr) minmax(13rem, 1.05fr) minmax(11rem, 1fr);
  gap: 0.8rem;
  align-items: center;
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.055);
  padding: 0.85rem;
}

.calculator-side {
  min-width: 0;
}

.calculator-side.is-right .calculator-field {
  align-items: flex-end;
}

.calculator-field,
.calculator-field-group {
  display: grid;
  gap: 0.42rem;
  color: #d9cedf;
  font-size: 0.92rem;
  font-weight: 700;
}

.news-telegram-link {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 0.78rem;
  border: 1px solid rgba(255, 190, 72, 0.36);
  border-radius: 7px;
  background: rgba(255, 190, 72, 0.1);
  color: #ffe3a3;
  font-size: 0.84rem;
  font-weight: 850;
  text-decoration: none;
}

.news-telegram-link:hover {
  border-color: rgba(255, 190, 72, 0.58);
  background: rgba(255, 190, 72, 0.16);
  color: #fff1c8;
}

.calculator-field {
  grid-template-rows: 2.55rem 2.35rem;
  align-content: end;
}

.calculator-field > span,
.calculator-field-group > span {
  display: -webkit-box;
  min-width: 0;
  min-height: 2.55rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.calculator-field input {
  width: 100%;
  height: 2.35rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  background: #2b2b2b;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  outline: none;
  padding: 0 0.75rem;
  text-align: center;
}

.calculator-field input:focus {
  border-color: rgba(255, 218, 128, 0.68);
  box-shadow: 0 0 0 2px rgba(255, 218, 128, 0.12);
}

.calculator-result {
  display: grid;
  min-width: 0;
  gap: 0.28rem;
  justify-items: center;
  text-align: center;
}

.calculator-result span {
  color: #e7dfeb;
  font-size: 0.86rem;
  font-weight: 900;
  text-transform: uppercase;
}

.calculator-result strong {
  color: #59dc8e;
  font-size: 1.35rem;
  font-weight: 900;
}

.calculator-result.is-negative strong {
  color: #ff7777;
}

.calculator-result small {
  color: #a9a0ad;
  font-size: 0.72rem;
  font-weight: 800;
}

.calculator-result-kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  min-height: 1.28rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  padding: 0.12rem 0.52rem;
  color: #d9d2df;
  line-height: 1.05;
  text-transform: none;
}

.calculator-result-kind::before {
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: currentColor;
  content: "";
}

.calculator-result.is-offense strong,
.calculator-result.is-defense strong {
  color: #59dc8e;
}

.calculator-result.is-danger strong {
  color: #ff7777;
}

.calculator-result.is-neutral strong {
  color: #cfc7d8;
}

.calculator-result.is-offense .calculator-result-kind {
  border-color: rgba(85, 209, 143, 0.34);
  background: rgba(85, 209, 143, 0.1);
  color: #7ff0ad;
}

.calculator-result.is-defense .calculator-result-kind {
  border-color: rgba(116, 202, 255, 0.34);
  background: rgba(116, 202, 255, 0.1);
  color: #91d8ff;
}

.calculator-result.is-danger .calculator-result-kind {
  border-color: rgba(255, 119, 119, 0.34);
  background: rgba(255, 119, 119, 0.1);
  color: #ff9a9a;
}

.calculator-result.is-neutral .calculator-result-kind {
  border-color: rgba(207, 199, 216, 0.22);
  background: rgba(207, 199, 216, 0.06);
  color: #cfc7d8;
}

.calculator-result.is-danger .calculator-bar span {
  background: linear-gradient(90deg, #ff6868, #ffb36e);
}

.calculator-result.is-defense .calculator-bar span {
  background: linear-gradient(90deg, #6bc7ff, #79e09a);
}

.calculator-result.is-neutral .calculator-bar span {
  background: linear-gradient(90deg, #8a8393, #cfc7d8);
}

.calculator-result.is-large strong {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
}

.calculator-bar {
  width: min(13rem, 100%);
  height: 0.54rem;
  overflow: hidden;
  border-radius: 999px;
  background: #101010;
}

.calculator-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #52d77f, #ffd86a);
  transition: width 120ms ease;
}

.calculator-result.is-negative .calculator-bar span {
  background: linear-gradient(90deg, #ff6b6b, #ffb36e);
}

.calculator-single-card .calculator-row {
  grid-template-columns: minmax(14rem, 0.9fr) minmax(14rem, 1.1fr);
}

.calculator-row-single {
  grid-template-columns: minmax(18rem, 1fr) minmax(16rem, 0.8fr);
  align-items: stretch;
}

.calculator-input-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: end;
  gap: 0.75rem;
  align-content: center;
}

.calculator-input-grid.is-one {
  grid-template-columns: minmax(0, 1fr);
}

.calculator-kind-toggle,
.calculator-cc-types,
.calculator-base-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.calculator-kind-toggle button,
.calculator-cc-types button,
.calculator-base-buttons button {
  min-height: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0.45rem;
  background: #141416;
  color: #d8cfdf;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  padding: 0 0.7rem;
}

.calculator-kind-toggle button.is-active,
.calculator-cc-types button.is-active,
.calculator-base-buttons button.is-active {
  border-color: rgba(244, 209, 120, 0.55);
  background: rgba(244, 209, 120, 0.16);
  color: #ffe9ac;
}

.calculator-kind-toggle {
  justify-content: flex-start;
  padding: 0.1rem 0 0.15rem;
}

.calculator-cc-grid {
  display: grid;
  grid-template-columns: minmax(14rem, 1.15fr) repeat(3, minmax(10.5rem, 1fr));
  grid-auto-rows: 1fr;
  align-items: end;
  gap: 0.7rem;
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.055);
  padding: 0.85rem;
}

.calculator-field-group {
  align-content: start;
}

.calculator-field-group .calculator-field {
  grid-template-rows: 2.55rem 2.35rem;
}

.calculator-field-group > span {
  color: #d9cedf;
}

.calculator-cc-result {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.055);
  padding: 0.85rem;
}

.calculator-cc-result > div:not(.calculator-bar) {
  display: grid;
  justify-items: center;
  gap: 0.25rem;
  color: #d8cfdf;
  font-weight: 900;
  text-align: center;
}

.calculator-cc-result strong {
  color: #59dc8e;
  font-size: 1.7rem;
}

.calculator-cc-result .calculator-bar,
.calculator-cc-result p {
  grid-column: 1 / -1;
}

.calculator-cc-result p {
  margin: 0;
  color: #bdb3c7;
  font-size: 0.82rem;
  font-weight: 800;
  text-align: center;
}


@media (max-width: 980px) {
  .calculator-mode-tabs {
    grid-template-columns: repeat(auto-fit, minmax(10.8rem, 1fr));
  }

  .calculator-row,
  .calculator-row-single,
  .calculator-single-card .calculator-row {
    grid-template-columns: 1fr;
  }

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

  .calculator-side.is-right .calculator-field {
    align-items: stretch;
  }
}

.services-layout {
  display: grid;
  gap: 1rem;
}

.services-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.045);
  padding: 1rem;
}

.services-hero h1 {
  margin: 0.12rem 0 0;
  color: #fff1c7;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1;
}

.services-hero p {
  max-width: 48rem;
  margin: 0.45rem 0 0;
  color: #c9bfce;
  font-size: 0.95rem;
  font-weight: 700;
}

.services-cta {
  display: grid;
  flex: 0 0 auto;
  gap: 0.12rem;
  border: 1px solid rgba(99, 197, 255, 0.38);
  border-radius: 0.85rem;
  background: linear-gradient(180deg, rgba(33, 115, 170, 0.42), rgba(16, 64, 104, 0.42));
  padding: 0.8rem 1rem;
  color: #e8f8ff;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.25);
}

.services-cta span {
  color: rgba(232, 248, 255, 0.78);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.services-cta strong {
  font-size: 1rem;
  font-weight: 950;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.service-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(235, 218, 176, 0.12);
  border-radius: 1rem;
  background: rgba(13, 16, 26, 0.86);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

.service-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.24);
}

.service-gallery a:first-child {
  grid-column: span 3;
}

.service-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.05);
}

.service-card-body {
  display: grid;
  gap: 0.75rem;
  padding: 0.9rem;
}

.service-card-head {
  display: grid;
  gap: 0.5rem;
}

.service-card h2 {
  margin: 0;
  color: #fff5d4;
  font-size: 1.1rem;
  line-height: 1.15;
}

.service-price {
  width: fit-content;
  border: 1px solid rgba(85, 209, 143, 0.4);
  border-radius: 999px;
  background: rgba(85, 209, 143, 0.14);
  color: #a6ffd0;
  padding: 0.28rem 0.6rem;
  font-size: 0.82rem;
  font-weight: 950;
}

.service-card p {
  margin: 0;
  color: #d7cfdd;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.45;
}

.service-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
  padding-top: 0.05rem;
}

.service-action {
  --service-action-icon: url("/assets/icons/diamond.svg");
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 2.15rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.06);
  padding: 0.48rem 0.72rem;
  color: #f3e9ff;
  font-size: 0.78rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.service-action-icon {
  flex: 0 0 auto;
  width: 0.95rem;
  height: 0.95rem;
  background: currentColor;
  -webkit-mask: var(--service-action-icon) center / contain no-repeat;
  mask: var(--service-action-icon) center / contain no-repeat;
}

.service-action.telegram {
  --service-action-icon: url("/assets/icons/telegram.svg");
  border-color: rgba(75, 186, 255, 0.42);
  background: rgba(75, 186, 255, 0.12);
}

.service-action.discord {
  --service-action-icon: url("/assets/icons/discord.svg");
  border-color: rgba(131, 156, 255, 0.42);
  background: rgba(131, 156, 255, 0.12);
}

.service-action.funpay {
  --service-action-icon: url("/assets/icons/funpay.svg");
  border-color: rgba(244, 201, 106, 0.42);
  background: rgba(244, 201, 106, 0.12);
  color: #ffe7a8;
}

.services-empty {
  display: grid;
  justify-items: center;
  gap: 0.45rem;
  border: 1px dashed rgba(235, 218, 176, 0.16);
  border-radius: 1rem;
  padding: 2rem;
  color: #c9bfce;
  text-align: center;
}

.services-empty h2,
.services-empty p {
  margin: 0;
}

.services-empty a {
  color: #9bdcff;
  font-weight: 950;
}

.info-native::-webkit-scrollbar {
  display: none;
}

.info-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.info-kicker,
.info-summary {
  color: #938a9b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.info-topbar h1 {
  margin: 0.1rem 0 0;
  color: #fff2dc;
  font-size: clamp(1.15rem, 2vw, 1.75rem);
  line-height: 1.1;
}

.info-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
  color: #918897;
  font-size: 0.78rem;
  font-weight: 700;
}

.info-top-actions {
  display: grid;
  justify-items: end;
  gap: 0.45rem;
}

.info-zoom-controls {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  border: 1px solid rgba(235, 202, 130, 0.22);
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.28);
  padding: 0.22rem;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.info-zoom-button {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.06);
  color: #fff1c5;
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1;
}

.info-zoom-button:hover:not(:disabled) {
  border-color: rgba(235, 202, 130, 0.54);
  background: rgba(235, 202, 130, 0.13);
}

.info-zoom-button:disabled {
  cursor: default;
  opacity: 0.42;
}

.info-zoom-value {
  min-width: 3.15rem;
  color: #d9d0df;
  font-size: 0.76rem;
  font-weight: 950;
  text-align: center;
}

.info-meta a,
.info-link {
  color: #ffe3a0;
  font-weight: 900;
  text-decoration: none;
}

.info-sheet-tabs,
.info-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.info-sheet-tabs-old {
  margin-top: -0.1rem;
  padding: 0.55rem;
  border: 1px solid rgba(235, 202, 130, 0.12);
  border-radius: 0.8rem;
  background: rgba(235, 202, 130, 0.045);
}

.info-sheet-tab,
.info-filter,
.info-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.65rem;
  background: rgba(0, 0, 0, 0.22);
  color: #bfb7c8;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.05;
  min-height: 2.15rem;
  padding: 0.05rem 0.82rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.info-sheet-tab.is-active,
.info-filter.is-active {
  border-color: rgba(235, 202, 130, 0.6);
  background: rgba(235, 202, 130, 0.13);
  color: #fff1c5;
  box-shadow: inset 0 0 0 1px rgba(235, 202, 130, 0.06);
}

.info-old-toggle {
  border-color: rgba(97, 153, 255, 0.28);
  background: rgba(97, 153, 255, 0.08);
  color: #d9e4ff;
}

.info-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem;
}

.info-search {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  min-height: 2.45rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.28);
  padding: 0 0.75rem;
}

.info-search input {
  min-width: 0;
  border: 0;
  background: transparent;
  color: #f5efe1;
  font: inherit;
  outline: none;
}

.info-filter-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.info-filter-group > span {
  color: #918897;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.info-filter small {
  color: #877f8c;
}

.info-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  gap: 0.75rem;
}

.info-card {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.85rem;
  background: rgba(20, 16, 25, 0.74);
  padding: 0.85rem;
}

.info-card-head {
  display: grid;
  gap: 0.45rem;
  margin-bottom: 0.7rem;
}

.info-card h2 {
  margin: 0;
  color: #fff4de;
  font-size: 1rem;
  line-height: 1.2;
}

.info-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
}

.info-card dl {
  display: grid;
  gap: 0.4rem;
  margin: 0;
}

.info-card dl > div {
  display: grid;
  grid-template-columns: minmax(6rem, 0.78fr) minmax(0, 1.22fr);
  gap: 0.6rem;
  align-items: start;
}

.info-card dt {
  color: #918897;
  font-size: 0.72rem;
  font-weight: 900;
}

.info-card dd {
  min-width: 0;
  margin: 0;
  color: #ded7e6;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.info-sheet-view {
  display: grid;
  gap: 0.35rem;
  min-width: max(100%, calc(var(--info-cols, 1) * 11rem));
}

.info-sheet-row {
  display: grid;
  grid-template-columns: repeat(var(--info-cols, 1), minmax(0, 1fr));
  gap: 0.35rem;
  align-items: stretch;
}

.info-sheet-row.is-spacer {
  min-height: 0.75rem;
}

.info-sheet-cell {
  min-height: 2.15rem;
  min-width: 0;
  border-radius: 0.55rem;
  color: #ddd7e4;
  font-size: 0.8rem;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
  padding: 0.45rem 0.55rem;
}

.info-sheet-cell:not(.is-empty) {
  background: rgba(255, 255, 255, 0.035);
}

.info-sheet-row.is-title .info-sheet-cell:not(.is-empty) {
  color: #fff2dc;
  font-size: 0.9rem;
  font-weight: 950;
}

.info-image-link {
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  border-radius: 0.55rem;
}

.info-image-link img {
  display: block;
  max-width: min(100%, 14rem);
  max-height: 8rem;
  object-fit: contain;
}

.info-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: 0.85rem;
  margin-top: 0.45rem;
}

.info-media-item {
  display: flex;
  min-height: 10rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.035);
}

.info-media-item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 34rem;
  object-fit: contain;
}

.info-media-flow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  gap: 0.75rem;
  margin: 0.55rem 0;
}

.info-media-flow.is-compact {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.info-media-flow.is-compact .info-media-item {
  min-height: 7rem;
}

.info-source-grid {
  display: grid;
  gap: 0.4rem;
  min-width: min(100%, 64rem);
}

.info-source-grid.is-compact {
  gap: 0.3rem;
}

.info-source-row {
  display: grid;
  grid-template-columns: var(--source-template, minmax(0, 1fr));
  gap: 0.35rem;
  align-items: stretch;
}

.info-source-row.is-title {
  margin: 0.45rem 0 0.12rem;
}

.info-source-title {
  grid-column: 1 / -1;
}

.info-source-cell {
  min-width: 0;
  min-height: 2rem;
  border: 1px solid transparent;
  border-radius: 0.48rem;
  background: transparent;
  color: var(--cell-color, #ded7e6);
  font-size: var(--cell-size, 0.79rem);
  font-weight: var(--cell-weight, 760);
  line-height: 1.35;
  overflow-wrap: anywhere;
  padding: 0.42rem 0.52rem;
  text-align: var(--cell-align, left);
}

.info-source-cell.has-content {
  background: rgba(255, 255, 255, 0.026);
}

.info-source-cell.has-accent {
  border-color: var(--cell-border, rgba(255, 255, 255, 0.08));
  background: var(--cell-bg, rgba(255, 255, 255, 0.035));
}

.info-source-cell.is-empty {
  min-height: 1rem;
  border-color: transparent;
  background: transparent;
  padding: 0;
}

.info-source-cell.is-bold,
.info-source-title .info-source-cell {
  color: #fff2dc;
  font-weight: 950;
}

.info-source-title .info-source-cell {
  display: inline-flex;
  min-height: 2.1rem;
  align-items: center;
  width: min(100%, 38rem);
  background: var(--cell-bg, rgba(255, 255, 255, 0.055));
}

.info-source-layout {
  display: grid;
  grid-auto-rows: minmax(1.45rem, auto);
  grid-template-columns: var(--source-template, minmax(0, 1fr));
  gap: 0.28rem 0.5rem;
  align-items: start;
  min-width: min(100%, 70rem);
}

.info-source-layout-cell {
  min-width: 0;
}

.info-source-layout .info-source-cell {
  min-height: 1.45rem;
}

.info-source-layout-media {
  display: flex;
  min-width: 0;
  min-height: 8rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.026);
}

.info-source-layout-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 34rem;
  object-fit: contain;
}

.info-cell-stack,
.info-cell-actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.info-cell-stack {
  flex-direction: column;
}

.info-inline-action {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(235, 202, 130, 0.26);
  border-radius: 999px;
  background: rgba(235, 202, 130, 0.1);
  color: #ffe3a0;
  font-size: 0.68rem;
  font-weight: 900;
  padding: 0.16rem 0.42rem;
}

.info-native-source-viewport {
  overflow: auto;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.85rem;
  background: #e2e2e2;
}

.info-native-source-grid {
  position: relative;
  display: grid;
  align-items: stretch;
  min-width: max-content;
  padding: 0;
  background: #e2e2e2;
  color: #111;
  font-family: Arial, "Helvetica Neue", sans-serif;
}

.info-native-source-scale {
  position: relative;
}

.info-native-source-scale > .info-native-source-layout,
.info-native-source-scale > .info-native-source-grid {
  transform: scale(var(--info-zoom, 1));
  transform-origin: left top;
}

.info-native-source-layout {
  display: flex;
  align-items: flex-start;
  background: #e2e2e2;
  color: #111;
}

.info-native-source-layout.has-guild-side {
  gap: 0;
}

.info-guild-side-notice {
  position: sticky;
  left: 0;
  z-index: 5;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background: var(--guild-side-bg, #6aa84f);
  color: var(--guild-side-color, #050505);
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
  padding: 8px 0;
}

.info-guild-side-notice span:not(.info-guild-side-arrows),
.info-guild-side-notice a {
  display: block;
  margin: auto;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
}

.info-guild-side-arrows {
  position: absolute;
  top: 0.35rem;
  left: 50%;
  transform: translateX(-50%);
  color: inherit;
  font-size: 0.82rem;
  line-height: 1.15;
  text-align: center;
}

.info-native-source-grid.is-absolute {
  display: block;
}

.info-native-source-cell-wrap {
  min-width: 0;
  min-height: 0;
  overflow: visible;
}

.info-native-source-grid.is-absolute .info-native-source-cell-wrap {
  position: absolute;
}

.info-native-source-cell {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  align-items: var(--cell-items, center);
  gap: 0.18rem;
  overflow: visible;
  border: 0;
  background: var(--cell-bg, transparent);
  color: var(--cell-color, #111);
  font-size: var(--cell-size, 13px);
  font-weight: var(--cell-weight, 400);
  line-height: 1.18;
  justify-content: var(--cell-justify, flex-start);
  overflow-wrap: normal;
  padding: 0 3px;
  text-align: var(--cell-align, left);
  white-space: var(--cell-white-space, nowrap);
  word-break: normal;
}

.info-native-source-cell.has-content:not(.has-accent) {
  background: var(--cell-bg, transparent);
}

.info-native-source-cell.has-content {
  position: relative;
  z-index: 2;
}

.info-native-source-cell.is-bold {
  color: var(--cell-color, #111);
  font-weight: var(--cell-weight, 700);
}

.info-native-source-cell.is-vertical-text {
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 3px 0;
}

.info-native-source-cell.is-vertical-text .info-native-source-text {
  width: auto;
  max-width: none;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
}

.info-native-source-cell.is-rich {
  align-items: var(--cell-items, flex-start);
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: var(--cell-size, 13px);
  font-weight: 400 !important;
  line-height: 1.12;
}

.info-native-source-cell.is-rich .info-native-source-text {
  display: block;
  width: 100%;
  font-size: inherit;
  font-weight: 400 !important;
  line-height: inherit;
  white-space: var(--cell-white-space, pre-wrap);
}

.info-native-source-cell.is-rich .info-native-source-text span,
.info-native-source-cell.is-rich .info-native-source-text a,
.info-native-source-cell.is-rich .info-native-source-text b,
.info-native-source-cell.is-rich .info-native-source-text strong,
.info-native-source-cell.is-rich .info-native-source-text i,
.info-native-source-cell.is-rich .info-native-source-text em,
.info-native-source-cell.is-rich .info-native-source-text u,
.info-native-source-cell.is-rich .info-native-source-text s {
  line-height: inherit;
}

.info-native-source-cell.is-rich .info-native-source-text a {
  color: #1155cc;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

.info-native-source-cell.is-rich .info-native-rich-div,
.info-native-source-cell.is-rich .info-native-rich-p {
  margin: 0;
}

.info-native-source-cell.is-rich .info-native-rich-ul,
.info-native-source-cell.is-rich .info-native-rich-ol {
  margin: 0;
  padding-left: 1.35em;
}

.info-native-source-cell.is-guild-header {
  align-items: center;
  overflow: hidden;
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1.04;
  padding: 0.02rem 0.1rem;
  white-space: pre-line;
}

.info-native-source-cell.is-guild-header .info-native-source-text {
  overflow: visible;
}

.info-native-source-cell.is-overflow-wrap {
  align-items: flex-start;
  line-height: 1.18;
  overflow: hidden;
  overflow-wrap: break-word;
  white-space: normal;
  word-break: normal;
}

.info-native-source-cell.is-overflow-wrap .info-native-source-text,
.info-native-source-cell.is-overflow-wrap .info-native-source-link {
  white-space: normal;
  overflow-wrap: break-word;
}

.info-native-source-cell.is-rich.is-overflow-wrap .info-native-source-text {
  white-space: pre-wrap;
}

.info-native-source-cell.is-guild-list-cell {
  overflow: hidden;
  gap: 0.2rem;
  padding: 0.04rem 0.18rem;
  font-family:
    "Noto Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  font-weight: 850;
}

.info-native-source-cell.is-guild-list-cell .info-native-source-text {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 999px;
  padding: 0 0.35rem;
  text-overflow: clip;
  white-space: nowrap;
}

.info-native-source-cell.is-guild-header .info-native-source-text {
  border-radius: 0;
  padding: 0;
}

.info-native-source-cell.is-guild-tone-global .info-native-source-text { background: #d8ead0; color: #284a22; }
.info-native-source-cell.is-guild-tone-local-1 .info-native-source-text { background: #d9ecff; color: #1d4c76; }
.info-native-source-cell.is-guild-tone-local-2 .info-native-source-text { background: #d3f0ef; color: #24565a; }
.info-native-source-cell.is-guild-tone-local-3 .info-native-source-text { background: #c8e7ff; color: #1d5781; }
.info-native-source-cell.is-guild-tone-pvp .info-native-source-text { background: #d7e1ee; color: #23384f; }
.info-native-source-cell.is-guild-tone-pve .info-native-source-text { background: #b7a487; color: #241b12; }
.info-native-source-cell.is-guild-tone-mixed .info-native-source-text { background: #dfd8c6; color: #3e3423; }
.info-native-source-cell.is-guild-tone-played .info-native-source-text { background: #d5c2ff; color: #4a347d; }
.info-native-source-cell.is-guild-tone-no-blue .info-native-source-text { background: #c7d8ff; color: #2c477d; }
.info-native-source-cell.is-guild-tone-positive .info-native-source-text { background: #8ff0d0; color: #114737; }
.info-native-source-cell.is-guild-tone-negative .info-native-source-text { background: #ffb3a8; color: #743024; }
.info-native-source-cell.is-guild-tone-unknown .info-native-source-text { background: #d8b8ef; color: #5a3471; }

.info-native-source-cell.is-search-match {
  position: relative;
  z-index: 2;
  box-shadow: inset 0 0 0 2px rgba(244, 205, 112, 0.85);
}

.info-native-source-media {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.12);
}

.info-native-source-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.info-native-source-text {
  min-width: 0;
  max-width: none;
  overflow: visible;
}

.info-native-source-link {
  color: var(--cell-color, #1155cc);
  text-decoration: underline;
  text-underline-offset: 0.08em;
}

.info-native-source-cell.is-scam-guild {
  background:
    linear-gradient(90deg, rgba(255, 102, 102, 0.32), rgba(255, 102, 102, 0.08)),
    var(--cell-bg, #fff);
  color: var(--cell-color, #111);
}

.info-scam-badge {
  flex: 0 0 auto;
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 999px;
  background: #b91c1c;
  color: #fff;
  font-size: 8px;
  font-weight: 950;
  line-height: 1;
  overflow: hidden;
  padding: 1px 5px;
  text-align: center;
  text-overflow: clip;
  text-transform: uppercase;
  white-space: nowrap;
}

.info-guild-note-badge {
  flex: 0 0 auto;
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 999px;
  background: #c1121f;
  color: #fff;
  font-size: 8px;
  font-weight: 950;
  line-height: 1;
  overflow: hidden;
  padding: 1px 5px;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
}

.info-native-source-cell.is-guild-warning-note,
.info-native-source-cell.is-scam-guild {
  align-content: center;
  align-items: stretch;
  flex-direction: column;
  gap: 1px;
  justify-content: center;
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
}

.info-native-source-cell.is-guild-warning-note .info-native-source-text,
.info-native-source-cell.is-scam-guild .info-native-source-text {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.info-native-source-more {
  position: sticky;
  left: 0;
  display: flex;
  justify-content: center;
  padding: 0.8rem;
  background: #e2e2e2;
}

.info-native-source-more button {
  border: 1px solid rgba(74, 58, 26, 0.22);
  border-radius: 999px;
  background: #fff;
  color: #2b2417;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  padding: 0.55rem 0.9rem;
}

.info-native-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.85rem;
  background: rgba(0, 0, 0, 0.14);
}

.info-native-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.28rem;
}

.info-native-table th,
.info-native-table td {
  min-width: 6.25rem;
  border: 1px solid var(--cell-border, rgba(255, 255, 255, 0.075));
  border-radius: 0.48rem;
  background: var(--cell-bg, rgba(255, 255, 255, 0.035));
  color: var(--cell-color, #ded7e6);
  font-size: var(--cell-size, 0.78rem);
  font-weight: var(--cell-weight, 760);
  line-height: 1.34;
  padding: 0.42rem 0.52rem;
  text-align: var(--cell-align, left);
  vertical-align: top;
}

.info-native-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--cell-bg, rgba(26, 21, 32, 0.98));
  color: #fff2dc;
  font-weight: 950;
}

.info-note-stack {
  display: grid;
  gap: 0.35rem;
  max-width: 45rem;
}

.info-note {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.info-server-sections {
  display: grid;
  gap: 0.9rem;
}

.info-server-section {
  display: grid;
  gap: 0.45rem;
}

.info-server-section h2 {
  margin: 0;
  color: #fff2dc;
  font-size: 0.95rem;
  line-height: 1.2;
}

.info-server-table {
  display: grid;
  grid-template-columns: minmax(9rem, 1.05fr) minmax(7rem, 0.82fr) minmax(5rem, 0.42fr) minmax(14rem, 1.55fr);
  gap: 0.3rem;
  align-items: stretch;
}

.info-server-head {
  color: #938a9b;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.11em;
  padding: 0 0.35rem 0.15rem;
  text-transform: uppercase;
}

.info-server-table .info-source-cell {
  min-height: 1.9rem;
}

.info-server-table .info-source-cell.is-count {
  text-align: center;
}

.info-server-table .info-source-cell.is-comment {
  font-size: 0.76rem;
}

.info-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #ddd7e4;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.2;
  padding: 0.22rem 0.46rem;
}

.info-badge.is-positive {
  border-color: rgba(93, 220, 139, 0.3);
  color: #b9f7cd;
}

.info-badge.is-negative,
.info-badge.is-danger {
  border-color: rgba(239, 111, 111, 0.32);
  color: #ffc4c4;
}

.info-badge.is-warning {
  border-color: rgba(239, 111, 111, 0.46);
  background: rgba(136, 35, 35, 0.22);
  color: #ffd0d0;
}

.info-badge.is-blue {
  border-color: rgba(128, 185, 255, 0.34);
  color: #cce3ff;
}

.info-badge.is-muted,
.info-empty {
  color: #817985;
}

.info-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.85rem;
  background: rgba(0, 0, 0, 0.14);
}

.info-table {
  width: 100%;
  min-width: 76rem;
  border-collapse: collapse;
}

.info-table th,
.info-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  padding: 0.62rem 0.7rem;
  text-align: left;
  vertical-align: top;
}

.info-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(18, 14, 24, 0.98);
}

.info-table th button {
  border: 0;
  background: transparent;
  color: #bfb7c8;
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 900;
  text-align: left;
}

.info-table td {
  color: #ded7e6;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.35;
}

.info-table-primary {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.info-empty-state,
.info-loading {
  margin: auto;
  max-width: 34rem;
  color: #beb6c6;
  text-align: center;
}

.info-empty-state h2 {
  margin: 0 0 0.5rem;
  color: #fff2dc;
}

.modal {
  width: min(38rem, calc(100vw - 2rem));
  border: 1px solid var(--line-strong);
  border-radius: 0.9rem;
  background: var(--panel-strong);
  color: var(--text);
  box-shadow: var(--shadow);
}

.compact-modal {
  width: min(25rem, calc(100vw - 2rem));
}

.modal::backdrop {
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(3px);
}

.modal-inner {
  position: relative;
  display: grid;
  gap: 0.75rem;
  padding: 1.25rem;
}

.modal h2 {
  margin: 0;
  font-family: Georgia, serif;
  color: #ffe3a1;
}

.modal p {
  margin: 0;
  color: #d7ccba;
  line-height: 1.55;
}

.modal-close {
  position: absolute;
  right: 0.6rem;
  top: 0.55rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--line);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  cursor: pointer;
  font-size: 1.3rem;
}

.marker-form input {
  height: 2.65rem;
  padding: 0 0.75rem;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.plain-button,
.primary-button {
  padding: 0 0.9rem;
  font-weight: 800;
}

.plain-button {
  color: #ffd0d0;
}

.primary-button {
  border-color: rgba(241, 204, 116, 0.42);
  background: rgba(228, 176, 75, 0.2);
  color: #ffe7a4;
}

@media (max-width: 1120px) {
  .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1040px) {
  .app-shell {
    height: 100vh;
    min-height: 34rem;
    padding: 0.75rem;
  }

  .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
  }

  .brand-logo {
    width: 10.6rem;
  }

  .brand-copy {
    display: none;
  }

  .header-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .tabs {
    grid-template-columns: repeat(3, minmax(4.6rem, 1fr));
    width: min(100%, 34rem);
  }

  .tab {
    font-size: 0.66rem;
    padding: 0 0.58rem;
  }

  .tab-panel {
    height: 100%;
    min-height: 0;
  }

  .info-panel {
    min-height: 0;
  }
}

@media (max-width: 680px) {
  .app-shell {
    padding: 0.45rem;
    gap: 0.45rem;
    min-height: 40rem;
  }

  .site-header {
    grid-template-columns: 1fr;
    border-radius: 0.95rem;
  }

  .brand {
    display: none;
  }

  .tabs {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .header-actions {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .icon-link {
    max-width: none;
    min-height: 2.2rem;
  }

  #mapPanel,
  .info-panel,
  .calculator-panel,
  .services-panel,
  .news-panel,
  .weather-panel {
    border-radius: 1rem;
  }

  .info-panel {
    padding: 0.35rem;
  }

  .calculator-root {
    padding: 0.65rem;
  }

  .calculator-mode-tabs {
    grid-template-columns: 1fr;
  }

  .calculator-mode {
    min-height: 3.8rem;
  }

  .calculator-row,
  .calculator-single-card .calculator-row,
  .calculator-input-grid,
  .calculator-cc-grid,
  .calculator-cc-result {
    grid-template-columns: 1fr;
  }

  .calculator-side.is-right .calculator-field {
    align-items: stretch;
  }

  .calculator-cc-result .calculator-bar,
  .calculator-cc-result p {
    grid-column: auto;
  }

  .info-native {
    gap: 0.6rem;
    padding: 0.7rem;
  }

  .services-root {
    padding: 0.7rem;
  }

  .news-root {
    padding: 0.7rem;
  }

  .weather-root {
    padding: 0.7rem;
  }

  .weather-summary-grid,
  .weather-lists {
    grid-template-columns: 1fr;
  }

  .weather-now-card {
    display: grid;
    min-height: auto;
  }

  .weather-stat-card {
    min-height: auto;
  }

  .weather-symbol {
    width: 4.1rem;
    height: 4.1rem;
  }

  .weather-symbol .weather-state-icon {
    width: 2.8rem;
    height: 2.8rem;
  }

  .weather-timeline {
    min-height: 4.5rem;
  }

  .weather-timeline-segment .weather-state-icon {
    width: 1.7rem;
    height: 1.7rem;
  }

  .weather-segment-start-time {
    bottom: 0.28rem;
    left: 0.28rem;
    font-size: 0.63rem;
  }

  .weather-timeline-segment.is-compact .weather-segment-start-time {
    font-size: 0.56rem;
  }

  .weather-timeline-head {
    display: grid;
  }

  .news-head {
    display: grid;
  }

  .services-hero {
    display: grid;
  }

  .services-cta {
    width: 100%;
  }

  .service-grid {
    grid-template-columns: 1fr;
  }

  .info-topbar,
  .info-controls {
    display: grid;
    grid-template-columns: 1fr;
  }

  .info-top-actions {
    justify-items: start;
  }

  .info-meta {
    justify-content: flex-start;
  }

  .info-meta,
  .info-sheet-tabs,
  .info-filters {
    overflow-x: auto;
  }

  .info-sheet-view {
    min-width: max(100%, calc(var(--info-cols, 1) * 9rem));
  }

  .info-sheet-cell {
    min-height: 2rem;
    padding: 0.4rem 0.48rem;
  }

  .info-source-row {
    grid-template-columns: 1fr;
  }

  .info-source-cell.is-empty {
    display: none;
  }

  .info-source-cell {
    grid-column: auto !important;
  }

  .info-source-layout {
    display: grid;
    grid-template-columns: 1fr;
  }

  .info-source-layout-cell,
  .info-source-layout-media {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .info-native-table {
    min-width: 44rem;
  }

  .info-server-table {
    grid-template-columns: 1fr;
  }

  .info-server-head {
    display: none;
  }

  .info-server-table .info-source-cell::before {
    display: block;
    margin-bottom: 0.18rem;
    color: #938a9b;
    font-size: 0.65rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .info-server-table .info-source-cell:nth-child(4n + 5)::before {
    content: "Гильдия";
  }

  .info-server-table .info-source-cell:nth-child(4n + 6)::before {
    content: "Альянс";
  }

  .info-server-table .info-source-cell:nth-child(4n + 7)::before {
    content: "Составы";
  }

  .info-server-table .info-source-cell:nth-child(4n + 8)::before {
    content: "Комментарий";
  }

  .map-sidebar {
    inset: 0.45rem 0.45rem auto;
    height: min(72vh, 34rem);
    width: calc(100vw - 0.9rem);
  }

  .map-toolbar {
    top: auto;
    right: 0.8rem;
    bottom: 0.8rem;
    left: 0.8rem;
    justify-content: flex-end;
    overflow-x: auto;
  }

  .selected-point {
    left: 0.6rem;
    right: 0.6rem;
    bottom: 4.6rem;
    width: auto;
  }

  .selected-point-row {
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .codex-toggle {
    grid-column: 1 / -1;
  }

  .site-footer {
    display: none;
  }
}

.builder-panel {
  min-height: calc(100vh - 4rem);
  overflow: auto;
  background: #0a0a0a;
  color: #f5f5f5;
  padding: 0;
}

.builder-root,
.builder-loading,
.builder-error {
  min-height: inherit;
}

.builder-loading,
.builder-error {
  display: grid;
  place-items: center;
  color: #f3e7c4;
  font-weight: 900;
}

.builder-access-blocked {
  padding: 2rem 1rem;
}

.builder-access-blocked-card {
  width: min(100%, 42rem);
  display: grid;
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid rgba(243, 231, 196, 0.22);
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(31, 30, 35, 0.96), rgba(15, 15, 18, 0.96));
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.35);
}

.builder-access-blocked-card h2 {
  margin: 0;
  color: #f8ead0;
  font-size: clamp(1.45rem, 2.6vw, 2rem);
}

.builder-access-blocked-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 700;
  line-height: 1.55;
}

.builder-access-blocked-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.builder-access-blocked-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.65rem 0.95rem;
  border: 1px solid rgba(46, 236, 255, 0.7);
  border-radius: 0.45rem;
  background: rgba(8, 92, 96, 0.55);
  color: #f6ffff;
  text-decoration: none;
  font-weight: 900;
}

.builder-app {
  display: grid;
  gap: 0.75rem;
  width: min(100%, 118.5rem);
  margin: 0 auto;
  padding: 0.75rem 0.5rem 1.5rem;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.builder-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  min-height: 2.4rem;
}

.builder-title-strip,
.builder-top-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.builder-title-strip {
  justify-self: center;
}

.builder-top-actions {
  justify-self: end;
}

.builder-region-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  border: 1px solid #21cc73;
  border-radius: 4px;
  padding: 0 0.55rem;
  color: #55e093;
  font-weight: 950;
}

.builder-top-name,
.builder-role-select,
.builder-modal-search,
.builder-summary-input,
.builder-rune-line select,
.builder-rune-line input,
.builder-rune-level-row button,
.builder-stellarite-control select {
  border: 1px solid #383838;
  border-radius: 4px;
  background: #262626;
  color: #f4f4f4;
  outline: none;
}

.builder-top-name {
  width: min(34rem, max(10rem, var(--name-ch, 12ch)));
  min-height: 2rem;
  padding: 0 0.45rem;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 900;
  text-align: center;
}

.builder-role-select {
  min-height: 2rem;
  padding: 0 0.45rem;
  color: #d9d9d9;
  font-weight: 750;
}

.builder-top-weapons {
  overflow: hidden;
  color: #bcbcbc;
  font-size: 0.82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-top-actions button,
.builder-build-actions button,
.builder-panel-title button,
.builder-empty-detail button,
.builder-square-button,
.builder-view-tab,
.builder-grade-tabs button,
.builder-specialize-button,
.builder-spec-close,
.builder-spec-orb,
.builder-editor-toolbar button,
.builder-modal-head button,
.builder-synergy-picker button,
.builder-trait-levels button,
.builder-mastery-head button {
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  background: #242424;
  color: #f5f5f5;
  cursor: pointer;
  font-weight: 800;
}

.builder-top-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  border-color: #5aa4dc;
  background: #2c75ae;
  padding: 0 0.75rem;
  min-height: 2.25rem;
}

.builder-quest-layout {
  display: grid;
  grid-template-columns: 15rem 10.8rem minmax(44rem, 1fr) 18.5rem;
  gap: 0.75rem;
  align-items: start;
}

.builder-left-rail,
.builder-right-rail,
.builder-main-stage,
.builder-gear-rail {
  min-width: 0;
}

.builder-left-rail,
.builder-right-rail {
  display: grid;
  gap: 0.55rem;
}

.builder-q-card,
.builder-main-card,
.builder-stat-group,
.builder-max-damage,
.builder-stat-search,
.builder-modal-card {
  border: 1px solid #2d2d2d;
  border-radius: 4px;
  background: #1a1a1a;
}

.builder-q-card {
  overflow: hidden;
}

.builder-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.1rem;
  border-bottom: 1px solid #272727;
  background: #171717;
  padding: 0 0.5rem;
}

.builder-panel-title h2,
.builder-panel-title span,
.builder-card-head h2,
.builder-section-title h3,
.builder-runes h4,
.builder-skill-column h3,
.builder-stat-group h3,
.builder-item-summary h3,
.builder-mastery-head h3 {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.15;
}

.builder-panel-title h2,
.builder-card-head h2,
.builder-section-title h3,
.builder-runes h4,
.builder-skill-column h3,
.builder-stat-group h3,
.builder-item-summary h3 {
  color: #fff;
  font-weight: 850;
}

.builder-panel-title button {
  min-height: 1.55rem;
  padding: 0 0.45rem;
  font-size: 0.72rem;
}

.builder-attr-list {
  display: grid;
}

.builder-attr {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) 2rem;
  align-items: center;
  gap: 0.45rem;
  min-height: 4.25rem;
  border-bottom: 1px solid #2c2c2c;
  padding: 0.35rem 0.45rem;
}

.builder-attr-step {
  width: 2rem;
  height: 2rem;
  border: 1px solid #373737;
  border-radius: 4px;
  background: #2b2b2b;
  color: #efefef;
  cursor: pointer;
  font-size: 1.3rem;
}

.builder-attr-step:disabled,
.builder-trait-levels button:disabled,
.builder-spec-option:disabled,
.builder-rune-level-row button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.builder-attr-main {
  min-width: 0;
  text-align: center;
}

.builder-attr-main span {
  display: block;
  color: #fff;
  font-size: 0.86rem;
  font-weight: 850;
}

.builder-attr-main em {
  color: var(--attr);
  font-style: normal;
}

.builder-attr-main b {
  display: block;
  margin-top: 0.05rem;
  color: #fff;
  font-size: 1.75rem;
  line-height: 1;
  text-shadow: 0 0 0.7rem rgba(74, 144, 226, 0.75);
}

.builder-attr-bar {
  position: relative;
  height: 0.34rem;
  margin-top: 0.35rem;
  overflow: hidden;
  border-radius: 999px;
  background: #2b2b2b;
}

.builder-attr-bar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #d7d7d7 0 24%, #56d58a 24% 38%, #a66bd5 38% 100%);
}

.builder-attr-bar em {
  position: absolute;
  inset-block: -0.1rem;
  width: 1px;
  background: rgba(255, 255, 255, 0.35);
}

.builder-builds {
  padding-bottom: 0.45rem;
}

.builder-build-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.4rem;
  align-items: center;
  width: calc(100% - 0.5rem);
  min-height: 3.9rem;
  margin: 0.25rem;
  border: 1px solid #343434;
  border-radius: 4px;
  background: #202020;
  color: #f4f4f4;
  padding: 0.35rem;
  text-align: left;
}

.builder-build-card.is-active {
  border-color: #a56bd2;
}

.builder-build-name,
.builder-build-card > span:first-child {
  overflow: hidden;
  font-size: 0.78rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-build-icons {
  display: flex;
  gap: 0.25rem;
}

.builder-build-icons img,
.builder-build-icons span {
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid var(--grade, #7b4ca0);
  border-radius: 3px;
  background: radial-gradient(circle at 50% 35%, var(--grade, #555), #202020 72%);
  object-fit: cover;
}

.builder-build-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.45rem;
  padding: 0.35rem 0.25rem 0;
}

.builder-build-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.4rem;
  border-color: rgba(70, 212, 126, 0.62);
  background: linear-gradient(180deg, #1e7543, #145432);
  color: #eafff1;
}

.builder-plus-icon {
  position: relative;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
}

.builder-plus-icon::before,
.builder-plus-icon::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 0.62rem;
  height: 0.13rem;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

.builder-plus-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.builder-gear-rail {
  display: grid;
  gap: 0.55rem;
}

.builder-weapon-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 4.95rem);
  justify-content: center;
  align-items: center;
  gap: 0.48rem 0.55rem;
}

.builder-gear-grid {
  display: grid;
  grid-template-columns: repeat(2, 4.95rem);
  justify-content: center;
  gap: 0.48rem 0.55rem;
}

.builder-gear-grid .builder-slot:last-child {
  grid-column: 1 / -1;
  justify-self: center;
}

.builder-gear-grid .builder-slot[data-slot="earring"] {
  grid-column: auto;
  justify-self: center;
}

.builder-slot {
  position: relative;
  display: grid;
  justify-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  padding: 0;
}

.builder-frame {
  display: grid;
  width: 4.46rem;
  height: 4.46rem;
  place-items: center;
  overflow: hidden;
  border: 2px solid #79683e;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, var(--grade, #555), #202020 72%);
  box-shadow: inset 0 0 0 2px #151515, 0 0 0 1px rgba(214, 189, 116, 0.45), 0 0 1rem rgba(166, 107, 213, 0.2);
}

.builder-slot.is-active .builder-frame {
  border-color: #b98ee6;
  box-shadow: inset 0 0 0 2px #151515, 0 0 0 1px #e2c071, 0 0 1rem rgba(180, 125, 230, 0.65);
}

.builder-frame img,
.builder-item-icon img,
.builder-choice > img,
.builder-rune-orb img,
.builder-skill-pool-tile img,
.builder-skill-slot img,
.builder-spec-card img,
.builder-spec-option img,
.builder-spec-detail-title img,
.builder-chip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.builder-frame b {
  color: #858585;
  font-size: 0.9rem;
}

.builder-slot-dots {
  position: absolute;
  bottom: 2.05rem;
  display: flex;
  gap: 0.14rem;
}

.builder-slot-dots i {
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 50%;
  background: #4b4b4b;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.55);
}

.builder-slot-dots i.on {
  background: #a86ad8;
}

.builder-slot em {
  position: absolute;
  bottom: -0.05rem;
  min-width: 1.35rem;
  border-radius: 4px;
  background: #050505;
  color: #fff;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1.25rem;
}

.builder-slot strong {
  position: absolute;
  bottom: 0.1rem;
  color: #a6a6a6;
  font-size: 1rem;
}

.builder-gear-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.28rem;
}

.builder-gear-tools button {
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #5a4d32;
  border-radius: 50%;
  background: #202020;
  color: #a8a8a8;
}

.builder-gear-tools button.is-active {
  border-color: #b98ee6;
  color: #fff;
}

.builder-main-stage {
  display: grid;
  align-self: start;
  align-content: start;
  margin-top: 0;
}

.builder-view-tabs {
  display: flex;
  align-items: end;
  gap: 0.25rem;
  min-height: 2.45rem;
  padding-left: 6.5rem;
}

.builder-view-tab {
  min-height: 2.45rem;
  border-bottom-color: #2d2d2d;
  border-radius: 4px 4px 0 0;
  background: #151515;
  padding: 0 0.85rem;
  color: #d6d6d6;
  font-size: 0.9rem;
}

.builder-view-tab.is-active {
  position: relative;
  z-index: 2;
  border-color: #303030;
  border-bottom-color: #202020;
  background: #202020;
  color: #fff;
}

.builder-main-card {
  min-height: 29rem;
  border-radius: 4px;
  background: #202020;
  padding: 0.75rem;
}

.builder-equipment-head {
  display: grid;
  gap: 0.45rem;
  margin-bottom: 0.5rem;
}

.builder-grade-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.builder-grade-tabs button {
  min-height: 2rem;
  padding: 0 0.75rem;
  color: #d6d6d6;
}

.builder-grade-tabs button.is-active {
  border-color: #b27bd8;
  background: #9a62bf;
  color: #fff;
}

.builder-stellarite-control {
  display: grid;
  grid-template-columns: 2.4rem minmax(7rem, 1fr) 9rem auto;
  align-items: center;
  gap: 0.5rem;
  min-width: min(100%, 28rem);
  border: 1px solid #343434;
  border-radius: 4px;
  background: #262626;
  padding: 0.3rem;
}

.builder-stellarite-icon {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid #555;
  border-radius: 4px;
  background: var(--stellarite-bg, #151515) center/cover no-repeat;
  color: #bdbdbd;
  font-weight: 900;
}

.builder-stellarite-control b,
.builder-stellarite-control em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-stellarite-control b {
  font-size: 0.8rem;
}

.builder-stellarite-control em {
  color: #a7a7a7;
  font-size: 0.72rem;
  font-style: normal;
}

.builder-stellarite-control select {
  min-height: 2rem;
  padding: 0 0.45rem;
}

.builder-stellarite-control strong {
  color: #fff;
  font-size: 0.92rem;
}

.builder-buffs-panel {
  display: grid;
  gap: 0.5rem;
  margin: 0 0 0.65rem;
  border: 1px solid #343434;
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(32, 32, 32, 0.96), rgba(18, 18, 18, 0.96));
  padding: 0.55rem;
}

.builder-buffs-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

.builder-buffs-title b {
  color: #f0d48b;
  font-size: 0.9rem;
}

.builder-buffs-title span {
  min-width: 0;
  overflow: hidden;
  color: #bdbdbd;
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-buffs-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(9.5rem, 1fr));
  gap: 0.45rem;
  align-items: start;
}

.builder-buff-select,
.builder-buff-multi {
  min-width: 0;
  border: 1px solid #303030;
  border-radius: 4px;
  background: rgba(17, 17, 17, 0.72);
  padding: 0.35rem;
}

.builder-buff-select {
  display: grid;
  gap: 0.25rem;
}

.builder-buff-select span,
.builder-buff-multi summary span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #f3dfaa;
  font-size: 0.72rem;
  font-weight: 800;
}

.builder-buff-select span i,
.builder-buff-multi summary span i {
  display: grid;
  width: 1.1rem;
  height: 1.1rem;
  place-items: center;
  border: 1px solid rgba(240, 212, 139, 0.32);
  border-radius: 999px;
  color: #ffd86a;
  font-size: 0.7rem;
  font-style: normal;
}

.builder-buff-select select {
  width: 100%;
  min-height: 2rem;
  padding: 0 0.45rem;
}

.builder-buff-select em {
  min-height: 1rem;
  overflow: hidden;
  color: #a9a9a9;
  font-size: 0.68rem;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-buff-multi summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  cursor: pointer;
  list-style: none;
}

.builder-buff-multi summary::-webkit-details-marker {
  display: none;
}

.builder-buff-multi summary b {
  display: grid;
  min-width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  border: 1px solid #80652d;
  border-radius: 999px;
  color: #ffd86a;
  font-size: 0.72rem;
}

.builder-buff-check-list {
  display: grid;
  gap: 0.3rem;
  max-height: 14rem;
  overflow: auto;
  padding-top: 0.4rem;
}

.builder-buff-check-list label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.15rem 0.4rem;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 0.3rem;
}

.builder-buff-check-list span {
  min-width: 0;
  overflow: hidden;
  color: #eee8dc;
  font-size: 0.72rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-buff-check-list em {
  grid-column: 2;
  min-width: 0;
  overflow: hidden;
  color: #a9a9a9;
  font-size: 0.66rem;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .builder-buffs-grid {
    grid-template-columns: repeat(2, minmax(10rem, 1fr));
  }
}

@media (max-width: 720px) {
  .builder-buffs-title {
    display: grid;
  }

  .builder-buffs-grid {
    grid-template-columns: 1fr;
  }
}

.builder-item-toolbar {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) 3rem;
  gap: 0.5rem;
  align-items: center;
}

.builder-item-icon,
.builder-square-button {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  border: 1px solid var(--grade, #8e55be);
  border-radius: 4px;
  background: radial-gradient(circle at 50% 35%, var(--grade, #555), #202020 72%);
  color: #fff;
  font-weight: 900;
}

.builder-item-icon.is-empty {
  border-color: #434343;
  background: #2b2b2b;
  color: #9d9d9d;
}

.builder-item-icon.is-empty img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  opacity: 0.6;
  filter: grayscale(1) brightness(1.15);
}

.builder-item-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.85rem;
  min-width: 0;
  min-height: 3rem;
  border: 1px solid #383838;
  border-radius: 4px;
  background: #2b2b2b;
  color: #fff;
  cursor: pointer;
  padding: 0 0.7rem;
  text-align: left;
}

.builder-item-select span {
  overflow: hidden;
  color: var(--grade, #cfcfcf);
  font-size: 1.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-item-select .builder-item-select-copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  overflow: hidden;
}

.builder-item-select .builder-item-select-name {
  overflow: hidden;
  color: var(--grade, #cfcfcf);
  font-size: 1.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-item-select .builder-item-auction-price {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  color: #ffe4a2;
  font-size: 0.72rem;
  line-height: 1;
  white-space: nowrap;
}

.builder-item-select .builder-item-select-side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  min-width: max-content;
  color: #ffe4a2;
  justify-self: end;
}

.builder-item-select .builder-item-select-side .builder-item-auction-price {
  font-size: 0.82rem;
}

.builder-item-select em {
  color: #b9b9b9;
  font-style: normal;
}

.builder-square-button.is-purple {
  border-color: #9d62c7;
  color: #d28cff;
}

.builder-empty-detail {
  display: grid;
  place-items: center;
  min-height: 18rem;
  color: #cfcfcf;
  text-align: center;
}

.builder-empty-detail h2 {
  margin: 0;
}

.builder-empty-detail p,
.builder-empty,
.builder-note,
.builder-card-head span {
  color: #9d9d9d;
  font-size: 0.82rem;
}

.builder-empty-detail button {
  min-height: 2.2rem;
  padding: 0 0.8rem;
}

.builder-slot-detail {
  position: relative;
  display: grid;
  gap: 0.75rem;
}

.builder-item-dropdown {
  position: absolute;
  z-index: 35;
  top: 3.55rem;
  right: 0;
  left: 0;
  display: grid;
  gap: 0.45rem;
  max-height: min(30rem, calc(100vh - 12rem));
  overflow: auto;
  border: 1px solid #353535;
  border-radius: 4px;
  background: #1b1b1b;
  box-shadow: 0 0.9rem 2.2rem rgba(0, 0, 0, 0.62);
  padding: 0.5rem;
}

.builder-item-search-input {
  width: 100%;
}

.builder-slot-detail.has-dropdown {
  min-height: 32rem;
}

.builder-slot-detail.has-dropdown .builder-item-toolbar {
  position: relative;
  z-index: 45;
}

.builder-level-control {
  display: grid;
  gap: 0.35rem;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 850;
}

.builder-level-control input[type="range"] {
  width: 100%;
  accent-color: #b276d0;
}

.builder-level-ticks {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.builder-level-ticks b {
  flex: 0 0 auto;
  color: #fff;
  font-size: 0.82rem;
  text-align: center;
}

.builder-item-summary,
.builder-rune-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  border-radius: 4px;
  background: #252525;
  padding: 0.65rem;
}

.builder-item-summary p,
.builder-rune-summary p {
  margin: 0.3rem 0;
  color: #d7d7d7;
  font-size: 0.84rem;
}

.builder-item-summary b,
.builder-rune-summary b,
.builder-stat-row b {
  color: #fff;
}

.builder-item-summary strong {
  display: block;
  color: #ffe7a4;
  font-size: 1.35rem;
}

.builder-item-summary span {
  color: #b6b6b6;
  font-size: 0.8rem;
}

.builder-set-effects {
  color: #adadad;
  font-size: 0.84rem;
}

.builder-set-effects-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}

.builder-set-effects-head > div {
  min-width: 0;
}

.builder-set-effects-head button {
  flex: 0 0 auto;
  min-height: 1.75rem;
  padding: 0 0.75rem;
  border: 1px solid rgba(255, 210, 110, 0.55);
  border-radius: 0.45rem;
  background: rgba(255, 184, 74, 0.08);
  color: #ffe7a4;
  font-size: 0.75rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.22) inset;
}

.builder-set-effects-head button:hover {
  border-color: rgba(255, 226, 149, 0.8);
  background: rgba(255, 184, 74, 0.16);
}

@media (max-width: 560px) {
  .builder-set-effects-head {
    flex-direction: column;
    align-items: stretch;
  }

  .builder-set-effects-head button {
    width: 100%;
  }
}

.builder-set-effects b {
  color: #c98cff;
}

.builder-set-effects p {
  margin: 0.2rem 0;
}

.builder-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}

.builder-section-title span {
  color: #ddd;
  font-size: 0.82rem;
}

.builder-runes,
.builder-traits {
  border-radius: 4px;
  background: #1b1b1b;
  padding: 0.65rem;
}

.builder-rune-icons,
.builder-rune-order {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.builder-rune-orb {
  position: relative;
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  place-items: center;
  overflow: visible;
  border: 2px solid #444;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, var(--rune-grade, #555), #202020 72%);
}

.builder-rune-orb.type-attack { border-color: #b84c54; box-shadow: 0 0 0.9rem rgba(184, 76, 84, 0.25); }
.builder-rune-orb.type-defense { border-color: #4c86c8; box-shadow: 0 0 0.9rem rgba(76, 134, 200, 0.25); }
.builder-rune-orb.type-assist { border-color: #b67836; box-shadow: 0 0 0.9rem rgba(182, 120, 54, 0.25); }
.builder-rune-orb.type-all { border-color: #8b6ce0; }

.builder-rune-orb > img {
  position: relative;
  z-index: 1;
  border-radius: 50%;
}

.builder-rune-type-mark {
  position: absolute;
  z-index: 3;
  top: -0.22rem;
  left: -0.25rem;
  display: grid;
  width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: #101010;
  box-shadow: 0 0 0.35rem rgba(0, 0, 0, 0.55);
}

.builder-rune-type-mark img {
  width: 0.95rem;
  height: 0.95rem;
  object-fit: contain;
}

.builder-rune-orb b {
  position: absolute;
  z-index: 4;
  right: -0.12rem;
  bottom: -0.12rem;
  min-width: 1.25rem;
  border-radius: 50%;
  background: #101010;
  font-size: 0.76rem;
  line-height: 1.25rem;
  text-align: center;
}

.builder-rune-chip {
  display: inline-grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border-radius: 4px;
  color: #fff;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
}

.builder-rune-chip.type-attack { background: #9e3942; }
.builder-rune-chip.type-defense { background: #3d679e; }
.builder-rune-chip.type-assist { background: #9a6632; }
.builder-rune-chip.type-all { background: #6e59b6; }

.builder-rune-editors {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.55rem;
}

.builder-rune-line {
  display: grid;
  grid-template-columns: minmax(12rem, 1.35fr) minmax(11rem, 1fr) minmax(12rem, 1fr) minmax(8rem, 0.75fr);
  gap: 0.55rem;
  align-items: end;
  border: 1px solid #303030;
  border-radius: 4px;
  background: #252525;
  padding: 0.55rem;
}

.builder-rune-editor-head {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
}

.builder-rune-editor-head b,
.builder-rune-editor-head em,
.builder-rune-line label {
  display: block;
  min-width: 0;
}

.builder-rune-editor-head b,
.builder-rune-line label {
  color: #d9d9d9;
  font-size: 0.78rem;
  font-weight: 800;
}

.builder-rune-editor-head em {
  overflow: hidden;
  color: #9b9b9b;
  font-size: 0.72rem;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-rune-line select,
.builder-rune-line input {
  width: 100%;
  min-height: 2.1rem;
  margin-top: 0.2rem;
  padding: 0 0.45rem;
}

.builder-rune-level-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 3rem 3rem;
  gap: 0.3rem;
}

.builder-rune-level-row button {
  min-height: 2.1rem;
}

.builder-rune-summary-button {
  width: 100%;
  border: 1px solid #2b2b2b;
  cursor: pointer;
  text-align: left;
  transition: border-color 120ms ease, background 120ms ease;
}

.builder-rune-summary-button:hover {
  border-color: #8e5bb5;
  background: #292331;
}

.builder-rune-modal-card {
  width: min(70rem, calc(100vw - 1rem));
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.builder-rune-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  border-bottom: 1px solid #303030;
  padding-bottom: 0.55rem;
}

.builder-rune-modal-head h2 {
  margin: 0;
  color: #c178ff;
  font-size: 1rem;
  text-align: center;
}

.builder-rune-modal-grid {
  display: grid;
  grid-template-columns: minmax(18rem, 24rem) minmax(17rem, 1fr) minmax(16rem, 19rem);
  gap: 0.75rem;
  align-items: start;
  min-width: 0;
  min-height: 0;
}

.builder-rune-modal-editors,
.builder-rune-modal-effects {
  display: grid;
  gap: 0.7rem;
}

.builder-rune-modal .builder-rune-line {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
}

.builder-rune-modal .builder-rune-editor-head {
  grid-template-columns: 5rem minmax(0, 1fr);
  background: #202020;
  padding: 0.55rem;
}

.builder-rune-modal .builder-rune-line label {
  padding: 0 0.55rem;
}

.builder-rune-modal .builder-rune-line label:last-child {
  padding-bottom: 0.55rem;
}

.builder-rune-effect-card,
.builder-rune-synergy-list {
  border: 1px solid #343434;
  border-radius: 4px;
  background: #252525;
  padding: 0.65rem;
}

.builder-rune-effect-card h3,
.builder-rune-synergy-list h4 {
  margin: 0 0 0.55rem;
  color: #fff;
  font-size: 0.9rem;
}

.builder-rune-effect-card p {
  margin: 0.25rem 0;
  color: #d8d8d8;
  font-size: 0.86rem;
}

.builder-rune-synergy-card {
  display: grid;
  justify-items: center;
  text-align: center;
}

.builder-rune-synergy-list {
  grid-template-columns: 1fr;
  gap: 0.4rem;
  margin-top: 0;
}

.builder-rune-synergy-list button {
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 3.2rem;
}


.builder-synergy-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
  margin-top: 0.6rem;
}

.builder-synergy-picker h4 {
  grid-column: 1 / -1;
}

.builder-synergy-picker button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.45rem;
  align-items: center;
  min-height: 3rem;
  padding: 0.35rem;
  text-align: left;
}

.builder-synergy-picker button.is-active {
  border-color: #9c66c5;
  background: #33263b;
}

.builder-synergy-picker button span {
  color: #d9d9d9;
  font-size: 0.78rem;
}

.builder-traits {
  display: grid;
  gap: 0.35rem;
}

.builder-trait {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) auto;
  gap: 0.5rem;
  align-items: center;
}

.builder-trait-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 0;
  background: transparent;
  color: #777;
  cursor: pointer;
  font-weight: 800;
  text-align: left;
}

.builder-trait-toggle i {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #383838;
  border-radius: 4px;
  background: #242424;
}

.builder-trait.on .builder-trait-toggle {
  color: #d7d7d7;
}

.builder-trait.on .builder-trait-toggle i {
  border-color: #9861c1;
  background: #8d5ab3;
}

.builder-trait-levels {
  display: flex;
  gap: 0.3rem;
}

.builder-trait-levels button {
  min-width: 2.45rem;
  min-height: 1.65rem;
  padding: 0 0.35rem;
  color: #d8d8d8;
  font-size: 0.75rem;
}

.builder-trait-levels button.is-active {
  border-color: #b888df;
  background: #8d5ab3;
  color: #fff;
}

.builder-stats-rail {
  display: grid;
  gap: 0.5rem;
}

.builder-max-damage {
  padding: 0.45rem 0.6rem;
  cursor: help;
}

.builder-max-damage span {
  display: block;
  color: #bdbdbd;
  font-size: 0.72rem;
}

.builder-max-damage strong {
  color: #fff;
  font-size: 1.35rem;
  line-height: 1.1;
}

.builder-stat-search {
  display: block;
  min-height: 2.2rem;
  padding: 0.55rem 0.65rem;
  color: #8c8c8c;
  font-size: 0.83rem;
}

.builder-stat-group {
  overflow: hidden;
}

.builder-stat-group h3 {
  border-bottom: 1px solid #2c2c2c;
  background: #171717;
  padding: 0.45rem 0.55rem;
}

.builder-stat-group > div {
  display: grid;
}

.builder-stat-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: baseline;
  min-height: 1.8rem;
  border-bottom: 1px solid #2a2a2a;
  padding: 0.35rem 0.55rem;
}

.builder-stat-row span {
  overflow: hidden;
  color: #e4e4e4;
  font-size: 0.82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-stat-row b {
  font-size: 0.82rem;
  text-align: right;
}

.builder-skill-build {
  min-height: 42rem;
  padding: 0.35rem 0.55rem 0.85rem;
}

.builder-skill-weapon-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.builder-skill-weapon-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.25rem 0.5rem;
  align-items: center;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  background: #292929;
  color: #f3f3f3;
  cursor: pointer;
  padding: 0.35rem 0.55rem;
  text-align: left;
}

.builder-skill-weapon-select > span {
  grid-column: 1 / -1;
  color: #bfbfbf;
  font-size: 0.78rem;
}

.builder-skill-weapon-select b {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  font-size: 0.95rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-skill-weapon-select img {
  width: 1.7rem;
  height: 1.7rem;
  object-fit: contain;
  opacity: 0.75;
}

.builder-skill-weapon-select em {
  color: #bfbfbf;
  font-style: normal;
}

.builder-skill-loadout {
  display: grid;
  grid-template-columns: 8.5rem minmax(28rem, 1fr) minmax(18rem, 0.78fr);
  gap: 1rem;
  align-items: start;
}

.builder-skill-column {
  display: grid;
  justify-items: center;
  gap: 0.75rem;
}

.builder-skill-column h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.3rem;
  color: #f2f2f2;
  font-size: 1rem;
  text-align: center;
}

.builder-skill-pool,
.builder-selected-skills {
  display: grid;
  gap: 0.65rem;
}

.builder-skill-pool.defense,
.builder-selected-skills.single {
  grid-template-columns: 4rem;
}

.builder-skill-pool.active {
  grid-template-columns: repeat(6, 4rem);
}

.builder-skill-pool.passive {
  grid-template-columns: minmax(0, max-content);
}

.builder-skill-pool.passive .builder-skill-pool-group {
  display: grid;
  grid-template-columns: repeat(4, 4rem);
  gap: 0.65rem;
}

.builder-selected-skills.active {
  grid-template-columns: repeat(6, 4rem);
  margin-top: 0.6rem;
}

.builder-selected-skills.passive {
  grid-template-columns: repeat(4, 4rem);
  margin-top: 0.6rem;
}

.builder-skill-pool-tile,
.builder-skill-slot {
  position: relative;
  display: grid;
  width: 4rem;
  height: 4rem;
  place-items: center;
  overflow: hidden;
  border: 2px solid #525252;
  border-radius: 4px;
  background: #161616;
  color: #fff;
  cursor: pointer;
  padding: 0;
}

.builder-skill-pool-tile:not(.is-selected) {
  border-color: #b274de;
}

.builder-skill-pool-tile.is-selected {
  border-color: #444;
  background: #141414;
}

.builder-skill-pool-tile.is-selected img {
  filter: grayscale(1) brightness(0.5);
  opacity: 0.65;
}

.builder-skill-slot.filled {
  border-color: #b274de;
}

.builder-skill-pool-tile.is-dragging,
.builder-skill-slot.is-dragging {
  opacity: 0.45;
}

.builder-skill-pool-tile b,
.builder-skill-slot b {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.84));
  color: #fff;
  font-size: 0.72rem;
  line-height: 1.15rem;
  text-align: center;
  text-shadow: 0 1px 1px #000;
}

.builder-skill-slot-art {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  clip-path: none;
}

.builder-skill-slot-art img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
  transform: none;
  clip-path: none;
}

.builder-skill-empty-plus {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #d9b5ff;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1;
  text-shadow: 0 0 8px rgba(210, 136, 255, 0.62), 0 1px 2px #000;
}

.builder-skill-slot i {
  position: absolute;
  top: 0.12rem;
  right: 0.18rem;
  color: #fff;
  font-style: normal;
  font-weight: 950;
  text-shadow: 0 1px 2px #000;
}

.builder-specialize-row {
  display: grid;
  justify-content: center;
  margin-top: 0.9rem;
}

.builder-specialize-button {
  display: grid;
  min-width: 6.4rem;
  min-height: 4.8rem;
  place-items: center;
  padding: 0.45rem;
}

.builder-specialize-button span {
  color: #61d99b;
  font-size: 1.25rem;
}

.builder-specialize-button em {
  color: #fff;
  font-style: normal;
}

.builder-spec-modal .builder-modal-card {
  background: radial-gradient(circle at 70% 20%, rgba(94, 67, 42, 0.24), transparent 32%), #202020;
}

.builder-spec-modal-card {
  position: relative;
  width: min(78rem, calc(100vw - 0.75rem));
  height: min(46rem, calc(100vh - 0.75rem));
  overflow: hidden;
  padding: 0.95rem 1.05rem 0.75rem;
}

.builder-spec-modal-head {
  display: grid;
  justify-items: center;
  gap: 0.35rem;
}

.builder-spec-modal-head > div {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: #fff;
}

.builder-spec-modal-head button {
  border: 1px solid #444;
  border-radius: 4px;
  background: #333;
  color: #fff;
  cursor: pointer;
  padding: 0.2rem 0.45rem;
}

.builder-spec-modal-head strong {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: 4px;
  background: #2b2b2b;
  padding: 0.5rem 0.7rem;
  font-size: 1.15rem;
}

.builder-spec-modal-head i {
  color: #61d99b;
  font-style: normal;
}

.builder-spec-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(22rem, 0.92fr);
  gap: 1.4rem;
  align-items: stretch;
  height: calc(100% - 5.2rem);
  min-height: 0;
  overflow: hidden;
}

.builder-spec-list-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  align-content: start;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.builder-spec-card {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
  min-height: 4.8rem;
  border: 1px solid #343434;
  border-radius: 4px;
  background: #171717;
  color: #f4f4f4;
  cursor: pointer;
  padding: 0.45rem;
  text-align: left;
}

.builder-spec-card.is-focused,
.builder-spec-option.on {
  border-color: #a86dd4;
}

.builder-spec-card > img {
  width: 3.75rem;
  height: 3.75rem;
  border: 2px solid #a96dd7;
  border-radius: 4px;
}

.builder-spec-card span b,
.builder-spec-card span em {
  display: block;
}

.builder-spec-card span b {
  overflow: hidden;
  color: #bf80e6;
  font-size: 0.86rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-spec-card span em {
  color: #8f8f8f;
  font-size: 0.74rem;
  font-style: normal;
}

.builder-spec-orbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.35rem;
}

.builder-spec-orb {
  position: relative;
  display: grid;
  width: 1.58rem;
  height: 1.58rem;
  place-items: center;
  overflow: visible;
  border: 1px solid #333;
  border-radius: 50%;
  background: #222;
  filter: grayscale(1) brightness(0.48);
  padding: 0;
}

.builder-spec-orb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.builder-spec-orb.on {
  border-color: #b179dd;
  filter: none;
}

.builder-spec-orb i {
  position: absolute;
  top: -0.55rem;
  right: -0.12rem;
  width: 0.62rem;
  height: 0.62rem;
  pointer-events: none;
}

.builder-spec-orb i::before,
.builder-spec-orb i::after {
  content: "";
  position: absolute;
  background: #63df98;
}

.builder-spec-orb i::before {
  top: 0.26rem;
  left: 0.25rem;
  width: 0.14rem;
  height: 0.45rem;
}

.builder-spec-orb i::after {
  top: 0.06rem;
  left: 0.08rem;
  width: 0.48rem;
  height: 0.48rem;
  clip-path: polygon(50% 0, 100% 58%, 66% 58%, 66% 100%, 34% 100%, 34% 58%, 0 58%);
}

.builder-spec-orb:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.builder-spec-detail-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.65rem;
  min-height: 0;
  overflow: hidden;
}

.builder-spec-detail-title {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
}

.builder-spec-detail-title img {
  width: 4.5rem;
  height: 4.5rem;
  border: 2px solid #b179dd;
  border-radius: 4px;
}

.builder-spec-detail-title h3 {
  margin: 0;
  color: #fff;
}

.builder-spec-detail-title span {
  color: #aaa;
  font-size: 0.82rem;
}

.builder-spec-option-list {
  display: grid;
  gap: 0.45rem;
  min-height: 0;
  overflow: hidden;
}

.builder-spec-option {
  display: grid;
  grid-template-columns: 4.2rem minmax(0, 1fr) auto;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.35rem 0.6rem;
  align-items: start;
  height: 5.55rem;
  border: 1px solid #333;
  border-radius: 4px;
  background: #151515;
  color: #f3f3f3;
  cursor: pointer;
  padding: 0.45rem;
  text-align: left;
}

.builder-spec-option span {
  display: grid;
  width: 3.35rem;
  height: 3.35rem;
  place-items: center;
  overflow: hidden;
  border: 2px solid #303030;
  border-radius: 50%;
  background: #222;
  filter: grayscale(1) brightness(0.5);
}

.builder-spec-option.on span {
  border-color: #b179dd;
  filter: none;
}

.builder-spec-option b,
.builder-spec-option small {
  grid-column: 2;
}

.builder-spec-option b {
  color: #fff;
}

.builder-spec-option small {
  max-height: 3.1rem;
  overflow: auto;
  color: #b8b8b8;
  font-size: 0.78rem;
  line-height: 1.25;
}

.builder-spec-option em {
  grid-column: 3;
  grid-row: 1 / span 2;
  color: #bdf4d4;
  font-style: normal;
  font-weight: 900;
}

.builder-spec-close {
  justify-self: center;
  min-width: 4.5rem;
  min-height: 2.4rem;
  margin-top: 0.35rem;
}


.builder-mastery,
.builder-description {
  display: grid;
  gap: 0.65rem;
}

.builder-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.builder-mastery-tl {
  min-height: 39rem;
  padding: 0.65rem;
}

.builder-mastery-window {
  display: grid;
  gap: 0.85rem;
  border: 1px solid #2d2d36;
  border-radius: 10px;
  background: #15161c;
  padding: 0.95rem;
}

.builder-mastery-window-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.builder-mastery-window-head h2 {
  margin: 0;
  color: #f2f2f2;
  font-size: 1.05rem;
}

.builder-mastery-window-head span {
  color: #9d9d9d;
  font-size: 0.82rem;
}

.builder-mastery-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.builder-mastery-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.65rem;
  border: 1px solid #33343f;
  border-radius: 999px;
  background: #191a22;
  color: #bdb8c8;
  cursor: pointer;
  font-weight: 850;
  padding: 0 1rem;
}

.builder-mastery-tabs button.is-active {
  border-color: #b985d8;
  background: linear-gradient(180deg, #a96dcc, #7f50a4);
  color: #fff;
}

.builder-mastery-tabs img {
  width: 1.35rem;
  height: 1.35rem;
  object-fit: contain;
}

.builder-mastery-tree {
  display: grid;
  gap: 0.8rem;
  border: 1px solid #30313a;
  border-radius: 10px;
  background: linear-gradient(180deg, #18191f, #111218);
  padding: 0.85rem;
}

.builder-mastery-head {
  display: grid;
  grid-template-columns: 4.6rem minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  border-bottom: 1px solid #292a33;
  padding-bottom: 0.75rem;
}

.builder-mastery-title {
  min-width: 0;
}

.builder-mastery-title h3 {
  margin: 0;
  color: #f4f4f4;
  font-size: 1.05rem;
}

.builder-mastery-title small,
.builder-mastery-title strong {
  display: block;
  margin-top: 0.22rem;
  color: #9d98aa;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
}

.builder-mastery-title small {
  letter-spacing: 0;
}

.builder-mastery-title small b,
.builder-mastery-title strong em {
  color: #d8a8ff;
  font-style: normal;
}

.builder-mastery-root,
.builder-node-hex {
  display: grid;
  place-items: center;
  background: #11131a;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  box-shadow: inset 0 0 0 2px #3a4050;
}

.builder-mastery-root {
  width: 4.25rem;
  height: 4.25rem;
  box-shadow: inset 0 0 0 3px #8e6bb5;
}

.builder-mastery-root img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.builder-branches {
  display: grid;
  gap: 0.7rem;
}

.builder-branch {
  display: grid;
  gap: 0.35rem;
  overflow: hidden;
  border: 1px solid #292d38;
  border-left: 4px solid #4da1ff;
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(34, 54, 82, 0.48), rgba(16, 17, 24, 0.96));
  padding: 0.55rem 0.65rem 0.65rem;
}

.builder-branch:nth-child(2) {
  border-left-color: #ff6961;
  background: linear-gradient(90deg, rgba(74, 31, 37, 0.46), rgba(18, 17, 23, 0.96));
}

.builder-branch:nth-child(3) {
  border-left-color: #d8a8ff;
  background: linear-gradient(90deg, rgba(67, 42, 82, 0.46), rgba(18, 17, 23, 0.96));
}

.builder-branch > span {
  color: #f4f4f4;
  font-size: 0.85rem;
  font-weight: 950;
}

.builder-branch-track {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 0;
  align-items: start;
}

.builder-node {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: start;
  min-height: 6.5rem;
  border: 0;
  background: transparent;
  color: #898493;
  cursor: pointer;
  padding: 0.2rem 0.1rem 0;
}

.builder-node:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1.62rem;
  left: calc(50% + 1.55rem);
  width: calc(100% - 3.1rem);
  height: 0.22rem;
  border-radius: 999px;
  background: #403749;
}

.builder-node.on:not(:last-child)::after {
  background: #9f6bc4;
  box-shadow: 0 0 0.45rem rgba(178, 116, 222, 0.45);
}

.builder-node-hex {
  position: relative;
  z-index: 1;
  width: 3.1rem;
  height: 3.1rem;
}

.builder-node-hex img {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
  filter: grayscale(1) brightness(0.55);
  opacity: 0.7;
}

.builder-node.on {
  color: #f3f3f3;
}

.builder-node.on .builder-node-hex {
  background: #2b2035;
  box-shadow: inset 0 0 0 2px #c48be8, 0 0 0.9rem rgba(196, 139, 232, 0.22);
}

.builder-node.on .builder-node-hex img {
  filter: none;
  opacity: 1;
}

.builder-node b,
.builder-node small,
.builder-node em {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
  max-width: 100%;
  text-align: center;
}

.builder-node b {
  margin-top: 0.16rem;
  color: #ffe59b;
  font-size: 0.98rem;
  line-height: 1;
}

.builder-node small,
.builder-node em {
  overflow: hidden;
  width: 100%;
  color: #aaa3b8;
  font-size: 0.61rem;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-node em {
  margin-top: 0.18rem;
  color: #f0d282;
  font-style: normal;
  font-weight: 900;
}

.builder-mastery-effects {
  display: grid;
  gap: 0.65rem;
  border: 1px solid #292a34;
  border-radius: 9px;
  background: #12131a;
  padding: 0.75rem;
}

.builder-mastery-effects > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.builder-mastery-effects h3 {
  margin: 0;
  color: #d8a8ff;
  font-size: 0.92rem;
}

.builder-mastery-effects button {
  min-height: 2rem;
  border: 1px solid #3b3b44;
  border-radius: 8px;
  background: #24242d;
  color: #d8d8d8;
  cursor: pointer;
  font-weight: 850;
  padding: 0 0.75rem;
}

.builder-mastery-effect-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.builder-mastery-effect-list span {
  border: 1px solid rgba(216, 168, 255, 0.28);
  border-radius: 999px;
  background: rgba(216, 168, 255, 0.11);
  color: #bdb5c7;
  font-size: 0.76rem;
  font-weight: 850;
  padding: 0.4rem 0.65rem;
}

.builder-mastery-effect-list b {
  color: #f0d282;
}

.builder-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.builder-editor-toolbar button {
  min-height: 2.1rem;
  padding: 0 0.6rem;
}

.builder-summary-input,
.builder-rich-editor {
  width: 100%;
  padding: 0.65rem;
}

.builder-rich-editor {
  min-height: 24rem;
  overflow: auto;
  border: 1px solid #343434;
  border-radius: 4px;
  background: #151515;
  color: #ddd;
  line-height: 1.45;
}

.builder-rich-editor:empty::before {
  content: "Опишите ротацию, роль, плюсы и минусы билда.";
  color: #777;
}

.builder-rich-editor h2,
.builder-rich-editor h3 {
  margin: 0.35rem 0;
  color: #f4f4f4;
}

.builder-rich-editor ul,
.builder-rich-editor ol {
  margin: 0.35rem 0 0.35rem 1.2rem;
  padding: 0;
}

.builder-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  border: 1px solid #493659;
  border-radius: 999px;
  background: #25202c;
  padding: 0.12rem 0.4rem 0.12rem 0.16rem;
  color: #d6a0ff;
  font-size: 0.8rem;
}

.builder-chip img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}

.builder-modal {
  position: fixed;
  z-index: 2300;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.72);
  padding: 1rem;
}

.builder-modal-card {
  display: grid;
  gap: 0.65rem;
  width: min(100%, 44rem);
  max-height: min(44rem, calc(100vh - 2rem));
  overflow: auto;
  padding: 0.8rem;
}

.builder-modal-card.wide {
  width: min(100%, 58rem);
}

.builder-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.builder-modal-head h2 {
  margin: 0;
  color: #fff;
  font-size: 1rem;
}

.builder-modal-head button {
  width: 2rem;
  height: 2rem;
}

.builder-modal-search {
  min-height: 2.35rem;
  padding: 0 0.65rem;
}

.builder-choice-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  overflow: auto;
}

.builder-choice-list.skill {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.builder-choice {
  display: grid;
  grid-template-columns: 2.8rem minmax(0, 1fr);
  gap: 0.5rem;
  min-height: 4rem;
  border: 1px solid #343434;
  border-radius: 4px;
  background: #202020;
  color: #f3f3f3;
  cursor: pointer;
  padding: 0.45rem;
  text-align: left;
}

.builder-choice > img {
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid var(--grade, #555);
  border-radius: 4px;
  background: radial-gradient(circle at 50% 35%, var(--grade, #555), #202020 72%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.builder-choice > span {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.builder-choice b,
.builder-choice small,
.builder-choice em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-choice b {
  color: #fff;
  font-size: 0.82rem;
}

.builder-item-auction-price {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  min-width: 0;
  color: #ffe4a2;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
}

.builder-item-auction-price b {
  color: inherit;
  font-size: inherit;
  white-space: nowrap;
}

.builder-choice small,
.builder-choice em {
  color: #a9a9a9;
  font-size: 0.72rem;
  font-style: normal;
}

.builder-choice small {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  min-width: 0;
}

.builder-choice small > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-choice small .builder-item-auction-price {
  display: inline-flex;
  flex: 0 0 auto;
  margin-left: auto;
  align-items: center;
  gap: 0.22rem;
}

.builder-choice .builder-item-auction-price .rutl-lucent-icon {
  flex: 0 0 auto;
  width: 0.92em;
  height: 0.92em;
}

.builder-choice .builder-item-auction-price b {
  overflow: visible;
  text-overflow: clip;
}

.builder-flash {
  position: fixed;
  z-index: 2600;
  top: 1rem;
  right: 1rem;
  border: 1px solid rgba(85, 209, 143, 0.52);
  border-radius: 4px;
  background: #1f5f3e;
  box-shadow: 0 0.7rem 2rem rgba(0, 0, 0, 0.35);
  color: #dcffe9;
  cursor: pointer;
  font-weight: 900;
  padding: 0.65rem 0.8rem;
}

.builder-empty-slot-icon {
  width: 2.35rem !important;
  height: 2.35rem !important;
  object-fit: contain !important;
  opacity: 0.52;
  filter: grayscale(1) brightness(1.15);
}

.builder-close-icon,
.builder-weapon-swap span {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  background: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.builder-close-icon {
  mask-image: url('/Icons/Slots/close.svg');
}

.builder-weapon-swap {
  position: absolute;
  z-index: 8;
  top: 1.85rem;
  left: 50%;
  display: grid;
  width: 2rem;
  height: 1.55rem;
  place-items: center;
  border: 1px solid #5b5b5b;
  border-radius: 4px;
  background: #222;
  color: #fff;
  cursor: pointer;
  padding: 0;
  transform: translate(-50%, -50%);
}

.builder-weapon-swap span {
  mask-image: url('/Icons/Slots/swap.svg');
}

.builder-gear-grid {
  position: relative;
}

.builder-consumable-slot {
  position: relative;
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  justify-self: center;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 2.35rem;
  min-height: 2.35rem;
  max-width: 2.35rem;
  max-height: 2.35rem;
  border: 1px solid #5a4d32;
  border-radius: 50%;
  background: #1c1c1c;
  padding: 0;
  line-height: 0;
  cursor: pointer;
  appearance: none;
}

.builder-consumable-frame {
  position: relative;
  display: grid;
  width: 2.05rem;
  height: 2.05rem;
  place-items: center;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 4px;
  background: transparent;
  pointer-events: none;
}

.builder-consumable-slot.filled .builder-consumable-frame {
  background: var(--stellarite-bg, #212121) center/cover no-repeat;
}

.builder-consumable-slot.is-disabled .builder-consumable-frame {
  opacity: 0.72;
  filter: grayscale(0.35) brightness(0.8);
}

.builder-consumable-slot.is-disabled .builder-consumable-frame::after {
  position: absolute;
  inset: 0.15rem;
  border-radius: 3px;
  background: linear-gradient(135deg, transparent 42%, #f2f2f2 43%, #f2f2f2 49%, #161616 50%, #161616 56%, transparent 57%);
  content: "";
  pointer-events: none;
}

.builder-consumable-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.builder-buff-rail {
  display: grid;
  grid-template-columns: repeat(4, 2.35rem);
  justify-content: center;
  gap: 0.38rem;
  margin-top: 0.5rem;
}

.builder-buffs-panel {
  display: none !important;
}

.builder-buff-slot {
  position: relative;
  isolation: isolate;
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  min-width: 2.35rem;
  min-height: 2.35rem;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--grade, #d7ba69) 18%, rgba(72, 66, 55, 0.86)), rgba(14, 14, 15, 0.98) 72%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 239, 184, 0.22),
    inset 0 0 0 2px rgba(0, 0, 0, 0.68),
    0 0 0 1px rgba(0, 0, 0, 0.84),
    0 0 0 2px color-mix(in srgb, var(--grade, #d7ba69) 72%, #1a1409),
    0 0.2rem 0.65rem rgba(0, 0, 0, 0.38);
  color: #f3d98a;
  cursor: pointer;
  padding: 0;
  transform: translateZ(0);
}

.builder-buff-slot::before {
  position: absolute;
  z-index: -1;
  inset: -0.08rem;
  border-radius: inherit;
  background:
    linear-gradient(140deg, rgba(255, 242, 186, 0.72), color-mix(in srgb, var(--grade, #d7ba69) 72%, #4b3514), rgba(23, 18, 10, 0.86));
  opacity: 0.68;
  content: "";
}

.builder-buff-slot:hover,
.builder-buff-slot:focus-visible {
  box-shadow:
    inset 0 0 0 1px rgba(255, 239, 184, 0.3),
    inset 0 0 0 2px rgba(0, 0, 0, 0.64),
    0 0 0 1px rgba(0, 0, 0, 0.84),
    0 0 0 2px color-mix(in srgb, var(--grade, #ffd86a) 88%, #1a1409),
    0 0 0.8rem rgba(255, 216, 106, 0.22);
  outline: none;
}

.builder-buff-slot.is-empty {
  --grade: #8f805d;
  filter: grayscale(0.2);
  opacity: 0.78;
}

.builder-buff-slot.is-filled {
  background:
    radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--grade, #b26dff) 42%, rgba(35, 30, 42, 0.94)), rgba(9, 9, 10, 0.98) 72%);
}

.builder-buff-frame {
  display: grid;
  width: 1.9rem;
  height: 1.9rem;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.24) 68%);
}

.builder-buff-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.08rem;
}

.builder-buff-level {
  position: absolute;
  right: -0.22rem;
  bottom: -0.28rem;
  min-width: 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.72);
  border-radius: 999px;
  background: #050505;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.05rem;
  text-align: center;
}

.builder-consumable-slot select {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.builder-buff-picker-card {
  width: min(56rem, calc(100vw - 2rem));
}

.builder-buff-picker-layout {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) minmax(14rem, 0.78fr);
  gap: 0.75rem;
  min-height: 22rem;
}

.builder-buff-picker-list {
  display: grid;
  align-content: start;
  gap: 0.38rem;
  max-height: min(58vh, 31rem);
  overflow-y: auto;
  padding-right: 0.25rem;
}

.builder-buff-choice {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  min-height: 3.65rem;
  border: 1px solid #3b3325;
  border-radius: 4px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--grade, #c7a46a) 10%, rgba(35, 35, 35, 0.95)), rgba(19, 19, 19, 0.95));
  color: #f4e8c8;
  cursor: pointer;
  padding: 0.45rem 0.55rem;
  text-align: left;
}

.builder-buff-choice:hover,
.builder-buff-choice:focus-visible,
.builder-buff-choice.is-active {
  border-color: #d4a93d;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--grade, #d4a93d) 20%, rgba(57, 43, 22, 0.96)), rgba(29, 25, 18, 0.96));
  outline: none;
}

.builder-buff-choice-icon,
.builder-buff-preview-icon {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--grade, rgba(215, 186, 105, 0.75));
  border-radius: 4px;
  background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--grade, #7d55c7) 26%, rgba(72, 61, 82, 0.85)), rgba(9, 9, 10, 0.95));
}

.builder-buff-choice-icon {
  width: 2.35rem;
  height: 2.35rem;
}

.builder-buff-choice-icon img,
.builder-buff-preview-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.builder-buff-choice b,
.builder-buff-choice small {
  display: block;
  min-width: 0;
}

.builder-buff-choice b {
  color: #fff1bf;
  font-size: 0.84rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
  white-space: normal;
}

.builder-buff-choice small {
  color: #bdb1a0;
  font-size: 0.72rem;
  line-height: 1.28;
  white-space: normal;
  overflow-wrap: anywhere;
}

.builder-buff-picker-preview {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 0.45rem;
  border: 1px solid #343434;
  border-radius: 4px;
  background: rgba(18, 18, 18, 0.74);
  padding: 0.7rem;
}

.builder-buff-preview-icon {
  width: 3.15rem;
  height: 3.15rem;
}

.builder-buff-picker-preview h3 {
  margin: 0;
  color: #ffdf8a;
  font-size: 1rem;
}

.builder-buff-picker-preview p,
.builder-buff-tooltip-stat {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.35rem 0 0;
}

.builder-buff-picker-preview p span,
.builder-buff-tooltip-stat span {
  color: #ddd3bf;
}

.builder-buff-picker-preview p b,
.builder-buff-tooltip-stat b {
  color: #ffdf8a;
}

.builder-buff-tooltip-card {
  width: min(24rem, 78vw);
  box-sizing: border-box;
  border-color: color-mix(in srgb, var(--grade, #d4a93d) 58%, #272019);
  background:
    linear-gradient(180deg, rgba(33, 29, 27, 0.98), rgba(8, 8, 10, 0.98)),
    radial-gradient(circle at 76% 0%, color-mix(in srgb, var(--grade, #d4a93d) 24%, transparent), transparent 34%);
  padding: 0.75rem;
}

.builder-buff-tooltip-card header {
  position: relative;
  display: grid;
  min-height: 3.9rem;
  align-items: center;
  gap: 0.75rem;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  margin: 0;
  border-bottom: 1px solid rgba(255, 223, 138, 0.14);
  padding: 0 0 0.7rem;
}

.builder-buff-tooltip-heading {
  min-width: 0;
}

.builder-buff-tooltip-card header small {
  color: #c8b47e;
  font-weight: 900;
}

.builder-buff-tooltip-card header h3 {
  margin: 0.15rem 0 0;
  color: #ffdf8a;
  font-size: 1rem;
  line-height: 1.18;
}

.builder-buff-tooltip-icon {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--grade, #d4a93d);
  border-radius: 4px;
  background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--grade, #7d55c7) 28%, rgba(72, 61, 82, 0.85)), rgba(9, 9, 10, 0.95));
}

.builder-buff-tooltip-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.builder-buff-tooltip-description {
  margin: 0.65rem 0 0;
  border: 1px solid rgba(255, 223, 138, 0.12);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.025);
  color: #c8bfb2;
  font-size: 0.78rem;
  line-height: 1.35;
  padding: 0.5rem 0.58rem;
}

.builder-buff-tooltip-stats {
  display: grid;
  gap: 0.32rem;
  margin-top: 0.7rem;
}

.builder-buff-tooltip-stat {
  align-items: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-top: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.36rem 0.5rem;
}

.builder-buff-tooltip-stat span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.builder-buff-tooltip-stat b {
  flex: 0 0 auto;
}

.builder-buff-empty {
  border: 1px dashed #3a3327;
  border-radius: 4px;
  color: #bdb1a0;
  padding: 0.9rem;
}

.builder-rune-grade-tabs,
.builder-modal-grade-tabs,
.builder-weapon-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.builder-rune-grade-tabs {
  margin-top: 0.6rem;
}

.builder-rune-grade-tabs button,
.builder-modal-grade-tabs button,
.builder-weapon-filter button {
  min-height: 2rem;
  border: 1px solid #393939;
  border-radius: 4px;
  background: #242424;
  color: #ddd;
  cursor: pointer;
  font-weight: 800;
  padding: 0 0.65rem;
}

.builder-rune-grade-tabs button.is-active,
.builder-modal-grade-tabs button.is-active,
.builder-weapon-filter button.is-active {
  border-color: #c9a34f;
  background: #2f2818;
  color: #f4d27a;
  box-shadow: inset 0 0 0 1px rgba(244, 210, 122, 0.18);
}

.builder-modal-grade-tabs button.has-grade {
  border-color: #393939;
  background: #242424;
  color: color-mix(in srgb, var(--grade) 74%, #f5efe4 26%);
  text-shadow: 0 0 10px color-mix(in srgb, var(--grade) 28%, transparent);
}

.builder-modal-grade-tabs button.has-grade.is-active {
  border-color: #c9a34f;
  background: #2f2818;
  color: color-mix(in srgb, var(--grade) 72%, #fff2bd 28%);
  box-shadow: inset 0 0 0 1px rgba(244, 210, 122, 0.18);
}

.builder-modal-grade-tabs button.is-all.is-active {
  border-color: #c9a34f;
  background: #2f2818;
  color: #f4d27a;
}


.builder-weapon-filter button {
  display: grid;
  width: 2.35rem;
  min-width: 2.35rem;
  place-items: center;
  padding: 0;
}

.builder-weapon-filter button:first-child {
  width: auto;
  min-width: 3.1rem;
  padding: 0 0.65rem;
}

.builder-weapon-filter img {
  width: 1.45rem;
  height: 1.45rem;
  object-fit: contain;
  opacity: 0.82;
}

.builder-rune-chip {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #171717;
}

.builder-rune-chip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.builder-node {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: 0.25rem 0.35rem;
  align-items: center;
  padding: 0.22rem;
  text-align: left;
}

.builder-node-hex {
  grid-row: 1 / span 2;
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  overflow: hidden;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
  background: #101010;
}

.builder-node-hex img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.builder-node b,
.builder-node small {
  min-width: 0;
}

.builder-skill-build {
  overflow-x: auto;
}

.builder-item-picker {
  place-items: start center;
  background: rgba(0, 0, 0, 0.48);
  padding-top: 1rem;
}

.builder-item-picker .builder-modal-card {
  width: min(100%, 52rem);
  max-height: min(36rem, calc(100vh - 7rem));
  box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.62);
}

.builder-modal-search:focus,
.builder-item-select:focus-visible,
.builder-square-button:focus-visible,
.builder-rune-grade-tabs button:focus-visible,
.builder-synergy-picker button:focus-visible {
  border-color: #ba80e4;
  box-shadow: 0 0 0 2px rgba(178, 123, 216, 0.18);
}

.builder-hover-tooltip {
  position: fixed;
  z-index: 5200;
  max-width: min(23rem, calc(100vw - 1rem));
  max-height: calc(100vh - 1rem);
  overflow: auto;
  pointer-events: none;
}

.builder-hover-tooltip.is-t2-mastery {
  max-width: min(420px, calc(100vw - 24px));
  overflow-x: hidden;
  overflow-y: auto;
}

.builder-hover-tooltip.is-build-auction {
  max-width: min(23.5rem, calc(100vw - 16px));
  max-height: none;
  overflow: visible;
}

.builder-hover-tooltip.is-pinned {
  pointer-events: auto;
}

.builder-hover-tooltip[hidden] {
  display: none;
}

.builder-tooltip-card {
  overflow: hidden;
  border: 1px solid #4a3e56;
  border-radius: 4px;
  background: #191919;
  box-shadow: 0 0.85rem 2rem rgba(0, 0, 0, 0.62);
  color: #f4f4f4;
  font-size: 0.78rem;
  line-height: 1.3;
}

.builder-tooltip-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5.2rem;
  gap: 0.55rem;
  min-height: 6.4rem;
  background: linear-gradient(110deg, color-mix(in srgb, var(--grade, #8e55be) 38%, #161616 62%), #161616 72%);
  padding: 0.55rem 0.6rem;
}

.builder-tooltip-hero::after {
  position: absolute;
  inset: auto 0 0;
  height: 2.25rem;
  background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0 0.45rem, rgba(255, 255, 255, 0.05) 0.45rem 0.75rem);
  content: "";
  opacity: 0.55;
}

.builder-tooltip-hero h3,
.builder-tooltip-simple-head h3 {
  overflow: hidden;
  margin: 0 0 0.25rem;
  color: #c77cff;
  font-size: 0.96rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-tooltip-hero p,
.builder-tooltip-simple-head p {
  margin: 0 0 0.3rem;
  color: #fff;
}

.builder-tooltip-hero p i {
  color: #bfbfbf;
  font-style: normal;
}

.builder-tooltip-hero strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 0.35rem;
  color: #fff;
  font-size: 0.9rem;
}

.builder-tooltip-hero img {
  position: relative;
  z-index: 1;
  width: 5.2rem;
  height: 5.2rem;
  object-fit: contain;
}

.builder-tooltip-section {
  border-top: 1px solid #333;
  padding: 0.45rem 0.55rem;
}

.builder-tooltip-section p {
  margin: 0.2rem 0;
}

.builder-tooltip-section.stats p,
.builder-tooltip-section.traits p,
.builder-tooltip-section.runes p {
  display: flex;
  align-items: center;
  gap: 0.28rem;
}

.builder-tooltip-section.stats span,
.builder-tooltip-section.traits span,
.builder-tooltip-section.runes span {
  color: #fff;
}

.builder-tooltip-section b,
.builder-tooltip-section.traits .is-active {
  color: #54e18f;
}

.builder-tooltip-section.traits p.off {
  opacity: 0.42;
}

.builder-tooltip-section.traits i {
  color: #777;
  font-style: normal;
}

.builder-tooltip-section.passive h4 {
  margin: 0 0 0.35rem;
  color: #ffe082;
  font-size: 0.82rem;
}

.builder-tooltip-section.passive div,
.builder-tooltip-simple-head {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.5rem;
  align-items: start;
}

.builder-tooltip-section.passive img,
.builder-tooltip-simple-head img,
.builder-tooltip-section.runes img {
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #734f91;
  border-radius: 3px;
  background: #25202d;
  object-fit: cover;
}

.builder-tooltip-section.passive em {
  display: block;
  color: #d0d0d0;
  font-style: normal;
}

.builder-tooltip-section.runes em {
  margin-left: auto;
  color: #dcdcdc;
  font-style: normal;
}

.builder-tooltip-section.synergy {
  color: #c77cff;
}

.builder-tooltip-card.plain,
.builder-tooltip-card.skill {
  padding: 0.6rem;
}

.builder-top-actions button:hover,
.builder-build-card:hover,
.builder-attr-step:hover:not(:disabled),
.builder-view-tab:hover,
.builder-grade-tabs button:hover,
.builder-item-select:hover,
.builder-square-button:hover,
.builder-skill-pool-tile:hover,
.builder-skill-slot:hover,
.builder-specialize-button:hover,
.builder-spec-card:hover,
.builder-spec-option:hover:not(:disabled),
.builder-choice:hover,
.builder-synergy-picker button:hover,
.builder-trait-levels button:hover:not(:disabled),
.builder-node:hover {
  border-color: #a56bd2;
  background-color: #2c2432;
}

@media (max-width: 1380px) {
  .builder-quest-layout {
    grid-template-columns: 14.5rem 10.4rem minmax(38rem, 1fr) 17rem;
  }

  .builder-skill-loadout {
    grid-template-columns: 7.5rem minmax(22rem, 1fr) minmax(14rem, 0.75fr);
  }

  .builder-skill-pool.active,
  .builder-selected-skills.active {
    grid-template-columns: repeat(4, 4rem);
  }
}

@media (max-width: 1120px) {
  .builder-rune-modal-grid {
    grid-template-columns: 1fr;
  }

  .builder-quest-layout {
    grid-template-columns: 14rem minmax(9.8rem, 10.8rem) minmax(0, 1fr);
    align-items: start;
  }

  .builder-main-stage {
    align-self: start;
    margin-top: 0;
  }

  .builder-right-rail {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .builder-view-tabs {
    padding-left: 0;
    overflow-x: auto;
  }

  .builder-equipment-head,
  .builder-stellarite-control,
  .builder-item-summary,
  .builder-rune-summary,
  .builder-rune-line,
  .builder-skill-loadout,
  .builder-spec-modal-grid {
    grid-template-columns: 1fr;
  }

  .builder-skill-pool.active,
  .builder-selected-skills.active,
  .builder-selected-skills.passive {
    grid-template-columns: repeat(4, 4rem);
  }

  .builder-skill-pool.passive {
    grid-template-columns: minmax(0, max-content);
  }

  .builder-skill-pool.passive .builder-skill-pool-group {
    grid-template-columns: repeat(4, 4rem);
  }
}

@media (max-width: 760px) {
  .builder-app {
    padding: 0.5rem 0.35rem 1rem;
  }

  .builder-topbar {
    grid-template-columns: 1fr;
  }

  .builder-title-strip,
  .builder-top-actions {
    justify-self: stretch;
  }

  .builder-title-strip {
    flex-direction: column;
    align-items: stretch;
  }

  .builder-top-name,
  .builder-role-select {
    width: 100%;
  }

  .builder-quest-layout {
    grid-template-columns: 1fr;
  }

  .builder-left-rail,
  .builder-right-rail {
    grid-template-columns: 1fr;
  }

  .builder-gear-grid {
    grid-template-columns: repeat(4, 4.8rem);
  }

  .builder-item-toolbar {
    grid-template-columns: 3rem minmax(0, 1fr) 3rem;
  }

  .builder-skill-weapon-row,
  .builder-synergy-picker,
  .builder-spec-list-panel,
  .builder-choice-list,
  .builder-choice-list.skill {
    grid-template-columns: 1fr;
  }

  .builder-skill-pool.active,
  .builder-selected-skills.active,
  .builder-selected-skills.passive {
    grid-template-columns: repeat(3, 4rem);
  }

  .builder-skill-pool.passive {
    grid-template-columns: minmax(0, max-content);
  }

  .builder-skill-pool.passive .builder-skill-pool-group {
    grid-template-columns: repeat(3, 4rem);
  }
}

.builder-synergy-picker.builder-rune-synergy-list {
  grid-template-columns: 1fr;
}

.builder-rune-type-mark {
  display: none;
}

.builder-modal-card {
  position: relative;
}

.builder-modal-corner-close {
  position: absolute;
  z-index: 12;
  top: 0.45rem;
  left: 0.45rem;
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid #444;
  border-radius: 4px;
  background: #24242a;
  color: #fff;
  cursor: pointer;
  padding: 0;
}

.builder-rune-modal-card {
  position: relative;
}

.builder-stat-row[data-stat-key] {
  cursor: help;
}

.builder-tooltip-card.stat-source {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 18rem;
  max-width: min(32rem, calc(100vw - 1rem));
  height: calc(100vh - 1.25rem);
  max-height: calc(100vh - 1.25rem);
  padding: 0.45rem 0;
}

.builder-tooltip-card.damage-source {
  min-width: 23rem;
  height: auto;
  max-height: min(34rem, calc(100vh - 1.25rem));
}

.builder-stat-source-list {
  min-height: 0;
  overflow-y: auto;
}

.builder-damage-breakdown-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid #2b2b2b;
  padding: 0.32rem 0.6rem;
  color: #dcdcdc;
  font-size: 0.78rem;
}

.builder-damage-breakdown-row b {
  color: #fff;
  text-align: right;
}

.builder-tooltip-card.stat-source header,
.builder-tooltip-card.stat-source footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.35rem 0.6rem;
}

.builder-tooltip-card.stat-source h3 {
  margin: 0;
  color: #f1f1f1;
  font-size: 0.9rem;
}

.builder-stat-source-row {
  display: grid;
  grid-template-columns: 1.65rem minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: center;
  border-top: 1px solid #2b2b2b;
  padding: 0.32rem 0.6rem;
}

.builder-stat-source-row img,
.builder-stat-source-row i {
  display: block;
  width: 1.45rem;
  height: 1.45rem;
  border: 1px solid var(--grade, #555);
  border-radius: 3px;
  background: radial-gradient(circle at 50% 35%, var(--grade, #555), #202020 72%);
  object-fit: cover;
}

.builder-stat-source-row span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.builder-stat-source-row b,
.builder-stat-source-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-stat-source-row b {
  color: #c88cff;
  font-size: 0.78rem;
}

.builder-stat-source-row small {
  color: #bdbdbd;
  font-size: 0.68rem;
}

.builder-stat-source-row strong,
.builder-tooltip-card.stat-source footer b {
  color: #fff;
  font-size: 0.78rem;
}

.builder-tooltip-card.stat-source footer {
  border-top: 1px solid #363636;
  margin-top: 0.25rem;
  color: #d8d8d8;
  font-weight: 850;
}

.builder-title-display,
.builder-title-editor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: min(34rem, max(10rem, var(--name-ch, 12ch)));
  min-height: 2rem;
}

.builder-title-display {
  border: 1px solid #383838;
  border-radius: 4px;
  background: #262626;
  color: #fff;
  cursor: pointer;
  padding: 0 0.45rem;
  font-size: 1.15rem;
  font-weight: 900;
}

.builder-title-display span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-title-display i {
  color: #cfcfcf;
  font-size: 0.9rem;
  font-style: normal;
}

.builder-title-editor .builder-top-name {
  flex: 1;
  width: auto;
}

.builder-title-save {
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(70, 212, 126, 0.62);
  border-radius: 4px;
  background: #17633a;
  color: #eafff1;
  cursor: pointer;
  font-weight: 950;
}

.builder-build-card {
  grid-template-columns: minmax(0, 1fr) 2.1rem;
  padding: 0.25rem;
}

.builder-build-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.4rem;
  align-items: center;
  min-width: 0;
  min-height: 3.3rem;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0.1rem 0.2rem;
  text-align: left;
}

.builder-build-delete {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid #3c3c3c;
  border-radius: 4px;
  background: #242424;
  color: #c9c9c9;
  cursor: pointer;
}

.builder-trash-icon {
  position: relative;
  width: 0.9rem;
  height: 1rem;
  border: 2px solid currentColor;
  border-top: 0;
  border-radius: 0 0 2px 2px;
}

.builder-trash-icon::before {
  position: absolute;
  top: -0.35rem;
  left: -0.18rem;
  width: 1.15rem;
  height: 0.16rem;
  border-radius: 999px;
  background: currentColor;
  content: "";
}

.builder-trash-icon::after {
  position: absolute;
  top: -0.55rem;
  left: 0.2rem;
  width: 0.45rem;
  height: 0.22rem;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  content: "";
}

.builder-confirm-card {
  width: min(26rem, calc(100vw - 1rem));
  padding: 1.1rem;
  text-align: center;
}

.builder-confirm-card h2 {
  margin: 0.35rem 0 0;
  color: #fff;
}

.builder-confirm-card p {
  margin: 0;
  color: #c8c8c8;
}

.builder-confirm-actions {
  display: flex;
  justify-content: center;
  gap: 0.55rem;
}

.builder-confirm-actions button {
  min-height: 2.25rem;
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  background: #242424;
  color: #fff;
  cursor: pointer;
  padding: 0 0.9rem;
}

.builder-confirm-actions button.danger {
  border-color: rgba(218, 84, 84, 0.6);
  background: #6d2323;
}

.builder-slot-detail.has-dropdown {
  min-height: 0;
}

.builder-slot-detail.has-dropdown .builder-item-dropdown {
  position: static;
  max-height: min(28rem, calc(100vh - 16rem));
}

.builder-slot-detail.has-dropdown .builder-item-toolbar {
  z-index: 1;
}

.builder-skill-build.is-empty {
  display: grid;
  min-height: 20rem;
  place-items: center;
}

.builder-skill-empty-state {
  border: 1px solid #333;
  border-radius: 4px;
  background: #171717;
  color: #aaa;
  font-weight: 850;
  padding: 1rem 1.2rem;
}

input.builder-stat-search {
  width: 100%;
  outline: none;
}

.builder-item-current {
  cursor: default;
}

.builder-slot-detail.has-dropdown .builder-item-dropdown {
  position: relative !important;
  z-index: 5 !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.builder-slot-detail.has-dropdown .builder-item-toolbar {
  position: relative;
  z-index: 1 !important;
}

.builder-item-dropdown > .builder-item-search-input {
  width: 100%;
  margin-bottom: 0.45rem;
}

.builder-item-dropdown-results {
  max-height: min(25rem, calc(100vh - 18rem));
  overflow: auto;
  padding-right: 0.15rem;
}


/* Builder modal refinements: runes and specialization */
.builder-modal-corner-close {
  right: 0.45rem !important;
  left: auto !important;
}

.builder-rune-type-mark {
  display: grid !important;
}

.builder-rune-modal-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(86rem, calc(100vw - 0.75rem));
  height: min(52rem, calc(100vh - 0.75rem));
  max-height: calc(100vh - 0.75rem);
  overflow: hidden;
  padding: 0.85rem 1rem 1rem;
}

.builder-rune-modal-head {
  min-height: 2.25rem;
  justify-content: center;
  padding: 0 2.6rem 0.55rem;
}

.builder-rune-modal-head h2 {
  width: 100%;
  text-align: center;
}

.builder-rune-modal-grid {
  grid-template-columns: minmax(18rem, 21.5rem) minmax(20rem, 1fr) minmax(18rem, 21.5rem);
  align-items: stretch;
  height: 100%;
  overflow: hidden;
}

.builder-rune-modal-editors,
.builder-rune-modal-effects,
.builder-rune-synergy-list {
  min-height: 0;
  overflow: hidden;
}

.builder-rune-modal-editors {
  align-content: start;
}

.builder-rune-modal-effects {
  grid-template-rows: auto auto auto minmax(0, 1fr);
  align-content: start;
}

.builder-rune-modal .builder-rune-line {
  min-height: 0;
}

.builder-rune-modal .builder-rune-editor-head {
  grid-template-columns: 4.35rem minmax(0, 1fr);
  padding: 0.45rem 0.55rem;
}

.builder-rune-modal .builder-rune-editor-head .builder-rune-orb {
  width: 3.45rem;
  height: 3.45rem;
}

.builder-rune-modal .builder-rune-line label {
  padding: 0 0.55rem;
}

.builder-rune-modal .builder-rune-line label:last-child {
  padding-bottom: 0.5rem;
}

.builder-rune-grade-tabs {
  flex-wrap: nowrap;
  margin: 0;
}

.builder-rune-grade-tabs button {
  white-space: nowrap;
}

.builder-rune-picker-button {
  display: grid;
  grid-template-columns: 1.9rem minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: center;
  width: 100%;
  min-height: 2.15rem;
  margin-top: 0.2rem;
  border: 1px solid #393939;
  border-radius: 4px;
  background: #303030;
  color: #f4f4f4;
  cursor: pointer;
  padding: 0 0.45rem;
  text-align: left;
}

.builder-rune-picker-button span:not(.builder-rune-picker-thumb) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-rune-picker-button em {
  color: #bdbdbd;
  font-style: normal;
}

.builder-rune-picker-thumb {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--rune-grade, #555);
  border-radius: 4px;
  background: radial-gradient(circle at 50% 35%, var(--rune-grade, #555), #202020 72%);
}

.builder-rune-picker-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.builder-rune-picker-thumb.is-empty {
  border-color: #444;
  background: radial-gradient(circle at 50% 35%, #333, #171717 72%);
}

.builder-rune-picker-shade {
  position: absolute;
  z-index: 20;
  inset: 0;
  background: rgba(0, 0, 0, 0.64);
}

.builder-rune-picker-popover {
  position: absolute;
  z-index: 21;
  top: 2.65rem;
  right: 1.25rem;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(28rem, calc(100% - 2.5rem));
  max-height: calc(100% - 4rem);
  border: 1px solid #303030;
  border-radius: 4px;
  background: #141414;
  box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.72);
  padding: 0.75rem;
}

.builder-rune-picker-popover .builder-modal-corner-close {
  top: 0.5rem;
  right: 0.5rem !important;
}

.builder-rune-picker-tabs {
  display: flex;
  gap: 0.25rem;
  padding-right: 2.35rem;
  margin-bottom: 0.55rem;
}

.builder-rune-picker-tabs button {
  min-height: 2rem;
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  background: #202020;
  color: #d8d8d8;
  cursor: pointer;
  font-weight: 850;
  padding: 0 0.65rem;
}

.builder-rune-picker-tabs button.is-active {
  border-color: #b27bd8;
  background: #8d5ab3;
  color: #fff;
}

.builder-rune-picker-list {
  display: grid;
  gap: 0.35rem;
  min-height: 0;
  overflow: auto;
  padding-right: 0.2rem;
}

.builder-rune-choice {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  min-height: 3.75rem;
  border: 1px solid #323232;
  border-radius: 4px;
  background: #202020;
  color: #f3f3f3;
  cursor: pointer;
  padding: 0.35rem 0.55rem;
  text-align: left;
}

.builder-rune-choice:hover,
.builder-rune-choice.is-active {
  border-color: #aa70d4;
  background: #2f2238;
}

.builder-rune-choice .builder-rune-orb,
.builder-rune-choice-empty {
  width: 2.85rem;
  height: 2.85rem;
}

.builder-rune-choice-empty {
  display: block;
  border: 1px solid #4a4a4a;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, #3a3a3a, #151515 72%);
}

.builder-rune-choice b,
.builder-rune-choice small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-rune-choice b {
  color: #c77cff;
  font-size: 0.92rem;
}

.builder-rune-choice small {
  color: #aaa;
  font-size: 0.78rem;
}

.builder-rune-synergy-list {
  align-content: start;
}

.builder-rune-synergy-list button {
  grid-template-columns: 1fr !important;
  justify-items: start;
  align-items: start;
  min-height: 4.15rem;
  gap: 0.35rem;
  padding: 0.45rem 0.55rem;
}

.builder-rune-synergy-list button > .builder-rune-order {
  flex-wrap: nowrap;
  gap: 0.28rem;
}

.builder-rune-synergy-list button > span {
  display: block;
  line-height: 1.18;
}

.builder-spec-modal-card {
  width: min(88rem, calc(100vw - 0.5rem));
  height: min(52rem, calc(100vh - 0.5rem));
  max-height: calc(100vh - 0.5rem);
  padding: 0.95rem 1.15rem 0.9rem;
}

.builder-spec-modal-grid {
  grid-template-columns: minmax(42rem, 1.55fr) minmax(27rem, 0.95fr);
  gap: 1.25rem;
  height: calc(100% - 4.75rem);
}

.builder-spec-list-panel {
  gap: 0.5rem 0.55rem;
  overflow: hidden;
}

.builder-spec-card {
  grid-template-columns: 4.35rem minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  align-items: start;
  height: 5.35rem;
  min-height: 0;
  padding: 0.45rem;
}

.builder-spec-card > img {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  width: 4rem;
  height: 4rem;
}

.builder-spec-card > span {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  align-self: end;
}

.builder-spec-orbs {
  grid-column: 2;
  grid-row: 2;
  flex-wrap: nowrap;
  align-self: start;
  min-width: 0;
  overflow: hidden;
  margin-top: 0.2rem;
}

.builder-spec-orb {
  flex: 0 0 auto;
  width: 1.58rem;
  height: 1.58rem;
}

.builder-spec-detail-panel {
  min-width: 0;
  overflow: hidden;
}

.builder-spec-option-list {
  align-content: start;
  overflow: hidden;
}

.builder-spec-option {
  height: 5.35rem;
}

@media (max-width: 1120px) {
  .builder-rune-modal-card,
  .builder-spec-modal-card {
    height: auto;
    max-height: calc(100vh - 0.75rem);
    overflow: auto;
  }

  .builder-rune-modal-grid,
  .builder-spec-modal-grid {
    height: auto;
  }
}


/* Builder polish pass: fixed stat rail, title UX, skill tooltip, weapon summary */
.builder-view-tabs {
  justify-content: center;
  padding-left: 0 !important;
}

.builder-right-rail {
  position: sticky;
  top: 0.75rem;
  align-self: start;
  height: calc(100vh - 5.4rem);
  max-height: calc(100vh - 5.4rem);
  overflow: hidden;
}

.builder-stats-rail {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.builder-stat-scroll {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  min-height: 0;
  overflow: auto;
  padding-right: 0.15rem;
}

.builder-title-display {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: min(36rem, max(12rem, var(--name-ch, 12ch)));
  min-height: 2.15rem;
  gap: 0.45rem;
  padding: 0 0.35rem 0 0.65rem;
}

.builder-title-display > span {
  justify-self: center;
  min-width: 0;
  font-weight: 950;
}

.builder-title-display em {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-left: 1px solid #3a3a3a;
  color: #cfcfcf;
  font-size: 0.72rem;
  font-style: normal;
  padding-left: 0.45rem;
}

.builder-title-display svg,
.builder-title-save svg,
.builder-trash-icon {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.builder-title-display:hover em,
.builder-title-display:focus-visible em {
  color: #fff;
}

.builder-title-editor {
  width: min(46rem, calc(100vw - 2rem));
}

.builder-title-editor .builder-top-name {
  width: min(30rem, max(12rem, var(--name-ch, 12ch)));
  text-align: left;
}

.builder-title-save,
.builder-title-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-height: 2rem;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 900;
}

.builder-title-save {
  width: auto;
  min-width: 6.5rem;
  border: 1px solid rgba(70, 212, 126, 0.62);
  background: #17633a;
  color: #eafff1;
  padding: 0 0.65rem;
}

.builder-title-cancel {
  width: 2rem;
  border: 1px solid #3e3e46;
  background: #24242a;
  color: #f4f4f4;
  padding: 0;
}

.builder-build-delete:hover {
  border-color: rgba(218, 84, 84, 0.72);
  background: #2d2020;
  color: #ffb3b3;
}

.builder-trash-icon {
  border: 0;
}

.builder-trash-icon::before,
.builder-trash-icon::after {
  display: none;
}

.builder-item-summary-weapon {
  grid-template-columns: minmax(12rem, 1.05fr) minmax(10rem, 1fr) minmax(10rem, 1fr) minmax(8rem, 0.7fr);
  align-items: stretch;
}

.builder-weapon-damage-card {
  display: grid;
  align-content: center;
  min-height: 5.2rem;
  border: 1px solid rgba(173, 105, 216, 0.55);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(121, 67, 160, 0.22), rgba(23, 23, 23, 0.9));
  padding: 0.7rem 0.8rem;
}

.builder-weapon-damage-card span {
  color: #b5a5bd;
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.builder-weapon-damage-card strong {
  color: #f2edf8;
  font-size: 1.55rem;
  line-height: 1.1;
}

.builder-hover-tooltip:has(.builder-skill-tooltip-card) {
  max-width: min(30rem, calc(100vw - 1rem));
}

.builder-tooltip-card.skill.builder-skill-tooltip-card {
  padding: 0;
  overflow: hidden;
  border-color: #7d4ca6;
  background: radial-gradient(circle at 82% 8%, rgba(92, 54, 130, 0.24), transparent 42%), #131218;
  font-size: 0.82rem;
}

.builder-skill-tooltip-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: start;
  border-bottom: 1px solid #2e2935;
  padding: 0.75rem 0.85rem 0.65rem;
}

.builder-skill-tooltip-head > div {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.6rem;
  align-items: center;
  min-width: 0;
}

.builder-skill-tooltip-head img {
  width: 3rem;
  height: 3rem;
  border: 1px solid #a76cce;
  border-radius: 4px;
  object-fit: cover;
}

.builder-skill-tooltip-head small {
  display: block;
  margin-bottom: 0.25rem;
  color: #b67ae0;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.builder-skill-tooltip-head h3 {
  overflow: hidden;
  margin: 0;
  color: #c77cff;
  font-size: 1.05rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-skill-tooltip-head > b {
  color: #c8c3cf;
  font-size: 0.82rem;
  white-space: nowrap;
}

.builder-skill-tooltip-section {
  border-bottom: 1px solid #2d2a31;
  padding: 0.65rem 0.85rem;
}

.builder-skill-tooltip-section:last-child {
  border-bottom: 0;
}

.builder-skill-tooltip-section > h4,
.builder-skill-tooltip-section div h4 {
  margin: 0 0 0.45rem;
  color: #d4a45e;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.builder-skill-tooltip-section > p,
.builder-skill-tooltip-section div p {
  margin: 0;
  color: #d6d2dc;
  line-height: 1.45;
}

.builder-skill-tooltip-section > p:not(.builder-skill-tooltip-description) {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}

.builder-skill-tooltip-section > p + p {
  margin-top: 0.25rem;
}

.builder-skill-tooltip-section span {
  color: #a9a2af;
}

.builder-skill-tooltip-section b {
  color: #f0d383;
}

.builder-skill-tooltip-description {
  white-space: pre-line;
}

.builder-skill-tooltip-section.progression {
  display: grid;
  gap: 0.55rem;
}

.builder-skill-tooltip-section.progression div p {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  color: #8f8796;
}

.builder-skill-tooltip-section.progression div b {
  color: #a79fad;
}

.builder-skill-tooltip-section.progression div b.is-current {
  color: #fff;
  font-weight: 950;
}

.builder-skill-tooltip-section.progression div i {
  color: #5d5664;
  font-style: normal;
}

@media (max-width: 1380px) {
  .builder-item-summary-weapon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  .builder-right-rail {
    position: static;
    height: auto;
    max-height: none;
  }

  .builder-stats-rail,
  .builder-stat-scroll {
    height: auto;
    overflow: visible;
  }
}

.builder-tooltip-section.weapon-damage p {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.builder-tooltip-section.weapon-damage span {
  color: #b5a5bd;
  font-weight: 850;
  text-transform: uppercase;
}

.builder-tooltip-section.weapon-damage b {
  color: #fff;
  font-size: 1.05rem;
}

.builder-tooltip-section.base-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.36rem;
  background: #201d25;
  padding: 0.5rem 0.55rem;
}

.builder-tooltip-primary-stat {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.055);
  background: rgba(255, 255, 255, 0.045);
  padding: 0.38rem 0.42rem 0.42rem;
}

.builder-tooltip-primary-stat span {
  display: block;
  color: #efe7f6;
  font-size: 0.75rem;
  line-height: 1.12;
}

.builder-tooltip-primary-stat b {
  display: block;
  margin-top: 0.18rem;
  color: #fff;
  font-size: 1.26rem;
  line-height: 1;
  font-weight: 760;
}

.builder-tooltip-section.extra-stats p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem;
  align-items: baseline;
}

.builder-tooltip-section.extra-stats span {
  min-width: 0;
  color: #f0edf4;
}


/* Builder final polish: rune modal, title controls, stat rail, tooltips */
.builder-modal-corner-close {
  right: 0.55rem !important;
  left: auto !important;
}

.builder-title-view {
  display: inline-grid;
  grid-template-columns: minmax(7rem, min(24rem, var(--name-ch, 12ch))) 2.1rem;
  gap: 0.35rem;
  align-items: center;
  max-width: min(32rem, calc(100vw - 20rem));
  min-width: 0;
}

.builder-title-view .builder-title-display {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 2.15rem;
  overflow: hidden;
  border: 1px solid #333;
  border-radius: 4px;
  background: #242424;
  color: #fff;
  font-weight: 950;
  line-height: 2.05rem;
  padding: 0 0.65rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-title-edit-icon,
.builder-title-save,
.builder-title-cancel {
  display: inline-grid;
  width: 2.1rem;
  min-width: 2.1rem;
  height: 2.1rem;
  min-height: 2.1rem;
  place-items: center;
  border: 1px solid #3e3e46;
  border-radius: 4px;
  background: #24242a;
  color: #f4f4f4;
  cursor: pointer;
  padding: 0;
}

.builder-title-edit-icon:hover,
.builder-title-save:hover,
.builder-title-cancel:hover {
  border-color: #a56bd2;
  background: #2c2432;
}

.builder-title-save {
  border-color: rgba(70, 212, 126, 0.62);
  background: #17633a;
  color: #eafff1;
}

.builder-title-editor {
  display: inline-grid !important;
  grid-template-columns: minmax(7rem, min(24rem, var(--name-ch, 12ch))) 2.1rem 2.1rem;
  gap: 0.35rem;
  align-items: center;
  max-width: min(34rem, calc(100vw - 18rem));
  min-width: 0;
  width: auto !important;
}

.builder-title-editor .builder-top-name {
  width: 100% !important;
  min-width: 0;
  text-overflow: ellipsis;
}

.builder-title-display svg,
.builder-title-edit-icon svg,
.builder-title-save svg,
.builder-trash-icon {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.builder-right-rail {
  height: calc(100dvh - 8.25rem) !important;
  max-height: calc(100dvh - 8.25rem) !important;
  overflow: hidden !important;
}

.builder-stats-rail {
  height: 100% !important;
  min-height: 0;
  overflow: hidden !important;
}

.builder-stat-scroll {
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding: 0 0.2rem 0.85rem 0;
}

.builder-stat-group h3 {
  position: sticky;
  top: 0;
  z-index: 1;
}

.builder-rune-modal-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(96rem, calc(100vw - 0.75rem)) !important;
  height: min(58rem, calc(100dvh - 0.75rem)) !important;
  max-height: calc(100dvh - 0.75rem) !important;
  overflow: hidden !important;
  padding: 0.75rem 0.9rem 0.9rem !important;
}

.builder-rune-modal-head {
  min-height: 2.15rem !important;
  justify-content: center !important;
  border-bottom: 1px solid #303030;
  padding: 0 2.5rem 0.45rem !important;
}

.builder-rune-modal-head h2 {
  width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-rune-modal-grid {
  grid-template-columns: minmax(21rem, 25rem) minmax(28rem, 1fr) minmax(22rem, 25rem) !important;
  gap: 0.8rem !important;
  height: 100% !important;
  min-height: 0;
  overflow: hidden !important;
}

.builder-rune-modal-editors,
.builder-rune-modal-effects,
.builder-rune-synergy-list {
  min-height: 0;
  overflow: hidden !important;
}

.builder-rune-modal-editors {
  align-content: start;
  gap: 0.65rem !important;
}

.builder-rune-modal .builder-rune-line {
  gap: 0.45rem !important;
  min-height: 0;
}

.builder-rune-head-button {
  width: 100%;
  border: 0;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.builder-rune-head-button:hover {
  background: #292331 !important;
}

.builder-rune-modal .builder-rune-editor-head {
  grid-template-columns: 4.25rem minmax(0, 1fr) !important;
  padding: 0.45rem 0.55rem !important;
}

.builder-rune-modal .builder-rune-editor-head .builder-rune-orb {
  width: 3.35rem !important;
  height: 3.35rem !important;
}

.builder-rune-modal .builder-rune-line label:last-child {
  padding-bottom: 0.45rem !important;
}

.builder-rune-grade-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap !important;
  gap: 0.4rem;
}

.builder-rune-grade-tabs button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.builder-rune-synergy-list button > .builder-rune-order {
  display: flex;
  flex-wrap: nowrap !important;
}

.builder-rune-synergy-list button > span {
  overflow-wrap: anywhere;
}

.builder-rune-picker-popover {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%);
  width: min(36rem, calc(100% - 2rem)) !important;
  max-height: calc(100% - 2rem) !important;
  padding: 0.75rem !important;
}

.builder-rune-picker-tabs {
  flex-wrap: nowrap !important;
  padding-right: 2.8rem !important;
}

.builder-rune-picker-tabs button {
  flex: 0 0 auto;
}

.builder-rune-choice:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.builder-rune-orb {
  overflow: visible !important;
}

.builder-rune-type-mark {
  display: grid !important;
  z-index: 7 !important;
  top: -0.35rem !important;
  left: -0.34rem !important;
  pointer-events: none;
}

.builder-rune-orb > img {
  max-width: 100%;
  max-height: 100%;
}

.builder-spec-modal-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(96rem, calc(100vw - 0.75rem)) !important;
  height: min(58rem, calc(100dvh - 0.75rem)) !important;
  max-height: calc(100dvh - 0.75rem) !important;
  overflow: hidden !important;
  padding: 0.7rem 1rem 0.9rem !important;
}

.builder-spec-modal-head {
  min-height: 3.4rem;
  gap: 0.25rem !important;
  align-content: center;
  margin: 0 2.4rem 0.45rem;
}

.builder-spec-modal-head strong {
  padding: 0.42rem 0.65rem !important;
}

.builder-spec-modal-grid {
  grid-template-columns: minmax(48rem, 1.42fr) minmax(30rem, 0.9fr) !important;
  gap: 1.1rem !important;
  height: 100% !important;
  min-height: 0;
  overflow: hidden !important;
}

.builder-spec-list-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem 0.65rem !important;
  overflow: hidden !important;
}

.builder-spec-card {
  height: 5.25rem !important;
  min-height: 0 !important;
}

.builder-spec-detail-panel,
.builder-spec-option-list {
  min-height: 0;
  overflow: hidden !important;
}

.builder-spec-option {
  height: 5.35rem !important;
}

.builder-tooltip-card.attr-source {
  min-width: 18rem;
  max-width: 28rem;
  padding: 0.45rem 0;
}

.builder-tooltip-card.attr-source header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.35rem 0.65rem 0.55rem;
  border-bottom: 1px solid #333;
}

.builder-tooltip-card.attr-source h3 {
  margin: 0;
  color: #fff;
  font-size: 0.95rem;
}

.builder-tooltip-card.attr-source header span {
  color: #bdb6c7;
  font-size: 0.78rem;
}

.builder-attr-threshold {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
  border-top: 1px solid #2b2b2b;
  padding: 0.42rem 0.65rem;
  opacity: 0.58;
}

.builder-attr-threshold.is-active {
  opacity: 1;
}

.builder-attr-threshold strong {
  color: #f0d383;
  font-size: 0.9rem;
  text-align: right;
}

.builder-attr-threshold p {
  display: grid;
  gap: 0.16rem;
  margin: 0;
}

.builder-attr-threshold span {
  color: #d9d3df;
  font-size: 0.78rem;
}

.builder-attr-threshold b {
  color: #61df9a;
}

.builder-tooltip-section.traits p {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: baseline;
}

.builder-tooltip-section.traits p > span:first-child {
  min-width: 0;
}

.builder-trait-values {
  display: grid !important;
  grid-template-columns: repeat(var(--trait-values, 4), minmax(2.2rem, auto));
  justify-content: end;
  gap: 0;
  min-width: max-content;
}

.builder-trait-values b {
  position: relative;
  min-width: 2.2rem;
  padding-left: 0.55rem;
  text-align: right;
}

.builder-trait-values b + b::before {
  content: "|";
  position: absolute;
  left: 0.18rem;
  color: #777;
  font-weight: 400;
}

@media (max-width: 1120px) {
  .builder-right-rail {
    height: auto !important;
    max-height: none !important;
  }

  .builder-stat-scroll {
    overflow: visible !important;
  }

  .builder-rune-modal-card,
  .builder-spec-modal-card {
    height: auto !important;
    max-height: calc(100dvh - 0.75rem) !important;
    overflow: auto !important;
  }

  .builder-rune-modal-grid,
  .builder-spec-modal-grid {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }
}


/* Builder specialization/rune polish */
.builder-rune-type-mark {
  display: none !important;
}

.builder-spec-modal-card {
  width: min(86rem, calc(100vw - 1rem)) !important;
  height: auto !important;
  max-height: calc(100dvh - 1rem) !important;
  overflow: auto !important;
  padding: 0.65rem 1rem 0.85rem !important;
}

.builder-spec-modal-head {
  min-height: 0 !important;
  margin: 0 2.4rem 0.65rem !important;
  gap: 0.25rem !important;
}

.builder-spec-modal-grid {
  grid-template-columns: minmax(36rem, 44rem) minmax(30rem, 36rem) !important;
  justify-content: center;
  align-items: start !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.builder-spec-list-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.48rem 0.55rem !important;
  overflow: visible !important;
}

.builder-spec-card {
  grid-template-columns: 3.7rem minmax(0, 1fr) !important;
  height: 4.55rem !important;
  min-height: 4.55rem !important;
  padding: 0.4rem !important;
}

.builder-spec-card > img {
  width: 3.35rem !important;
  height: 3.35rem !important;
}

.builder-spec-orbs {
  gap: 0.2rem !important;
  margin-top: 0.22rem !important;
}

.builder-spec-orb {
  width: 1.44rem !important;
  height: 1.44rem !important;
}

.builder-spec-detail-panel,
.builder-spec-option-list {
  overflow: visible !important;
}

.builder-spec-option-list {
  gap: 0.5rem !important;
}

.builder-spec-option {
  height: auto !important;
  min-height: 4.95rem !important;
  grid-template-columns: 4rem minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
}

.builder-spec-option small {
  max-height: none !important;
  overflow: hidden !important;
  line-height: 1.28 !important;
}

@media (max-width: 1180px) {
  .builder-spec-modal-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* Builder title sizing polish */
.builder-title-strip {
  justify-self: center !important;
  min-width: 0 !important;
  max-width: calc(100vw - 31rem) !important;
}

.builder-title-view,
.builder-title-editor {
  width: auto !important;
  min-width: min(12rem, 100%) !important;
  max-width: min(var(--name-ch, 22ch), calc(100vw - 41rem)) !important;
  flex: 0 1 auto !important;
}

.builder-title-display,
.builder-title-editor .builder-top-name {
  width: auto !important;
  min-width: 0 !important;
}

.builder-title-display {
  flex: 0 1 auto !important;
  max-width: min(calc(var(--name-ch, 22ch) - 3rem), calc(100vw - 45rem)) !important;
}

@media (max-width: 1180px) {
  .builder-title-strip {
    max-width: calc(100vw - 2rem) !important;
  }
  .builder-title-view,
  .builder-title-editor,
  .builder-title-display {
    max-width: calc(100vw - 12rem) !important;
  }
}

/* Builder layout hotfix: title, stat rail, rune baked badges */
.builder-title-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  gap: 0.28rem !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(72rem, calc(100vw - 18rem)) !important;
}

.builder-title-view {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 1 auto !important;
}

.builder-title-view .builder-title-display,
.builder-title-display {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: min(52rem, calc(100vw - 28rem)) !important;
  min-height: 2.15rem !important;
  overflow: hidden !important;
  border: 1px solid #333 !important;
  border-radius: 4px !important;
  background: #242424 !important;
  color: #fff !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  padding: 0 0.75rem !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  flex: 0 1 auto !important;
}

.builder-title-edit-icon,
.builder-title-save,
.builder-title-cancel {
  flex: 0 0 2.1rem !important;
  margin: 0 !important;
}

.builder-role-select {
  margin-left: 0.12rem !important;
  flex: 0 0 auto !important;
}

.builder-left-rail,
.builder-right-rail {
  position: sticky !important;
  top: 0.6rem !important;
  max-height: calc(100dvh - 1.2rem) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

.builder-right-rail {
  height: calc(100dvh - 1.2rem) !important;
  overflow: hidden !important;
}

.builder-stats-rail {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-stat-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  padding-right: 0.25rem !important;
  padding-bottom: 0.6rem !important;
}

.builder-stat-group {
  overflow: visible !important;
}

.builder-stat-row {
  min-height: 1.95rem !important;
  align-items: center !important;
  line-height: 1.25 !important;
  padding: 0.34rem 0.55rem !important;
}

.builder-stat-row span,
.builder-stat-row b {
  line-height: 1.25 !important;
}

.builder-stat-row span {
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.builder-rune-orb > img {
  -webkit-mask-image: radial-gradient(circle at 17% 17%, transparent 0 19%, #000 20% 100%) !important;
  mask-image: radial-gradient(circle at 17% 17%, transparent 0 19%, #000 20% 100%) !important;
}

@media (max-width: 1180px) {
  .builder-title-strip {
    max-width: calc(100vw - 2rem) !important;
  }
  .builder-title-view .builder-title-display,
  .builder-title-display {
    max-width: calc(100vw - 10rem) !important;
    min-width: 0 !important;
    text-overflow: ellipsis !important;
  }
  .builder-left-rail,
  .builder-right-rail {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Builder viewport scrolling model: no outer double scrollbar */
.app-shell:has(.builder-panel.is-active) {
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.55rem !important;
  overflow: hidden !important;
}

.app-shell:has(.builder-panel.is-active) .site-footer {
  display: none !important;
}

.builder-panel.is-active {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-root {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-app {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0.65rem 0.5rem !important;
}

.builder-panel.is-active .builder-quest-layout {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-left-rail,
.builder-panel.is-active .builder-gear-rail,
.builder-panel.is-active .builder-main-stage,
.builder-panel.is-active .builder-right-rail {
  position: static !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overscroll-behavior: contain !important;
}

.builder-panel.is-active .builder-left-rail,
.builder-panel.is-active .builder-gear-rail,
.builder-panel.is-active .builder-main-stage {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
}

.builder-panel.is-active .builder-right-rail {
  overflow: hidden !important;
}

.builder-panel.is-active .builder-stats-rail {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-stat-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}


.builder-tooltip-card.attr-source header em {
  color: #61df9a;
  font-style: normal;
  font-weight: 800;
}

.builder-attr-sources {
  display: grid;
  gap: 0.25rem;
  border-bottom: 1px solid #28242d;
  padding: 0.45rem 0.7rem 0.6rem;
}

.builder-attr-sources h4 {
  margin: 0 0 0.15rem;
  color: #d8b6f1;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.builder-attr-sources span {
  display: flex;
  justify-content: space-between;
  gap: 0.7rem;
  color: #dcd7e0;
  font-size: 0.78rem;
}

.builder-attr-sources b {
  color: #f0d383;
}

/* Builder rail compact alignment */
.builder-left-rail,
.builder-gear-rail {
  align-content: start !important;
  align-items: start !important;
  grid-auto-rows: max-content !important;
}

.builder-panel.is-active .builder-left-rail,
.builder-panel.is-active .builder-gear-rail {
  height: auto !important;
  max-height: 100% !important;
  align-content: start !important;
  align-items: start !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.builder-gear-rail {
  justify-content: center !important;
}

.builder-weapon-row,
.builder-gear-grid {
  align-content: start !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

.builder-gear-grid .builder-slot:last-child {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
}

.builder-gear-grid .builder-slot[data-slot="earring"] {
  grid-column: auto !important;
  justify-self: center !important;
}

.builder-gear-grid .builder-slot[data-slot="earring"],
.builder-gear-grid .builder-slot[data-slot="belt"] {
  grid-column: auto !important;
  justify-self: center !important;
}

/* Builder rail stretch fix */
.builder-left-rail,
.builder-gear-rail {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: flex-start !important;
  gap: 0.55rem !important;
}

.builder-left-rail > *,
.builder-gear-rail > * {
  flex: 0 0 auto !important;
}

.builder-panel.is-active .builder-left-rail,
.builder-panel.is-active .builder-gear-rail {
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.builder-attrs,
.builder-builds {
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

.builder-gear-rail {
  align-items: center !important;
}

.builder-weapon-row,
.builder-gear-grid,
.builder-consumable-slot {
  flex: 0 0 auto !important;
}

.builder-panel.is-active .builder-stat-scroll {
  scrollbar-gutter: auto !important;
  padding-right: 0 !important;
}

/* Builder specialization modal alignment v31 */
.builder-spec-modal-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  width: min(96rem, calc(100vw - 0.75rem)) !important;
  height: min(44rem, calc(100dvh - 0.75rem)) !important;
  max-height: calc(100dvh - 0.75rem) !important;
  overflow: hidden !important;
  padding: 0.65rem 1rem 0.85rem !important;
}

.builder-spec-modal-head {
  min-height: 0 !important;
  margin: 0 2.4rem 0.45rem !important;
  gap: 0.18rem !important;
}

.builder-spec-modal-head strong {
  padding: 0.4rem 0.65rem !important;
}

.builder-spec-modal-grid {
  display: grid !important;
  grid-template-columns: minmax(35rem, 43rem) minmax(31rem, 36rem) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 1rem !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-spec-list-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.48rem 0.55rem !important;
  align-content: start !important;
  overflow: hidden !important;
}

.builder-spec-card {
  grid-template-columns: 3.55rem minmax(0, 1fr) !important;
  height: 4.5rem !important;
  min-height: 4.5rem !important;
  padding: 0.38rem !important;
}

.builder-spec-card > img {
  width: 3.25rem !important;
  height: 3.25rem !important;
}

.builder-spec-card span em {
  display: none !important;
}

.builder-spec-orbs {
  gap: 0.26rem !important;
  margin-top: 0.42rem !important;
}

.builder-spec-orb {
  width: 1.72rem !important;
  height: 1.72rem !important;
}

.builder-spec-orb i {
  top: -0.78rem !important;
  right: -0.2rem !important;
  width: 0.95rem !important;
  height: 0.95rem !important;
  filter: drop-shadow(0 0 0.18rem rgba(97, 223, 152, 0.65));
}

.builder-spec-orb i::before {
  top: 0.34rem !important;
  left: 0.39rem !important;
  width: 0.18rem !important;
  height: 0.62rem !important;
  background: #61df98 !important;
}

.builder-spec-orb i::after {
  top: 0.02rem !important;
  left: 0.1rem !important;
  width: 0.76rem !important;
  height: 0.76rem !important;
  background: #61df98 !important;
}

.builder-spec-detail-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.5rem !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-spec-option-list {
  display: grid !important;
  gap: 0.46rem !important;
  align-content: start !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-spec-option {
  grid-template-columns: 3.75rem minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 0.12rem 0.55rem !important;
  align-items: start !important;
  min-height: 4.72rem !important;
  height: auto !important;
  overflow: hidden !important;
  padding: 0.4rem 0.5rem !important;
}

.builder-spec-option span {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: start !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
}

.builder-spec-option b {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  margin: 0 !important;
  line-height: 1.12 !important;
}

.builder-spec-option em {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  margin: 0 !important;
  line-height: 1.12 !important;
}

.builder-spec-option small {
  display: block !important;
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: start !important;
  max-height: none !important;
  margin: 0.08rem 0 0 !important;
  overflow: visible !important;
  color: #c8c8c8 !important;
  font-size: 0.72rem !important;
  line-height: 1.18 !important;
}

.builder-spec-tooltip-card .builder-skill-tooltip-head img {
  filter: none;
}

@media (max-width: 1180px) {
  .builder-spec-modal-card {
    height: min(44rem, calc(100dvh - 0.75rem)) !important;
    overflow: hidden !important;
  }

  .builder-spec-modal-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }
}

/* Builder mastery and specialization final pass v33 */
.builder-mastery-tl {
  min-height: 39rem !important;
  padding: 0.65rem !important;
}

.builder-mastery-window {
  gap: 0.8rem !important;
  border-color: #2c2d37 !important;
  background: radial-gradient(circle at 48% 14%, rgba(129, 96, 164, 0.12), transparent 32%), linear-gradient(180deg, #171820, #101116) !important;
  padding: 0.95rem !important;
}

.builder-mastery-tree {
  gap: 0.85rem !important;
  border-color: #31323d !important;
  background: radial-gradient(circle at 50% 18%, rgba(215, 176, 107, 0.08), transparent 38%), linear-gradient(180deg, #15161d, #101116) !important;
  padding: 0.9rem !important;
}

.builder-mastery-head {
  grid-template-columns: 4.8rem minmax(0, 1fr) !important;
  align-items: center !important;
  padding-bottom: 0.75rem !important;
}

.builder-mastery-root {
  width: 4.35rem !important;
  height: 4.35rem !important;
  background: linear-gradient(145deg, #272331, #101117) !important;
  box-shadow: inset 0 0 0 2px #c9a761, 0 0 1.1rem rgba(201, 167, 97, 0.22) !important;
}

.builder-mastery-root img {
  width: 2.35rem !important;
  height: 2.35rem !important;
}

.builder-branches {
  gap: 0.75rem !important;
}

.builder-branch {
  position: relative !important;
  display: grid !important;
  gap: 0.45rem !important;
  min-height: 9.4rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(79, 91, 116, 0.64) !important;
  border-left: 4px solid #4da1ff !important;
  border-radius: 9px !important;
  background: linear-gradient(90deg, rgba(24, 44, 70, 0.64), rgba(15, 16, 23, 0.96) 58%, rgba(15, 15, 20, 0.98)) !important;
  padding: 0.65rem 0.7rem 0.72rem !important;
}

.builder-branch:nth-child(2) {
  border-left-color: #ff6f66 !important;
  background: linear-gradient(90deg, rgba(72, 27, 35, 0.62), rgba(17, 16, 22, 0.96) 58%, rgba(15, 15, 20, 0.98)) !important;
}

.builder-branch:nth-child(3) {
  border-left-color: #d7a0ff !important;
  background: linear-gradient(90deg, rgba(57, 33, 75, 0.62), rgba(17, 16, 22, 0.96) 58%, rgba(15, 15, 20, 0.98)) !important;
}

.builder-branch > span {
  color: #fff !important;
  font-size: 0.86rem !important;
  line-height: 1 !important;
  text-shadow: 0 1px 0 #000 !important;
}

.builder-branch-track {
  display: flex !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  gap: 0 !important;
  padding: 0.1rem 0.05rem 0 !important;
}

.builder-node {
  position: relative !important;
  flex: 1 1 0 !important;
  display: grid !important;
  grid-template-rows: 2.34rem 3.7rem 1.95rem !important;
  justify-items: center !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 8.05rem !important;
  border: 0 !important;
  background: transparent !important;
  color: #aaa3b4 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after {
  display: none !important;
}

.builder-node-link {
  position: relative !important;
  flex: 0 0 clamp(0.75rem, 1vw, 1.25rem) !important;
  align-self: flex-start !important;
  margin: 4.08rem -0.05rem 0 !important;
  height: 0.18rem !important;
  border-radius: 999px !important;
  background: rgba(92, 88, 105, 0.78) !important;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5) !important;
}

.builder-node-link::after {
  content: "" !important;
  position: absolute !important;
  right: -0.22rem !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 0.28rem solid transparent !important;
  border-bottom: 0.28rem solid transparent !important;
  border-left: 0.42rem solid rgba(92, 88, 105, 0.9) !important;
  transform: translateY(-50%) !important;
}

.builder-node-link.is-active {
  background: linear-gradient(90deg, #d5b56d, #b887e5) !important;
  box-shadow: 0 0 0.55rem rgba(213, 181, 109, 0.45) !important;
}

.builder-node-link.is-active::after {
  border-left-color: #b887e5 !important;
}

.builder-node-label,
.builder-node-value {
  display: -webkit-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
}

.builder-node-label {
  align-self: end !important;
  min-height: 2.06rem !important;
  color: #d5d0dd !important;
  font-size: clamp(0.62rem, 0.62vw, 0.78rem) !important;
  font-weight: 850 !important;
  line-height: 1.13 !important;
  -webkit-line-clamp: 2 !important;
  text-shadow: 0 1px 0 #000 !important;
}

.builder-node-value {
  align-self: start !important;
  margin-top: 0.18rem !important;
  color: #f1d17d !important;
  font-size: clamp(0.62rem, 0.58vw, 0.72rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  -webkit-line-clamp: 2 !important;
}

.builder-node-hex {
  position: relative !important;
  z-index: 1 !important;
  align-self: center !important;
  width: 3.45rem !important;
  height: 3.45rem !important;
  border: 0 !important;
  background: linear-gradient(145deg, #2b2732, #111218) !important;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%) !important;
  box-shadow: inset 0 0 0 2px #4a4a55, 0 0 0.45rem rgba(0, 0, 0, 0.55) !important;
}

.builder-node-hex img {
  width: 2.25rem !important;
  height: 2.25rem !important;
  object-fit: contain !important;
  filter: grayscale(1) brightness(0.55) !important;
  opacity: 0.72 !important;
}

.builder-node-hex b {
  position: absolute !important;
  right: -0.28rem !important;
  bottom: -0.16rem !important;
  display: grid !important;
  place-items: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: 0 !important;
  border: 1px solid rgba(232, 205, 130, 0.76) !important;
  border-radius: 999px !important;
  background: #101015 !important;
  color: #ffe59b !important;
  font-size: 0.74rem !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: 0 0 0.35rem rgba(0, 0, 0, 0.75) !important;
}

.builder-node.on .builder-node-label {
  color: #fff !important;
}

.builder-node.on .builder-node-hex {
  background: radial-gradient(circle at 50% 48%, #6e3f91, #2a2136 66%, #111218) !important;
  box-shadow: inset 0 0 0 2px #f1cf78, 0 0 0.9rem rgba(241, 207, 120, 0.45), 0 0 1.4rem rgba(187, 105, 226, 0.28) !important;
}

.builder-node.on .builder-node-hex img {
  filter: none !important;
  opacity: 1 !important;
}

.builder-node:hover .builder-node-hex,
.builder-node:focus-visible .builder-node-hex {
  box-shadow: inset 0 0 0 2px #d8a8ff, 0 0 0.9rem rgba(216, 168, 255, 0.34) !important;
}

.builder-mastery-effect-list span.is-specific {
  border-color: rgba(216, 168, 255, 0.46) !important;
  background: rgba(68, 42, 88, 0.62) !important;
  color: #f1e9ff !important;
}

.builder-mastery-effect-list span.is-specific b {
  color: #f0d282 !important;
}

.builder-spec-modal-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  width: min(88rem, calc(100vw - 0.75rem)) !important;
  height: min(42.5rem, calc(100dvh - 0.75rem)) !important;
  max-height: calc(100dvh - 0.75rem) !important;
  overflow: hidden !important;
  padding: 0.62rem 0.9rem 0.78rem !important;
}

.builder-spec-modal-head {
  min-height: 0 !important;
  margin: 0 2.3rem 0.44rem !important;
  gap: 0.18rem !important;
}

.builder-spec-modal-grid {
  display: grid !important;
  grid-template-columns: minmax(34rem, 40rem) minmax(31rem, 36rem) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 1rem !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-spec-list-panel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 4.45rem !important;
  gap: 0.48rem 0.55rem !important;
  align-content: start !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-spec-card {
  grid-template-columns: 3.45rem minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 4.45rem !important;
  min-height: 4.45rem !important;
  padding: 0.34rem !important;
}

.builder-spec-card > img {
  width: 3.18rem !important;
  height: 3.18rem !important;
}

.builder-spec-card span em {
  display: none !important;
}

.builder-spec-orbs {
  gap: 0.3rem !important;
  margin-top: 0.34rem !important;
}

.builder-spec-orb {
  width: 1.85rem !important;
  height: 1.85rem !important;
}

.builder-spec-orb i {
  top: -0.82rem !important;
  right: -0.24rem !important;
  width: 1.08rem !important;
  height: 1.08rem !important;
  filter: drop-shadow(0 0 0.22rem rgba(97, 223, 152, 0.82)) !important;
}

.builder-spec-orb i::before {
  top: 0.38rem !important;
  left: 0.45rem !important;
  width: 0.2rem !important;
  height: 0.7rem !important;
  background: #61df98 !important;
}

.builder-spec-orb i::after {
  top: 0.02rem !important;
  left: 0.12rem !important;
  width: 0.84rem !important;
  height: 0.84rem !important;
  background: #61df98 !important;
}

.builder-spec-detail-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.4rem !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-spec-detail-title {
  margin: 0 !important;
  padding: 0.12rem 0 0.25rem !important;
}

.builder-spec-option-list {
  display: grid !important;
  gap: 0.42rem !important;
  align-content: start !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-spec-option {
  grid-template-columns: 3.7rem minmax(0, 1fr) auto !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.12rem 0.58rem !important;
  align-items: start !important;
  height: 5.32rem !important;
  min-height: 5.32rem !important;
  overflow: hidden !important;
  padding: 0.42rem 0.55rem !important;
}

.builder-spec-option span {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: start !important;
  width: 3.28rem !important;
  height: 3.28rem !important;
}

.builder-spec-option small {
  display: -webkit-box !important;
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: start !important;
  max-height: 3.25rem !important;
  margin: 0.08rem 0 0 !important;
  overflow: hidden !important;
  color: #d0d0d0 !important;
  font-size: 0.72rem !important;
  line-height: 1.18 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

@media (max-width: 1320px) {
  .builder-node-label {
    font-size: 0.6rem !important;
  }

  .builder-node-value {
    font-size: 0.58rem !important;
  }

  .builder-node-hex {
    width: 3.15rem !important;
    height: 3.15rem !important;
  }

  .builder-node-hex img {
    width: 2.05rem !important;
    height: 2.05rem !important;
  }
}

@media (max-width: 1180px) {
  .builder-spec-modal-card {
    width: min(58rem, calc(100vw - 0.75rem)) !important;
    height: min(42.5rem, calc(100dvh - 0.75rem)) !important;
  }

  .builder-spec-modal-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Builder stat tooltips and mastery polish v35 */
.builder-tooltip-card.stat-source {
  grid-template-rows: auto minmax(0, auto) auto !important;
  min-width: 22rem !important;
  max-width: min(34rem, calc(100vw - 1rem)) !important;
  height: auto !important;
  max-height: none !important;
  padding: 0.45rem 0 !important;
}

.builder-stat-source-list {
  display: grid !important;
  gap: 0.45rem !important;
  overflow: visible !important;
  padding: 0.2rem 0.5rem 0.45rem !important;
}

.builder-stat-source-group {
  overflow: hidden !important;
  border: 1px solid rgba(58, 55, 66, 0.95) !important;
  border-radius: 6px !important;
  background: rgba(20, 20, 23, 0.94) !important;
}

.builder-stat-source-group h4 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(58, 55, 66, 0.9) !important;
  background: rgba(38, 36, 43, 0.9) !important;
  color: #f0e8fb !important;
  font-size: 0.76rem !important;
  line-height: 1.15 !important;
  padding: 0.34rem 0.48rem !important;
}

.builder-stat-source-group h4 b {
  color: #f3d98c !important;
  font-size: 0.76rem !important;
  white-space: nowrap !important;
}

.builder-stat-source-group .builder-stat-source-row {
  border-top: 0 !important;
  border-bottom: 1px solid rgba(43, 43, 43, 0.86) !important;
  padding: 0.34rem 0.48rem !important;
}

.builder-stat-source-group .builder-stat-source-row:last-child {
  border-bottom: 0 !important;
}

.builder-tooltip-card.mastery-tooltip-card {
  min-width: 15rem !important;
  max-width: min(22rem, calc(100vw - 1rem)) !important;
  border-color: rgba(178, 130, 222, 0.62) !important;
  background: linear-gradient(180deg, rgba(21, 20, 30, 0.98), rgba(13, 13, 18, 0.98)) !important;
  padding: 0 !important;
}

.builder-tooltip-card.mastery-tooltip-card header {
  display: grid !important;
  gap: 0.18rem !important;
  border-bottom: 1px solid rgba(56, 48, 67, 0.95) !important;
  background: radial-gradient(circle at 92% 10%, rgba(196, 156, 94, 0.14), transparent 44%), rgba(28, 25, 38, 0.95) !important;
  padding: 0.65rem 0.75rem !important;
}

.builder-tooltip-card.mastery-tooltip-card small {
  color: #a59ab5 !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.builder-tooltip-card.mastery-tooltip-card h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.1 !important;
}

.builder-tooltip-card.mastery-tooltip-card em {
  color: #d7b566 !important;
  font-size: 0.74rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.builder-tooltip-card.mastery-tooltip-card > div {
  display: grid !important;
  gap: 0.35rem !important;
  padding: 0.6rem 0.75rem 0.7rem !important;
}

.builder-tooltip-card.mastery-tooltip-card p {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 0.85rem !important;
  margin: 0 !important;
  color: #d8d2df !important;
  font-size: 0.78rem !important;
}

.builder-tooltip-card.mastery-tooltip-card p b {
  color: #f2d77f !important;
  white-space: nowrap !important;
}

.builder-mastery-tl {
  min-height: 0 !important;
  padding: 0.55rem !important;
}

.builder-mastery-window {
  gap: 0.7rem !important;
  padding: 0.8rem !important;
}

.builder-mastery-tree {
  gap: 0.72rem !important;
  padding: 0.82rem !important;
}

.builder-mastery-head {
  grid-template-columns: 4.6rem minmax(0, 1fr) !important;
  padding-bottom: 0.62rem !important;
}

.builder-mastery-root {
  width: 4.05rem !important;
  height: 4.05rem !important;
}

.builder-branches {
  gap: 0.62rem !important;
}

.builder-branch {
  min-height: 7.8rem !important;
  padding: 0.55rem 0.65rem 0.62rem !important;
}

.builder-branch-track {
  align-items: flex-start !important;
  padding-top: 0.08rem !important;
}

.builder-node {
  grid-template-rows: 3.25rem 2.05rem 1.05rem !important;
  min-height: 6.85rem !important;
  row-gap: 0.1rem !important;
}

.builder-node-hex {
  grid-row: 1 !important;
  align-self: start !important;
  width: 3.1rem !important;
  height: 3.1rem !important;
  background: linear-gradient(145deg, #252632, #111218) !important;
}

.builder-node-hex img {
  width: 2rem !important;
  height: 2rem !important;
}

.builder-node-label {
  grid-row: 2 !important;
  align-self: start !important;
  min-height: 0 !important;
  color: #a9a2b2 !important;
  font-size: clamp(0.62rem, 0.56vw, 0.72rem) !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  -webkit-line-clamp: 2 !important;
}

.builder-node-value {
  grid-row: 3 !important;
  align-self: start !important;
  margin-top: 0 !important;
  color: #f0cf74 !important;
  font-size: clamp(0.62rem, 0.54vw, 0.7rem) !important;
  line-height: 1.05 !important;
  -webkit-line-clamp: 1 !important;
}

.builder-node-link {
  margin-top: 1.5rem !important;
  flex-basis: clamp(0.7rem, 0.9vw, 1.05rem) !important;
}

.builder-node.on .builder-node-label {
  color: #f1edf8 !important;
}

.builder-node.on .builder-node-hex {
  background: radial-gradient(circle at 50% 48%, #6d3e91, #2a2136 68%, #111218) !important;
}

.builder-mastery-effect-list {
  align-items: start !important;
}

.builder-spec-modal-card {
  width: min(92rem, calc(100vw - 0.75rem)) !important;
  height: min(43.5rem, calc(100dvh - 0.75rem)) !important;
}

.builder-spec-detail-title {
  align-items: start !important;
  margin-bottom: 0.1rem !important;
}

.builder-spec-option small {
  max-height: 3.45rem !important;
  -webkit-line-clamp: 3 !important;
}

/* Builder build cards polish v37 */
.builder-build-card {
  grid-template-columns: minmax(0, 1fr) 2rem !important;
  align-items: center !important;
  min-height: 4.35rem !important;
  padding: 0.42rem 0.34rem 0.42rem 0.46rem !important;
}

.builder-build-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  gap: 0.34rem !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.builder-build-name {
  display: block !important;
  width: 100% !important;
  color: #fff !important;
  font-size: 0.76rem !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.builder-build-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
}

.builder-build-icons {
  flex: 0 0 auto !important;
  gap: 0.22rem !important;
}

.builder-build-icons img,
.builder-build-icons span {
  width: 1.72rem !important;
  height: 1.72rem !important;
}

.builder-build-power {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.18rem !important;
  color: #fff !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.builder-build-power i {
  color: #f2df86 !important;
  font-style: normal !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  filter: drop-shadow(0 0 0.12rem rgba(242, 223, 134, 0.45)) !important;
}

.builder-build-delete {
  align-self: center !important;
}

/* Builder mastery zigzag tree v38 */
.builder-mastery-tree {
  overflow: hidden !important;
}

.builder-branches {
  gap: 0.85rem !important;
}

.builder-branch {
  min-height: 13.1rem !important;
  overflow: hidden !important;
  padding: 0.72rem 1.05rem 0.85rem !important;
}

.builder-branch > span {
  position: relative !important;
  z-index: 2 !important;
  margin-bottom: 0.05rem !important;
}

.builder-branch-track {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 11.35rem !important;
  padding: 0.1rem 0.2rem 0 !important;
}

.builder-node {
  position: relative !important;
  z-index: 2 !important;
  flex: 1 1 0 !important;
  display: grid !important;
  grid-template-rows: 3.25rem 3.95rem 3.95rem 3.25rem !important;
  justify-items: center !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 11.15rem !important;
  border: 0 !important;
  background: transparent !important;
  color: #e8e3ee !important;
  padding: 0 !important;
}

.builder-node-text {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  width: min(7.7rem, 14vw) !important;
  min-width: 0 !important;
  gap: 0.08rem !important;
  pointer-events: none !important;
  text-align: center !important;
}

.builder-node.is-upper .builder-node-text {
  grid-row: 1 !important;
  align-self: end !important;
}

.builder-node.is-lower .builder-node-text {
  grid-row: 4 !important;
  align-self: start !important;
}

.builder-node.is-upper .builder-node-hex {
  grid-row: 2 !important;
  align-self: start !important;
}

.builder-node.is-lower .builder-node-hex {
  grid-row: 3 !important;
  align-self: end !important;
}

.builder-node-label,
.builder-node-value {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-shadow: 0 1px 2px #000, 0 0 0.3rem rgba(0, 0, 0, 0.85) !important;
  -webkit-line-clamp: unset !important;
}

.builder-node-label {
  color: #eee9f2 !important;
  font-size: clamp(0.64rem, 0.62vw, 0.82rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

.builder-node-value {
  color: #f1cb63 !important;
  font-size: clamp(0.62rem, 0.57vw, 0.74rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.builder-node-hex {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 4.02rem !important;
  height: 4.02rem !important;
  border: 0 !important;
  outline: 2px solid rgba(224, 187, 104, 0.92) !important;
  outline-offset: -0.25rem !important;
  background: radial-gradient(circle at 50% 40%, rgba(121, 72, 150, 0.72), rgba(42, 32, 57, 0.96) 58%, rgba(15, 16, 22, 0.98)) !important;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(77, 67, 48, 0.95),
    inset 0 0 1.2rem rgba(230, 195, 112, 0.16),
    0 0 0.8rem rgba(219, 173, 91, 0.18) !important;
}

.builder-node-hex::before {
  content: "" !important;
  position: absolute !important;
  inset: 0.22rem !important;
  border: 2px solid rgba(226, 188, 102, 0.9) !important;
  clip-path: inherit !important;
  pointer-events: none !important;
}

.builder-node-hex::after {
  content: "" !important;
  position: absolute !important;
  inset: 0.04rem !important;
  border-radius: 999px !important;
  opacity: 0.42 !important;
  box-shadow: 0 0 1.05rem rgba(229, 193, 105, 0.45) !important;
  pointer-events: none !important;
}

.builder-node-hex b {
  display: none !important;
}

.builder-node-hex img {
  position: relative !important;
  z-index: 1 !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
  object-fit: contain !important;
  filter: grayscale(1) brightness(0.58) !important;
  opacity: 0.72 !important;
}

.builder-node.on .builder-node-hex,
.builder-node:hover .builder-node-hex,
.builder-node:focus-visible .builder-node-hex {
  outline-color: #ffe7a7 !important;
  background: radial-gradient(circle at 50% 42%, #8350a8, #47295f 62%, #17131e 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(91, 70, 41, 0.92),
    inset 0 0 1.4rem rgba(246, 213, 132, 0.2),
    0 0 1rem rgba(237, 198, 112, 0.55),
    0 0 1.6rem rgba(168, 93, 216, 0.28) !important;
}

.builder-node.on .builder-node-hex img,
.builder-node:hover .builder-node-hex img,
.builder-node:focus-visible .builder-node-hex img {
  filter: none !important;
  opacity: 1 !important;
}

.builder-node-link {
  position: relative !important;
  z-index: 1 !important;
  flex: 0 0 clamp(1.25rem, 1.6vw, 2.1rem) !important;
  align-self: flex-start !important;
  height: 0.22rem !important;
  margin: 5.95rem -0.38rem 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(154, 126, 72, 0.72), rgba(238, 196, 103, 0.96)) !important;
  box-shadow: 0 0 0.55rem rgba(225, 183, 91, 0.36) !important;
  transform-origin: 50% 50% !important;
}

.builder-node-link.go-down {
  transform: rotate(31deg) !important;
}

.builder-node-link.go-up {
  transform: rotate(-31deg) !important;
}

.builder-node-link::after {
  content: "" !important;
  position: absolute !important;
  right: -0.35rem !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 0.34rem solid transparent !important;
  border-bottom: 0.34rem solid transparent !important;
  border-left: 0.52rem solid #f1c96c !important;
  transform: translateY(-50%) !important;
}

.builder-node-link.is-active {
  background: linear-gradient(90deg, #ffe19a, #f0bc5f) !important;
  box-shadow: 0 0 0.8rem rgba(255, 218, 142, 0.72) !important;
}

.builder-node-link.is-active::after {
  border-left-color: #ffe19a !important;
}

@media (max-width: 1320px) {
  .builder-node-text {
    width: min(6.8rem, 13vw) !important;
  }
  .builder-node-label {
    font-size: 0.58rem !important;
  }
  .builder-node-value {
    font-size: 0.56rem !important;
  }
  .builder-node-hex {
    width: 3.55rem !important;
    height: 3.55rem !important;
  }
  .builder-node-hex img {
    width: 2.15rem !important;
    height: 2.15rem !important;
  }
}


/* Builder specialization arrows polish v39 */
.builder-spec-list-panel {
  padding-top: 0.28rem !important;
  overflow: visible !important;
}

.builder-spec-card,
.builder-spec-orbs,
.builder-spec-orb {
  overflow: visible !important;
}

.builder-spec-orb {
  position: relative !important;
  isolation: isolate !important;
}

.builder-spec-orb i {
  position: absolute !important;
  z-index: 6 !important;
  top: -0.92rem !important;
  left: 50% !important;
  right: auto !important;
  width: 1rem !important;
  height: 1rem !important;
  pointer-events: none !important;
  transform: translateX(-50%) !important;
  filter: drop-shadow(0 0 0.24rem rgba(97, 223, 152, 0.92)) drop-shadow(0 1px 0 #000) !important;
}

.builder-spec-orb i::before {
  content: "" !important;
  position: absolute !important;
  top: 0.36rem !important;
  left: 0.42rem !important;
  width: 0.22rem !important;
  height: 0.72rem !important;
  border-radius: 999px !important;
  background: #61df98 !important;
}

.builder-spec-orb i::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0.11rem !important;
  width: 0.78rem !important;
  height: 0.78rem !important;
  background: #61df98 !important;
  clip-path: polygon(50% 0, 100% 54%, 70% 54%, 70% 100%, 30% 100%, 30% 54%, 0 54%) !important;
}


/* Builder mastery zigzag final v40 */
.builder-mastery-tree {
  overflow: visible !important;
}

.builder-branches {
  gap: 0.9rem !important;
}

.builder-branch {
  min-height: 15.25rem !important;
  overflow: visible !important;
  padding: 0.7rem 1rem 0.85rem !important;
}

.builder-branch > span {
  position: relative !important;
  z-index: 4 !important;
  margin: 0 !important;
  font-size: 0.88rem !important;
}

.builder-branch-track {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 13.25rem !important;
  overflow: visible !important;
  padding: 0.1rem 0.2rem 0 !important;
}

.builder-node {
  position: relative !important;
  z-index: 3 !important;
  flex: 1 1 0 !important;
  display: grid !important;
  grid-template-rows: 3.35rem 4rem 4rem 3.35rem !important;
  justify-items: center !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 13.05rem !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.builder-node-text {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  width: min(8.4rem, 100%) !important;
  max-width: 8.4rem !important;
  min-width: 0 !important;
  padding: 0 0.08rem !important;
  gap: 0.1rem !important;
  pointer-events: none !important;
  text-align: center !important;
}

.builder-node.is-upper .builder-node-text {
  grid-row: 1 !important;
  align-self: end !important;
  margin-bottom: 0.14rem !important;
}

.builder-node.is-lower .builder-node-text {
  grid-row: 4 !important;
  align-self: start !important;
  margin-top: 0.16rem !important;
}

.builder-node.is-upper .builder-node-hex {
  grid-row: 2 !important;
  align-self: start !important;
}

.builder-node.is-lower .builder-node-hex {
  grid-row: 3 !important;
  align-self: end !important;
}

.builder-node-label,
.builder-node-value {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-shadow: 0 1px 2px #000, 0 0 0.32rem rgba(0, 0, 0, 0.88) !important;
  -webkit-line-clamp: unset !important;
}

.builder-node-label {
  color: #efeaf4 !important;
  font-size: clamp(0.58rem, 0.56vw, 0.72rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

.builder-node-value {
  color: #f4ce67 !important;
  font-size: clamp(0.58rem, 0.54vw, 0.7rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.builder-node-hex {
  position: relative !important;
  z-index: 4 !important;
  display: grid !important;
  place-items: center !important;
  width: 3.9rem !important;
  height: 3.9rem !important;
  overflow: hidden !important;
  border: 2px solid rgba(222, 186, 107, 0.98) !important;
  outline: 0 !important;
  background: radial-gradient(circle at 50% 42%, rgba(107, 71, 137, 0.76), rgba(43, 34, 57, 0.98) 62%, rgba(13, 14, 20, 0.98)) !important;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(49, 43, 34, 0.9),
    inset 0 0 1.15rem rgba(229, 193, 105, 0.14),
    0 0 0.85rem rgba(219, 173, 91, 0.22) !important;
}

.builder-node-hex::before {
  content: "" !important;
  position: absolute !important;
  inset: 0.18rem !important;
  border: 1px solid rgba(255, 226, 151, 0.75) !important;
  clip-path: inherit !important;
  pointer-events: none !important;
}

.builder-node-hex::after,
.builder-node-hex b,
.builder-node b:not(.builder-node-label),
.builder-node small,
.builder-node em {
  display: none !important;
}

.builder-node-hex img {
  position: relative !important;
  z-index: 1 !important;
  width: 2.4rem !important;
  height: 2.4rem !important;
  object-fit: contain !important;
  filter: grayscale(1) brightness(0.58) !important;
  opacity: 0.72 !important;
}

.builder-node.on .builder-node-hex,
.builder-node:hover .builder-node-hex,
.builder-node:focus-visible .builder-node-hex {
  border-color: #ffe5a0 !important;
  background: radial-gradient(circle at 50% 44%, #8150a4, #46275e 63%, #16121e 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(92, 72, 43, 0.95),
    inset 0 0 1.35rem rgba(248, 215, 135, 0.22),
    0 0 1rem rgba(242, 199, 111, 0.58),
    0 0 1.65rem rgba(172, 96, 219, 0.32) !important;
}

.builder-node.on .builder-node-hex img,
.builder-node:hover .builder-node-hex img,
.builder-node:focus-visible .builder-node-hex img {
  filter: none !important;
  opacity: 1 !important;
}

.builder-node-link {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 clamp(1rem, 1.35vw, 1.8rem) !important;
  align-self: flex-start !important;
  height: 0.22rem !important;
  margin: 6.42rem -0.3rem 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(152, 116, 60, 0.85), #eac16c 56%, rgba(255, 226, 154, 0.96)) !important;
  box-shadow: 0 0 0.56rem rgba(227, 183, 91, 0.48) !important;
  transform-origin: 50% 50% !important;
}

.builder-node-link.go-down {
  transform: rotate(29deg) !important;
}

.builder-node-link.go-up {
  transform: rotate(-29deg) !important;
}

.builder-node-link::after {
  content: "" !important;
  position: absolute !important;
  right: -0.36rem !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 0.34rem solid transparent !important;
  border-bottom: 0.34rem solid transparent !important;
  border-left: 0.52rem solid #f2cb76 !important;
  transform: translateY(-50%) !important;
}

.builder-node-link.is-active {
  background: linear-gradient(90deg, #ffe39c, #f0bf63) !important;
  box-shadow: 0 0 0.85rem rgba(255, 218, 142, 0.74) !important;
}

.builder-node-link.is-active::after {
  border-left-color: #ffe39c !important;
}

/* Builder mastery game-like zigzag v43 */
.builder-mastery-tree {
  overflow: visible !important;
}

.builder-branches {
  gap: 0.85rem !important;
}

.builder-branch {
  position: relative !important;
  min-height: 15.75rem !important;
  overflow: visible !important;
  padding: 0.72rem 0.95rem 0.82rem !important;
}

.builder-branch > span {
  position: relative !important;
  z-index: 6 !important;
  display: inline-block !important;
  min-width: 7.6rem !important;
  max-width: 12rem !important;
  margin: 0 0 -0.2rem !important;
  color: #fff8ef !important;
  font-size: 0.9rem !important;
  line-height: 1.05 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9) !important;
}

.builder-branch-track {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(9, minmax(4.9rem, 1fr)) !important;
  align-items: stretch !important;
  justify-items: center !important;
  gap: 0 !important;
  height: 13.6rem !important;
  min-height: 13.6rem !important;
  padding: 0.1rem 0.35rem 0 !important;
  overflow: visible !important;
}

.builder-mastery-links {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0.1rem 0.35rem 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.builder-mastery-arrow {
  fill: none !important;
  stroke: rgba(201, 160, 82, 0.72) !important;
  stroke-width: 4.8 !important;
  stroke-linecap: round !important;
  filter: drop-shadow(0 0 0.28rem rgba(237, 193, 105, 0.48)) !important;
}

.builder-mastery-arrow.is-active {
  stroke: #f4cf7b !important;
  stroke-width: 5.4 !important;
  filter: drop-shadow(0 0 0.48rem rgba(255, 222, 142, 0.78)) !important;
}

.builder-mastery-links marker path {
  fill: #f0c86e !important;
  stroke: none !important;
}

.builder-node {
  position: relative !important;
  z-index: 3 !important;
  grid-column: var(--node-col) !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 13.6rem !important;
  min-height: 13.6rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.builder-node::after,
.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after,
.builder-node-link {
  display: none !important;
  content: none !important;
}

.builder-node-text {
  position: absolute !important;
  left: 50% !important;
  z-index: 5 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  width: clamp(5.7rem, 8.2vw, 8.15rem) !important;
  max-width: 8.15rem !important;
  min-width: 5.7rem !important;
  transform: translateX(-50%) !important;
  padding: 0 !important;
  gap: 0.08rem !important;
  pointer-events: none !important;
  text-align: center !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.1rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 10.62rem !important;
}

.builder-node-label,
.builder-node-value {
  display: -webkit-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-shadow: 0 1px 2px #000, 0 0 0.34rem rgba(0, 0, 0, 0.92) !important;
  -webkit-box-orient: vertical !important;
}

.builder-node-label {
  -webkit-line-clamp: 2 !important;
  color: #f6f0f8 !important;
  font-size: clamp(0.68rem, 0.72vw, 0.84rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

.builder-node-value {
  -webkit-line-clamp: 1 !important;
  color: #f2cc65 !important;
  font-size: clamp(0.68rem, 0.7vw, 0.82rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.builder-node-hex {
  position: absolute !important;
  left: 50% !important;
  z-index: 4 !important;
  display: grid !important;
  place-items: center !important;
  width: 4.7rem !important;
  height: 4.7rem !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  clip-path: none !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
}

.builder-node.is-upper .builder-node-hex {
  top: 4.02rem !important;
}

.builder-node.is-lower .builder-node-hex {
  top: 6.68rem !important;
}

.builder-node-hex::before,
.builder-node-hex::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%) !important;
}

.builder-node-hex::before {
  z-index: 0 !important;
  inset: 0 !important;
  background: linear-gradient(145deg, #5f6269, #1b1d23 48%, #494b53) !important;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.72)) !important;
}

.builder-node-hex::after {
  z-index: 1 !important;
  inset: 0.28rem !important;
  background: radial-gradient(circle at 50% 42%, rgba(47, 45, 48, 0.98), rgba(21, 22, 26, 0.98) 68%, rgba(7, 8, 11, 0.98)) !important;
}

.builder-node-hex b,
.builder-node b:not(.builder-node-label),
.builder-node small,
.builder-node em {
  display: none !important;
}

.builder-node-hex img {
  position: relative !important;
  z-index: 2 !important;
  width: 3.15rem !important;
  height: 3.15rem !important;
  object-fit: contain !important;
  filter: grayscale(1) brightness(0.5) contrast(0.95) !important;
  opacity: 0.74 !important;
}

.builder-node.on .builder-node-hex::before {
  background: linear-gradient(145deg, #ffe3a0 0%, #d59a46 38%, #6b4b25 68%, #f4cf7a 100%) !important;
  filter: drop-shadow(0 0 0.5rem rgba(249, 209, 126, 0.85)) drop-shadow(0 0 1rem rgba(181, 93, 230, 0.38)) !important;
}

.builder-node.on .builder-node-hex::after {
  inset: 0.32rem !important;
  background: radial-gradient(circle at 50% 38%, #8151a7, #47245e 64%, #15101c 100%) !important;
  box-shadow: inset 0 0 1.25rem rgba(246, 213, 132, 0.2) !important;
}

.builder-node.on .builder-node-hex img {
  filter: none !important;
  opacity: 1 !important;
}

.builder-node:hover .builder-node-hex::before,
.builder-node:focus-visible .builder-node-hex::before {
  background: linear-gradient(145deg, #ffe1a0, #b88143 45%, #5d4f38 100%) !important;
  filter: drop-shadow(0 0 0.58rem rgba(244, 200, 112, 0.64)) !important;
}

.builder-node:hover .builder-node-hex img,
.builder-node:focus-visible .builder-node-hex img {
  filter: grayscale(0.15) brightness(0.88) !important;
  opacity: 0.96 !important;
}

@media (max-width: 1180px) {
  .builder-branch-track {
    grid-template-columns: repeat(9, minmax(4.4rem, 1fr)) !important;
  }

  .builder-node-hex {
    width: 4.28rem !important;
    height: 4.28rem !important;
  }

  .builder-node-hex img {
    width: 2.85rem !important;
    height: 2.85rem !important;
  }

  .builder-node-text {
    width: 5.65rem !important;
    min-width: 5.65rem !important;
  }

  .builder-node-label,
  .builder-node-value {
    font-size: 0.66rem !important;
  }
}

/* Builder combat power hidden and visual cleanup v44 */
body:has(.builder-panel.is-active) {
  background: #050505 !important;
}

.app-shell:has(.builder-panel.is-active),
.app-shell:has(.builder-panel.is-active) main,
.app-shell:has(.builder-panel.is-active) .tab-panel.is-active,
.builder-panel.is-active,
.builder-panel.is-active .builder-root,
.builder-panel.is-active .builder-app,
.builder-panel.is-active .builder-quest-layout {
  background: #050505 !important;
  background-image: none !important;
}

.builder-build-power {
  display: none !important;
}

.builder-build-row {
  justify-content: flex-start !important;
}

.builder-item-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
}

.builder-item-summary-weapon {
  grid-template-columns: minmax(15rem, 1.05fr) minmax(13rem, 1fr) minmax(13rem, 1fr) !important;
  gap: 1.15rem !important;
}

.builder-frame {
  width: 4.34rem !important;
  height: 4.34rem !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-color: #806f43 !important;
  box-shadow: inset 0 0 0 2px #111, 0 0 0 1px rgba(218, 190, 111, 0.45) !important;
}

.builder-slot.is-active .builder-frame {
  border-color: #d7c27a !important;
  box-shadow: inset 0 0 0 2px #111, 0 0 0 1px rgba(231, 202, 119, 0.85), 0 0 0.55rem rgba(185, 126, 225, 0.42) !important;
}

.builder-frame img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  transform: scale(0.96) !important;
}

.builder-slot-dots {
  bottom: 1.96rem !important;
}

.builder-slot em {
  bottom: 0.02rem !important;
}

.builder-mastery-links {
  inset: 0.1rem 0.35rem 0 !important;
  z-index: 2 !important;
}

.builder-mastery-arrow {
  stroke: rgba(226, 184, 93, 0.86) !important;
  stroke-width: 3.2 !important;
  stroke-linecap: butt !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 0.16rem rgba(239, 196, 101, 0.35)) !important;
}

.builder-mastery-arrow.is-active {
  stroke: #f5d27e !important;
  stroke-width: 3.6 !important;
  filter: drop-shadow(0 0 0.22rem rgba(246, 205, 119, 0.5)) !important;
}

.builder-mastery-links marker path {
  fill: #f1cc77 !important;
}

.builder-node-text {
  width: clamp(5.8rem, 8.4vw, 8.35rem) !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.55rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 10.18rem !important;
}

.builder-node.is-upper .builder-node-hex {
  top: 4.08rem !important;
}

.builder-node.is-lower .builder-node-hex {
  top: 6.62rem !important;
}

.builder-node-hex::before {
  background: linear-gradient(145deg, #565b62, #17191f 48%, #3c4148) !important;
  filter: drop-shadow(0 0 0.18rem rgba(0, 0, 0, 0.72)) !important;
}

.builder-node-hex::after {
  background: radial-gradient(circle at 50% 42%, rgba(45, 42, 48, 0.98), rgba(19, 20, 24, 0.98) 68%, rgba(7, 8, 10, 0.98)) !important;
}

.builder-node.on .builder-node-hex::before {
  background: linear-gradient(145deg, #ffe2a0 0%, #d59b4b 36%, #6b4a23 68%, #efca76 100%) !important;
  filter: drop-shadow(0 0 0.38rem rgba(245, 205, 126, 0.62)) !important;
}

.builder-node.on .builder-node-hex::after {
  background: radial-gradient(circle at 50% 42%, #6f4a63, #3b293f 62%, #171319 100%) !important;
  box-shadow: inset 0 0 0.9rem rgba(246, 213, 132, 0.14) !important;
}

.builder-node:hover .builder-node-hex::before,
.builder-node:focus-visible .builder-node-hex::before {
  filter: drop-shadow(0 0 0.42rem rgba(244, 200, 112, 0.5)) !important;
}

/* Builder mastery arrow and frame polish v45 */
.builder-mastery-links {
  z-index: 2 !important;
  inset: 0.08rem 0.35rem 0 !important;
}

.builder-mastery-arrow {
  marker-end: none !important;
  stroke: rgba(235, 192, 96, 0.88) !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 0.12rem rgba(238, 193, 93, 0.28)) !important;
}

.builder-mastery-arrow.is-active {
  stroke: #f5d27d !important;
  stroke-width: 3.35 !important;
  filter: drop-shadow(0 0 0.18rem rgba(247, 205, 113, 0.42)) !important;
}

.builder-mastery-links defs,
.builder-mastery-links marker,
.builder-mastery-links marker path {
  display: none !important;
}

.builder-branch {
  min-height: 16.25rem !important;
  padding-bottom: 0.95rem !important;
}

.builder-branch-track,
.builder-node {
  height: 14.55rem !important;
  min-height: 14.55rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 1.22rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 11.68rem !important;
}

.builder-node.is-upper .builder-node-hex {
  top: 4.12rem !important;
}

.builder-node.is-lower .builder-node-hex {
  top: 6.58rem !important;
}

.builder-node-hex::before {
  background: linear-gradient(145deg, #5c6066 0%, #202228 44%, #464a50 100%) !important;
  filter: drop-shadow(0 0 0.16rem rgba(0, 0, 0, 0.72)) !important;
}

.builder-node-hex::after {
  background: radial-gradient(circle at 50% 42%, rgba(42, 41, 44, 0.98), rgba(20, 21, 24, 0.98) 67%, rgba(7, 8, 10, 0.98)) !important;
  box-shadow: none !important;
}

.builder-node.on .builder-node-hex::before {
  background: linear-gradient(145deg, #ffe4a5 0%, #dfa950 35%, #73532a 66%, #f1cd78 100%) !important;
  filter: drop-shadow(0 0 0.26rem rgba(244, 202, 117, 0.52)) !important;
}

.builder-node.on .builder-node-hex::after {
  inset: 0.34rem !important;
  background: radial-gradient(circle at 50% 42%, #71524f 0%, #3a2d32 63%, #171416 100%) !important;
  box-shadow: inset 0 0 0.7rem rgba(244, 202, 117, 0.1) !important;
}

.builder-node:hover .builder-node-hex::before,
.builder-node:focus-visible .builder-node-hex::before {
  filter: drop-shadow(0 0 0.32rem rgba(245, 202, 111, 0.48)) !important;
}

.builder-node-label {
  line-height: 1.06 !important;
}

.builder-node-value {
  margin-top: 0.02rem !important;
}

.builder-frame {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #161616 !important;
}

.builder-frame::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0.16rem !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 42%, rgba(128, 81, 166, 0.58), rgba(37, 31, 42, 0.82) 56%, rgba(12, 12, 13, 0.98) 100%) !important;
  pointer-events: none !important;
}

.builder-frame img,
.builder-empty-slot-icon {
  position: relative !important;
  z-index: 1 !important;
}

.builder-frame img {
  width: 92% !important;
  height: 92% !important;
  margin: 4% !important;
  border-radius: 50% !important;
  object-fit: contain !important;
  transform: none !important;
}

.builder-slot.is-active .builder-frame {
  box-shadow: inset 0 0 0 2px #111, 0 0 0 1px rgba(231, 202, 119, 0.82), 0 0 0.34rem rgba(185, 126, 225, 0.24) !important;
}

.builder-slot-dots {
  z-index: 3 !important;
}

.builder-slot em {
  z-index: 4 !important;
}

.builder-item-summary-weapon {
  grid-template-columns: minmax(16rem, 1.08fr) minmax(15rem, 1fr) minmax(15rem, 1fr) !important;
}

/* Builder mastery layout correction v46 */
.builder-mastery-window-head {
  align-items: center !important;
}

.builder-mastery-window-head > span {
  display: none !important;
}

.builder-mastery-reset,
.builder-mastery-window-head .builder-mastery-reset {
  min-height: 2rem !important;
  border: 1px solid #3b3b44 !important;
  border-radius: 8px !important;
  background: #24242d !important;
  color: #f2f2f2 !important;
  cursor: pointer !important;
  font-weight: 900 !important;
  padding: 0 0.82rem !important;
}

.builder-mastery-head {
  grid-template-columns: 4.9rem minmax(0, 1fr) !important;
  align-items: center !important;
}

.builder-mastery-root {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 4.7rem !important;
  height: 4.7rem !important;
  overflow: visible !important;
  clip-path: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.builder-mastery-root::before,
.builder-mastery-root::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%) !important;
}

.builder-mastery-root::before {
  z-index: 0 !important;
  inset: 0 !important;
  background: linear-gradient(145deg, #ffe4a5 0%, #dfa950 35%, #73532a 66%, #f1cd78 100%) !important;
  filter: drop-shadow(0 0 0.22rem rgba(244, 202, 117, 0.45)) !important;
}

.builder-mastery-root::after {
  z-index: 1 !important;
  inset: 0.34rem !important;
  background: radial-gradient(circle at 50% 42%, #4a3930 0%, #2b2526 62%, #151313 100%) !important;
  box-shadow: inset 0 0 0.58rem rgba(244, 202, 117, 0.08) !important;
}

.builder-mastery-root img {
  position: relative !important;
  z-index: 2 !important;
  width: 3.12rem !important;
  height: 3.12rem !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}

.builder-mastery-links {
  z-index: 2 !important;
}

.builder-mastery-arrow {
  stroke: rgba(234, 188, 91, 0.92) !important;
  stroke-width: 2.45 !important;
  stroke-linecap: round !important;
  filter: drop-shadow(0 0 0.08rem rgba(236, 194, 96, 0.28)) !important;
}

.builder-mastery-arrow.is-active {
  stroke: #f5cf75 !important;
  stroke-width: 2.75 !important;
  filter: drop-shadow(0 0 0.12rem rgba(247, 205, 113, 0.36)) !important;
}

.builder-node-hex::before {
  background: linear-gradient(145deg, #4c5359 0%, #1c1e23 44%, #383d42 100%) !important;
  filter: drop-shadow(0 0 0.12rem rgba(0, 0, 0, 0.66)) !important;
}

.builder-node-hex::after {
  background: radial-gradient(circle at 50% 42%, rgba(35, 36, 38, 0.98), rgba(18, 19, 21, 0.98) 66%, rgba(7, 8, 9, 0.98)) !important;
}

.builder-node.on .builder-node-hex::before {
  background: linear-gradient(145deg, #ffe2a0 0%, #d7a14c 36%, #6e5129 67%, #ecc474 100%) !important;
  filter: drop-shadow(0 0 0.2rem rgba(244, 202, 117, 0.42)) !important;
}

.builder-node.on .builder-node-hex::after {
  background: radial-gradient(circle at 50% 42%, #4a3930 0%, #2b2526 62%, #151313 100%) !important;
  box-shadow: inset 0 0 0.54rem rgba(244, 202, 117, 0.08) !important;
}

.builder-node:hover .builder-node-hex::before,
.builder-node:focus-visible .builder-node-hex::before {
  filter: drop-shadow(0 0 0.24rem rgba(245, 202, 111, 0.42)) !important;
}

.builder-mastery-effects {
  gap: 0.72rem !important;
}

.builder-mastery-effects > div:first-child {
  justify-content: flex-start !important;
}

.builder-mastery-effect-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.42rem 0.55rem !important;
}

.builder-mastery-effect-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.45rem !important;
  min-height: 2.05rem !important;
  border: 1px solid rgba(216, 168, 255, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(18, 17, 24, 0.74) !important;
  color: #c8c1d0 !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  padding: 0.36rem 0.5rem !important;
}

.builder-mastery-effect-row span,
.builder-mastery-effect-row b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-mastery-effect-row b {
  color: #f0d282 !important;
  font-weight: 720 !important;
  line-height: 1.18 !important;
}

.builder-mastery-effect-row.is-specific {
  grid-template-columns: minmax(0, 0.55fr) minmax(0, 1.45fr) !important;
  border-color: rgba(239, 200, 111, 0.32) !important;
}

.builder-mastery-effect-row.is-specific b {
  color: #f0d282 !important;
}

@media (max-width: 1180px) {
  .builder-mastery-effect-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Builder mastery flat compact panel v47 */
.builder-mastery-tl {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-color: #2d2d2d !important;
  background: #1a1a1a !important;
}

.builder-mastery-window {
  gap: 0.62rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #1a1a1a !important;
  padding: 0.72rem !important;
}

.builder-mastery-tree {
  gap: 0.58rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #1a1a1a !important;
  padding: 0 !important;
  overflow: visible !important;
}

.builder-mastery-head {
  grid-template-columns: 4.55rem minmax(0, 1fr) !important;
  gap: 0.72rem !important;
  border: 0 !important;
  border-bottom: 1px solid #2a2a2a !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0.28rem 0.15rem 0.58rem !important;
}

.builder-mastery-root {
  width: 4.2rem !important;
  height: 4.2rem !important;
  background: transparent !important;
  box-shadow: none !important;
}

.builder-mastery-root::before {
  filter: drop-shadow(0 0 0.16rem rgba(244, 202, 117, 0.38)) !important;
}

.builder-mastery-root::after {
  inset: 0.3rem !important;
  background: radial-gradient(circle at 50% 42%, #44372e 0%, #292423 62%, #141312 100%) !important;
}

.builder-mastery-root img {
  width: 2.82rem !important;
  height: 2.82rem !important;
}

.builder-branches {
  gap: 0.52rem !important;
}

.builder-branch {
  min-height: 11.35rem !important;
  border: 1px solid #34343b !important;
  border-left: 3px solid #4d93dc !important;
  border-radius: 6px !important;
  background: linear-gradient(90deg, rgba(31, 43, 58, 0.58), #171717 58%, #171717) !important;
  padding: 0.38rem 0.62rem 0.42rem !important;
}

.builder-branch:nth-child(2) {
  border-left-color: #d65f57 !important;
  background: linear-gradient(90deg, rgba(57, 26, 30, 0.58), #171717 58%, #171717) !important;
}

.builder-branch:nth-child(3) {
  border-left-color: #bd7fe5 !important;
  background: linear-gradient(90deg, rgba(49, 29, 60, 0.58), #171717 58%, #171717) !important;
}

.builder-branch > span {
  margin: 0 0 -0.1rem !important;
  font-size: 0.86rem !important;
}

.builder-branch-track,
.builder-node {
  height: 9.98rem !important;
  min-height: 9.98rem !important;
}

.builder-branch-track {
  padding: 0 0.25rem !important;
}

.builder-mastery-links {
  inset: 0 0.25rem 0 !important;
}

.builder-node-hex {
  width: 4rem !important;
  height: 4rem !important;
  background: transparent !important;
  box-shadow: none !important;
}

.builder-node-hex img {
  width: 2.72rem !important;
  height: 2.72rem !important;
}

.builder-node.is-upper .builder-node-hex {
  top: 3.2rem !important;
}

.builder-node.is-lower .builder-node-hex {
  top: 4.95rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.32rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 8.28rem !important;
}

.builder-node-text {
  width: clamp(5.5rem, 7.7vw, 7.7rem) !important;
  max-width: 7.7rem !important;
}

.builder-node-label {
  font-size: clamp(0.67rem, 0.68vw, 0.78rem) !important;
  line-height: 1.04 !important;
}

.builder-node-value {
  font-size: clamp(0.66rem, 0.67vw, 0.76rem) !important;
}

.builder-node.on .builder-node-hex,
.builder-node:hover .builder-node-hex,
.builder-node:focus-visible .builder-node-hex {
  background: transparent !important;
  box-shadow: none !important;
}

.builder-node.on .builder-node-hex::before {
  filter: drop-shadow(0 0 0.16rem rgba(244, 202, 117, 0.38)) !important;
}

.builder-node.on .builder-node-hex::after {
  inset: 0.3rem !important;
  background: radial-gradient(circle at 50% 42%, #44372e 0%, #292423 62%, #141312 100%) !important;
  box-shadow: none !important;
}

.builder-mastery-arrow {
  stroke-width: 2.2 !important;
  filter: none !important;
}

.builder-mastery-arrow.is-active {
  stroke-width: 2.45 !important;
  filter: drop-shadow(0 0 0.08rem rgba(247, 205, 113, 0.28)) !important;
}

.builder-mastery-effects {
  border-color: #2d2d2d !important;
  border-radius: 4px !important;
  background: #171717 !important;
  padding: 0.62rem !important;
}

.builder-mastery-effect-list {
  gap: 0.34rem 0.44rem !important;
}

.builder-mastery-effect-row {
  min-height: 1.85rem !important;
  border-color: #303030 !important;
  border-radius: 4px !important;
  background: #1d1d1d !important;
  padding: 0.28rem 0.46rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) {
  overflow: hidden !important;
  scrollbar-gutter: auto !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) .builder-mastery-tl {
  max-height: none !important;
}

/* Builder mastery no rectangular glow v48 */
.builder-node,
.builder-node.on,
.builder-node:hover,
.builder-node:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.builder-node-hex,
.builder-node.on .builder-node-hex,
.builder-node:hover .builder-node-hex,
.builder-node:focus-visible .builder-node-hex {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  isolation: isolate !important;
}

.builder-node-hex::before,
.builder-node-hex::after,
.builder-node.on .builder-node-hex::before,
.builder-node.on .builder-node-hex::after,
.builder-node:hover .builder-node-hex::before,
.builder-node:hover .builder-node-hex::after,
.builder-node:focus-visible .builder-node-hex::before,
.builder-node:focus-visible .builder-node-hex::after {
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

.builder-node-hex::before {
  background: linear-gradient(145deg, #475057 0%, #1b1d22 44%, #373c42 100%) !important;
}

.builder-node-hex::after {
  background: radial-gradient(circle at 50% 42%, #2a2b2d 0%, #17181a 64%, #090a0b 100%) !important;
}

.builder-node.on .builder-node-hex::before {
  background: linear-gradient(145deg, #ffe2a0 0%, #d7a14c 36%, #6e5129 67%, #ecc474 100%) !important;
}

.builder-node.on .builder-node-hex::after {
  background: radial-gradient(circle at 50% 42%, #4a3a2c 0%, #28231f 62%, #141211 100%) !important;
}

.builder-mastery-root,
.builder-mastery-root::before,
.builder-mastery-root::after {
  box-shadow: none !important;
  filter: none !important;
}

.builder-mastery-root::before {
  background: linear-gradient(145deg, #ffe2a0 0%, #d7a14c 36%, #6e5129 67%, #ecc474 100%) !important;
}

.builder-mastery-root::after {
  background: radial-gradient(circle at 50% 42%, #4a3a2c 0%, #28231f 62%, #141211 100%) !important;
}

/* Builder mastery straight horizontal route v49 */
.builder-branch {
  min-height: 10.95rem !important;
  padding: 0.38rem 0.62rem 0.38rem !important;
}

.builder-branch-track,
.builder-node {
  height: 9.56rem !important;
  min-height: 9.56rem !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 3.1rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.24rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 7.45rem !important;
}

.builder-node-hex {
  width: 4rem !important;
  height: 4rem !important;
}

.builder-mastery-links {
  inset: 0 0.25rem 0 !important;
}

.builder-mastery-arrow,
.builder-mastery-arrow.go-down,
.builder-mastery-arrow.go-up {
  stroke-width: 2.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: none !important;
}

.builder-mastery-arrow.is-active {
  stroke-width: 2.95 !important;
  filter: drop-shadow(0 0 0.08rem rgba(247, 205, 113, 0.24)) !important;
}

.builder-node-text {
  width: clamp(5.7rem, 7.9vw, 7.95rem) !important;
  max-width: 7.95rem !important;
}

.builder-node-label {
  -webkit-line-clamp: 2 !important;
  font-size: clamp(0.68rem, 0.7vw, 0.8rem) !important;
}

.builder-node-value {
  font-size: clamp(0.67rem, 0.68vw, 0.78rem) !important;
}

.builder-mastery-effect-list {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Builder mastery compact no-scroll horizontal route v50 */
.builder-branch {
  min-height: 9.35rem !important;
  padding-top: 0.32rem !important;
  padding-bottom: 0.32rem !important;
}

.builder-branch-track,
.builder-node {
  height: 8.12rem !important;
  min-height: 8.12rem !important;
}

.builder-node-hex {
  width: 3.55rem !important;
  height: 3.55rem !important;
}

.builder-node-hex img {
  width: 2.42rem !important;
  height: 2.42rem !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 2.48rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.08rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 6.05rem !important;
}

.builder-node-text {
  width: clamp(5.25rem, 7.2vw, 7.2rem) !important;
  max-width: 7.2rem !important;
}

.builder-node-label {
  font-size: clamp(0.63rem, 0.66vw, 0.74rem) !important;
  line-height: 1.04 !important;
}

.builder-node-value {
  font-size: clamp(0.63rem, 0.65vw, 0.73rem) !important;
  line-height: 1.02 !important;
}

.builder-mastery-head {
  min-height: 4.8rem !important;
  padding-top: 0.12rem !important;
  padding-bottom: 0.42rem !important;
}

.builder-mastery-root {
  width: 3.85rem !important;
  height: 3.85rem !important;
}

.builder-mastery-root img {
  width: 2.55rem !important;
  height: 2.55rem !important;
}

.builder-mastery-window {
  gap: 0.5rem !important;
  padding: 0.62rem !important;
}

.builder-mastery-tree {
  gap: 0.46rem !important;
}

.builder-branches {
  gap: 0.42rem !important;
}

.builder-mastery-effects {
  padding: 0.52rem !important;
  gap: 0.48rem !important;
}

.builder-mastery-effects h3 {
  font-size: 0.86rem !important;
}

.builder-mastery-effect-row {
  min-height: 1.62rem !important;
  font-size: 0.7rem !important;
  padding: 0.2rem 0.4rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) {
  overflow: hidden !important;
}

/* Builder mastery fit viewport v51 */
.builder-mastery-window {
  gap: 0.4rem !important;
  padding: 0.5rem !important;
}

.builder-mastery-tabs button {
  min-height: 2.15rem !important;
  padding: 0 0.8rem !important;
}

.builder-mastery-tabs img {
  width: 1.12rem !important;
  height: 1.12rem !important;
}

.builder-mastery-head {
  min-height: 4.25rem !important;
  grid-template-columns: 4.05rem minmax(0, 1fr) !important;
  gap: 0.55rem !important;
  padding-bottom: 0.32rem !important;
}

.builder-mastery-root {
  width: 3.35rem !important;
  height: 3.35rem !important;
}

.builder-mastery-root img {
  width: 2.22rem !important;
  height: 2.22rem !important;
}

.builder-mastery-title h3 {
  font-size: 0.98rem !important;
}

.builder-mastery-title small,
.builder-mastery-title strong {
  margin-top: 0.14rem !important;
  font-size: 0.72rem !important;
}

.builder-branches {
  gap: 0.34rem !important;
}

.builder-branch {
  min-height: 7rem !important;
  padding: 0.26rem 0.52rem 0.24rem !important;
}

.builder-branch > span {
  font-size: 0.78rem !important;
  margin-bottom: -0.22rem !important;
}

.builder-branch-track,
.builder-node {
  height: 6.24rem !important;
  min-height: 6.24rem !important;
}

.builder-node-hex {
  width: 2.86rem !important;
  height: 2.86rem !important;
}

.builder-node-hex img {
  width: 1.98rem !important;
  height: 1.98rem !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 1.84rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0 !important;
}

.builder-node.is-lower .builder-node-text {
  top: 4.76rem !important;
}

.builder-node-text {
  width: clamp(4.9rem, 6.75vw, 6.75rem) !important;
  max-width: 6.75rem !important;
}

.builder-node-label {
  font-size: clamp(0.57rem, 0.62vw, 0.68rem) !important;
  line-height: 1.02 !important;
}

.builder-node-value {
  font-size: clamp(0.57rem, 0.61vw, 0.68rem) !important;
}

.builder-mastery-effects {
  padding: 0.42rem !important;
  gap: 0.36rem !important;
}

.builder-mastery-effects h3 {
  font-size: 0.78rem !important;
}

.builder-mastery-effect-list {
  gap: 0.26rem 0.34rem !important;
}

.builder-mastery-effect-row {
  min-height: 1.36rem !important;
  gap: 0.3rem !important;
  font-size: 0.64rem !important;
  line-height: 1.04 !important;
  padding: 0.16rem 0.32rem !important;
}

/* Builder mastery typography and labels v52 */
.builder-node-text {
  display: block !important;
  height: 2.05rem !important;
}

.builder-node-label,
.builder-node-value {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  text-align: center !important;
}

.builder-node-label {
  top: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.builder-node-value {
  top: 0.84rem !important;
  display: block !important;
  white-space: nowrap !important;
}

.builder-node.is-lower .builder-node-text {
  top: 4.48rem !important;
  height: 1.42rem !important;
}

.builder-node.is-lower .builder-node-label {
  top: 0 !important;
}

.builder-node.is-lower .builder-node-value {
  top: 0.74rem !important;
}

.builder-mastery-links {
  transform: translateY(-1px) !important;
}

.builder-mastery-arrow,
.builder-mastery-arrow.go-down,
.builder-mastery-arrow.go-up {
  stroke-width: 2.55 !important;
  stroke-linecap: round !important;
  vector-effect: non-scaling-stroke !important;
}

.builder-mastery-effect-row > span,
.builder-mastery-effect-row > b {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.builder-mastery-effect-row > span {
  color: #c8c1d0 !important;
}

.builder-mastery-effect-row > b {
  color: #f0d282 !important;
  text-align: right !important;
}

/* Builder mastery final alignment v53 */
.builder-node.is-lower .builder-node-text {
  top: 4.62rem !important;
}

.builder-mastery-links {
  transform: none !important;
}

.builder-mastery-arrow,
.builder-mastery-arrow.go-down,
.builder-mastery-arrow.go-up {
  stroke-width: 2.45 !important;
}

.builder-node-label {
  letter-spacing: 0 !important;
}

/* Builder mastery css connectors and no ellipsis v54 */
.builder-mastery-links {
  display: none !important;
}

.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 3.27rem !important;
  left: calc(50% + 1.62rem) !important;
  right: calc(-50% + 1.62rem) !important;
  height: 0.14rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(221, 174, 78, 0.78), rgba(255, 218, 133, 0.96), rgba(221, 174, 78, 0.78)) !important;
  box-shadow: 0 0 0.12rem rgba(246, 205, 113, 0.28) !important;
  pointer-events: none !important;
  transform: none !important;
}

.builder-node-text {
  width: min(8.35rem, 15vw) !important;
  max-width: 8.35rem !important;
  overflow: visible !important;
}

.builder-node-label,
.builder-node-value,
.builder-node.is-lower .builder-node-label,
.builder-node.is-lower .builder-node-value {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.builder-node-label {
  font-size: clamp(0.55rem, 0.6vw, 0.66rem) !important;
}

.builder-node-value {
  font-size: clamp(0.56rem, 0.6vw, 0.67rem) !important;
}

.builder-node.is-lower .builder-node-text {
  top: 4.42rem !important;
}

.builder-node.is-lower .builder-node-value {
  top: 0.68rem !important;
}

.builder-mastery-effect-row span,
.builder-mastery-effect-row b {
  text-overflow: clip !important;
}

/* Builder mastery remove branch titles and center connectors v55 */
.builder-branch > span {
  display: none !important;
}

.builder-branch {
  min-height: 6.55rem !important;
  padding-top: 0.08rem !important;
  padding-bottom: 0.2rem !important;
}

.builder-branch-track,
.builder-node {
  height: 6.1rem !important;
  min-height: 6.1rem !important;
}

.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after {
  top: 3rem !important;
  left: calc(50% + 1.36rem) !important;
  right: calc(-50% + 1.36rem) !important;
  height: 0.16rem !important;
  z-index: 1 !important;
}

.builder-node-hex {
  z-index: 3 !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 1.55rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0 !important;
}

.builder-node.is-lower .builder-node-text {
  top: 4.28rem !important;
}

.builder-node.is-lower .builder-node-value {
  top: 0.68rem !important;
}

.builder-branches {
  gap: 0.26rem !important;
}

/* Builder mastery continuous track and balanced spacing v57 */
.builder-branch {
  padding-top: 0.18rem !important;
  padding-bottom: 0.18rem !important;
}

.builder-branch-track::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 3rem !important;
  left: calc(100% / 18) !important;
  right: calc(100% / 18) !important;
  height: 0.16rem !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(221, 174, 78, 0.72), rgba(255, 219, 136, 0.96) 12%, rgba(255, 219, 136, 0.96) 88%, rgba(221, 174, 78, 0.72)) !important;
  box-shadow: 0 0 0.12rem rgba(246, 205, 113, 0.28) !important;
  pointer-events: none !important;
}

.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after {
  display: none !important;
  content: none !important;
}

.builder-node-hex {
  z-index: 3 !important;
}

.builder-node-value {
  top: 0.94rem !important;
}

.builder-node.is-lower .builder-node-value {
  top: 0.78rem !important;
}

/* Builder mastery center continuous track v58 */
.builder-branch-track::before {
  top: 2.9rem !important;
}

/* Builder mastery final track bounds v59 */
.builder-branch {
  min-height: auto !important;
  padding-top: 0.28rem !important;
  padding-bottom: 0.28rem !important;
}

.builder-branch-track,
.builder-node {
  height: 6.18rem !important;
  min-height: 6.18rem !important;
}

.builder-branch-track::before {
  top: 2.8rem !important;
  left: calc((100% / 18) + 1.1rem) !important;
  right: calc((100% / 18) + 1.1rem) !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 1.45rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.02rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 4.38rem !important;
}



/* Builder mastery vertical optical centering v60 */
.builder-branch {
  padding-top: 0.68rem !important;
  padding-bottom: 0.36rem !important;
}

.builder-branch-track,
.builder-node {
  height: 6.18rem !important;
  min-height: 6.18rem !important;
}

.builder-branch-track::before {
  top: 2.8rem !important;
}


/* Builder mastery final optical balance v61 */
.builder-branch {
  padding-top: 0.68rem !important;
  padding-bottom: 0.48rem !important;
}

.builder-branch-track::before {
  top: 2.91rem !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 1.56rem !important;
}


/* Builder mastery active route segments and top label clearance v62 */
.builder-branch {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.builder-branch-track,
.builder-node {
  height: 7.8rem !important;
  min-height: 7.8rem !important;
}

.builder-branch-track::before {
  display: none !important;
  content: none !important;
}

.builder-branch-segments {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.builder-branch-segment {
  position: absolute !important;
  top: 4.08rem !important;
  height: 0.16rem !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(56, 59, 66, 0.88), rgba(86, 89, 98, 0.92), rgba(56, 59, 66, 0.88)) !important;
  box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.35) !important;
}

.builder-branch-segment.is-active {
  background: linear-gradient(90deg, rgba(196, 141, 46, 0.86), rgba(255, 219, 134, 0.98), rgba(196, 141, 46, 0.86)) !important;
  box-shadow: 0 0 0.16rem rgba(246, 205, 113, 0.44) !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 2.74rem !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.15rem !important;
}

.builder-node.is-lower .builder-node-text {
  top: 6.02rem !important;
}

.builder-node-hex {
  z-index: 3 !important;
}


/* Builder platform catalog, feedback and auth UI v66 */
.feedback-button {
  gap: 0.42rem;
  border-color: rgba(173, 123, 221, 0.42);
  color: #eadbff;
}

.feedback-icon {
  width: 1rem;
  height: 1rem;
  background: currentColor;
  -webkit-mask: url("/assets/icons/info.svg") center / contain no-repeat;
  mask: url("/assets/icons/info.svg") center / contain no-repeat;
}

.feedback-form label {
  display: grid;
  gap: 0.32rem;
  color: #d9cde5;
  font-size: 0.82rem;
  font-weight: 850;
}

.feedback-form input,
.feedback-form textarea,
.feedback-form select {
  width: 100%;
  min-height: 2.55rem;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.055);
  color: #f8f4ff;
  font: inherit;
  padding: 0.65rem 0.75rem;
}

.feedback-form textarea {
  resize: vertical;
  min-height: 9rem;
}

.feedback-status {
  min-height: 1.2rem;
  color: #72e3a0;
  font-size: 0.82rem;
  font-weight: 800;
}

.telegram-auth-inner {
  width: min(28rem, calc(100vw - 2rem));
}

.telegram-auth-widget {
  display: grid;
  min-height: 3.1rem;
  place-items: center;
  border: 1px solid rgba(173, 123, 221, 0.28);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.045);
  padding: 0.8rem;
}

.telegram-auth-status {
  display: block;
  min-height: 1.2rem;
  color: #72e3a0;
  font-size: 0.82rem;
  font-weight: 800;
}

.builder-catalog-shell {
  display: grid;
  width: min(76rem, calc(100vw - 2rem));
  margin: 1rem auto;
  gap: 0.75rem;
  color: #f4f4f4;
}

.builder-catalog-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1rem;
  border: 1px solid #303030;
  border-radius: 0.45rem;
  background: #1f1f1f;
  padding: 0.9rem;
}

.builder-catalog-kicker {
  color: #b77af0;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.builder-catalog-head h1 {
  margin: 0.1rem 0 0;
  font-size: 1.45rem;
  line-height: 1.1;
}

.builder-catalog-head-actions,
.builder-catalog-auth,
.builder-catalog-user {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.45rem;
}

.builder-catalog-auth span,
.builder-catalog-user span {
  color: #bebebe;
  font-size: 0.78rem;
}

.builder-catalog-head button,
.builder-catalog-secondary,
.builder-catalog-open,
.builder-catalog-filters button,
.builder-catalog-comment-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  border: 1px solid #484848;
  border-radius: 0.35rem;
  background: #2b2b2b;
  color: #f7f2ff;
  cursor: pointer;
  font-weight: 900;
  padding: 0 0.8rem;
  text-decoration: none;
}

.builder-catalog-secondary,
.builder-catalog-filters button {
  border-color: rgba(70, 212, 126, 0.62);
  background: linear-gradient(180deg, #1e7543, #145432);
  color: #eafff1;
}

.builder-catalog-tabs,
.builder-catalog-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 0.4rem;
  border: 1px solid #303030;
  border-radius: 0.45rem;
  background: #202020;
  padding: 0.65rem;
}

.builder-catalog-tabs button {
  min-height: 2.3rem;
  border: 1px solid #3d3d3d;
  border-radius: 0.35rem;
  background: #2b2b2b;
  color: #d8d8d8;
  cursor: pointer;
  font-weight: 900;
  padding: 0 0.9rem;
}

.builder-catalog-tabs button.is-active {
  border-color: #a76fd6;
  background: #8f56be;
  color: #fff;
}

.builder-catalog-filters label {
  display: grid;
  min-width: 10.5rem;
  flex: 1 1 11rem;
  gap: 0.25rem;
  color: #bdbdbd;
  font-size: 0.74rem;
  font-weight: 850;
}

.builder-catalog-filters label:first-child {
  flex-basis: 19rem;
}

.builder-catalog-filters input,
.builder-catalog-filters select {
  height: 2.45rem;
  min-width: 0;
  border: 1px solid #3b3b3b;
  border-radius: 0.35rem;
  background: #2a2a2a;
  color: #f5f5f5;
  font: inherit;
  padding: 0 0.65rem;
}

.builder-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  gap: 0.65rem;
}

.builder-catalog-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.7rem;
  border: 1px solid #343434;
  border-radius: 0.45rem;
  background: #1e1e1e;
  padding: 0.75rem;
}

.builder-catalog-card-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}

.builder-catalog-card-title h3 {
  min-width: 0;
  margin: 0;
  color: #fff;
  font-size: 1rem;
  line-height: 1.15;
}

.builder-catalog-card-title span {
  flex: 0 0 auto;
  border: 1px solid rgba(167, 111, 214, 0.4);
  border-radius: 0.3rem;
  background: rgba(167, 111, 214, 0.16);
  color: #dab7ff;
  font-size: 0.72rem;
  font-weight: 900;
  padding: 0.25rem 0.4rem;
}

.builder-catalog-class {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: #d9d9d9;
  font-size: 0.84rem;
}

.builder-catalog-weapon-icon {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid #714a92;
  border-radius: 0.25rem;
  background: radial-gradient(circle at 50% 35%, rgba(153, 93, 194, 0.65), #222 72%);
}

.builder-catalog-weapon-icon img {
  width: 1.65rem;
  height: 1.65rem;
  object-fit: contain;
}

.builder-catalog-card p {
  margin: 0.55rem 0 0;
  color: #c8c8c8;
  font-size: 0.82rem;
  line-height: 1.45;
}

.builder-catalog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  margin-top: 0.65rem;
  color: #a7a7a7;
  font-size: 0.76rem;
}

.builder-catalog-card-side {
  display: grid;
  align-content: start;
  justify-items: stretch;
  gap: 0.45rem;
  min-width: 9.5rem;
}

.builder-catalog-rating {
  display: grid;
  grid-template-columns: repeat(5, 1.4rem);
  gap: 0.15rem;
  justify-content: end;
}

.builder-catalog-rating button {
  min-height: 1.55rem;
  border: 0;
  background: transparent;
  color: #5e5e5e;
  cursor: pointer;
  font-size: 1.1rem;
  padding: 0;
}

.builder-catalog-rating button.is-active,
.builder-catalog-rating button:hover,
.builder-catalog-rating button:hover ~ button {
  color: #ffe38a;
}

.builder-catalog-rating span {
  grid-column: 1 / -1;
  color: #cfcfcf;
  font-size: 0.74rem;
  font-weight: 850;
  text-align: right;
}

.builder-catalog-comments {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.45rem;
  border-top: 1px solid #303030;
  padding-top: 0.65rem;
}

.builder-catalog-comment-list {
  display: grid;
  gap: 0.35rem;
}

.builder-catalog-comment {
  border: 1px solid #303030;
  border-radius: 0.35rem;
  background: #191919;
  padding: 0.5rem;
}

.builder-catalog-comment b {
  color: #bf87ef;
}

.builder-catalog-comment-head span {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.builder-catalog-comment p {
  margin: 0.25rem 0 0;
}

.builder-catalog-comment-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.45rem;
}

.builder-catalog-comment-form textarea {
  min-width: 0;
  border: 1px solid #3b3b3b;
  border-radius: 0.35rem;
  background: #252525;
  color: #f5f5f5;
  font: inherit;
  padding: 0.55rem;
  resize: vertical;
}

.builder-catalog-loading,
.builder-catalog-empty,
.builder-catalog-error,
.builder-catalog-muted {
  border: 1px solid #303030;
  border-radius: 0.45rem;
  background: #1e1e1e;
  color: #cfcfcf;
  padding: 0.85rem;
}

.builder-catalog-error {
  border-color: rgba(232, 91, 91, 0.55);
  color: #ffd0d0;
}

.builder-catalog-danger {
  border-color: rgba(232, 91, 91, 0.52) !important;
  color: #ffd6d6 !important;
}

.builder-top-actions {
  gap: 0.4rem !important;
}

@media (max-width: 760px) {
  .builder-catalog-head,
  .builder-catalog-card,
  .builder-catalog-comment-form {
    grid-template-columns: 1fr;
  }

  .builder-catalog-head-actions,
  .builder-catalog-auth,
  .builder-catalog-user,
  .builder-catalog-card-side,
  .builder-catalog-rating span {
    justify-content: start;
    text-align: left;
  }
}


/* Builder mastery exact vertical balance v67 */
.builder-branch {
  min-height: auto !important;
  padding: 0.46rem 0.86rem !important;
  overflow: visible !important;
}

.builder-branches {
  gap: 0.34rem !important;
}

.builder-branch-track,
.builder-node {
  height: 8rem !important;
  min-height: 8rem !important;
}

.builder-branch-track {
  overflow: visible !important;
  padding: 0 !important;
}

.builder-branch-segments {
  inset: 0 !important;
}

.builder-branch-segment {
  top: calc(50% - 0.08rem) !important;
  height: 0.16rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.2rem !important;
  transform: none !important;
}

.builder-node.is-lower .builder-node-text {
  top: auto !important;
  bottom: 0.2rem !important;
  transform: none !important;
}

.builder-node-text {
  gap: 0.16rem !important;
  line-height: 1.05 !important;
}

.builder-node-label,
.builder-node-value {
  line-height: 1.03 !important;
}

.builder-node-value {
  margin-top: 0.08rem !important;
}

.builder-node.is-lower .builder-node-value {
  margin-top: 0.08rem !important;
  top: auto !important;
}

.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after,
.builder-branch-track::before,
.builder-mastery-links {
  display: none !important;
  content: none !important;
}


/* Builder rich description editor and mastery balance v68 */
.builder-description-v2 {
  gap: 0.75rem !important;
}

.builder-description-v2 .builder-summary-input {
  min-height: 4.4rem;
  border: 1px solid #343434;
  border-radius: 5px;
  background: #242424;
  color: #ddd;
  resize: vertical;
}

.builder-description-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: 0.75rem;
  align-items: start;
}

.builder-description-editor-panel,
.builder-description-insert,
.builder-description-preview {
  min-width: 0;
  border: 1px solid #303030;
  border-radius: 5px;
  background: #1b1b1b;
  padding: 0.65rem;
}

.builder-description-editor-panel {
  display: grid;
  gap: 0.55rem;
}

.builder-editor-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.builder-editor-toolbar button,
.builder-description-token-tabs button {
  min-height: 2.1rem;
  border: 1px solid #34343a;
  border-radius: 4px;
  background: #262626;
  color: #f3f3f3;
  font-weight: 850;
  cursor: pointer;
  padding: 0 0.62rem;
}

.builder-editor-toolbar button:hover,
.builder-description-token-tabs button:hover,
.builder-description-token-tabs button.is-active {
  border-color: #b672dd;
  background: #8d56ba;
  color: #fff;
}

.builder-rich-editor {
  min-height: 26rem !important;
  max-height: min(52vh, 36rem);
  overflow: auto;
  border: 1px solid #343434;
  border-radius: 5px;
  background: #151515;
  color: #ddd;
  line-height: 1.45;
  padding: 0.75rem;
  outline: none;
}

.builder-rich-editor:focus {
  border-color: #a86adb;
  box-shadow: 0 0 0 1px rgba(168, 106, 219, 0.32);
}

.builder-rich-editor blockquote,
.builder-description-preview blockquote {
  margin: 0.5rem 0;
  border-left: 3px solid #a86adb;
  background: rgba(168, 106, 219, 0.08);
  padding: 0.5rem 0.65rem;
}

.builder-rich-editor h2,
.builder-description-preview h2 {
  margin: 0.45rem 0 0.35rem;
  color: #fff;
  font-size: 1.32rem;
}

.builder-rich-editor h3,
.builder-description-preview h3 {
  margin: 0.4rem 0 0.28rem;
  color: #fff;
  font-size: 1.08rem;
}

.builder-description-side {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.builder-description-insert,
.builder-description-preview {
  display: grid;
  gap: 0.5rem;
}

.builder-description-insert h3,
.builder-description-preview h3 {
  margin: 0;
  color: #f3f3f3;
  font-size: 0.92rem;
}

.builder-description-token-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
}

.builder-description-token-search {
  min-height: 2.25rem;
  width: 100%;
  border: 1px solid #343434;
  border-radius: 4px;
  background: #262626;
  color: #ddd;
  padding: 0 0.6rem;
}

.builder-description-token-results {
  display: grid;
  gap: 0.35rem;
  max-height: 16.5rem;
  overflow: auto;
}

.builder-description-token {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 0.5rem;
  align-items: center;
  min-height: 3.1rem;
  border: 1px solid #343434;
  border-radius: 5px;
  background: #202020;
  color: #f3f3f3;
  text-align: left;
  cursor: pointer;
  padding: 0.35rem;
}

.builder-description-token:hover,
.builder-description-token.is-selected {
  border-color: #a86adb;
  background: #2b2033;
}

.builder-description-token img {
  width: 2.35rem;
  height: 2.35rem;
  object-fit: cover;
  border: 1px solid #714a91;
  border-radius: 4px;
  background: #151515;
}

.builder-description-token span {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.builder-description-token b,
.builder-description-token small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-description-token b {
  color: #d8a8ff;
  font-size: 0.82rem;
}

.builder-description-token small,
.builder-description-token-empty,
.builder-preview-empty {
  color: #9a9a9a;
  font-size: 0.76rem;
}

.builder-description-preview > div {
  min-height: 12rem;
  max-height: 18rem;
  overflow: auto;
  border: 1px solid #292929;
  border-radius: 4px;
  background: #121212;
  padding: 0.65rem;
}

.builder-description-preview p {
  margin: 0 0 0.55rem;
}

@media (max-width: 980px) {
  .builder-description-shell {
    grid-template-columns: 1fr;
  }
}

.builder-branch {
  min-height: auto !important;
  padding: 0.58rem 0.86rem !important;
  overflow: visible !important;
}

.builder-branch-track,
.builder-node {
  height: 7.2rem !important;
  min-height: 7.2rem !important;
}

.builder-branch-track {
  position: relative !important;
  overflow: visible !important;
  padding: 0 !important;
}

.builder-branch-segments,
.builder-mastery-links,
.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after {
  display: none !important;
  content: none !important;
}

.builder-branch-track::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  top: calc(50% - 0.08rem) !important;
  left: calc((100% / 18) + 1.04rem) !important;
  right: calc((100% / 18) + 1.04rem) !important;
  height: 0.16rem !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(222, 174, 80, 0.76), rgba(255, 220, 137, 0.98) 12%, rgba(255, 220, 137, 0.98) 88%, rgba(222, 174, 80, 0.76)) !important;
  box-shadow: 0 0 0.12rem rgba(246, 205, 113, 0.24) !important;
  pointer-events: none !important;
}

.builder-node-hex {
  z-index: 3 !important;
  width: 3rem !important;
  height: 3rem !important;
}

.builder-node-hex img {
  width: 2.08rem !important;
  height: 2.08rem !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.builder-node-text {
  width: min(8.1rem, 14vw) !important;
  max-width: 8.1rem !important;
  height: 1.58rem !important;
  overflow: visible !important;
  line-height: 1.03 !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0.08rem !important;
  bottom: auto !important;
  transform: none !important;
}

.builder-node.is-lower .builder-node-text {
  top: auto !important;
  bottom: 0.08rem !important;
  transform: none !important;
}

.builder-node-label,
.builder-node-value,
.builder-node.is-lower .builder-node-label,
.builder-node.is-lower .builder-node-value {
  display: block !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1.02 !important;
}

.builder-node-label {
  top: 0 !important;
  font-size: clamp(0.56rem, 0.6vw, 0.67rem) !important;
}

.builder-node-value,
.builder-node.is-lower .builder-node-value {
  top: auto !important;
  margin-top: 0.14rem !important;
  color: #ffd968 !important;
  font-size: clamp(0.57rem, 0.6vw, 0.68rem) !important;
}


/* Builder mastery segmented active route and equal optical spacing v69 */
.builder-branch {
  padding: 0.72rem 0.86rem !important;
  overflow: visible !important;
}

.builder-branch-track,
.builder-node {
  height: 7.85rem !important;
  min-height: 7.85rem !important;
}

.builder-branch-track {
  position: relative !important;
  overflow: visible !important;
  padding: 0 !important;
}

.builder-branch-track::before,
.builder-mastery-links,
.builder-node:not(:last-child)::after,
.builder-node.on:not(:last-child)::after {
  display: none !important;
  content: none !important;
}

.builder-branch-segments {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
}

.builder-branch-segment {
  position: absolute !important;
  display: block !important;
  top: calc(50% - 0.08rem) !important;
  height: 0.16rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(76, 80, 86, 0.72), rgba(116, 120, 126, 0.86), rgba(76, 80, 86, 0.72)) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.builder-branch-segment.is-active {
  background: linear-gradient(90deg, rgba(222, 174, 80, 0.78), rgba(255, 220, 137, 0.98), rgba(222, 174, 80, 0.78)) !important;
  box-shadow: 0 0 0.12rem rgba(246, 205, 113, 0.24) !important;
}

.builder-node-hex {
  z-index: 3 !important;
  width: 3rem !important;
  height: 3rem !important;
}

.builder-node.is-upper .builder-node-hex,
.builder-node.is-lower .builder-node-hex {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.builder-node-text {
  z-index: 4 !important;
  width: min(8.1rem, 14vw) !important;
  max-width: 8.1rem !important;
  height: 1.74rem !important;
  overflow: visible !important;
  line-height: 1.02 !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0 !important;
  bottom: auto !important;
  transform: none !important;
}

.builder-node.is-lower .builder-node-text {
  top: auto !important;
  bottom: 0 !important;
  transform: none !important;
}

.builder-node-label,
.builder-node-value,
.builder-node.is-lower .builder-node-label,
.builder-node.is-lower .builder-node-value {
  display: block !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1.02 !important;
}

.builder-node-label {
  top: 0 !important;
  margin: 0 !important;
  font-size: clamp(0.55rem, 0.58vw, 0.65rem) !important;
}

.builder-node-value,
.builder-node.is-lower .builder-node-value {
  top: auto !important;
  margin-top: 0.22rem !important;
  color: #ffd968 !important;
  font-size: clamp(0.56rem, 0.59vw, 0.66rem) !important;
}


/* Builder mastery label centering and edge safety v70 */
.builder-node-text {
  left: 50% !important;
  right: auto !important;
  width: clamp(5.2rem, 6.65vw, 6.45rem) !important;
  max-width: clamp(5.2rem, 6.65vw, 6.45rem) !important;
  text-align: center !important;
  transform: translateX(-50%) !important;
}

.builder-node.is-upper .builder-node-text {
  top: 0 !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
}

.builder-node.is-lower .builder-node-text {
  top: auto !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
}

.builder-node-label,
.builder-node-value,
.builder-node.is-lower .builder-node-label,
.builder-node.is-lower .builder-node-value {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: 100% !important;
}

.builder-node-value,
.builder-node.is-lower .builder-node-value {
  margin-top: 0.25rem !important;
  white-space: nowrap !important;
}

.builder-node:first-of-type .builder-node-text {
  left: calc(50% + 0.35rem) !important;
}

.builder-node:last-of-type .builder-node-text {
  left: calc(50% - 0.35rem) !important;
}


/* Header builds route and site auth modal v72 */
.builds-tab-icon { --tab-icon: url("/assets/icons/settings.svg"); }
.auth-button {
  gap: 0.42rem;
  border-color: rgba(93, 210, 137, 0.42);
  color: #dbffe9;
}
.auth-icon {
  width: 1rem;
  height: 1rem;
  background: currentColor;
  -webkit-mask: url("/assets/icons/telegram.svg") center / contain no-repeat;
  mask: url("/assets/icons/telegram.svg") center / contain no-repeat;
}
.site-auth-inner {
  width: min(31rem, calc(100vw - 2rem));
}
.site-auth-inner p {
  margin: 0;
  color: #cfc8da;
  font-size: 0.9rem;
  line-height: 1.45;
}
.site-auth-user {
  min-height: 1.2rem;
  color: #e8dcff;
  font-size: 0.86rem;
}
.site-auth-actions,
.builder-auth-actions {
  display: grid;
  gap: 0.45rem;
}
.site-auth-actions button,
.builder-auth-actions button,
.builder-catalog-auth button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.35rem;
  border: 1px solid rgba(173, 123, 221, 0.46);
  border-radius: 0.38rem;
  background: linear-gradient(180deg, rgba(80, 50, 105, 0.95), rgba(47, 34, 61, 0.95));
  color: #f8f2ff;
  cursor: pointer;
  font-weight: 900;
  padding: 0.45rem 0.75rem;
}
.site-auth-actions button:disabled,
.builder-auth-actions button:disabled,
.builder-catalog-auth button:disabled {
  cursor: default;
  opacity: 0.62;
  background: #252525;
  border-color: #414141;
  color: #bdb8c5;
}
.site-auth-actions button small,
.builder-auth-actions button small,
.builder-catalog-auth button small {
  color: #9f98aa;
  font-size: 0.72rem;
  font-weight: 800;
}
.site-auth-status {
  display: block;
  min-height: 1.2rem;
  color: #72e3a0;
  font-size: 0.82rem;
  font-weight: 800;
}
.builder-catalog-auth button {
  min-height: 2.05rem;
  padding: 0.3rem 0.6rem;
}


/* Builds catalog own-builds panel v73 */
.builder-catalog-my-panel {
  display: grid;
  gap: 0.55rem;
  border: 1px solid #303030;
  border-radius: 0.45rem;
  background: #202020;
  padding: 0.75rem;
}
.builder-catalog-my-head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.builder-catalog-my-head h2 {
  margin: 0;
  color: #fff;
  font-size: 1rem;
  line-height: 1.1;
}
.builder-catalog-my-head span {
  color: #bdb5c8;
  font-size: 0.78rem;
  font-weight: 850;
}
.builder-catalog-my-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 0.45rem;
}
.builder-catalog-my-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  border: 1px solid #383838;
  border-radius: 0.35rem;
  background: #1a1a1a;
  color: #f4ecff;
  padding: 0.48rem;
  text-decoration: none;
}
.builder-catalog-my-item:hover {
  border-color: rgba(173, 123, 221, 0.72);
  background: #231b29;
}
.builder-catalog-my-icons {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.builder-catalog-my-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}
.builder-catalog-my-title-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}
.builder-catalog-my-copy b,
.builder-catalog-my-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.builder-catalog-my-copy b {
  color: #fff;
  font-size: 0.86rem;
}
.builder-catalog-my-copy small {
  color: #bdb5c8;
  font-size: 0.74rem;
}
.builder-catalog-my-title-row b {
  min-width: 0;
}
.builder-catalog-my-mode {
  flex: 0 0 auto;
  border: 1px solid rgba(211, 174, 92, 0.42);
  border-radius: 0.26rem;
  background: rgba(51, 37, 17, 0.72);
  color: #ffe39e;
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  padding: 0.18rem 0.28rem;
  text-transform: uppercase;
}
.builder-catalog-my-mode.is-t2raid {
  border-color: rgba(181, 111, 255, 0.5);
  background: rgba(42, 24, 58, 0.78);
  color: #d9b2ff;
}
.builder-catalog-my-mode.is-t1 {
  border-color: rgba(140, 140, 140, 0.34);
  background: rgba(40, 40, 40, 0.72);
  color: #bdbdbd;
}
.builder-catalog-my-open {
  color: #72e3a0;
  font-size: 0.78rem;
  font-weight: 900;
}


/* Site auth polish and right aligned login v74 */
.header-actions .auth-button {
  order: 20;
}
.auth-icon {
  -webkit-mask: url("/assets/icons/log-in.svg") center / contain no-repeat !important;
  mask: url("/assets/icons/log-in.svg") center / contain no-repeat !important;
}
.site-auth-modal {
  width: min(34rem, calc(100vw - 1.5rem));
  max-width: none;
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f7f0ff;
}
.site-auth-modal::backdrop {
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(0.18rem);
}
.site-auth-inner {
  position: relative;
  width: 100% !important;
  min-height: 20rem;
  border: 1px solid rgba(239, 199, 111, 0.5);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 85% 10%, rgba(173, 123, 221, 0.16), transparent 32%),
    linear-gradient(180deg, rgba(17, 18, 28, 0.98), rgba(8, 10, 17, 0.98));
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.58), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  padding: 2.05rem 2.15rem 1.8rem;
}
.site-auth-inner .modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  place-items: center;
  border-radius: 0.55rem;
  padding: 0;
  font-size: 1.28rem;
  line-height: 1;
}
.site-auth-inner h2 {
  margin: 0;
  color: #f4d58a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 3vw, 2.15rem);
  line-height: 1.05;
}
.site-auth-inner p {
  max-width: 25rem;
  margin-top: 0.7rem !important;
  color: #d7d1df !important;
}
.site-auth-user {
  margin-top: 0.65rem;
}
.site-auth-actions {
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
  gap: 1.05rem !important;
  margin-top: 2.35rem;
}
.site-auth-provider {
  display: grid !important;
  width: 5.35rem;
  min-height: 6.35rem !important;
  place-items: center;
  gap: 0.45rem !important;
  border: 0 !important;
  background: transparent !important;
  color: #f7f0ff !important;
  padding: 0 !important;
  cursor: pointer;
}
.site-auth-provider:disabled {
  cursor: default;
  opacity: 0.58;
}
.site-auth-provider-icon {
  display: grid;
  width: 4.35rem;
  height: 4.35rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035), 0 0.65rem 1.5rem rgba(0, 0, 0, 0.28);
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}
.site-auth-provider:not(:disabled):hover .site-auth-provider-icon {
  transform: translateY(-0.12rem);
  border-color: rgba(244, 209, 120, 0.52);
  background: rgba(255, 255, 255, 0.07);
}
.site-auth-provider-icon img {
  width: 2.15rem;
  height: 2.15rem;
  object-fit: contain;
}
.site-auth-provider-discord .site-auth-provider-icon img,
.site-auth-provider-telegram .site-auth-provider-icon img {
  filter: drop-shadow(0 0 0.25rem rgba(255, 255, 255, 0.14));
}
.site-auth-provider-name {
  color: #ece7f5;
  font-size: 0.78rem;
  font-weight: 900;
}
.site-auth-provider small {
  color: #91899e;
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1;
}
.site-auth-status {
  margin-top: 1rem;
  text-align: center;
}
@media (max-width: 560px) {
  .site-auth-inner {
    padding: 1.75rem 1.2rem 1.35rem;
  }
  .site-auth-actions {
    gap: 0.55rem !important;
  }
  .site-auth-provider {
    width: 4.65rem;
  }
  .site-auth-provider-icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}


/* RUTL site update modal */
.site-update-modal {
  width: min(46rem, calc(100vw - 1.5rem));
  max-width: none;
  margin: auto;
  padding: 1px;
  border: 0;
  border-radius: 0.7rem;
  overflow: visible;
  background: transparent;
  color: #f7efd9;
}

.site-update-modal::backdrop {
  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(0.16rem);
}

.site-update-inner {
  position: relative;
  width: calc(100% - 2px) !important;
  max-height: calc(100vh - 0.75rem);
  overflow: auto;
  margin: 1px;
  border: 1px solid rgba(216, 176, 91, 0.5);
  border-radius: 0.62rem;
  background:
    radial-gradient(circle at 16% 0%, rgba(216, 176, 91, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(24, 23, 21, 0.99), rgba(9, 9, 10, 0.995));
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.64), inset 0 1px 0 rgba(255, 238, 184, 0.055);
  padding: 3.1rem 1.75rem 1.45rem;
}

.site-update-inner .modal-close {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  display: grid;
  width: 2.15rem;
  height: 2.15rem;
  min-width: 2.15rem;
  min-height: 2.15rem;
  place-items: center;
  border-radius: 0.42rem;
  padding: 0;
  font-size: 1.15rem;
  line-height: 1;
}

.site-update-banner {
  display: none !important;
}

.site-update-hero {
  width: 100%;
  margin: 0 0 1.05rem;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.site-update-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1774 / 887;
  object-fit: contain;
}

.site-update-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: calc(100% - 3rem);
  min-height: 1.5rem;
  border: 1px solid rgba(216, 176, 91, 0.48);
  border-radius: 999px;
  background: rgba(216, 176, 91, 0.1);
  color: #e8c672;
  box-sizing: border-box;
  padding: 0 0.62rem;
  font-size: 0.72rem;
  font-weight: 760;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-update-inner h2 {
  max-width: 35rem;
  margin: 0.72rem 2.5rem 0 0;
  color: #f4ddb0;
  font-size: clamp(1.45rem, 3vw, 2.05rem);
  font-weight: 680;
  line-height: 1.08;
  letter-spacing: 0;
}

.site-update-inner p {
  margin: 0.78rem 0 0 !important;
  color: rgba(239, 231, 213, 0.84) !important;
  font-size: 0.94rem;
  line-height: 1.48;
}

.site-update-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 1rem;
}

.site-update-list span {
  min-width: 0;
  display: grid;
  gap: 0.28rem;
  border: 1px solid rgba(216, 176, 91, 0.18);
  border-radius: 0.45rem;
  background: linear-gradient(180deg, rgba(31, 31, 30, 0.72), rgba(14, 14, 14, 0.82));
  color: #f5ead2;
  padding: 0.68rem 0.72rem;
  line-height: 1.3;
}

.site-update-list b {
  color: #ffe4a6;
  font-size: 0.88rem;
  font-weight: 680;
}

.site-update-list small {
  color: rgba(231, 222, 202, 0.76);
  font-size: 0.8rem;
  font-weight: 430;
  line-height: 1.35;
}

.site-update-note {
  border-left: 3px solid rgba(216, 176, 91, 0.78);
  background: rgba(216, 176, 91, 0.08);
  color: #efe2c4 !important;
  padding: 0.62rem 0.75rem;
}

.site-update-actions {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1rem;
}

.site-update-support {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.85rem;
  min-width: 13rem;
  border: 1px solid rgba(216, 176, 91, 0.68);
  border-radius: 0.48rem;
  background: linear-gradient(180deg, rgba(91, 66, 24, 0.98), rgba(38, 29, 14, 0.98));
  color: #ffe8aa;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(255, 238, 184, 0.08), 0 0.65rem 1.5rem rgba(0, 0, 0, 0.32);
  padding: 0.45rem 0.9rem;
}

.site-update-support:hover,
.site-update-support:focus-visible {
  border-color: rgba(255, 219, 137, 0.86);
  background: linear-gradient(180deg, rgba(112, 82, 31, 0.98), rgba(48, 36, 17, 0.98));
  color: #fff0bd;
  outline: none;
}

.site-update-support span:last-child {
  display: grid;
  gap: 0.1rem;
  line-height: 1.08;
}

.site-update-support strong {
  color: inherit;
  font-size: 0.95rem;
  font-weight: 760;
  text-transform: uppercase;
}

.site-update-support small {
  color: rgba(255, 239, 195, 0.76);
  font-size: 0.74rem;
  font-weight: 520;
}

.site-update-secondary {
  min-height: 2.85rem;
  min-width: 7.5rem;
  border-color: rgba(216, 176, 91, 0.24) !important;
  color: rgba(245, 234, 210, 0.9) !important;
}

@media (max-width: 620px) {
  .site-update-inner {
    padding: 3rem 1rem 1.15rem;
  }

  .site-update-list {
    grid-template-columns: 1fr;
  }

  .news-pinned-row {
    grid-template-columns: 1fr;
  }

  .site-update-actions {
    display: grid;
  }

  .site-update-support,
  .site-update-secondary {
    width: 100%;
    min-width: 0;
  }
}


/* Builds catalog Questlog-inspired layout and auth polish v75 */
.builder-catalog-shell {
  width: min(94rem, calc(100vw - 3rem)) !important;
  margin: 1rem auto 2rem !important;
  gap: 1rem !important;
}
.builder-catalog-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(20rem, 0.92fr) minmax(18rem, 1.08fr);
  align-items: center;
  min-height: 19rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.45rem;
  background:
    linear-gradient(90deg, rgba(6, 7, 9, 0.98) 0%, rgba(13, 16, 22, 0.92) 42%, rgba(7, 8, 11, 0.98) 100%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 22px);
  box-shadow: inset 0 0 4rem rgba(0, 0, 0, 0.5), 0 1rem 2.4rem rgba(0, 0, 0, 0.32);
  padding: clamp(1.35rem, 3vw, 2.5rem);
}
.builder-catalog-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.72) 100%);
}
.builder-catalog-hero-copy,
.builder-catalog-hero-preview {
  position: relative;
  z-index: 1;
}
.builder-catalog-hero-copy {
  display: grid;
  max-width: 34rem;
  gap: 0.75rem;
}
.builder-catalog-kicker {
  color: #cdb7ee !important;
  font-size: 0.95rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.builder-catalog-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.35rem, 5vw, 4.2rem);
  line-height: 0.95;
  text-shadow: 0 0.18rem 0.85rem rgba(0, 0, 0, 0.72);
}
.builder-catalog-hero p {
  max-width: 31rem;
  margin: 0;
  color: #f1edf7;
  font-size: clamp(1rem, 1.45vw, 1.28rem);
  font-weight: 850;
  line-height: 1.42;
  text-shadow: 0 0.12rem 0.5rem rgba(0, 0, 0, 0.75);
}
.builder-catalog-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.35rem;
}
.builder-catalog-primary,
.builder-catalog-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.85rem;
  border-radius: 0.35rem;
  cursor: pointer;
  font-weight: 950;
  padding: 0 1rem;
  text-decoration: none;
}
.builder-catalog-primary {
  border: 1px solid rgba(91, 231, 146, 0.58);
  background: linear-gradient(180deg, #38b86f, #1b7c47);
  color: #f3fff7;
  box-shadow: 0 0.45rem 1.2rem rgba(28, 142, 79, 0.22);
}
.builder-catalog-secondary {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  color: #f5efff !important;
}
.builder-catalog-hero-preview {
  display: grid;
  justify-items: center;
  perspective: 55rem;
}
.builder-catalog-preview-window {
  display: grid;
  grid-template-columns: 4.1rem minmax(10rem, 1fr) 4.8rem;
  grid-template-rows: repeat(4, 2.6rem);
  gap: 0.45rem;
  width: min(36rem, 100%);
  min-height: 14.5rem;
  transform: rotateY(-16deg) rotateX(5deg) rotateZ(1deg);
  border: 1px solid rgba(181, 120, 226, 0.32);
  border-radius: 0.35rem;
  background: #141414;
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.55);
  padding: 0.75rem;
}
.builder-catalog-preview-window span,
.builder-catalog-preview-window b {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0.25rem;
  background: #202020;
}
.builder-catalog-preview-window span:nth-child(odd) {
  background: radial-gradient(circle at 50% 35%, rgba(163, 93, 215, 0.78), #27202c 70%);
}
.builder-catalog-preview-window b {
  grid-column: span 2;
  background: linear-gradient(90deg, rgba(172, 112, 222, 0.22), rgba(255, 255, 255, 0.045));
}
.builder-catalog-showcase {
  display: block;
  width: min(38rem, 100%);
  max-height: 17rem;
  object-fit: contain;
  transform: rotateY(-13deg) rotateX(4deg) rotateZ(1deg);
  filter: drop-shadow(0 1.1rem 2rem rgba(0, 0, 0, 0.62));
}
.builder-catalog-user {
  border: 1px solid rgba(173, 123, 221, 0.32);
  border-radius: 999px;
  background: rgba(173, 123, 221, 0.12);
  padding: 0.45rem 0.7rem;
}
.builder-catalog-my-panel,
.builder-catalog-explore {
  position: relative;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0.45rem !important;
  background: #202020 !important;
  padding: 0.85rem !important;
}
.builder-catalog-login-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 3.35rem;
  border: 1px solid rgba(173, 123, 221, 0.28);
  border-radius: 0.4rem;
  background: #191919;
  color: #d8d2e0;
  cursor: pointer;
  font: inherit;
  font-weight: 850;
  padding: 0.75rem 0.9rem;
  text-align: left;
}
.builder-catalog-login-panel:hover {
  border-color: rgba(173, 123, 221, 0.7);
  background: #231b29;
}
.builder-catalog-login-panel b {
  color: #72e3a0;
  white-space: nowrap;
}
.builder-catalog-section-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.7rem;
}
.builder-catalog-section-title span {
  width: 0.55rem;
  height: 0.55rem;
  border-right: 0.16rem solid #b777f1;
  border-bottom: 0.16rem solid #b777f1;
  transform: rotate(-45deg);
}
.builder-catalog-section-title h2 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  color: #f7f3ff;
  font-size: 1.05rem;
  line-height: 1;
}
.builder-catalog-section-title h2::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}
.builder-catalog-filters {
  position: relative;
  z-index: 5;
  display: grid !important;
  grid-template-columns: minmax(16rem, 24rem) minmax(6.5rem, 8.5rem) minmax(7.2rem, 8rem) minmax(10rem, 12rem) minmax(10rem, 13rem) minmax(6.5rem, 7rem);
  gap: 0.5rem !important;
  align-items: end !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  pointer-events: auto;
}
.builder-catalog-filters label,
.builder-catalog-class-filter {
  display: grid !important;
  min-width: 0 !important;
  gap: 0.32rem !important;
  color: #bfb8c9 !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
}
.builder-catalog-filter-search {
  grid-column: auto;
}
.builder-catalog-filter-select.is-sort {
  min-width: 0 !important;
}
.builder-catalog-tier-control {
  min-width: 0 !important;
}
.builder-catalog-tier-control input[type="hidden"] {
  display: none;
}
.builder-catalog-tier-slider {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.18rem;
  align-items: center;
  padding: 0.18rem !important;
}
.builder-catalog-tier-slider button {
  min-height: 2.48rem !important;
  border: 0 !important;
  border-radius: 0.25rem !important;
  background: transparent !important;
  color: #d8d0e3 !important;
  padding: 0 0.35rem !important;
  box-shadow: none !important;
}
.builder-catalog-tier-slider button.is-active {
  background: rgba(174, 111, 222, 0.42) !important;
  color: #fff !important;
}
.builder-catalog-filter-caption,
.builder-catalog-filters label > span {
  color: #c6bdcf;
  line-height: 1;
}
.builder-catalog-filters input,
.builder-catalog-filters select,
.builder-catalog-class-trigger,
.builder-catalog-tier-slider {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 3rem !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 0.35rem !important;
  background: #2b2b2b !important;
  color: #f7f3ff !important;
  pointer-events: auto !important;
}
.builder-catalog-class-filter {
  position: relative;
}
.builder-catalog-filters .builder-catalog-class-trigger {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0.55rem;
  min-height: 0 !important;
  padding: 0 0.65rem !important;
  cursor: pointer;
  text-align: left !important;
  font: inherit;
}
.builder-catalog-class-icons {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 2.15rem;
}
.builder-catalog-class-current,
.builder-catalog-class-option-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}
.builder-catalog-class-current b,
.builder-catalog-class-option-copy b {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.08;
  white-space: normal;
}
.builder-catalog-class-current small,
.builder-catalog-class-option-copy small {
  color: #bdb5c8;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.05;
  white-space: normal;
}
.builder-catalog-class-chevron {
  width: 0.48rem;
  height: 0.48rem;
  border-right: 2px solid #bdb5c8;
  border-bottom: 2px solid #bdb5c8;
  transform: rotate(45deg) translateY(-0.12rem);
}
.builder-catalog-class-filter.is-open .builder-catalog-class-chevron {
  transform: rotate(225deg) translateY(-0.12rem);
}
.builder-catalog-class-all-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.15rem;
  height: 1.85rem;
  border: 1px solid rgba(173, 123, 221, 0.36);
  border-radius: 0.3rem;
  background: rgba(173, 123, 221, 0.18);
  color: #f3e9ff;
  font-size: 0.76rem;
  font-weight: 950;
}
.builder-catalog-class-menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  z-index: 40;
  display: grid;
  width: 100%;
  min-width: 100%;
  max-height: min(31rem, 70vh);
  overflow: auto;
  border: 1px solid rgba(173, 123, 221, 0.34);
  border-radius: 0.45rem;
  background: #222;
  box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, 0.62);
  padding: 0.45rem;
}
.builder-catalog-class-group {
  padding: 0.55rem 0.45rem 0.32rem;
  color: #b879f3;
  font-size: 0.75rem;
  font-weight: 950;
  text-transform: uppercase;
}
.builder-catalog-filters .builder-catalog-class-option {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0.65rem;
  min-height: 3.2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0.35rem !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #f7f3ff !important;
  cursor: pointer;
  padding: 0.45rem 0.55rem !important;
  text-align: left !important;
}
.builder-catalog-filters .builder-catalog-class-option + .builder-catalog-class-option {
  margin-top: 0.28rem;
}
.builder-catalog-class-group + .builder-catalog-class-option {
  margin-top: 0;
}
.builder-catalog-filters .builder-catalog-class-option:hover,
.builder-catalog-filters .builder-catalog-class-option.is-selected {
  border-color: rgba(183, 119, 241, 0.72) !important;
  background: rgba(91, 48, 111, 0.55) !important;
}
.builder-catalog-filters .builder-catalog-class-option .builder-catalog-weapon-icon {
  width: 2rem;
  height: 2rem;
}
.builder-catalog-filters button[type="submit"] {
  width: 100%;
  min-height: 3rem !important;
  border-color: rgba(70, 212, 126, 0.62) !important;
  background: linear-gradient(180deg, #1e7543, #145432) !important;
  color: #eafff1 !important;
  pointer-events: auto !important;
}
.builder-catalog-grid {
  grid-template-columns: repeat(3, minmax(18rem, 1fr)) !important;
  gap: 0.7rem !important;
}
.builder-catalog-card {
  position: relative;
  overflow: hidden;
  min-height: 8.4rem;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background:
    linear-gradient(90deg, rgba(18, 18, 18, 0.96), rgba(24, 24, 24, 0.9)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 18px) !important;
  box-shadow: inset 0 0 2.2rem rgba(0, 0, 0, 0.32);
}
.builder-catalog-card:hover {
  border-color: rgba(173, 123, 221, 0.48) !important;
  background:
    linear-gradient(90deg, rgba(25, 22, 29, 0.98), rgba(25, 25, 25, 0.92)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 18px) !important;
}
.builder-catalog-card-title h3 {
  font-size: 1.05rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.builder-catalog-card-title span {
  border-color: rgba(101, 208, 142, 0.54) !important;
  background: rgba(48, 132, 82, 0.36) !important;
  color: #dffff0 !important;
}
.builder-catalog-rating button.is-active,
.builder-catalog-rating button:hover,
.builder-catalog-rating button:hover ~ button {
  color: #b76af3 !important;
}
.builder-catalog-open {
  border-color: rgba(173, 123, 221, 0.42) !important;
  background: rgba(173, 123, 221, 0.12) !important;
  color: #ead7ff !important;
}
.site-auth-inner {
  display: grid;
  justify-items: center;
  text-align: center;
  padding-top: 2.35rem !important;
}
.site-auth-inner h2,
.site-auth-inner p {
  text-align: center;
}
.site-auth-inner p {
  margin-left: auto !important;
  margin-right: auto !important;
}
.site-auth-provider:disabled {
  opacity: 1 !important;
}
.site-auth-provider:disabled .site-auth-provider-name,
.site-auth-provider:disabled small {
  color: #928a9d !important;
}
.site-auth-provider-google .site-auth-provider-icon {
  border-color: rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.05);
}
.site-auth-provider-discord .site-auth-provider-icon {
  border-color: rgba(88, 101, 242, 0.35);
  background: rgba(88, 101, 242, 0.11);
}
.site-auth-provider-telegram .site-auth-provider-icon {
  border-color: rgba(34, 158, 217, 0.35);
  background: rgba(34, 158, 217, 0.11);
}
.site-auth-provider-icon img {
  filter: none !important;
}
.site-auth-inner .modal-close {
  line-height: 1 !important;
  text-align: center;
}
@media (max-width: 980px) {
  .builder-catalog-hero,
  .builder-catalog-filters,
  .builder-catalog-grid {
    grid-template-columns: 1fr !important;
  }
  .builder-catalog-filter-search,
  .builder-catalog-filters button[type="submit"] {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .builder-catalog-hero-preview {
    display: none;
  }
}


/* RUTL standalone auth fixes v84 */
.telegram-auth-modal {
  width: min(34rem, calc(100vw - 1.5rem));
  max-width: none;
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f7f0ff;
}
.telegram-auth-modal::backdrop {
  background: rgba(0, 0, 0, 0.74);
  backdrop-filter: blur(0.2rem);
}
.telegram-auth-inner {
  position: relative;
  display: grid;
  width: 100% !important;
  min-height: 17rem;
  justify-items: center;
  text-align: center;
  border: 1px solid rgba(239, 199, 111, 0.48);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 82% 8%, rgba(173, 123, 221, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(17, 18, 28, 0.98), rgba(8, 10, 17, 0.98));
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.58), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  padding: 2.35rem 2.2rem 1.75rem;
}
.telegram-auth-inner .modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  place-items: center;
  padding: 0;
  border-radius: 0.55rem;
  font-size: 1.24rem;
  line-height: 1;
  text-align: center;
}
.telegram-auth-inner h2 {
  margin: 0;
  color: #f4d58a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 3vw, 2.05rem);
  line-height: 1.08;
}
.telegram-auth-inner p {
  max-width: 25rem;
  margin: 0.75rem auto 0 !important;
  color: #d7d1df !important;
  text-align: center;
}
.telegram-auth-widget {
  width: min(25rem, 100%);
  min-height: 3.6rem;
  margin-top: 1.2rem;
  place-items: center;
}
.telegram-auth-status {
  margin-top: 0.9rem;
  text-align: center;
}
@media (max-width: 560px) {
  .telegram-auth-inner {
    padding: 2.2rem 1.2rem 1.4rem;
  }
}


/* Compact authenticated header logout v87 */
.auth-button.is-authenticated {
  width: 2.45rem;
  min-width: 2.45rem;
  height: 2.45rem;
  padding: 0;
  justify-content: center;
  border-color: rgba(93, 210, 137, 0.58);
  background: linear-gradient(180deg, rgba(27, 48, 38, 0.94), rgba(14, 29, 22, 0.94));
}
.auth-button.is-authenticated .auth-icon {
  width: 1.1rem;
  height: 1.1rem;
  -webkit-mask: url("/assets/icons/log-out.svg") center / contain no-repeat !important;
  mask: url("/assets/icons/log-out.svg") center / contain no-repeat !important;
}
.auth-button.is-authenticated #authButtonLabel {
  display: none;
}


/* RUTL builder publish/clone and compact header timers v88 */
.site-header {
  grid-template-columns: minmax(22rem, 0.95fr) auto minmax(15rem, 1fr);
}

.brand {
  display: grid;
  grid-template-columns: max-content minmax(8.8rem, auto);
  align-items: center;
  column-gap: 0.75rem;
  text-decoration: none;
}

.brand-logo {
  flex: 0 0 auto;
}

.header-weather-mini {
  display: grid;
  gap: 0.16rem;
  min-width: 8.8rem;
  color: #f2d987;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.08;
}

.header-weather-row {
  display: grid;
  grid-template-columns: 0.82rem 4.45rem 3.9rem;
  align-items: center;
  gap: 0.28rem;
  white-space: nowrap;
}

.header-weather-row.is-rain {
  grid-template-columns: 0.82rem 3.45rem minmax(7.8rem, max-content);
}

.header-weather-row i {
  width: 0.72rem;
  height: 0.72rem;
  opacity: 0.92;
  background: currentColor;
  -webkit-mask: var(--header-weather-icon) center / contain no-repeat;
  mask: var(--header-weather-icon) center / contain no-repeat;
}

.header-weather-row.is-night { --header-weather-icon: url("/assets/icons/moon.svg"); }
.header-weather-row.is-rain { --header-weather-icon: url("/assets/icons/cloud-sun.svg"); }
.header-weather-row b { color: #eadba7; font-weight: 850; }
.header-weather-row strong { color: #ffe08a; font-weight: 950; text-align: right; font-variant-numeric: tabular-nums; }

.builder-top-actions .builder-save-trigger,
.builder-top-actions .builder-share-trigger {
  gap: 0.42rem;
  border-color: rgba(75, 150, 215, 0.78) !important;
  background: linear-gradient(180deg, #348bd0, #22659a) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset, 0 7px 18px rgba(31, 99, 148, 0.28);
}

.builder-save-trigger svg,
.builder-share-trigger svg,
.builder-share-link-row button svg,
.builder-build-icon-action svg,
.builder-catalog-card-side button svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.builder-build-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.builder-build-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.builder-build-icon-action {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid #3c3c3c;
  border-radius: 4px;
  background: #242424;
  color: #cfcfcf;
  cursor: pointer;
}

.builder-build-icon-action:hover {
  border-color: #a86adb;
  color: #fff;
  background: #2f2437;
}

.builder-copy-icon rect,
.builder-copy-icon path {
  fill: none;
}

.builder-description-simple .builder-description-shell {
  display: block;
}

.builder-description-simple .builder-description-editor-panel {
  width: 100%;
}

.builder-description-simple .builder-rich-editor {
  min-height: min(54vh, 42rem) !important;
}

.builder-share-card {
  width: min(44rem, calc(100vw - 2rem));
}

.builder-share-link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: center;
  margin-top: 0.8rem;
}

.builder-share-link-row input {
  min-width: 0;
  height: 2.65rem;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  background: #171717;
  color: #e7e7e7;
  font: inherit;
  padding: 0 0.75rem;
}

.builder-share-link-row button,
.builder-share-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 2.65rem;
  border: 1px solid rgba(75, 150, 215, 0.78);
  border-radius: 5px;
  background: linear-gradient(180deg, #348bd0, #22659a);
  color: #fff;
  cursor: pointer;
  font-weight: 950;
  padding: 0 0.9rem;
  text-decoration: none;
}

.builder-share-open {
  border-color: rgba(167, 111, 214, 0.62);
  background: rgba(167, 111, 214, 0.18);
  color: #efdfff;
}

.builder-catalog-card-side button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  border: 1px solid #484848;
  border-radius: 0.35rem;
  background: #2b2b2b;
  color: #f7f2ff;
  cursor: pointer;
  font-weight: 900;
  padding: 0 0.8rem;
}

.builder-catalog-card-side button[data-builder-catalog-action="clone"] {
  border-color: rgba(70, 212, 126, 0.62);
  background: linear-gradient(180deg, #1e7543, #145432);
  color: #eafff1;
}

.header-actions .auth-button.is-authenticated {
  width: 2.55rem;
  min-width: 2.55rem;
  max-width: 2.55rem;
  padding: 0;
  justify-content: center;
  border-color: rgba(70, 212, 126, 0.55);
  color: #dcffec;
}

.header-actions .auth-button.is-authenticated #authButtonLabel {
  display: none;
}

@media (max-width: 1120px) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .header-weather-mini {
    display: none;
  }
}

@media (max-width: 720px) {
  .builder-share-link-row {
    grid-template-columns: 1fr;
  }
}

/* RUTL builder catalog social + timer alignment v89 */
.builder-catalog-social-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-top: 0.75rem;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.builder-catalog-social-label {
  display: grid;
  gap: 0.18rem;
}
.builder-catalog-social-label > b {
  color: #e8dcff;
  font-size: 0.78rem;
}
.builder-catalog-social-row .builder-catalog-rating {
  justify-content: start;
}
.builder-catalog-social-row > button {
  min-height: 2.2rem;
  border: 1px solid rgba(173, 123, 221, 0.44);
  border-radius: 0.35rem;
  background: rgba(173, 123, 221, 0.14);
  color: #f2e7ff;
  cursor: pointer;
  font-weight: 900;
  padding: 0 0.8rem;
}
.builder-catalog-comment-form button {
  border-color: rgba(70, 212, 126, 0.62);
  background: linear-gradient(180deg, #1e7543, #145432);
  color: #eafff1;
}
.builder-top-actions .builder-save-trigger {
  border-color: rgba(78, 207, 126, 0.72) !important;
  background: linear-gradient(180deg, #209654, #176c3e) !important;
  color: #f0fff5 !important;
}
.header-weather-mini {
  min-width: 9.55rem;
}


/* RUTL builder auth/share polish and Telegram feedback release v90 */
.header-weather-mini {
  min-width: 10.2rem;
}
.header-weather-row {
  grid-template-columns: 0.86rem 4.7rem 4.25rem;
  gap: 0.24rem;
}
.header-weather-row.is-day { --header-weather-icon: url("/assets/icons/sun.svg"); }
.header-weather-row strong {
  display: block;
  text-align: right;
  letter-spacing: 0;
}
.builder-top-actions button,
.builder-top-actions .builder-save-trigger,
.builder-top-actions .builder-share-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  white-space: nowrap;
}
.builder-top-actions .builder-share-trigger svg,
.builder-top-actions .builder-save-trigger svg {
  order: 0;
  flex: 0 0 auto;
}
.builder-top-actions .builder-share-trigger span,
.builder-top-actions .builder-save-trigger span {
  order: 1;
}
.builder-catalog-rating {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  gap: 0.12rem 0.42rem;
}
.builder-catalog-rating::before {
  content: "Оценка";
  grid-column: 1 / -1;
  color: #d6c6ec;
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
}
.builder-catalog-social-row .builder-catalog-rating::before {
  display: none;
}
.builder-catalog-rating button {
  width: 1.15rem;
  height: 1.15rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(177, 112, 224, 0.48);
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1;
}
.builder-catalog-rating button.is-active,
.builder-catalog-rating button:hover {
  color: #b96cff;
  text-shadow: 0 0 10px rgba(185, 108, 255, 0.5);
}
.builder-catalog-rating span {
  color: #ddd5ea;
  font-size: 0.78rem;
  font-weight: 800;
}
.builder-catalog-social-row > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.builder-catalog-social-row > button::before {
  content: "";
  width: 0.92rem;
  height: 0.92rem;
  background: currentColor;
  -webkit-mask: url("/assets/icons/info.svg") center / contain no-repeat;
  mask: url("/assets/icons/info.svg") center / contain no-repeat;
}

/* RUTL builder group catalog/comments polish v91 */
.builder-catalog-hero-actions .builder-catalog-auth,
.builder-catalog-hero-actions .builder-catalog-user,
.builder-catalog-hero-actions .builder-catalog-secondary {
  display: none !important;
}

.builder-catalog-my-list {
  max-height: 21.5rem !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding-right: 0.25rem;
}

.builder-catalog-card-compact {
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  padding: 0.72rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-main {
  display: grid;
  min-width: 0;
  gap: 0.48rem;
}

.builder-catalog-card-compact .builder-catalog-card-title {
  margin: 0 !important;
}

.builder-catalog-card-compact .builder-catalog-class {
  min-width: 0;
}

.builder-catalog-card-compact .builder-catalog-meta {
  margin-top: 0 !important;
}

.builder-catalog-card-compact .builder-catalog-rating {
  justify-content: start !important;
  width: max-content;
}

.builder-catalog-card-compact .builder-catalog-rating::before {
  display: none !important;
}

.builder-catalog-card-compact .builder-catalog-card-side {
  min-width: 7.4rem !important;
}

.builder-catalog-card-compact .builder-catalog-open {
  min-height: 2.35rem;
}

.builder-comments-panel {
  display: grid;
  gap: 0.75rem;
}

.builder-comments-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.4rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.75rem;
}

.builder-comments-rating {
  display: grid;
  gap: 0.22rem;
}

.builder-comments-rating b {
  color: #f6edff;
  font-size: 0.9rem;
}

.builder-comments-rating span {
  display: inline-flex;
  gap: 0.15rem;
}

.builder-comments-rating button {
  width: 1.45rem;
  height: 1.45rem;
  border: 0;
  background: transparent;
  color: rgba(183, 106, 243, 0.48);
  cursor: pointer;
  font-size: 1.35rem;
  line-height: 1;
  padding: 0;
}

.builder-comments-rating button.is-active,
.builder-comments-rating button:hover {
  color: #b96cff;
  text-shadow: 0 0 10px rgba(185, 108, 255, 0.5);
}

.builder-comments-rating em {
  color: #bdb5c8;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.builder-clone-server {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 2.5rem;
  border: 1px solid rgba(70, 212, 126, 0.7);
  border-radius: 0.35rem;
  background: linear-gradient(180deg, #1f8a4e, #14613a);
  color: #effff4;
  cursor: pointer;
  font-weight: 950;
  padding: 0 0.9rem;
}

.builder-comment-list {
  display: grid;
  gap: 0.45rem;
}

.builder-build-name-input {
  min-width: 0;
  width: 100%;
  min-height: 1.8rem;
  border: 1px solid rgba(173, 123, 221, 0.44);
  border-radius: 0.28rem;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  font: inherit;
  font-weight: 950;
  padding: 0.25rem 0.35rem;
}

.builder-build-icon-action svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 720px) {
  .builder-comments-actions,
  .builder-catalog-card-compact {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }
}

/* RUTL builder v92 final polish */
.builder-slot-detail {
  position: relative;
}

.builder-slot-detail.has-dropdown {
  min-height: 0 !important;
  overflow: visible !important;
}

.builder-slot-detail.has-dropdown .builder-item-toolbar {
  position: relative;
  z-index: 91 !important;
}

.builder-slot-detail.has-dropdown .builder-item-dropdown {
  position: absolute !important;
  left: 0.55rem !important;
  right: 0.55rem !important;
  top: 3.65rem !important;
  z-index: 90 !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: min(34rem, calc(100vh - 11rem)) !important;
  overflow: hidden !important;
  border: 1px solid rgba(178, 112, 224, 0.42);
  border-radius: 0.35rem;
  background: #1b1b1b;
  box-shadow: 0 1.2rem 2.6rem rgba(0, 0, 0, 0.58);
  padding: 0.5rem;
}

.builder-slot-detail.has-dropdown .builder-item-dropdown-results {
  max-height: none !important;
  min-height: 0;
  align-content: start !important;
  grid-auto-rows: max-content !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.2rem;
}

.builder-slot-detail.has-dropdown .builder-item-dropdown-results .builder-choice {
  height: auto !important;
  min-height: 3.75rem !important;
  align-self: start !important;
}

.builder-slot-detail.has-dropdown .builder-level-control,
.builder-slot-detail.has-dropdown .builder-item-summary,
.builder-slot-detail.has-dropdown .builder-set-effects,
.builder-slot-detail.has-dropdown .builder-rune-panel,
.builder-slot-detail.has-dropdown .builder-traits {
  pointer-events: none;
}

.builder-tooltip-section.set-bonuses h4 {
  margin: 0 0 0.42rem;
  color: #ffe295;
  font-size: 0.8rem;
  font-weight: 760;
  line-height: 1.25;
}

.builder-tooltip-section.set-bonuses p {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  gap: 0.42rem;
  margin: 0.34rem 0;
  color: #d9d2e6;
  line-height: 1.3;
}

.builder-tooltip-section.set-bonuses span {
  color: #c780ff;
  font-weight: 780;
}

.builder-tooltip-section.set-bonuses b {
  color: #e9e2f2;
  font-weight: 560;
}

.builder-rail-rating {
  display: flex;
  align-items: center;
  gap: 0.28rem;
  margin: 0 0 0.35rem;
  padding: 0.35rem 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.28rem;
  background: rgba(255, 255, 255, 0.035);
}

.builder-rail-rating .builder-catalog-rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.12rem !important;
  width: auto !important;
}

.builder-rail-rating .builder-catalog-rating::before,
.builder-catalog-card-compact .builder-catalog-rating::before {
  display: none !important;
}

.builder-rail-rating .builder-catalog-rating button,
.builder-catalog-card-compact .builder-catalog-rating button {
  width: 1rem;
  height: 1rem;
  font-size: 1.02rem;
}

.builder-rail-rating .builder-catalog-rating span,
.builder-catalog-card-compact .builder-catalog-rating span {
  margin-left: 0.22rem;
  white-space: nowrap;
}

.builder-catalog-card-compact {
  position: relative;
  align-items: start !important;
}

.builder-catalog-card-compact .builder-catalog-card-title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.builder-catalog-card-compact .builder-catalog-rating {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 0.12rem !important;
  margin: 0.1rem 0 0.15rem;
}

.builder-catalog-card-compact .builder-catalog-card-side {
  align-self: start;
  justify-self: end;
}

.builder-catalog-card-compact .builder-catalog-open {
  min-width: 7rem;
}

.builder-build-card-actions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.28rem;
}

.builder-build-menu-trigger {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.25rem;
  background: #242424;
  color: #ddd;
  cursor: pointer;
  padding: 0;
}

.builder-build-menu-trigger span {
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0.38rem 0 currentColor, 0 -0.38rem 0 currentColor;
}

.builder-build-menu-trigger span + span {
  display: none;
}

.builder-build-menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  z-index: 40;
  display: grid;
  min-width: 11rem;
  border: 1px solid rgba(178, 112, 224, 0.44);
  border-radius: 0.32rem;
  background: #1c1c1f;
  box-shadow: 0 0.75rem 1.6rem rgba(0, 0, 0, 0.45);
  padding: 0.25rem;
}

.builder-build-menu button {
  border: 0;
  border-radius: 0.22rem;
  background: transparent;
  color: #f3eff8;
  cursor: pointer;
  font-weight: 850;
  padding: 0.55rem 0.65rem;
  text-align: left;
}

.builder-build-menu button:hover {
  background: rgba(178, 112, 224, 0.18);
}

.builder-build-card[draggable="true"] {
  cursor: grab;
}

.builder-build-card[draggable="true"]:active {
  cursor: grabbing;
}

.builder-danger-trigger {
  min-height: 2.4rem;
  border: 1px solid rgba(218, 84, 84, 0.58);
  border-radius: 0.35rem;
  background: rgba(105, 31, 31, 0.55);
  color: #ffd8d8;
  cursor: pointer;
  font-weight: 900;
  padding: 0 0.75rem;
}

.builder-description.is-readonly .builder-editor-toolbar,
.builder-description.is-readonly .builder-insert-panel,
.builder-description.is-readonly .builder-preview-panel {
  display: none !important;
}

.builder-description.is-readonly .builder-rich-editor {
  min-height: 26rem;
  border-color: rgba(255, 255, 255, 0.08);
  background: #121212;
  cursor: default;
}

.builder-share-trigger svg,
.builder-save-trigger svg,
.builder-top-clone svg {
  order: 0 !important;
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
}

.builder-share-trigger span,
.builder-save-trigger span,
.builder-top-clone span {
  order: 1 !important;
}


/* RUTL builder action/comment polish v94 */
.builder-top-actions {
  justify-self: stretch;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
}
.builder-top-actions-left,
.builder-top-actions-right {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
.builder-top-actions-left { justify-self: start; }
.builder-top-actions-right { justify-self: end; }
.builder-top-actions .builder-clone-server {
  border-color: rgba(75, 150, 215, 0.78);
  background: linear-gradient(180deg, #348bd0, #22659a);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset, 0 7px 18px rgba(31, 99, 148, 0.24);
}
.builder-icon-danger {
  width: 2.45rem;
  min-width: 2.45rem;
  min-height: 2.35rem;
  padding: 0 !important;
  border-color: rgba(245, 94, 94, 0.72) !important;
  background: linear-gradient(180deg, rgba(153, 45, 45, 0.94), rgba(95, 24, 24, 0.98)) !important;
  color: #ffe3e3 !important;
}
.builder-icon-danger svg {
  width: 1.05rem;
  height: 1.05rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.builder-role-select:disabled {
  opacity: 0.75;
  cursor: default;
}
.builder-comments-panel-compact {
  gap: 0.55rem;
  padding: 0.75rem;
}
.builder-comments-panel-compact .builder-comment-list {
  gap: 0.4rem;
}
.builder-comment-item {
  display: grid;
  gap: 0.24rem;
  min-height: 0;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 0.32rem;
  background: rgba(0,0,0,0.18);
  padding: 0.5rem 0.6rem;
}
.builder-comment-item > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
.builder-comment-author-line {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  min-width: 0;
}
.builder-comment-item b {
  color: #c77dff;
  font-size: 0.9rem;
}
.builder-comment-variant {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 1.25rem;
  padding: 0.08rem 0.42rem;
  border: 1px solid rgba(198, 157, 78, 0.38);
  border-radius: 999px;
  background: rgba(198, 157, 78, 0.12);
  color: #f4d993;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.1;
}
.builder-comment-item time {
  color: #898293;
  font-size: 0.74rem;
  font-weight: 750;
  white-space: nowrap;
}
.builder-comment-item p {
  margin: 0;
  color: #f0edf5;
  font-size: 0.9rem;
  line-height: 1.35;
}
.builder-comment-inline-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2.65rem;
  gap: 0.45rem;
  align-items: center;
}
.builder-comment-inline-form input {
  min-width: 0;
  height: 2.45rem;
  border: 1px solid #343434;
  border-radius: 0.34rem;
  background: #242424;
  color: #f5f5f5;
  font: inherit;
  padding: 0 0.7rem;
  outline: none;
}
.builder-comment-inline-form input:focus {
  border-color: rgba(178, 112, 224, 0.72);
  box-shadow: 0 0 0 1px rgba(178, 112, 224, 0.18);
}
.builder-comment-inline-form button {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.45rem;
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(70, 212, 126, 0.62);
  border-radius: 0.34rem;
  background: linear-gradient(180deg, #1e7543, #145432);
  color: #eafff1;
  cursor: pointer;
}
.builder-comment-inline-form button svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.builder-mastery-window-head {
  justify-content: end !important;
  min-height: 0 !important;
  margin-bottom: 0.45rem;
}
.builder-mastery-window-head h2 { display: none !important; }
.builder-builds {
  overflow: visible !important;
}
.builder-build-card {
  position: relative;
  overflow: visible !important;
}
.builder-build-card-actions {
  position: static !important;
}
.builder-build-menu {
  top: calc(100% - 0.1rem) !important;
  right: 0.35rem !important;
  z-index: 950 !important;
}
.builder-build-card.has-menu {
  z-index: 960;
}
.builder-slot,
.builder-slot * {
  pointer-events: auto;
}
@media (max-width: 720px) {
  .builder-top-actions { grid-template-columns: 1fr; }
  .builder-top-actions-left, .builder-top-actions-right { justify-self: start; flex-wrap: wrap; }
}


/* RUTL builder top actions and compact share v95 */
.builder-top-actions.builder-top-actions-single {
  display: inline-flex !important;
  justify-self: end !important;
  width: auto !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 0.45rem;
}
.builder-top-actions.builder-top-actions-single .builder-share-trigger svg,
.builder-top-actions.builder-top-actions-single .builder-save-trigger svg,
.builder-top-actions.builder-top-actions-single .builder-top-clone svg {
  order: 0 !important;
}
.builder-top-actions.builder-top-actions-single .builder-share-trigger span,
.builder-top-actions.builder-top-actions-single .builder-save-trigger span,
.builder-top-actions.builder-top-actions-single .builder-top-clone span {
  order: 1 !important;
}
.builder-share-card-compact {
  width: min(43rem, calc(100vw - 2rem));
  padding: 1.25rem 1.35rem 1.4rem;
}
.builder-share-card-compact h2 {
  margin-bottom: 1rem;
  text-align: center;
}
.builder-share-card-compact .builder-share-link-row {
  margin-top: 0;
}
.builder-tooltip-card.plain {
  max-width: min(22rem, calc(100vw - 2rem));
  padding: 0.55rem 0.7rem;
}
.builder-tooltip-card.plain p {
  margin: 0;
  color: #f2eef8;
  line-height: 1.35;
}
@media (max-width: 720px) {
  .builder-top-actions.builder-top-actions-single { justify-self: start !important; flex-wrap: wrap; }
}


/* RUTL hotfix v96 */
.service-tab,
.services-panel {
  display: none !important;
}

.feedback-form select option {
  background: #1f1f24;
  color: #f8f4ff;
}

.builder-left-rail,
.builder-builds,
.builder-builds .builder-q-card,
.builder-build-card {
  overflow: visible !important;
}


/* RUTL comments layout v97 */
.builder-main-stage:has(.builder-comments-panel-compact) {
  min-height: min(42rem, calc(100vh - 12.5rem));
}

.builder-comments-panel-compact {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: stretch;
  min-height: min(42rem, calc(100vh - 12.5rem));
  height: min(42rem, calc(100vh - 12.5rem));
  gap: 0.65rem !important;
  padding: 0.75rem !important;
  overflow: hidden;
}

.builder-comments-panel-compact .builder-comment-list {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  align-content: start;
  align-items: start;
  gap: 0.45rem !important;
  padding-right: 0.25rem;
  scrollbar-gutter: stable;
}

.builder-comments-panel-compact .builder-catalog-muted,
.builder-comments-panel-compact .builder-catalog-error {
  align-self: start;
}

.builder-comments-panel-compact .builder-comment-item {
  align-self: start;
  min-height: 0 !important;
  height: auto !important;
  grid-template-rows: auto auto;
  padding: 0.55rem 0.65rem !important;
}

.builder-comments-panel-compact .builder-comment-head {
  align-items: flex-start;
}

.builder-comments-panel-compact .builder-comment-author-line {
  overflow-wrap: anywhere;
}

.builder-comments-panel-compact .builder-comment-item p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.builder-comments-panel-compact .builder-comment-inline-form {
  align-self: end;
  margin-top: 0;
}


/* RUTL build rename input v98 */
.builder-build-card.is-editing {
  cursor: default;
}

.builder-build-main-edit {
  cursor: default !important;
}

.builder-build-main-edit .builder-build-name-input {
  pointer-events: auto;
  user-select: text;
}

.builder-build-name-input {
  caret-color: #ffffff;
}


/* Item database */
.items-tab-icon { --tab-icon: url("/assets/icons/info.svg"); }
.builder-source-pill { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 40px; padding: 0 0.85rem; border: 1px solid rgba(236, 198, 103, 0.72); border-radius: 999px; color: #f5d887; background: linear-gradient(180deg, rgba(70, 51, 24, 0.45), rgba(26, 22, 18, 0.88)); font-weight: 900; white-space: nowrap; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 0 16px rgba(204, 156, 67, 0.12); }
.builder-source-pill svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.builder-source-pill:hover { border-color: #ffe29b; color: #ffe29b; background: rgba(93, 66, 24, 0.65); }
.builder-equipment-actions { position: absolute; top: 0.75rem; right: 0.75rem; z-index: 12; display: flex; align-items: center; gap: 0.55rem; }
.builder-equipment-view.has-equipment-actions .builder-equipment-head { padding-right: 18.5rem !important; }
.builder-equipment-view:not(.has-source-button).has-equipment-actions .builder-equipment-head { padding-right: 9.5rem !important; }
.builder-equipment-actions .builder-source-pill { min-width: auto; height: 2rem; min-height: 2rem; padding: 0 0.65rem; border-radius: 4px; }
.builder-equipment-actions .builder-source-pill svg { width: 14px; height: 14px; }
.builder-equipment-actions .builder-equipment-catalog-button { min-width: auto; }

.builder-equipment-catalog-modal { position: fixed; inset: 0; z-index: 2400; display: grid; place-items: center; padding: min(2vw, 24px); background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(8px); }
.builder-equipment-catalog-card { width: min(calc(100vw - min(4vw, 48px)), 1840px); height: min(calc(100vh - min(4vw, 48px)), 1120px); display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 0.65rem; border: 1px solid rgba(236, 198, 103, 0.28); border-radius: 12px; background: linear-gradient(180deg, rgba(25, 25, 28, 0.98), rgba(10, 10, 12, 0.98)); color: #f6efe2; box-shadow: 0 24px 90px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255,255,255,0.05); overflow: hidden; padding: 1rem; }
.builder-equipment-catalog-top { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding-bottom: 0.65rem; border-bottom: 1px solid rgba(255,255,255,0.08); }
.builder-equipment-catalog-top h2 { margin: 0; font-size: 1.55rem; line-height: 1.1; color: #fff4cf; }
.builder-equipment-catalog-top p { margin: 0.3rem 0 0; color: #c8bdaf; font-size: 0.9rem; }
.builder-equipment-catalog-top-actions { position: relative; display: flex; align-items: center; justify-content: end; gap: 0.55rem; flex-wrap: wrap; }
.builder-equipment-catalog-top-actions > span:first-child { color: #9cc4ff; font-weight: 900; white-space: nowrap; }
.builder-equipment-catalog-top-actions button,
.builder-equipment-catalog-filter-row button,
.builder-equipment-catalog-token-list button,
.builder-equipment-catalog-check-list button { min-height: 2.35rem; border: 1px solid rgba(255,255,255,0.12); border-radius: 7px; background: rgba(28,28,31,0.92); color: #f7edda; font: inherit; font-weight: 900; cursor: pointer; }
.builder-equipment-catalog-top-actions button:hover,
.builder-equipment-catalog-filter-row button:hover,
.builder-equipment-catalog-token-list button:hover,
.builder-equipment-catalog-check-list button:hover { border-color: rgba(236,198,103,0.58); color: #ffe29b; }
.builder-equipment-catalog-filter-row button.is-active,
.builder-equipment-catalog-token-list button.is-active,
.builder-equipment-catalog-check-list button.is-active { border-color: rgba(236,198,103,0.82); background: linear-gradient(180deg, rgba(92,69,29,0.74), rgba(34,28,20,0.94)); color: #ffe29b; }
.builder-equipment-catalog-columns { position: relative; display: inline-flex; }
.builder-equipment-catalog-popover { position: absolute; top: calc(100% + 8px); right: 0; z-index: 4; width: min(360px, 82vw); max-height: min(560px, 70vh); display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 0.55rem; padding: 0.8rem; border: 1px solid rgba(236,198,103,0.34); border-radius: 9px; background: #111114; box-shadow: 0 18px 48px rgba(0,0,0,0.55); }
.builder-equipment-catalog-popover-title { color: #fff4cf; font-weight: 900; }
.builder-equipment-catalog-check-list { overflow: auto; display: grid; gap: 0.35rem; padding-right: 0.25rem; }
.builder-equipment-catalog-check-list button { justify-content: start; display: flex; align-items: center; gap: 0.5rem; padding: 0 0.7rem; text-align: left; }
.builder-equipment-catalog-check-list button span,
.builder-equipment-catalog-token-list button::before { content: ""; width: 0.82rem; height: 0.82rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; background: rgba(255,255,255,0.04); flex: 0 0 auto; }
.builder-equipment-catalog-check-list button.is-active span,
.builder-equipment-catalog-token-list button.is-active::before { border-color: #ffe29b; background: #b77cff; box-shadow: 0 0 0 2px rgba(183,124,255,0.18); }
.builder-equipment-catalog-check-list em,
.builder-equipment-catalog-token-list em { margin-left: auto; color: #8fbaff; font-style: normal; font-size: 0.78rem; }
.builder-equipment-catalog-controls { display: grid; grid-template-columns: minmax(260px, 1.7fr) repeat(3, minmax(130px, 0.72fr)) repeat(2, minmax(150px, 0.78fr)); gap: 0.55rem; align-items: end; }
.builder-equipment-catalog-controls label { display: grid; gap: 0.28rem; min-width: 0; color: #b5aa9b; font-size: 0.76rem; font-weight: 900; }
.builder-equipment-catalog-controls input,
.builder-equipment-catalog-controls select,
.builder-equipment-catalog-dropdown summary { height: 2.35rem; min-width: 0; border: 1px solid rgba(255,255,255,0.13); border-radius: 7px; background: rgba(35,35,38,0.96); color: #fff8e6; padding: 0 0.75rem; font: inherit; font-weight: 850; }
.builder-equipment-catalog-controls input:focus,
.builder-equipment-catalog-controls select:focus { outline: none; border-color: rgba(183,124,255,0.75); box-shadow: 0 0 0 2px rgba(183,124,255,0.18); }
.builder-equipment-catalog-dropdown { position: relative; min-width: 0; }
.builder-equipment-catalog-dropdown summary { display: flex; align-items: center; justify-content: space-between; gap: 0.55rem; list-style: none; cursor: pointer; }
.builder-equipment-catalog-dropdown summary::-webkit-details-marker { display: none; }
.builder-equipment-catalog-dropdown summary::after { content: "⌄"; color: #d8c07e; font-weight: 900; }
.builder-equipment-catalog-dropdown[open] summary { border-color: rgba(236,198,103,0.68); box-shadow: 0 0 0 2px rgba(236,198,103,0.12); }
.builder-equipment-catalog-dropdown summary b { min-width: 1.35rem; height: 1.35rem; display: inline-grid; place-items: center; border-radius: 999px; background: rgba(183,124,255,0.28); color: #e6ccff; font-size: 0.78rem; }
.builder-equipment-catalog-dropdown > .builder-equipment-catalog-token-list { position: absolute; top: calc(100% + 6px); right: 0; z-index: 6; width: min(420px, 82vw); max-height: min(420px, 58vh); padding: 0.65rem; border: 1px solid rgba(236,198,103,0.32); border-radius: 9px; background: #111114; box-shadow: 0 18px 48px rgba(0,0,0,0.55); }
.builder-equipment-catalog-search-row { display: grid; grid-template-columns: minmax(280px, 1fr) 9rem 9rem; gap: 0.65rem; }
.builder-equipment-catalog-search-row label { display: grid; gap: 0.3rem; color: #b5aa9b; font-size: 0.76rem; font-weight: 900; }
.builder-equipment-catalog-search-row input,
.builder-equipment-catalog-stat-filter input { height: 2.55rem; min-width: 0; border: 1px solid rgba(255,255,255,0.13); border-radius: 7px; background: rgba(35,35,38,0.96); color: #fff8e6; padding: 0 0.75rem; font: inherit; font-weight: 800; }
.builder-equipment-catalog-search-row input:focus,
.builder-equipment-catalog-stat-filter input:focus { outline: none; border-color: rgba(183,124,255,0.75); box-shadow: 0 0 0 2px rgba(183,124,255,0.18); }
.builder-equipment-catalog-filters { display: grid; gap: 0.65rem; min-height: 0; }
.builder-equipment-catalog-filter-row { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 0.7rem; align-items: start; }
.builder-equipment-catalog-filter-row > span,
.builder-equipment-catalog-filter-title { color: #ffe9ae; font-weight: 900; }
.builder-equipment-catalog-filter-row > div { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.builder-equipment-catalog-filter-row button { padding: 0 0.75rem; }
.builder-equipment-catalog-filter-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 0.8rem; min-height: 0; }
.builder-equipment-catalog-filter-title { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.35rem; }
.builder-equipment-catalog-filter-title button { height: 1.8rem; min-height: 1.8rem; padding: 0 0.55rem; border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; background: rgba(255,255,255,0.04); color: #cdbed8; font: inherit; font-size: 0.75rem; font-weight: 900; }
.builder-equipment-catalog-token-list { max-height: 8.4rem; overflow: auto; display: flex; flex-wrap: wrap; gap: 0.38rem; align-content: start; padding: 0.1rem 0.25rem 0.1rem 0; }
.builder-equipment-catalog-token-list button { display: inline-flex; align-items: center; gap: 0.42rem; padding: 0 0.58rem; font-size: 0.78rem; }
.builder-equipment-catalog-token-list .builder-equipment-catalog-clear { margin-left: auto; border-color: rgba(143,186,255,0.35); color: #b9d3ff; }
.builder-equipment-catalog-stat-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem; margin-top: 0.55rem; }
.builder-equipment-catalog-stat-filter { display: grid; grid-template-columns: minmax(0, 1fr) 5.5rem 5.5rem; align-items: center; gap: 0.45rem; padding: 0.35rem; border: 1px solid rgba(255,255,255,0.08); border-radius: 7px; background: rgba(255,255,255,0.035); }
.builder-equipment-catalog-stat-filter span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #efe4d0; font-weight: 900; }
.builder-equipment-catalog-table-wrap { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); border: 1px solid rgba(255,255,255,0.1); border-radius: 9px; background: rgba(14,14,16,0.95); overflow: hidden; }
.builder-equipment-catalog-scroll { min-height: 0; height: 100%; overflow: auto; scrollbar-color: rgba(176,139,76,0.86) rgba(35,35,38,0.92); }
.builder-equipment-catalog-scroll::-webkit-scrollbar,
.builder-equipment-catalog-check-list::-webkit-scrollbar,
.builder-equipment-catalog-token-list::-webkit-scrollbar { width: 10px; height: 10px; }
.builder-equipment-catalog-scroll::-webkit-scrollbar-track,
.builder-equipment-catalog-check-list::-webkit-scrollbar-track,
.builder-equipment-catalog-token-list::-webkit-scrollbar-track { background: rgba(35,35,38,0.92); border-radius: 999px; }
.builder-equipment-catalog-scroll::-webkit-scrollbar-thumb,
.builder-equipment-catalog-check-list::-webkit-scrollbar-thumb,
.builder-equipment-catalog-token-list::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(176,139,76,0.95), rgba(90,70,37,0.95)); border-radius: 999px; }
.builder-equipment-catalog-grid { display: grid; min-width: max-content; }
.builder-equipment-catalog-head-row { position: sticky; top: 0; z-index: 3; min-height: 2.85rem; border-bottom: 1px solid rgba(255,255,255,0.1); background: #171719; color: #b8a991; font-size: 0.76rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; }
.builder-equipment-catalog-row { position: relative; display: grid; width: max-content; min-width: 100%; min-height: 64px; border-bottom: 1px solid rgba(255,255,255,0.06); background: rgba(25,25,27,0.94); color: #f8f0df; cursor: pointer; }
.builder-equipment-catalog-row:nth-child(even) { background: rgba(31,31,34,0.94); }
.builder-equipment-catalog-row:hover,
.builder-equipment-catalog-row.is-selected { background: linear-gradient(90deg, rgba(76,52,24,0.45), rgba(28,28,31,0.98)); }
.builder-equipment-catalog-row.is-incompatible { opacity: 0.58; cursor: default; }
.builder-equipment-catalog-cell { min-width: 0; display: flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.65rem; overflow: hidden; border-right: 1px solid rgba(255,255,255,0.035); }
.builder-equipment-catalog-cell.is-sticky { position: sticky; z-index: 2; background: inherit; }
.builder-equipment-catalog-head-row .builder-equipment-catalog-cell.is-sticky { z-index: 4; background: #171719; }
.builder-equipment-catalog-cell.sticky-0 { left: 0; }
.builder-equipment-catalog-cell.sticky-1 { left: 3.6rem; box-shadow: 8px 0 18px rgba(0,0,0,0.22); }
.builder-equipment-catalog-icon { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border: 1px solid var(--grade-color, rgba(255,255,255,0.2)); border-radius: 6px; background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--grade-color, #9b70d8) 52%, transparent), rgba(0,0,0,0.36) 68%), #111; overflow: hidden; flex: 0 0 auto; }
.builder-equipment-catalog-icon img { width: 2.35rem; height: 2.35rem; object-fit: contain; }
.builder-equipment-catalog-name { min-width: 0; display: grid; gap: 0.12rem; }
.builder-equipment-catalog-name b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c77cff; font-size: 0.92rem; }
.builder-equipment-catalog-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #b5acbd; font-size: 0.75rem; }
.builder-equipment-catalog-price { display: inline-flex; align-items: center; gap: 0.42rem; min-width: 0; white-space: nowrap; }
.builder-equipment-catalog-price img { width: 0.95rem; height: 0.95rem; object-fit: contain; }
.builder-equipment-catalog-price b { color: #fff4cf; font-weight: 950; }
.builder-equipment-catalog-price em { margin-left: 0.38rem; padding-left: 0.48rem; border-left: 1px solid rgba(143,186,255,0.28); color: #8fbaff; font-style: normal; font-weight: 950; }
.builder-equipment-catalog-missing,
.builder-equipment-catalog-empty-value { color: #91899a; }
.builder-equipment-catalog-open { position: sticky; right: 0.35rem; margin-left: -2.25rem; align-self: center; justify-self: end; width: 2rem; height: 2rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; background: rgba(17,17,19,0.9); color: #d8d3ca; }
.builder-equipment-catalog-open svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.builder-equipment-catalog-empty { height: 12rem; display: grid; place-items: center; color: #9e9586; font-weight: 900; }

@media (max-width: 980px) {
  .builder-equipment-actions { left: 0.65rem; right: 0.65rem; justify-content: end; flex-wrap: wrap; }
  .builder-equipment-view.has-equipment-actions .builder-equipment-head { padding-right: 0 !important; padding-top: 3.3rem !important; }
}

@media (max-width: 760px) {
  .builder-equipment-catalog-modal { padding: 0; place-items: stretch; }
  .builder-equipment-catalog-card { width: 100vw; height: 100vh; border-radius: 0; padding: 0.8rem; }
  .builder-equipment-catalog-top { align-items: start; }
  .builder-equipment-catalog-controls,
  .builder-equipment-catalog-search-row,
  .builder-equipment-catalog-filter-grid,
  .builder-equipment-catalog-stat-filters { grid-template-columns: 1fr; }
  .builder-equipment-catalog-filter-row { grid-template-columns: 1fr; }
}
.items-panel .builder-root { max-width: min(1440px, calc(100vw - 48px)); }
.item-db { display: grid; gap: 16px; color: #f5f3ff; }
.item-db-hero { min-height: 220px; display: flex; align-items: center; padding: clamp(24px, 4vw, 48px); border: 1px solid rgba(171, 110, 213, 0.28); border-radius: 10px; background: linear-gradient(90deg, rgba(0,0,0,0.92), rgba(0,0,0,0.65) 44%, rgba(0,0,0,0.3)), url("/assets/character-builder-showcase.webp") right center / auto 110% no-repeat, #070709; box-shadow: 0 18px 44px rgba(0,0,0,0.36); }
.item-db-hero span { color: #c781ff; font-weight: 900; }
.item-db-hero h1 { margin: 8px 0 10px; font-size: clamp(38px, 5vw, 68px); line-height: 0.95; }
.item-db-hero p { max-width: 560px; margin: 0; font-size: 1.08rem; color: #eee9f7; }
.item-db-filters { display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(150px, 0.9fr)); gap: 10px; padding: 12px; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; background: #1f1f20; }
.item-db-filters label { display: grid; gap: 5px; min-width: 0; }
.item-db-filters span { color: #c9c2d4; font-size: 0.78rem; font-weight: 900; }
.item-db-filters input, .item-db-filters select { width: 100%; height: 42px; border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; background: #2b2b2c; color: #fff; padding: 0 12px; font: inherit; font-weight: 800; }
.item-db-body { display: grid; grid-template-columns: minmax(340px, 430px) minmax(0, 1fr); gap: 16px; align-items: start; }
.item-db-list, .item-db-card { border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; background: #1f1f20; }
.item-db-list-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.item-db-list-scroll { max-height: min(760px, calc(100vh - 360px)); overflow: auto; padding: 10px; display: grid; gap: 7px; }
.item-db-row { width: 100%; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 66px; padding: 8px; text-align: left; border: 1px solid rgba(255,255,255,0.1); border-radius: 7px; background: #252526; color: #fff; }
.item-db-row:hover, .item-db-row.is-active { border-color: var(--grade); background: color-mix(in srgb, var(--grade) 18%, #252526); }
.item-db-icon, .item-db-card-icon { display: grid; place-items: center; border: 1px solid var(--grade); border-radius: 6px; background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--grade) 58%, transparent), rgba(0,0,0,0.25) 66%), #161616; overflow: hidden; }
.item-db-icon { width: 48px; height: 48px; }
.item-db-icon img { width: 44px; height: 44px; object-fit: contain; }
.item-db-row-main { display: grid; gap: 2px; min-width: 0; }
.item-db-row-main b { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-db-row-main small { color: #c9c2d4; }
.item-db-row-main em { color: #8f879a; font-style: normal; font-size: 0.78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-db-weapon-mark { width: 22px; height: 22px; opacity: 0.85; }
.item-db-card { padding: 16px; min-width: 0; }
.item-db-card-head { display: flex; gap: 14px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.item-db-card-icon { width: 72px; height: 72px; flex: 0 0 auto; }
.item-db-card-icon img { width: 66px; height: 66px; object-fit: contain; }
.item-db-card h2 { margin: 0 0 4px; color: var(--grade); font-size: clamp(1.35rem, 2vw, 2rem); }
.item-db-card p { margin: 0.35rem 0; color: #d6d0dd; }
.item-db-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding-top: 14px; }
.item-db-detail-grid section, .item-db-sources { border: 1px solid rgba(255,255,255,0.08); border-radius: 7px; background: #181819; padding: 12px; }
.item-db-detail-grid h3, .item-db-sources h3 { margin: 0 0 10px; color: #fff; font-size: 1rem; }
.item-db-stat-list { display: grid; gap: 6px; }
.item-db-stat-list div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 5px; }
.item-db-stat-list b { color: #64e99b; }
.item-db-traits { margin: 0; padding-left: 18px; display: grid; gap: 5px; color: #ddd6e8; }
.item-db-muted, .item-db-source-empty, .item-db-empty { color: #9d94aa; }
.item-db-sources { margin-top: 12px; }
.item-db-source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.item-db-source-card { border: 1px solid rgba(255,255,255,0.1); border-radius: 7px; background: #232324; padding: 12px; }
.item-db-source-title { display: flex; align-items: center; gap: 8px; color: #f4d783; font-weight: 900; }
.item-db-source-title img { width: 32px; height: 32px; object-fit: contain; border-radius: 4px; }
.item-db-source-card h4 { margin: 8px 0 4px; color: #fff; }
.item-db-source-card small { color: #a99fb6; }
.item-db-materials { display: grid; gap: 6px; margin-top: 10px; }
.item-db-materials span { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; color: #ddd6e8; }
.item-db-materials img { width: 28px; height: 28px; object-fit: contain; }
@media (max-width: 980px) { .item-db-filters { grid-template-columns: 1fr 1fr; } .item-db-body { grid-template-columns: 1fr; } .item-db-list-scroll { max-height: 420px; } }
@media (max-width: 640px) { .items-panel .builder-root { max-width: calc(100vw - 20px); } .item-db-hero { min-height: 260px; background-size: auto 80%; background-position: right bottom; } .item-db-filters, .item-db-detail-grid, .item-db-source-grid { grid-template-columns: 1fr; } }


/* RUTL builder/items polish 20260705-100 */
.builder-panel.is-active .builder-root {
  width: min(1540px, calc(100vw - 40px)) !important;
  max-width: min(1540px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
}

.builder-panel.is-active .builder-quest-layout {
  grid-template-columns: 218px 154px minmax(640px, 1fr) 292px !important;
  column-gap: 14px !important;
  align-items: start !important;
}

@media (max-width: 1500px) {
  .builder-panel.is-active .builder-root {
    width: min(1280px, calc(100vw - 28px)) !important;
    max-width: min(1280px, calc(100vw - 28px)) !important;
  }
  .builder-panel.is-active .builder-quest-layout {
    grid-template-columns: 198px 134px minmax(560px, 1fr) 270px !important;
    column-gap: 10px !important;
  }
}

.builder-item-toolbar {
  grid-template-columns: 3rem minmax(0, 1fr) max-content 3rem !important;
  align-items: center !important;
}

.builder-slot-detail.has-dropdown .builder-item-toolbar {
  grid-template-columns: 3rem minmax(0, 1fr) 3rem !important;
}

.builder-source-pill {
  min-width: 8.6rem !important;
  height: 3rem !important;
  min-height: 3rem !important;
  padding: 0 0.85rem !important;
  justify-self: end !important;
  line-height: 1 !important;
}

.builder-source-pill span { display: inline-block; white-space: nowrap; }

.builder-item-summary-weapon {
  grid-template-columns: minmax(17rem, 1.1fr) minmax(15rem, 1fr) minmax(15rem, 1fr) !important;
  gap: 1.35rem !important;
}

.builder-catalog-grid {
  align-items: stretch;
}

.builder-catalog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.builder-catalog-pagination button {
  min-width: 2.55rem;
  height: 2.35rem;
  border: 1px solid rgba(171, 110, 213, 0.45);
  border-radius: 7px;
  background: #242225;
  color: #f5f1ff;
  font-weight: 900;
}

.builder-catalog-pagination .builder-catalog-page-step {
  min-width: 4.5rem;
  padding-inline: 0.8rem;
}

.builder-catalog-page-gap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 2.35rem;
  color: #a99fb6;
  font-weight: 900;
  user-select: none;
}

.builder-catalog-pagination button.is-active {
  background: #8e55b7;
  border-color: #c482ef;
}

.builder-catalog-pagination button:disabled {
  opacity: 0.45;
  cursor: default;
}

@media (max-width: 640px) {
  .builder-catalog-pagination {
    justify-content: flex-start;
    gap: 0.35rem;
  }

  .builder-catalog-pagination button {
    min-width: 2.35rem;
    height: 2.25rem;
    padding-inline: 0.55rem;
  }

  .builder-catalog-pagination .builder-catalog-page-step {
    min-width: 3.7rem;
  }
}

.items-panel .builder-root {
  width: min(1440px, calc(100vw - 48px)) !important;
  max-width: min(1440px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
}

.item-db-hero p { max-width: 500px; }
.item-db-source-card p { color: #eee9f7; font-weight: 800; }
.item-db-source-card h4 + p { margin-top: 0.25rem; }
.item-db-traits li { line-height: 1.35; }

@media (max-width: 980px) {
  .builder-item-toolbar,
  .builder-slot-detail.has-dropdown .builder-item-toolbar {
    grid-template-columns: 3rem minmax(0, 1fr) 3rem !important;
  }
  .builder-source-pill {
    grid-column: 1 / -1;
    justify-self: start !important;
    width: max-content;
  }
}


/* RUTL builder/items hotfix 20260705-101 */
.builder-panel.is-active .builder-root { width: min(1880px, calc(100vw - 96px)) !important; max-width: min(1880px, calc(100vw - 96px)) !important; margin: 0 auto !important; }
.builder-panel.is-active .builder-quest-layout { grid-template-columns: 250px 190px minmax(820px, 1fr) 360px !important; column-gap: 14px !important; align-items: start !important; }
@media (max-width: 1800px) { .builder-panel.is-active .builder-root { width: min(1680px, calc(100vw - 56px)) !important; max-width: min(1680px, calc(100vw - 56px)) !important; } .builder-panel.is-active .builder-quest-layout { grid-template-columns: 225px 165px minmax(700px, 1fr) 315px !important; } }
@media (max-width: 1500px) { .builder-panel.is-active .builder-root { width: min(1280px, calc(100vw - 28px)) !important; max-width: min(1280px, calc(100vw - 28px)) !important; } .builder-panel.is-active .builder-quest-layout { grid-template-columns: 198px 134px minmax(560px, 1fr) 270px !important; column-gap: 10px !important; } }
.builder-slot-detail { position: relative; }
.builder-slot-detail:not(.has-dropdown) .builder-item-toolbar { grid-template-columns: 3rem minmax(0, 1fr) 3rem !important; padding-right: 10.8rem !important; }
.builder-slot-detail > .builder-source-pill { position: absolute !important; top: 0.9rem !important; right: 0.9rem !important; z-index: 8 !important; min-width: 9.1rem !important; height: 2.75rem !important; min-height: 2.75rem !important; padding: 0 1rem !important; }
.builder-source-pill span { display: inline-block; white-space: nowrap; }
.builder-item-summary-weapon { grid-template-columns: minmax(19rem, 1.08fr) minmax(16rem, 1fr) minmax(16rem, 1fr) !important; gap: 1.45rem !important; }
.builder-catalog-grid { align-items: stretch; }
.items-panel .builder-root { width: min(1680px, calc(100vw - 72px)) !important; max-width: min(1680px, calc(100vw - 72px)) !important; margin: 0 auto !important; }
.item-db-body { align-items: stretch !important; }
@media (min-width: 981px) { .item-db-list, .item-db-card { height: min(830px, calc(100vh - 330px)); min-height: 560px; overflow: hidden; } .item-db-list { display: grid; grid-template-rows: auto minmax(0, 1fr); } .item-db-list-scroll { max-height: none !important; height: 100%; min-height: 0; } .item-db-card { overflow-y: auto; } }
.item-db-detail-grid section { min-height: 0; }
.item-db-detail-grid section p b { color: #64e99b; }

/* RUTL builder/items hotfix 20260705-102 */
.builder-slot-detail > .builder-source-pill {
  border-radius: 7px !important;
  border: 1px solid rgba(236, 198, 103, 0.82) !important;
  background:
    linear-gradient(180deg, rgba(42, 36, 25, 0.96), rgba(21, 20, 20, 0.98)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.045),
    0 0 0 1px rgba(0, 0, 0, 0.42),
    0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

.builder-slot-detail > .builder-source-pill:hover {
  border-color: #ffe3a4 !important;
  background:
    linear-gradient(180deg, rgba(58, 45, 24, 0.98), rgba(28, 24, 20, 0.98)) !important;
}

/* RUTL builder/items hotfix 20260705-103 */
.app-shell:has(.builds-panel.is-active) {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}

.app-shell:has(.builds-panel.is-active) main,
.app-shell:has(.builds-panel.is-active) .tab-panel.is-active,
.builds-panel.is-active {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body:has(.builds-panel.is-active) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.builder-equipment-view {
  position: relative !important;
}

.builder-equipment-view.has-source-button .builder-equipment-head {
  padding-right: 10.75rem !important;
}

.builder-equipment-view > .builder-equipment-source-button {
  position: absolute !important;
  top: 0.75rem !important;
  right: 0.75rem !important;
  z-index: 12 !important;
  min-width: 9.4rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  border-radius: 7px !important;
}

.builder-slot-detail:not(.has-dropdown) .builder-item-toolbar {
  padding-right: 0 !important;
}

@media (max-width: 980px) {
  .builder-equipment-view.has-source-button .builder-equipment-head {
    padding-right: 0 !important;
    padding-top: 3.3rem !important;
  }
  .builder-equipment-view > .builder-equipment-source-button {
    top: 0.65rem !important;
    right: 0.65rem !important;
  }
}

/* RUTL item database/header hotfix 20260705-104 */
.item-db-hero {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.82) 58%, rgba(0, 0, 0, 0.72)),
    #070709 !important;
}

.header-weather-row.is-day,
.header-weather-row.is-day i {
  --header-weather-icon: url("/assets/icons/sun.svg") !important;
}

.header-weather-row i {
  background-color: currentColor !important;
}



/* RUTL responsive stability hotfix 20260706-105 */
html,
body {
  min-width: 0 !important;
}

body:has(.builds-panel.is-active),
body:has(.items-panel.is-active) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.app-shell:has(.builds-panel.is-active),
.app-shell:has(.items-panel.is-active),
.app-shell:has(.builds-panel.is-active) main,
.app-shell:has(.items-panel.is-active) main,
.app-shell:has(.builds-panel.is-active) .tab-panel.is-active,
.app-shell:has(.items-panel.is-active) .tab-panel.is-active {
  height: auto !important;
  min-height: 100dvh !important;
  overflow: visible !important;
}

.builder-catalog-card-title {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.45rem !important;
  min-height: 2.7rem !important;
}

.builder-catalog-card-title .builder-catalog-role-badge {
  order: 0 !important;
  align-self: start !important;
  margin-top: 0.1rem !important;
}

.builder-catalog-card-title h3 {
  order: 1 !important;
  min-width: 0 !important;
  min-height: 2.55rem !important;
  max-height: 2.55rem !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.2 !important;
}

.item-db-hero {
  background: #070709 !important;
  min-height: 13rem !important;
}

.item-db-card {
  min-height: 0 !important;
}

@media (min-width: 981px) {
  .item-db-body {
    grid-template-columns: minmax(320px, 430px) minmax(0, 1fr) !important;
    align-items: stretch !important;
  }
  .item-db-list,
  .item-db-card {
    height: min(830px, calc(100dvh - 330px)) !important;
    min-height: 520px !important;
  }
  .item-db-card {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .item-db-list-scroll {
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
  }
}

.builder-equipment-view {
  position: relative !important;
}

.builder-equipment-view > .builder-equipment-source-button {
  position: absolute !important;
  top: 0.75rem !important;
  right: 0.75rem !important;
  z-index: 25 !important;
  min-width: 9.5rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  border-radius: 7px !important;
}

.builder-equipment-view.has-source-button {
  padding-top: 4rem !important;
}

.builder-equipment-view.has-source-button .builder-equipment-head {
  padding-right: 0 !important;
}

.builder-mastery-tl,
.builder-mastery-window,
.builder-mastery-tree {
  min-height: 0 !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl),
.builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) .builder-mastery-tl,
.builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) .builder-mastery-window {
  overflow: visible !important;
}

.builder-node-text {
  pointer-events: none !important;
}

.builder-node.is-upper .builder-node-label,
.builder-node.is-upper .builder-node-value,
.builder-node.is-lower .builder-node-label,
.builder-node.is-lower .builder-node-value {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  max-width: min(8.6rem, 9vw) !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.builder-node.is-upper .builder-node-label { top: 0 !important; }
.builder-node.is-upper .builder-node-value { top: 1.05rem !important; }
.builder-node.is-lower .builder-node-label { top: 0 !important; }
.builder-node.is-lower .builder-node-value { top: 1.02rem !important; }

@media (max-height: 820px) and (min-width: 901px) {
  .builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) {
    max-height: calc(100dvh - 6rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 0.15rem !important;
  }
  .builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) .builder-main-card,
  .builder-panel.is-active .builder-main-stage:has(.builder-mastery-tl) .builder-mastery-window {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
}

@media (max-width: 1279px) and (min-width: 901px) {
  .builder-panel.is-active .builder-root {
    width: min(100%, calc(100vw - 20px)) !important;
    max-width: min(100%, calc(100vw - 20px)) !important;
  }
  .builder-panel.is-active .builder-quest-layout {
    grid-template-columns: 210px 150px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }
  .builder-panel.is-active .builder-right-rail {
    grid-column: 1 / -1 !important;
  }
  .builder-stats-rail {
    height: auto !important;
    max-height: none !important;
  }
  .builder-stat-scroll {
    max-height: 28rem !important;
  }
  .builder-view-tabs {
    padding-left: 0 !important;
  }
}

@media (max-width: 900px) {
  body:has(.builder-panel.is-active) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .app-shell:has(.builder-panel.is-active),
  .app-shell:has(.builder-panel.is-active) main,
  .app-shell:has(.builder-panel.is-active) .tab-panel.is-active,
  .builder-panel.is-active,
  .builder-panel.is-active .builder-root,
  .builder-panel.is-active .builder-app {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .builder-panel.is-active .builder-root {
    width: min(100%, calc(100vw - 14px)) !important;
    max-width: min(100%, calc(100vw - 14px)) !important;
    margin: 0 auto !important;
  }
  .builder-topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.55rem !important;
    justify-items: stretch !important;
  }
  .builder-top-spacer {
    display: none !important;
  }
  .builder-title-strip,
  .builder-top-actions {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
  .builder-title-view,
  .builder-title-editor {
    max-width: min(100%, 22rem) !important;
  }
  .builder-panel.is-active .builder-quest-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.75rem !important;
    overflow: visible !important;
  }
  .builder-left-rail,
  .builder-gear-rail,
  .builder-main-stage,
  .builder-right-rail {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .builder-left-rail {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.65rem !important;
  }
  .builder-gear-rail {
    display: grid !important;
    justify-items: center !important;
    overflow-x: auto !important;
    padding-bottom: 0.35rem !important;
  }
  .builder-view-tabs {
    padding-left: 0 !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    scrollbar-width: thin;
  }
  .builder-view-tab {
    flex: 0 0 auto !important;
  }
  .builder-main-card {
    min-height: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .builder-equipment-view.has-source-button {
    padding-top: 3.6rem !important;
  }
  .builder-equipment-view > .builder-equipment-source-button {
    top: 0.6rem !important;
    right: 0.6rem !important;
    min-width: 8.6rem !important;
  }
  .builder-item-toolbar,
  .builder-slot-detail.has-dropdown .builder-item-toolbar,
  .builder-slot-detail:not(.has-dropdown) .builder-item-toolbar {
    grid-template-columns: 3rem minmax(0, 1fr) 3rem !important;
    padding-right: 0 !important;
  }
  .builder-item-summary-weapon,
  .builder-item-summary {
    grid-template-columns: 1fr !important;
  }
  .builder-rune-summary,
  .builder-trait-row {
    grid-template-columns: 1fr !important;
  }
  .builder-right-rail {
    position: static !important;
  }
  .builder-stats-rail {
    height: auto !important;
    max-height: none !important;
  }
  .builder-stat-scroll {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }
  .builder-mastery-window,
  .builder-mastery-tree,
  .builder-branches,
  .builder-mastery-effects {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
  .builder-branch {
    min-width: 52rem !important;
  }
  .builder-mastery-effect-list {
    grid-template-columns: 1fr !important;
  }
  .builder-catalog-shell,
  .items-panel .builder-root {
    width: min(100%, calc(100vw - 16px)) !important;
    max-width: min(100%, calc(100vw - 16px)) !important;
  }
  .builder-catalog-hero {
    min-height: 0 !important;
    padding: 1.1rem !important;
  }
  .builder-catalog-grid,
  .builder-catalog-filters,
  .item-db-filters,
  .item-db-body,
  .item-db-detail-grid,
  .item-db-source-grid {
    grid-template-columns: 1fr !important;
  }
  .builder-catalog-card {
    min-height: 0 !important;
  }
  .builder-catalog-card-compact {
    grid-template-columns: 1fr !important;
  }
  .builder-catalog-card-side {
    align-items: stretch !important;
  }
  .item-db-list,
  .item-db-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .item-db-list-scroll {
    max-height: 22rem !important;
  }
  .item-db-card {
    overflow: visible !important;
  }
}

@media (max-width: 560px) {
  .app-shell {
    padding: 0.45rem !important;
  }
  .header-actions {
    grid-template-columns: 1fr 1fr !important;
  }
  .builder-title-strip select,
  .builder-role-select,
  .builder-visibility-select {
    width: min(100%, 16rem) !important;
  }
  .builder-top-actions button {
    min-width: 0 !important;
  }
  .builder-catalog-card-title {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .builder-catalog-class-menu {
    max-height: 70dvh !important;
  }
  .item-db-card-head {
    align-items: flex-start !important;
  }
  .item-db-card h2 {
    font-size: 1.35rem !important;
  }
}


/* RUTL mobile builder/view responsive pass 20260706-106 */
.builder-mobile-view-note {
  display: none;
}

@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain;
  }

  .app-shell,
  .app-shell main,
  .tab-panel.is-active {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .site-header {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px auto 0 !important;
    padding: 0.85rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.72rem !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .brand {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(7.5rem, 1fr) auto !important;
    gap: 0.55rem !important;
    justify-items: start !important;
  }

  .brand-logo {
    width: min(12rem, 52vw) !important;
    max-width: 100% !important;
  }

  .header-weather-mini {
    justify-self: end !important;
    min-width: 7.3rem !important;
    font-size: 0.68rem !important;
  }

  .header-weather-row {
    grid-template-columns: 0.78rem 3.55rem 2.95rem !important;
    gap: 0.18rem !important;
  }

  .tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.42rem !important;
    padding: 0.55rem !important;
    justify-self: stretch !important;
  }

  .tab {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: center !important;
    padding: 0.58rem 0.42rem !important;
    white-space: nowrap !important;
    font-size: 0.76rem !important;
  }

  .header-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0.45rem !important;
  }

  .header-actions > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .auth-button {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  .formulas-panel,
  .formulas-root,
  .formula-articles,
  .formula-article,
  .formula-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .formula-topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.35rem !important;
  }

  .formula-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.85rem !important;
  }

  .formula-toc {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .formula-toc a {
    min-height: 2.15rem !important;
    align-items: center !important;
  }

  .formula-content table,
  .formula-content .formula-media-row,
  .formula-content .wp-block-advgb-columns,
  .formula-content .advgb-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  .formula-content p,
  .formula-content li,
  .formula-content td,
  .formula-content th {
    overflow-wrap: anywhere !important;
  }

  .builder-mobile-view-note {
    display: block !important;
    margin: 0.55rem 0 0.75rem !important;
    padding: 0.72rem 0.85rem !important;
    border: 1px solid rgba(235, 202, 126, 0.36) !important;
    border-radius: 8px !important;
    background: rgba(28, 22, 16, 0.88) !important;
    color: #f1dfb3 !important;
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  body:has(.builder-panel.is-active) {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .app-shell:has(.builder-panel.is-active),
  .app-shell:has(.builder-panel.is-active) main,
  .app-shell:has(.builder-panel.is-active) .tab-panel.is-active,
  .builder-panel.is-active,
  .builder-panel.is-active .builder-root,
  .builder-panel.is-active .builder-app,
  .builder-panel.is-active .builder-quest-layout,
  .builder-panel.is-active .builder-main-stage,
  .builder-panel.is-active .builder-main-card,
  .builder-panel.is-active .builder-right-rail,
  .builder-panel.is-active .builder-stats-rail {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
  }

  .builder-panel.is-active .builder-root {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin: 0 auto !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
  }

  .builder-left-rail {
    display: none !important;
  }

  .builder-gear-rail {
    order: 1 !important;
    display: grid !important;
    justify-items: center !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .builder-main-stage {
    order: 2 !important;
  }

  .builder-right-rail {
    order: 3 !important;
  }

  .builder-title-strip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
  }

  .builder-top-actions,
  .builder-title-edit-icon,
  .builder-title-save,
  .builder-title-cancel,
  .builder-role-select,
  .builder-visibility-select,
  .builder-build-actions,
  .builder-build-card-actions,
  .builder-attr-step,
  .builder-delete-trigger,
  .builder-save-trigger {
    display: none !important;
  }

  .builder-share-trigger,
  .builder-clone-trigger {
    display: inline-flex !important;
  }

  .builder-view-tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .builder-view-tab {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }

  .builder-equipment-view {
    padding: 0.78rem !important;
    position: relative !important;
  }

  .builder-equipment-view.has-source-button {
    padding-top: 4.2rem !important;
  }

  .builder-equipment-view > .builder-equipment-source-button {
    top: 0.75rem !important;
    right: 0.78rem !important;
    left: auto !important;
    min-width: 8.7rem !important;
    max-width: calc(100% - 1.56rem) !important;
    justify-content: center !important;
  }

  .builder-equipment-head,
  .builder-type-filter,
  .builder-grade-filter,
  .builder-item-toolbar,
  .builder-slot-detail,
  .builder-slot-detail.has-dropdown,
  .builder-item-summary,
  .builder-item-summary-weapon,
  .builder-rune-summary,
  .builder-trait-panel,
  .builder-trait-row,
  .builder-stat-scroll,
  .builder-stat-group,
  .builder-stat-row {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    touch-action: pan-y !important;
  }

  .builder-type-filter,
  .builder-grade-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.34rem !important;
  }

  .builder-item-toolbar,
  .builder-slot-detail.has-dropdown .builder-item-toolbar,
  .builder-slot-detail:not(.has-dropdown) .builder-item-toolbar {
    display: grid !important;
    grid-template-columns: 2.8rem minmax(0, 1fr) 2.8rem !important;
    gap: 0.38rem !important;
    padding-right: 0 !important;
  }

  .builder-item-toolbar .builder-source-pill,
  .builder-item-toolbar .builder-database-button,
  .builder-item-toolbar .builder-compare-button {
    display: none !important;
  }

  .builder-item-select,
  .builder-item-name-field,
  .builder-item-dropdown {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .builder-item-summary,
  .builder-item-summary-weapon,
  .builder-rune-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.7rem !important;
  }

  .builder-rune-summary > *,
  .builder-item-summary > *,
  .builder-item-summary-weapon > * {
    min-width: 0 !important;
  }

  .builder-trait-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.4rem !important;
  }

  .builder-stat-scroll {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .builder-stat-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.75rem !important;
  }

  .builder-stat-row span:first-child {
    min-width: 0 !important;
    white-space: normal !important;
  }

  .builder-equipment-rail {
    max-width: 100% !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }

  .builder-equipment-slot-grid,
  .builder-gear-rail .builder-equipment-rail {
    transform: none !important;
  }

  .builder-mastery-window,
  .builder-mastery-tree,
  .builder-branches,
  .builder-mastery-effects {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y !important;
  }

  .builder-branch {
    min-width: 48rem !important;
  }
}

@media (max-width: 560px) {
  .builder-panel.is-active .builder-root {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
  }

  .builder-main-card {
    border-radius: 7px !important;
  }

  .builder-item-card-large {
    padding: 0.72rem !important;
  }

  .builder-damage-card {
    width: 100% !important;
  }

  .builder-level-track {
    max-width: 100% !important;
  }

  .builder-level-labels {
    font-size: 0.78rem !important;
  }

  .item-db-hero {
    min-height: 0 !important;
    padding: 1.2rem !important;
    background: #070709 !important;
  }

  .item-db-hero h1 {
    font-size: clamp(2rem, 14vw, 3.15rem) !important;
  }

  .item-db-card,
  .item-db-list {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
}


/* RUTL mobile burger and touch-scroll pass 20260706-107 */
.mobile-menu-toggle {
  display: none;
}

@media (max-width: 760px) {
  .site-header {
    position: sticky !important;
    top: 6px !important;
    z-index: 2200 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand menu"
      "nav nav"
      "actions actions" !important;
    min-height: 0 !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .brand {
    grid-area: brand !important;
    display: grid !important;
    grid-template-columns: minmax(6.5rem, 1fr) auto !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .brand-logo {
    width: min(10.4rem, 42vw) !important;
  }

  .header-weather-mini {
    min-width: 6.95rem !important;
    justify-self: end !important;
    font-size: 0.64rem !important;
  }

  .header-weather-row {
    grid-template-columns: 0.72rem 3.35rem 2.7rem !important;
  }

  .mobile-menu-toggle {
    grid-area: menu !important;
    display: inline-grid !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
    place-items: center !important;
    gap: 0.18rem !important;
    border: 1px solid rgba(235, 202, 126, 0.32) !important;
    border-radius: 0.72rem !important;
    background: rgba(18, 15, 24, 0.94) !important;
    color: #f7df9d !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34), inset 0 0 0 1px rgba(255,255,255,0.04) !important;
  }

  .mobile-menu-toggle span {
    display: block !important;
    width: 1.16rem !important;
    height: 0.12rem !important;
    border-radius: 999px !important;
    background: currentColor !important;
  }

  .tabs,
  .header-actions {
    display: none !important;
  }

  body.is-mobile-menu-open .tabs,
  body.is-mobile-menu-open .header-actions {
    display: grid !important;
  }

  body.is-mobile-menu-open .tabs {
    grid-area: nav !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 0.35rem !important;
    max-height: min(58vh, 23rem) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body.is-mobile-menu-open .header-actions {
    grid-area: actions !important;
    margin-top: 0.1rem !important;
  }

  .map-toolbar {
    display: none !important;
  }

  #mapPanel.is-active .map-canvas,
  #mapPanel.is-active .leaflet-container {
    touch-action: pan-x pan-y pinch-zoom !important;
  }
}

@media (max-width: 900px) {
  body:has(.builder-panel.is-active),
  body:has(.builds-panel.is-active),
  body:has(.items-panel.is-active) {
    position: static !important;
    height: auto !important;
    min-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    touch-action: pan-y !important;
  }

  .app-shell:has(.builder-panel.is-active),
  .app-shell:has(.builds-panel.is-active),
  .app-shell:has(.items-panel.is-active),
  .app-shell:has(.builder-panel.is-active) main,
  .app-shell:has(.builds-panel.is-active) main,
  .app-shell:has(.items-panel.is-active) main,
  .app-shell:has(.builder-panel.is-active) .tab-panel.is-active,
  .app-shell:has(.builds-panel.is-active) .tab-panel.is-active,
  .app-shell:has(.items-panel.is-active) .tab-panel.is-active {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    touch-action: pan-y !important;
  }

  .builder-panel.is-active *,
  .builds-panel.is-active *,
  .items-panel.is-active * {
    max-width: 100%;
  }

  .builder-panel.is-active button,
  .builder-panel.is-active a,
  .builder-panel.is-active input,
  .builder-panel.is-active select,
  .builder-panel.is-active textarea,
  .builds-panel.is-active button,
  .builds-panel.is-active a,
  .builds-panel.is-active input,
  .builds-panel.is-active select,
  .builds-panel.is-active textarea,
  .items-panel.is-active button,
  .items-panel.is-active a,
  .items-panel.is-active input,
  .items-panel.is-active select,
  .items-panel.is-active textarea {
    touch-action: manipulation !important;
  }

  .builder-panel.is-active .builder-main-card,
  .builder-panel.is-active .builder-equipment-view,
  .builder-panel.is-active .builder-stat-scroll,
  .builds-panel.is-active .builder-catalog-shell,
  .builds-panel.is-active .builder-catalog-grid,
  .items-panel.is-active .item-db,
  .items-panel.is-active .item-db-body,
  .items-panel.is-active .item-db-card {
    overflow-y: visible !important;
    touch-action: pan-y !important;
  }

  .items-panel.is-active .item-db-list-scroll {
    max-height: 58dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y !important;
  }

  .builder-panel.is-active .builder-view-tabs,
  .builder-panel.is-active .builder-mastery-window,
  .builder-panel.is-active .builder-mastery-tree,
  .builder-panel.is-active .builder-branches {
    touch-action: pan-x pan-y !important;
  }
}

/* RUTL mobile scroll/header polish pass 20260706-108 */
.seo-prerender {
  display: none !important;
}

@media (min-width: 1281px) and (max-width: 1863px) {
  body:has(.builder-panel.is-active) {
    overflow-x: auto !important;
    overflow-y: auto !important;
  }

  .app-shell:has(.builder-panel.is-active) {
    min-width: 1760px !important;
    width: max(100%, 1760px) !important;
    max-width: none !important;
  }

  .app-shell:has(.builder-panel.is-active) main,
  .app-shell:has(.builder-panel.is-active) .tab-panel.is-active {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-root {
    width: 1680px !important;
    max-width: 1680px !important;
    min-width: 0 !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    grid-template-columns: 225px 165px 895px 315px !important;
    column-gap: 14px !important;
  }

  .builder-panel.is-active .builder-main-stage,
  .builder-panel.is-active .builder-main-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 900px) {
  html,
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }

  .app-shell,
  .app-shell main,
  .tab-panel,
  .tab-panel.is-active {
    position: static !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
  }

  .app-shell {
    min-height: 100dvh !important;
    grid-template-rows: auto minmax(0, auto) auto !important;
    padding: 0.42rem !important;
  }

  .site-header {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-height: 4.05rem !important;
    margin: 0.32rem auto 0 !important;
    padding: 0.46rem 0.7rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand menu"
      "nav nav"
      "actions actions" !important;
    gap: 0.38rem !important;
    align-items: center !important;
    border-radius: 0.78rem !important;
    overflow: visible !important;
  }

  .brand {
    grid-area: brand !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  .brand-logo {
    width: min(10.7rem, 53vw) !important;
    height: 2.45rem !important;
    object-fit: contain !important;
  }

  .header-weather-mini {
    display: none !important;
  }

  .mobile-menu-toggle {
    grid-area: menu !important;
    display: inline-grid !important;
    width: 2.3rem !important;
    height: 2.3rem !important;
    place-items: center !important;
    gap: 0.08rem !important;
    border-radius: 0.6rem !important;
    border-color: rgba(235, 202, 126, 0.42) !important;
    background: rgba(18, 15, 24, 0.96) !important;
    color: #f4dc99 !important;
  }

  .mobile-menu-toggle span {
    width: 1.1rem !important;
    height: 0.11rem !important;
  }

  .tabs,
  .header-actions {
    display: none !important;
  }

  body.is-mobile-menu-open .tabs {
    grid-area: nav !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.34rem !important;
    margin-top: 0.16rem !important;
    padding: 0.42rem !important;
    max-height: min(54dvh, 21rem) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.is-mobile-menu-open .header-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.38rem !important;
    margin-top: 0 !important;
  }

  body.is-mobile-menu-open .auth-button {
    grid-column: 1 / -1 !important;
  }

  .tab {
    min-height: 2.1rem !important;
    height: auto !important;
    padding: 0.52rem 0.35rem !important;
    font-size: 0.72rem !important;
  }

  .header-actions > * {
    min-height: 2.35rem !important;
  }

  .builder-root,
  .builder-app,
  .builder-quest-layout,
  .builder-left-rail,
  .builder-gear-rail,
  .builder-main-stage,
  .builder-main-card,
  .builder-equipment-view,
  .builder-stats-rail,
  .builder-stat-scroll,
  .builder-catalog-shell,
  .builder-catalog-grid,
  .builder-catalog-card,
  .item-db,
  .item-db-body,
  .item-db-card,
  .item-db-list,
  .formula-layout,
  .formula-content {
    max-height: none !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .builder-panel.is-active .builder-root,
  .items-panel .builder-root,
  .builds-panel .builder-root {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.7rem !important;
  }

  .builder-panel.is-active .builder-left-rail {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.6rem !important;
    width: 100% !important;
  }

  .builder-panel.is-active .builder-builds {
    display: none !important;
  }

  .builder-panel.is-active .builder-attrs {
    width: 100% !important;
  }

  .builder-panel.is-active .builder-attr-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.45rem !important;
    padding: 0.5rem !important;
  }

  .builder-panel.is-active .builder-attr {
    min-height: 4.45rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.18rem !important;
    align-items: center !important;
    border: 1px solid #2d2d2d !important;
    border-radius: 7px !important;
    background: #202020 !important;
    padding: 0.52rem !important;
  }

  .builder-panel.is-active .builder-attr-step {
    display: none !important;
  }

  .builder-panel.is-active .builder-attr-main {
    text-align: left !important;
  }

  .builder-panel.is-active .builder-attr-main span {
    font-size: 0.78rem !important;
    line-height: 1.08 !important;
  }

  .builder-panel.is-active .builder-attr-main b {
    font-size: 1.55rem !important;
  }

  .builder-panel.is-active .builder-attr-bar {
    width: 100% !important;
    margin-top: 0.28rem !important;
  }

  .builder-panel.is-active .builder-gear-rail {
    order: 2 !important;
    display: grid !important;
    justify-items: center !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-main-stage {
    order: 3 !important;
    width: 100% !important;
  }

  .builder-panel.is-active .builder-right-rail {
    order: 4 !important;
    width: 100% !important;
    position: static !important;
  }

  .builder-top-actions,
  .builder-top-actions.builder-top-actions-single {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.48rem !important;
    justify-self: center !important;
  }

  .builder-top-actions .builder-save-trigger {
    display: none !important;
  }

  .builder-top-actions .builder-share-trigger,
  .builder-top-actions .builder-danger-trigger,
  .builder-top-actions .builder-clone-server,
  .builder-top-actions .builder-top-clone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.35rem !important;
  }

  .builder-top-actions .builder-share-trigger svg,
  .builder-top-actions .builder-clone-server svg,
  .builder-top-actions .builder-top-clone svg {
    display: block !important;
    width: 1.05rem !important;
    height: 1.05rem !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
  }

  .builder-top-actions .builder-danger-trigger svg {
    width: 1.05rem !important;
    height: 1.05rem !important;
    margin: 0 !important;
  }

  .builder-equipment-slot-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(3.85rem, 4.45rem)) !important;
    justify-content: center !important;
    justify-items: center !important;
    gap: 0.52rem !important;
    width: 100% !important;
    max-width: 22rem !important;
  }

  .builder-equipment-slot,
  .builder-slot-button {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .builder-equipment-view {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0.72rem !important;
  }

  .builder-equipment-view.has-source-button {
    padding-top: 4rem !important;
  }

  .builder-equipment-view > .builder-equipment-source-button {
    top: 0.7rem !important;
    right: 0.7rem !important;
    width: auto !important;
    min-width: 8.9rem !important;
    max-width: calc(100% - 1.4rem) !important;
    border-radius: 7px !important;
  }

  .builder-stats-rail,
  .builder-stat-scroll {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .builder-stat-group,
  .builder-stat-row,
  .builder-max-damage,
  .builder-stat-search {
    width: 100% !important;
    max-width: 100% !important;
  }

  .item-db-list-scroll {
    max-height: none !important;
    overflow-y: visible !important;
  }
}

@media (max-width: 520px) {
  .builder-panel.is-active .builder-root,
  .items-panel .builder-root,
  .builds-panel .builder-root {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
  }

  .builder-panel.is-active .builder-attr-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .builder-equipment-slot-grid {
    grid-template-columns: repeat(4, minmax(3.55rem, 4rem)) !important;
    gap: 0.42rem !important;
  }
}


/* RUTL mobile builder view mode 20260706-109 */
@media (max-width: 1280px) {
  html,
  body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }

  .app-shell,
  .app-shell main,
  .tab-panel,
  .tab-panel.is-active,
  .builds-panel,
  .builder-panel,
  .items-panel {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  .builder-panel.is-active .builder-root,
  .items-panel .builder-root,
  .builds-panel .builder-root {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-width: 0 !important;
    margin-inline: auto !important;
  }

  .builder-app {
    padding-bottom: 4.9rem !important;
  }

  .builder-mobile-view-note {
    display: block !important;
    margin: 0.5rem 0 0.65rem !important;
    padding: 0.62rem 0.75rem !important;
    border: 1px solid rgba(235, 202, 126, 0.45) !important;
    border-radius: 8px !important;
    background: rgba(46, 34, 15, 0.42) !important;
    color: #ffe2a2 !important;
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-left-rail,
  .builder-panel.is-active .builder-gear-rail,
  .builder-panel.is-active .builder-main-stage,
  .builder-panel.is-active .builder-right-rail,
  .builder-mobile-description-panel {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-left-rail,
  .builder-app[data-mobile-view="gear"] .builder-gear-rail,
  .builder-app[data-mobile-view="stats"] .builder-right-rail,
  .builder-app[data-mobile-view="description"] .builder-mobile-description-panel {
    display: block !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-main-stage {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 5000 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 3.15rem 0.65rem 5rem !important;
    background: #090909 !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  .builder-mobile-modal-close {
    display: none !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-mobile-modal-close {
    display: inline-grid !important;
    place-items: center !important;
    position: fixed !important;
    top: 0.65rem !important;
    right: 0.65rem !important;
    z-index: 5010 !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
    border-radius: 7px !important;
    border: 1px solid #705081 !important;
    background: #202020 !important;
    color: #fff !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-view-tabs,
  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-head,
  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-source-button,
  .builder-app[data-mobile-view="gear-detail"] .builder-square-button[data-builder-action="clear-slot"] {
    display: none !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-view {
    width: 100% !important;
    max-width: 42rem !important;
    margin: 0 auto !important;
    padding: 0.7rem !important;
    border-radius: 8px !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-slot-detail,
  .builder-app[data-mobile-view="gear-detail"] .builder-item-toolbar,
  .builder-app[data-mobile-view="gear-detail"] .builder-item-summary,
  .builder-app[data-mobile-view="gear-detail"] .builder-rune-summary,
  .builder-app[data-mobile-view="gear-detail"] .builder-trait-panel {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-left-rail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.62rem !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-builds,
  .builder-app[data-mobile-view="builds"] .builder-attrs {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-attr-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
    padding: 0.55rem !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-attr {
    min-height: 4.35rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 0.5rem !important;
    border: 1px solid #2c2c2c !important;
    border-radius: 7px !important;
    background: #202020 !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-attr-step {
    display: none !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-attr-main {
    text-align: left !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-attr-main span {
    font-size: 0.78rem !important;
    line-height: 1.1 !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-attr-main b {
    font-size: 1.55rem !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-attr-bar {
    width: 100% !important;
    margin-top: 0.25rem !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-gear-rail {
    display: block !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-weapon-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(5.1rem, 6rem)) !important;
    justify-content: center !important;
    column-gap: 0.9rem !important;
    margin-bottom: 0.7rem !important;
    position: relative !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-weapon-swap {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 5 !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-gear-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(5.2rem, 6.2rem)) !important;
    justify-content: center !important;
    justify-items: center !important;
    gap: 0.72rem 0.52rem !important;
    width: 100% !important;
    max-width: 22rem !important;
    margin: 0 auto !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-slot .builder-frame,
  .builder-app[data-mobile-view="gear"] .builder-consumable-slot .builder-consumable-frame {
    width: 5rem !important;
    height: 5rem !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-consumable-slot {
    display: grid !important;
    margin: 1rem auto 0 !important;
    justify-content: center !important;
  }

  .builder-app[data-mobile-view="stats"] .builder-right-rail,
  .builder-app[data-mobile-view="stats"] .builder-stats-rail {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    overflow: visible !important;
  }

  .builder-app[data-mobile-view="stats"] .builder-stat-scroll {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description,
  .builder-app[data-mobile-view="description"] .builder-comments-panel {
    margin-bottom: 0.65rem !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description .builder-card-head,
  .builder-app[data-mobile-view="description"] .builder-description-editor-panel .builder-editor-toolbar {
    display: none !important;
  }

  .builder-mobile-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.35rem !important;
    position: fixed !important;
    left: 0.45rem !important;
    right: 0.45rem !important;
    bottom: 0.45rem !important;
    z-index: 4500 !important;
    padding: 0.35rem !important;
    border: 1px solid #252525 !important;
    border-radius: 10px !important;
    background: rgba(7, 7, 7, 0.96) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.45) !important;
  }

  .builder-mobile-tabs button {
    min-width: 0 !important;
    min-height: 3rem !important;
    display: grid !important;
    place-items: center !important;
    gap: 0.1rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #cfcbd8 !important;
    font: inherit !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
  }

  .builder-mobile-tabs button span {
    font-size: 1.05rem !important;
    line-height: 1 !important;
  }

  .builder-mobile-tabs button.is-active {
    background: #171717 !important;
    color: #ffffff !important;
  }

  .builder-view-tabs {
    display: none !important;
  }

  .builder-topbar {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 0.45rem !important;
  }

  .builder-title-row,
  .builder-top-actions {
    justify-content: center !important;
  }
}

@media (max-width: 760px) {
  .app-shell {
    padding: 0.38rem !important;
  }

  .site-header {
    min-height: 3.55rem !important;
    padding: 0.36rem 0.64rem !important;
    gap: 0.22rem !important;
  }

  .brand-logo {
    width: min(10.2rem, 50vw) !important;
    height: 2.28rem !important;
  }

  .mobile-menu-toggle {
    width: 2.18rem !important;
    height: 2.18rem !important;
    gap: 0.04rem !important;
  }

  .mobile-menu-toggle span {
    width: 1.05rem !important;
    height: 0.1rem !important;
  }
}

@media (max-width: 520px) {
  .builder-app[data-mobile-view="builds"] .builder-attr-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-gear-grid {
    grid-template-columns: repeat(3, minmax(4.75rem, 5.6rem)) !important;
    gap: 0.55rem 0.22rem !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-slot .builder-frame,
  .builder-app[data-mobile-view="gear"] .builder-consumable-slot .builder-consumable-frame {
    width: 4.65rem !important;
    height: 4.65rem !important;
  }
}


/* RUTL tablet header clamp 20260706-109 */
@media (max-width: 1280px) {
  body:has(.builder-panel.is-active),
  body:has(.builds-panel.is-active),
  body:has(.items-panel.is-active) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y !important;
  }

  .site-header {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    min-width: 0 !important;
    min-height: 3.75rem !important;
    margin: 0.45rem auto 0 !important;
    padding: 0.42rem 0.7rem !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand menu"
      "nav nav"
      "actions actions" !important;
    gap: 0.28rem !important;
    align-items: center !important;
    border-radius: 0.82rem !important;
    overflow: visible !important;
  }

  .brand {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .brand-logo {
    width: min(11.2rem, 46vw) !important;
    height: 2.35rem !important;
    object-fit: contain !important;
  }

  .header-weather-mini {
    display: none !important;
  }

  .mobile-menu-toggle {
    grid-area: menu !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 2.24rem !important;
    height: 2.24rem !important;
    gap: 0.04rem !important;
    border-radius: 0.62rem !important;
    border-color: rgba(235, 202, 126, 0.46) !important;
    background: rgba(18, 15, 24, 0.96) !important;
    color: #f4dc99 !important;
  }

  .mobile-menu-toggle span {
    width: 1.08rem !important;
    height: 0.1rem !important;
    border-radius: 999px !important;
  }

  .tabs,
  .header-actions {
    display: none !important;
  }

  body.is-mobile-menu-open .tabs {
    grid-area: nav !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.34rem !important;
    margin-top: 0.1rem !important;
    padding: 0.42rem !important;
    max-height: min(55dvh, 21rem) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.is-mobile-menu-open .header-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.36rem !important;
    margin-top: 0 !important;
  }

  body.is-mobile-menu-open .auth-button {
    grid-column: 1 / -1 !important;
  }
}

/* RUTL mobile builder hidden defaults 20260706-109 */
.builder-mobile-tabs,
.builder-mobile-description-panel,
.builder-mobile-modal-close {
  display: none;
}


/* RUTL mobile gear polish 20260706-110 */
@media (max-width: 1280px) {
  .builder-app[data-mobile-view="gear"] .builder-weapon-row {
    grid-template-columns: repeat(2, 5.35rem) !important;
    column-gap: 1.12rem !important;
    row-gap: 0 !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-weapon-row .builder-slot {
    justify-self: center !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-weapon-swap {
    position: absolute !important;
    left: 50% !important;
    top: 2.42rem !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 8 !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-gear-grid {
    grid-template-columns: repeat(3, 5.35rem) !important;
    justify-content: center !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0.66rem 0.5rem !important;
    max-width: 17.2rem !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-gear-grid .builder-slot:last-child {
    grid-column: auto !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring1"] { order: 20 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="belt"] { order: 21 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring2"] { order: 22 !important; }

  .builder-app[data-mobile-view="gear"] .builder-consumable-slot {
    width: 2.65rem !important;
    height: 2.65rem !important;
    min-width: 2.65rem !important;
    min-height: 2.65rem !important;
    max-width: 2.65rem !important;
    max-height: 2.65rem !important;
    margin: 1.05rem auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    overflow: hidden !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-consumable-frame {
    width: 2.28rem !important;
    height: 2.28rem !important;
    display: grid !important;
    place-items: center !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-consumable-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-main-stage {
    padding: 4.15rem 0.5rem 5.1rem !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-view {
    max-width: 100vw !important;
    width: calc(100vw - 16px) !important;
    margin: 0 auto !important;
    padding: 0.68rem !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-slot-detail {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-toolbar {
    display: grid !important;
    grid-template-columns: 3rem minmax(0, 1fr) !important;
    gap: 0.5rem !important;
    padding: 0 !important;
    margin-bottom: 0.72rem !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-select em {
    display: none !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-level-control {
    display: none !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-summary,
  .builder-app[data-mobile-view="gear-detail"] .builder-summary-grid,
  .builder-app[data-mobile-view="gear-detail"] .builder-rune-panel,
  .builder-app[data-mobile-view="gear-detail"] .builder-rune-summary,
  .builder-app[data-mobile-view="gear-detail"] .builder-traits,
  .builder-app[data-mobile-view="gear-detail"] .builder-set-effects {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-summary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-rune-summary {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.65rem !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-trait-row,
  .builder-app[data-mobile-view="gear-detail"] .builder-trait-levels {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  .builder-app[data-mobile-view="gear"] .builder-weapon-row,
  .builder-app[data-mobile-view="gear"] .builder-gear-grid {
    grid-template-columns: repeat(3, 4.95rem) !important;
    max-width: 16rem !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-weapon-row {
    grid-template-columns: repeat(2, 4.95rem) !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-slot .builder-frame {
    width: 4.7rem !important;
    height: 4.7rem !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-weapon-swap {
    top: 2.28rem !important;
  }
}


/* RUTL mobile accessory row correction 20260706-110 */
@media (max-width: 1280px) {
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="necklace"] { order: 17 !important; grid-column: 1 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="bracelet"] { order: 18 !important; grid-column: 2 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring1"] { order: 30 !important; grid-column: 1 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="belt"] { order: 31 !important; grid-column: 2 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring2"] { order: 32 !important; grid-column: 3 !important; }
}


/* RUTL mobile gear row pattern 2-3-3-3-2 20260706-111 */
@media (max-width: 1280px) {
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="necklace"] { order: 17 !important; grid-column: 1 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="belt"] { order: 18 !important; grid-column: 2 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="bracelet"] { order: 19 !important; grid-column: 3 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring1"] { order: 30 !important; grid-column: 1 !important; }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring2"] { order: 31 !important; grid-column: 3 !important; }

  .builder-app[data-mobile-view="gear"] .builder-consumable-slot {
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    min-height: 3rem !important;
    max-width: 3rem !important;
    max-height: 3rem !important;
    overflow: visible !important;
    background: radial-gradient(circle at 50% 42%, #273325 0%, #1c281d 58%, #171717 100%) !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-consumable-frame {
    width: 2.65rem !important;
    height: 2.65rem !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-consumable-frame img {
    width: 82% !important;
    height: 82% !important;
    object-fit: contain !important;
    display: block !important;
  }
}

@media (max-width: 520px) {
  .builder-app[data-mobile-view="gear"] .builder-consumable-slot {
    width: 2.85rem !important;
    height: 2.85rem !important;
    min-width: 2.85rem !important;
    min-height: 2.85rem !important;
    max-width: 2.85rem !important;
    max-height: 2.85rem !important;
  }

  .builder-app[data-mobile-view="gear"] .builder-consumable-frame {
    width: 2.48rem !important;
    height: 2.48rem !important;
  }
}


/* RUTL true fullscreen mobile item details 20260706-111 */
@media (max-width: 1280px) {
  .builder-app[data-mobile-view="gear-detail"] .builder-main-stage {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    z-index: 9000 !important;
    display: block !important;
    padding: 3.25rem 0 0 !important;
    margin: 0 !important;
    background: #0a0a0a !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-mobile-modal-close {
    top: 0.55rem !important;
    right: 0.55rem !important;
    z-index: 9010 !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-view {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.7rem 0.55rem 5.25rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #181818 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-slot-detail {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-toolbar,
  .builder-app[data-mobile-view="gear-detail"] .builder-item-summary,
  .builder-app[data-mobile-view="gear-detail"] .builder-set-effects,
  .builder-app[data-mobile-view="gear-detail"] .builder-rune-panel,
  .builder-app[data-mobile-view="gear-detail"] .builder-rune-summary,
  .builder-app[data-mobile-view="gear-detail"] .builder-traits {
    max-width: calc(100vw - 1.1rem) !important;
    width: calc(100vw - 1.1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-toolbar {
    grid-template-columns: 3rem minmax(0, 1fr) !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-select {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-item-select span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-summary-grid,
  .builder-app[data-mobile-view="gear-detail"] .builder-rune-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-rune-summary > *,
  .builder-app[data-mobile-view="gear-detail"] .builder-trait-row {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}


/* RUTL mobile topbar/description polish 20260706-111 */
@media (max-width: 1280px) {
  .builder-topbar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 0.55rem auto 0.6rem !important;
  }

  .builder-title-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.42rem !important;
    min-width: 0 !important;
  }

  .builder-role-select,
  .builder-visibility-select,
  .builder-title-row .builder-icon-button {
    display: none !important;
  }

  .builder-title-display,
  .builder-title-input {
    max-width: 13.4rem !important;
    min-width: 0 !important;
  }

  .builder-top-actions,
  .builder-top-actions.builder-top-actions-single {
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    gap: 0.42rem !important;
  }

  .builder-top-actions .builder-danger-trigger,
  .builder-top-actions .builder-save-trigger,
  .builder-top-actions .builder-clone-server,
  .builder-top-actions .builder-top-clone {
    display: none !important;
  }

  .builder-top-actions .builder-share-trigger {
    min-height: 2.2rem !important;
    padding: 0 0.75rem !important;
  }

  .builder-app[data-mobile-view="description"] {
    padding-bottom: 6.1rem !important;
  }

  .builder-app[data-mobile-view="description"] .builder-mobile-description-panel {
    padding-bottom: 5.9rem !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description,
  .builder-app[data-mobile-view="description"] .builder-comments-panel {
    border: 1px solid #292929 !important;
    border-radius: 8px !important;
    background: #1d1d1d !important;
    padding: 0.75rem !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description-shell,
  .builder-app[data-mobile-view="description"] .builder-description-editor-panel {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .builder-app[data-mobile-view="description"] .builder-rich-editor {
    min-height: 12rem !important;
    max-height: none !important;
    height: auto !important;
    border: 0 !important;
    background: #141414 !important;
    padding: 0.8rem !important;
    overflow: visible !important;
  }

  .builder-app[data-mobile-view="description"] .builder-comments-panel {
    margin-bottom: 0 !important;
  }

  .builder-app[data-mobile-view="description"] .builder-comment-list {
    max-height: none !important;
    overflow: visible !important;
  }

  .builder-app[data-mobile-view="description"] .builder-comment-inline-form {
    margin-bottom: 0 !important;
  }
}


/* RUTL mobile burger and flat description 20260706-111 */
@media (max-width: 1280px) {
  .mobile-menu-toggle {
    align-content: center !important;
    justify-content: center !important;
    grid-auto-rows: min-content !important;
    gap: 0.16rem !important;
    padding: 0.42rem 0 !important;
    box-sizing: border-box !important;
  }

  .mobile-menu-toggle span {
    width: 1.08rem !important;
    height: 0.095rem !important;
    margin: 0 !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description .builder-card-head {
    display: none !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description-shell {
    display: block !important;
  }

  .builder-app[data-mobile-view="description"] .builder-description-editor-panel {
    border: 1px solid #292929 !important;
    border-radius: 8px !important;
    background: #1d1d1d !important;
    padding: 0.7rem !important;
  }
}


/* RUTL source button overlay without layout shift 20260706-111 */
.builder-equipment-view.has-source-button {
  padding-top: inherit !important;
}
.builder-equipment-view > .builder-equipment-source-button {
  position: absolute !important;
  top: 0.7rem !important;
  right: 0.7rem !important;
  z-index: 12 !important;
}
.builder-equipment-view .builder-equipment-head {
  padding-right: 10.5rem !important;
}
@media (max-width: 1280px) {
  .builder-equipment-view.has-source-button {
    padding-top: 0.72rem !important;
  }
  .builder-equipment-view > .builder-equipment-source-button {
    top: 0.58rem !important;
    right: 0.58rem !important;
    height: 2.5rem !important;
    min-height: 2.5rem !important;
  }
  .builder-equipment-view .builder-equipment-head {
    padding-right: 9.7rem !important;
  }
}
@media (max-width: 760px) {
  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-view > .builder-equipment-source-button,
  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-source-button {
    display: none !important;
  }
}

/* RUTL equipment source button final overlay + mobile item tooltip 20260706-112 */
.builder-equipment-view.has-source-button {
  position: relative !important;
  padding-top: 0.72rem !important;
}
.builder-equipment-view.has-source-button .builder-equipment-head {
  padding-right: 10.75rem !important;
}
.builder-equipment-view > .builder-equipment-source-button {
  position: absolute !important;
  top: 0.72rem !important;
  right: 0.72rem !important;
  z-index: 24 !important;
  width: auto !important;
  min-width: 9rem !important;
  max-width: calc(100% - 1.44rem) !important;
  height: 2.48rem !important;
  min-height: 2.48rem !important;
  margin: 0 !important;
  border-radius: 7px !important;
  white-space: nowrap !important;
}
.builder-hover-tooltip .builder-tooltip-close {
  display: none;
}
@media (max-width: 1280px) {
  .builder-equipment-view.has-source-button {
    padding-top: 0.72rem !important;
  }
  .builder-equipment-view.has-source-button .builder-equipment-head {
    padding-right: 10.25rem !important;
  }
  .builder-equipment-view > .builder-equipment-source-button {
    top: 0.62rem !important;
    right: 0.62rem !important;
  }
  .builder-hover-tooltip.is-mobile-item {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 8000 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 5.25rem 0.65rem 5.8rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: rgba(0, 0, 0, 0.82) !important;
    box-sizing: border-box !important;
    transform: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }
  .builder-hover-tooltip.is-mobile-item .builder-tooltip-card.item {
    width: 100% !important;
    max-width: 30rem !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
  .builder-hover-tooltip.is-mobile-item .builder-tooltip-hero {
    grid-template-columns: minmax(0, 1fr) 6rem !important;
    min-height: 7.2rem !important;
    padding: 0.72rem !important;
  }
  .builder-hover-tooltip.is-mobile-item .builder-tooltip-hero h3 {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 1.08rem !important;
    line-height: 1.16 !important;
  }
  .builder-hover-tooltip.is-mobile-item .builder-tooltip-hero img {
    width: 5.75rem !important;
    height: 5.75rem !important;
  }
  .builder-hover-tooltip.is-mobile-item .builder-tooltip-section {
    padding: 0.66rem 0.72rem !important;
  }
  .builder-hover-tooltip.is-mobile-item .builder-tooltip-close {
    display: inline-grid !important;
    place-items: center !important;
    position: fixed !important;
    top: 0.68rem !important;
    right: 0.68rem !important;
    z-index: 8010 !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
    border: 1px solid #6d4a81 !important;
    border-radius: 8px !important;
    background: #202020 !important;
    color: #fff !important;
  }
}
@media (max-width: 560px) {
  .builder-equipment-view.has-source-button .builder-equipment-head {
    padding-right: 0 !important;
  }
  .builder-equipment-view > .builder-equipment-source-button {
    top: 0.62rem !important;
    right: 0.62rem !important;
    min-width: 8.4rem !important;
  }
  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-view > .builder-equipment-source-button,
  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-source-button {
    display: none !important;
  }
}

/* RUTL rare fish weather timers + mobile ring centering 20260706-114 */
.header-weather-mini {
  min-width: 14.4rem;
}
.header-weather-row.is-fish { --header-weather-icon: url("/assets/icons/fish.svg"); }
.weather-summary-grid {
  grid-template-columns: minmax(18rem, 1.45fr) repeat(4, minmax(10.2rem, 0.72fr));
}
.weather-fish-card .weather-card-title::before,
.weather-fish-list-card h2::before {
  content: none !important;
  display: none !important;
}
.weather-lists {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.weather-lists .weather-slots-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.weather-fish-slot strong {
  color: #ffe08a;
}
@media (max-width: 1080px) {
  .weather-summary-grid,
  .weather-lists {
    grid-template-columns: 1fr 1fr;
  }
  .weather-now-card,
  .weather-fish-list-card {
    grid-column: 1 / -1;
  }
}
@media (max-width: 720px) {
  .weather-summary-grid,
  .weather-lists {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1280px) {
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring1"] {
    grid-column: 1 !important;
    transform: translateX(calc(50% + 0.25rem)) !important;
  }
  .builder-app[data-mobile-view="gear"] .builder-slot[data-slot="ring2"] {
    grid-column: 2 !important;
    transform: translateX(calc(50% + 0.25rem)) !important;
  }
}


/* RUTL map codex collected toggle 20260706-114 */
.category-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.35rem;
  margin-top: 0.45rem;
  padding: 0.42rem 0.58rem;
  border: 1px solid rgba(235, 202, 126, 0.34);
  border-radius: 0.55rem;
  background: rgba(18, 15, 23, 0.72);
  color: #f4e7bd;
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1.15;
  cursor: pointer;
}
.category-checkbox input {
  width: 1rem;
  height: 1rem;
  accent-color: #a965cf;
  flex: 0 0 auto;
}
.category-checkbox span {
  min-width: 0;
}

/* RUTL builder anti-squeeze + mobile fullscreen stat tooltips 20260706-115 */
@media (min-width: 1281px) and (max-width: 1863px) {
  body:has(.builder-panel.is-active) {
    overflow-x: auto !important;
  }

  .app-shell:has(.builder-panel.is-active) {
    width: 1860px !important;
    min-width: 1860px !important;
    max-width: none !important;
  }

  .app-shell:has(.builder-panel.is-active) main,
  .app-shell:has(.builder-panel.is-active) .tab-panel.is-active,
  .builder-panel.is-active {
    width: 1860px !important;
    min-width: 1860px !important;
    max-width: none !important;
  }

  .builder-panel.is-active .builder-root {
    width: 1780px !important;
    min-width: 1780px !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    grid-template-columns: 225px 165px 1040px 314px !important;
    column-gap: 12px !important;
    width: 1780px !important;
    min-width: 1780px !important;
    max-width: none !important;
  }

  .builder-panel.is-active .builder-main-stage,
  .builder-panel.is-active .builder-main-card {
    width: 1040px !important;
    min-width: 1040px !important;
    max-width: 1040px !important;
  }

  .builder-panel.is-active .builder-stats-rail {
    width: 314px !important;
    min-width: 314px !important;
    max-width: 314px !important;
  }
}

@media (max-width: 1280px) {
  .builder-panel.is-active .builder-app,
  .builder-panel.is-active .builder-quest-layout,
  .builder-app[data-mobile-view="builds"] .builder-left-rail,
  .builder-app[data-mobile-view="gear"] .builder-gear-rail,
  .builder-app[data-mobile-view="stats"] .builder-right-rail,
  .builder-app[data-mobile-view="description"] .builder-mobile-description-panel,
  .builder-app[data-mobile-view="gear-detail"] .builder-main-stage {
    padding-bottom: calc(7.2rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .builder-hover-tooltip.is-mobile-breakdown {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 8000 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: calc(3.55rem + env(safe-area-inset-top, 0px)) 0.65rem calc(6rem + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: rgba(0, 0, 0, 0.84) !important;
    box-sizing: border-box !important;
    transform: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  .builder-hover-tooltip.is-mobile-breakdown .builder-tooltip-card.stat-source,
  .builder-hover-tooltip.is-mobile-breakdown .builder-tooltip-card.attr-source {
    width: 100% !important;
    max-width: 30rem !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  .builder-hover-tooltip.is-mobile-breakdown .builder-stat-source-list {
    overflow: visible !important;
  }

  .builder-hover-tooltip.is-mobile-breakdown .builder-stat-source-row {
    grid-template-columns: 2.25rem minmax(0, 1fr) auto !important;
    gap: 0.55rem !important;
    padding: 0.5rem 0.62rem !important;
  }

  .builder-hover-tooltip.is-mobile-breakdown .builder-stat-source-row img,
  .builder-hover-tooltip.is-mobile-breakdown .builder-stat-source-row i {
    width: 2rem !important;
    height: 2rem !important;
  }

  .builder-hover-tooltip.is-mobile-breakdown .builder-stat-source-row b,
  .builder-hover-tooltip.is-mobile-breakdown .builder-stat-source-row small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .builder-hover-tooltip.is-mobile-breakdown .builder-tooltip-close {
    display: inline-grid !important;
    place-items: center !important;
    position: fixed !important;
    top: calc(0.68rem + env(safe-area-inset-top, 0px)) !important;
    right: 0.68rem !important;
    z-index: 8010 !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
    border: 1px solid #6d4a81 !important;
    border-radius: 8px !important;
    background: #202020 !important;
    color: #fff !important;
  }
}

/* RUTL Questlog-inspired build card art 20260706-117 */
.builder-catalog-card-compact {
  isolation: isolate;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(15, 15, 16, 0.98) 0%, rgba(18, 18, 19, 0.94) 58%, rgba(10, 10, 11, 0.9) 100%),
    radial-gradient(circle at 86% 30%, rgba(169, 93, 226, 0.18), transparent 36%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 16px) !important;
}

.builder-catalog-card-compact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 40%, rgba(255, 255, 255, 0.045) 40% 41%, transparent 41% 100%),
    radial-gradient(circle at 12% 12%, rgba(191, 121, 255, 0.08), transparent 34%);
  opacity: 0.9;
}

.builder-catalog-card-main,
.builder-catalog-card-side {
  position: relative;
  z-index: 2;
}

.builder-catalog-card-art {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(48%, 17rem);
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.92;
  mask-image: linear-gradient(90deg, transparent 0%, #000 34%, #000 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 34%, #000 100%);
}

.builder-catalog-art-glow {
  position: absolute;
  inset: -18% -12% -16% 10%;
  background:
    radial-gradient(circle at 62% 34%, rgba(185, 111, 255, 0.38), transparent 30%),
    radial-gradient(circle at 84% 72%, rgba(72, 184, 255, 0.16), transparent 28%),
    linear-gradient(135deg, transparent 0 34%, rgba(255, 255, 255, 0.055) 34% 35%, transparent 35% 100%);
  filter: blur(1px);
}

.builder-catalog-card-art.is-tank .builder-catalog-art-glow { background: radial-gradient(circle at 66% 38%, rgba(101, 208, 142, 0.28), transparent 32%), radial-gradient(circle at 86% 72%, rgba(216, 174, 88, 0.18), transparent 30%), linear-gradient(135deg, transparent 0 34%, rgba(255, 255, 255, 0.055) 34% 35%, transparent 35% 100%); }
.builder-catalog-card-art.is-support .builder-catalog-art-glow { background: radial-gradient(circle at 66% 38%, rgba(88, 210, 255, 0.22), transparent 32%), radial-gradient(circle at 86% 72%, rgba(99, 255, 178, 0.2), transparent 30%), linear-gradient(135deg, transparent 0 34%, rgba(255, 255, 255, 0.055) 34% 35%, transparent 35% 100%); }
.builder-catalog-card-art.is-magic .builder-catalog-art-glow { background: radial-gradient(circle at 66% 38%, rgba(174, 92, 255, 0.34), transparent 32%), radial-gradient(circle at 86% 72%, rgba(74, 134, 255, 0.2), transparent 30%), linear-gradient(135deg, transparent 0 34%, rgba(255, 255, 255, 0.055) 34% 35%, transparent 35% 100%); }
.builder-catalog-card-art.is-ranged .builder-catalog-art-glow { background: radial-gradient(circle at 66% 38%, rgba(70, 212, 126, 0.2), transparent 32%), radial-gradient(circle at 86% 72%, rgba(210, 158, 70, 0.2), transparent 30%), linear-gradient(135deg, transparent 0 34%, rgba(255, 255, 255, 0.055) 34% 35%, transparent 35% 100%); }
.builder-catalog-card-art.is-shadow .builder-catalog-art-glow { background: radial-gradient(circle at 66% 38%, rgba(181, 85, 255, 0.3), transparent 32%), radial-gradient(circle at 86% 72%, rgba(255, 92, 130, 0.14), transparent 30%), linear-gradient(135deg, transparent 0 34%, rgba(255, 255, 255, 0.055) 34% 35%, transparent 35% 100%); }

.builder-catalog-art-weapon {
  position: absolute;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(173, 123, 221, 0.34), rgba(16, 14, 20, 0.68) 62%, transparent 63%);
  border: 1px solid rgba(221, 186, 255, 0.28);
  box-shadow: 0 0 1.5rem rgba(168, 93, 226, 0.16);
}

.builder-catalog-art-weapon img {
  width: 72%;
  height: 72%;
  object-fit: contain;
  filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.85));
}

.builder-catalog-art-weapon.is-main {
  right: 1.1rem;
  top: 0.8rem;
  width: 5.2rem;
  height: 5.2rem;
  transform: rotate(-10deg);
}

.builder-catalog-art-weapon.is-off {
  right: 6.1rem;
  bottom: 0.45rem;
  width: 3.8rem;
  height: 3.8rem;
  opacity: 0.78;
  transform: rotate(9deg);
}

.builder-catalog-card-compact:hover .builder-catalog-art-weapon.is-main {
  transform: translateY(-2px) rotate(-10deg) scale(1.03);
}

.builder-catalog-card-compact .builder-catalog-card-side {
  align-self: stretch !important;
  justify-content: center !important;
}

@media (max-width: 760px) {
  .builder-catalog-card-art {
    width: 56%;
    opacity: 0.42;
  }
  .builder-catalog-art-weapon.is-main {
    width: 4.6rem;
    height: 4.6rem;
    right: 0.5rem;
    top: 0.9rem;
  }
  .builder-catalog-art-weapon.is-off {
    width: 3.2rem;
    height: 3.2rem;
    right: 4.4rem;
    bottom: 0.65rem;
  }
}


/* RUTL build cards art placement under open button 20260706-118 */
.builder-catalog-card-compact {
  min-height: 9.15rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-side {
  z-index: 4 !important;
  align-self: stretch !important;
  justify-content: flex-start !important;
  padding-top: 0.05rem;
}

.builder-catalog-card-compact .builder-catalog-open {
  position: relative;
  z-index: 5;
}

.builder-catalog-card-compact .builder-catalog-card-art {
  z-index: 1;
  width: min(42%, 14.5rem);
  mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
}

.builder-catalog-card-compact .builder-catalog-art-weapon.is-main {
  top: 3.35rem !important;
  right: 1.55rem !important;
  width: 4.55rem !important;
  height: 4.55rem !important;
  opacity: 0.78;
}

.builder-catalog-card-compact .builder-catalog-art-weapon.is-off {
  right: 7.2rem !important;
  bottom: 0.55rem !important;
  width: 3.1rem !important;
  height: 3.1rem !important;
  opacity: 0.62;
}

.builder-catalog-card-compact:hover .builder-catalog-art-weapon.is-main {
  transform: translateY(-1px) rotate(-10deg) scale(1.02);
}

@media (max-width: 760px) {
  .builder-catalog-card-compact {
    min-height: 8.4rem !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-side {
    justify-content: stretch !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-art {
    width: 58%;
    opacity: 0.38;
  }
  .builder-catalog-card-compact .builder-catalog-art-weapon.is-main {
    top: 3.15rem !important;
    right: 0.85rem !important;
    width: 3.9rem !important;
    height: 3.9rem !important;
  }
  .builder-catalog-card-compact .builder-catalog-art-weapon.is-off {
    right: 4.6rem !important;
    bottom: 0.65rem !important;
    width: 2.85rem !important;
    height: 2.85rem !important;
  }
}


/* RUTL skills/card alignment polish 20260706-120 */
.builder-skill-pool.defense {
  min-height: calc(4rem * 4 + 0.65rem * 3) !important;
  align-content: start !important;
}

.builder-skill-column.defense .builder-selected-skills.single {
  min-height: calc(4rem * 2 + 0.65rem) !important;
  grid-auto-rows: 4rem !important;
  place-content: center !important;
  justify-items: center !important;
  margin-top: 0.6rem !important;
}

@media (max-width: 1380px) and (min-width: 1121px) {
  .builder-skill-pool.defense {
    min-height: calc(4rem * 6 + 0.65rem * 5) !important;
  }
  .builder-skill-column.defense .builder-selected-skills.single {
    min-height: calc(4rem * 3 + 0.65rem * 2) !important;
    grid-auto-rows: 4rem !important;
    place-content: center !important;
    justify-items: center !important;
    margin-top: 0.6rem !important;
  }
}

@media (max-width: 1120px) {
  .builder-skill-pool.defense {
    min-height: auto !important;
  }
  .builder-skill-column.defense .builder-selected-skills.single {
    min-height: auto !important;
    place-content: start center !important;
    margin-top: 0.75rem !important;
  }
}

.builder-catalog-card-compact {
  grid-template-columns: minmax(0, 1fr) minmax(8rem, 9.2rem) !important;
  min-height: 9.35rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-side {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-self: stretch !important;
  justify-items: stretch !important;
  align-items: start !important;
  min-width: 8.3rem !important;
  padding-top: 0 !important;
  z-index: 4 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-card-art {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 5.65rem !important;
  overflow: visible !important;
  opacity: 1 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  z-index: 1 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-glow {
  inset: -0.4rem -0.6rem -0.45rem -0.6rem !important;
  filter: blur(0.5px);
  opacity: 0.95;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  top: 0.45rem !important;
  right: 0.72rem !important;
  width: 4.35rem !important;
  height: 4.35rem !important;
  opacity: 0.88 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  right: 4.95rem !important;
  bottom: 0.15rem !important;
  width: 2.8rem !important;
  height: 2.8rem !important;
  opacity: 0.72 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-open {
  width: 100% !important;
  min-width: 0 !important;
}

.builder-catalog-card-compact:hover .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  transform: translateY(-1px) rotate(-10deg) scale(1.02) !important;
}

@media (max-width: 760px) {
  .builder-catalog-card-compact {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-side {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-card-art {
    display: none !important;
  }
}

/* RUTL catalog card full-surface visual pass 20260706-121 */
.builder-catalog-card-compact {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    linear-gradient(100deg, rgba(8, 8, 9, 0.99) 0%, rgba(18, 18, 19, 0.98) 47%, rgba(12, 12, 13, 0.96) 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 1.1rem 2.8rem rgba(0, 0, 0, 0.32) !important;
}

.builder-catalog-card-compact::before,
.builder-catalog-card-compact::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.builder-catalog-card-compact::before {
  background:
    radial-gradient(circle at 77% 38%, rgba(171, 93, 255, 0.18), transparent 22%),
    radial-gradient(circle at 93% 74%, rgba(66, 151, 255, 0.14), transparent 26%),
    radial-gradient(circle at 20% -18%, rgba(255, 222, 148, 0.075), transparent 28%),
    linear-gradient(118deg, transparent 0 27%, rgba(255, 255, 255, 0.045) 27.2% 27.7%, transparent 28% 63%, rgba(255, 255, 255, 0.034) 63.2% 63.65%, transparent 64%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.028) 0 1px, transparent 1px 18px) !important;
  opacity: 1 !important;
}

.builder-catalog-card-compact::after {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 28%, transparent 70%, rgba(0, 0, 0, 0.34) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 30%, rgba(0, 0, 0, 0.28)) !important;
  mix-blend-mode: screen;
  opacity: 0.48 !important;
}

.builder-catalog-card-visual-tank::before {
  background:
    radial-gradient(circle at 78% 38%, rgba(96, 223, 152, 0.2), transparent 23%),
    radial-gradient(circle at 94% 74%, rgba(220, 177, 89, 0.14), transparent 25%),
    radial-gradient(circle at 18% -12%, rgba(255, 222, 148, 0.08), transparent 28%),
    linear-gradient(118deg, transparent 0 27%, rgba(255, 255, 255, 0.045) 27.2% 27.7%, transparent 28% 63%, rgba(255, 255, 255, 0.034) 63.2% 63.65%, transparent 64%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 18px) !important;
}

.builder-catalog-card-visual-support::before {
  background:
    radial-gradient(circle at 78% 38%, rgba(88, 210, 255, 0.2), transparent 23%),
    radial-gradient(circle at 94% 74%, rgba(99, 255, 178, 0.14), transparent 25%),
    radial-gradient(circle at 18% -12%, rgba(220, 177, 89, 0.08), transparent 28%),
    linear-gradient(118deg, transparent 0 27%, rgba(255, 255, 255, 0.045) 27.2% 27.7%, transparent 28% 63%, rgba(255, 255, 255, 0.034) 63.2% 63.65%, transparent 64%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 18px) !important;
}

.builder-catalog-card-visual-ranged::before,
.builder-catalog-card-visual-melee::before {
  background:
    radial-gradient(circle at 78% 38%, rgba(219, 156, 70, 0.18), transparent 23%),
    radial-gradient(circle at 94% 74%, rgba(101, 208, 142, 0.12), transparent 25%),
    radial-gradient(circle at 18% -12%, rgba(185, 111, 255, 0.08), transparent 28%),
    linear-gradient(118deg, transparent 0 27%, rgba(255, 255, 255, 0.045) 27.2% 27.7%, transparent 28% 63%, rgba(255, 255, 255, 0.034) 63.2% 63.65%, transparent 64%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 18px) !important;
}

.builder-catalog-card-visual-shadow::before,
.builder-catalog-card-visual-magic::before {
  background:
    radial-gradient(circle at 78% 38%, rgba(181, 85, 255, 0.22), transparent 23%),
    radial-gradient(circle at 94% 74%, rgba(74, 134, 255, 0.16), transparent 25%),
    radial-gradient(circle at 18% -12%, rgba(255, 92, 130, 0.07), transparent 28%),
    linear-gradient(118deg, transparent 0 27%, rgba(255, 255, 255, 0.045) 27.2% 27.7%, transparent 28% 63%, rgba(255, 255, 255, 0.034) 63.2% 63.65%, transparent 64%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 18px) !important;
}

.builder-catalog-card-compact .builder-catalog-card-main,
.builder-catalog-card-compact .builder-catalog-card-side {
  position: relative !important;
  z-index: 3 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-card-art {
  background: transparent !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-glow {
  inset: -2.2rem -1.15rem -1.3rem -4.2rem !important;
  background:
    radial-gradient(circle at 66% 38%, rgba(185, 111, 255, 0.34), transparent 31%),
    radial-gradient(circle at 50% 66%, rgba(255, 214, 125, 0.11), transparent 26%),
    radial-gradient(circle at 90% 80%, rgba(72, 184, 255, 0.2), transparent 32%) !important;
  opacity: 0.88 !important;
}

.builder-catalog-card-visual-tank .builder-catalog-card-side .builder-catalog-art-glow {
  background:
    radial-gradient(circle at 66% 38%, rgba(101, 208, 142, 0.34), transparent 31%),
    radial-gradient(circle at 50% 66%, rgba(255, 214, 125, 0.13), transparent 26%),
    radial-gradient(circle at 90% 80%, rgba(72, 184, 255, 0.14), transparent 32%) !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon {
  z-index: 2 !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(174, 112, 231, 0.34), rgba(20, 16, 25, 0.78) 57%, rgba(5, 5, 6, 0.5) 61%, transparent 64%) !important;
  box-shadow:
    0 0 1.75rem rgba(178, 96, 255, 0.22),
    inset 0 0 1.2rem rgba(255, 255, 255, 0.045) !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  top: 0.35rem !important;
  right: 0.55rem !important;
  width: 4.85rem !important;
  height: 4.85rem !important;
  opacity: 0.92 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  right: 5.1rem !important;
  bottom: 0.02rem !important;
  width: 3.15rem !important;
  height: 3.15rem !important;
  opacity: 0.74 !important;
}

/* RUTL catalog card glow cleanup and open button alignment 20260706-122 */
.builder-catalog-card-compact .builder-catalog-card-side {
  justify-items: end !important;
  padding-right: 0.45rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-open {
  width: auto !important;
  min-width: 6.9rem !important;
  justify-self: end !important;
  margin: 0 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-card-art {
  overflow: hidden !important;
  border-radius: 0 0 0.45rem 0 !important;
  mix-blend-mode: screen;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-glow,
.builder-catalog-card-visual-tank .builder-catalog-card-side .builder-catalog-art-glow {
  inset: -2.8rem -2.2rem -2.2rem -5.4rem !important;
  background:
    radial-gradient(ellipse at 72% 39%, rgba(181, 92, 255, 0.32) 0 13%, rgba(181, 92, 255, 0.18) 22%, transparent 48%),
    radial-gradient(ellipse at 86% 78%, rgba(69, 177, 255, 0.16) 0 12%, transparent 44%),
    radial-gradient(ellipse at 48% 66%, rgba(255, 213, 125, 0.09) 0 10%, transparent 38%) !important;
  filter: blur(10px) !important;
  opacity: 0.72 !important;
}

.builder-catalog-card-visual-tank .builder-catalog-card-side .builder-catalog-art-glow {
  background:
    radial-gradient(ellipse at 72% 39%, rgba(97, 223, 152, 0.28) 0 13%, rgba(97, 223, 152, 0.13) 23%, transparent 48%),
    radial-gradient(ellipse at 86% 78%, rgba(255, 214, 125, 0.13) 0 12%, transparent 44%),
    radial-gradient(ellipse at 48% 66%, rgba(69, 177, 255, 0.08) 0 10%, transparent 38%) !important;
}

.builder-catalog-card-visual-support .builder-catalog-card-side .builder-catalog-art-glow {
  background:
    radial-gradient(ellipse at 72% 39%, rgba(88, 210, 255, 0.26) 0 13%, rgba(88, 210, 255, 0.13) 23%, transparent 48%),
    radial-gradient(ellipse at 86% 78%, rgba(99, 255, 178, 0.13) 0 12%, transparent 44%),
    radial-gradient(ellipse at 48% 66%, rgba(255, 214, 125, 0.08) 0 10%, transparent 38%) !important;
}

.builder-catalog-card-visual-ranged .builder-catalog-card-side .builder-catalog-art-glow,
.builder-catalog-card-visual-melee .builder-catalog-card-side .builder-catalog-art-glow {
  background:
    radial-gradient(ellipse at 72% 39%, rgba(219, 156, 70, 0.24) 0 13%, rgba(219, 156, 70, 0.12) 23%, transparent 48%),
    radial-gradient(ellipse at 86% 78%, rgba(101, 208, 142, 0.11) 0 12%, transparent 44%),
    radial-gradient(ellipse at 48% 66%, rgba(181, 92, 255, 0.08) 0 10%, transparent 38%) !important;
}

/* RUTL catalog card visual correction 20260706-123 */
.builder-catalog-card-compact {
  grid-template-columns: minmax(0, 1fr) 10.25rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-side {
  position: relative !important;
  display: block !important;
  min-width: 10.25rem !important;
  align-self: stretch !important;
  padding: 0.75rem !important;
  overflow: visible !important;
  z-index: 4 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-open {
  position: relative !important;
  z-index: 6 !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 6.9rem !important;
  margin: 0 0 0 auto !important;
  justify-content: center !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-card-art {
  position: absolute !important;
  inset: 3.2rem 0.75rem 0.65rem auto !important;
  width: 8.55rem !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-glow {
  display: none !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  top: 0.05rem !important;
  right: 0 !important;
  width: 4.75rem !important;
  height: 4.75rem !important;
  opacity: 0.9 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  left: 0.1rem !important;
  right: auto !important;
  bottom: 0.15rem !important;
  width: 3rem !important;
  height: 3rem !important;
  opacity: 0.72 !important;
}

.builder-catalog-card-compact:hover .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  transform: translateY(-1px) rotate(-10deg) scale(1.02) !important;
}

@media (max-width: 760px) {
  .builder-catalog-card-compact {
    grid-template-columns: 1fr !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-side {
    min-width: 0 !important;
    padding: 0 !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-card-art {
    display: none !important;
  }
}

/* RUTL catalog open button exact alignment 20260706-124 */
.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-open {
  display: flex !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}



/* RUTL catalog card button grid alignment 20260706-125 */
.builder-catalog-card-compact {
  position: relative !important;
  padding: 0.72rem !important;
  grid-template-columns: minmax(0, 1fr) 9.6rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-main {
  padding-right: 1.1rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-side {
  position: static !important;
  min-width: 9.6rem !important;
  padding: 0 !important;
  overflow: visible !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-open {
  position: absolute !important;
  top: 0.72rem !important;
  right: 0.72rem !important;
  z-index: 9 !important;
  width: auto !important;
  min-width: 6.9rem !important;
  max-width: calc(100% - 1.44rem) !important;
  margin: 0 !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-card-art {
  position: absolute !important;
  top: 3.85rem !important;
  right: 0.72rem !important;
  bottom: 0.72rem !important;
  width: 8.65rem !important;
  height: auto !important;
  overflow: visible !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  top: 0.05rem !important;
  right: 0.05rem !important;
  width: 4.65rem !important;
  height: 4.65rem !important;
}

.builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  left: 0.05rem !important;
  bottom: 0.05rem !important;
  width: 2.95rem !important;
  height: 2.95rem !important;
}

@media (max-width: 760px) {
  .builder-catalog-card-compact {
    grid-template-columns: 1fr !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-main {
    padding-right: 0 !important;
  }
  .builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-open {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0.65rem !important;
  }
}


/* RUTL hero card background effects 20260706-126 */
.builder-catalog-hero,
.item-db-hero {
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0.45rem !important;
  background:
    linear-gradient(92deg, rgba(7, 7, 9, 0.98) 0%, rgba(15, 15, 18, 0.94) 44%, rgba(8, 8, 10, 0.98) 100%),
    #070709 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    inset 0 0 4rem rgba(0, 0, 0, 0.46),
    0 1rem 2.3rem rgba(0, 0, 0, 0.34) !important;
}

.builder-catalog-hero::before,
.item-db-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 18px),
    radial-gradient(ellipse at 78% 34%, rgba(173, 92, 255, 0.24) 0 11%, rgba(173, 92, 255, 0.12) 23%, transparent 46%),
    radial-gradient(ellipse at 92% 78%, rgba(72, 184, 255, 0.16) 0 13%, transparent 42%),
    radial-gradient(ellipse at 64% 74%, rgba(255, 214, 125, 0.08) 0 12%, transparent 36%),
    linear-gradient(110deg, transparent 0 56%, rgba(255, 255, 255, 0.055) 56% 56.6%, transparent 56.6% 100%) !important;
  opacity: 0.92 !important;
}

.builder-catalog-hero::after,
.item-db-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, transparent 42%, rgba(0, 0, 0, 0.48) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.42)) !important;
}

.item-db-hero {
  min-height: 13rem !important;
  padding: clamp(1.35rem, 3vw, 2.5rem) !important;
}

.item-db-hero > div,
.builder-catalog-hero-copy,
.builder-catalog-hero-preview {
  position: relative !important;
  z-index: 1 !important;
}

.item-db-hero span,
.builder-catalog-kicker {
  color: #c781ff !important;
  text-shadow: 0 0 0.75rem rgba(173, 92, 255, 0.25) !important;
}

.item-db-hero h1,
.builder-catalog-hero h1 {
  text-shadow: 0 0.18rem 0.85rem rgba(0, 0, 0, 0.72), 0 0 1.8rem rgba(174, 92, 255, 0.12) !important;
}

.item-db-hero p,
.builder-catalog-hero p {
  text-shadow: 0 0.12rem 0.5rem rgba(0, 0, 0, 0.75) !important;
}

@media (max-width: 760px) {
  .builder-catalog-hero,
  .item-db-hero {
    min-height: 0 !important;
    padding: 1.25rem !important;
  }
  .builder-catalog-hero::before,
  .item-db-hero::before {
    background:
      repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 18px),
      radial-gradient(ellipse at 86% 24%, rgba(173, 92, 255, 0.2), transparent 48%),
      radial-gradient(ellipse at 95% 82%, rgba(72, 184, 255, 0.12), transparent 42%) !important;
  }
}


/* T2 skill mastery test branch */
.builder-tier-switch { display:inline-flex; gap:3px; padding:3px; border:1px solid rgba(181,111,255,.35); border-radius:8px; background:rgba(12,10,18,.78); vertical-align:middle; }
.builder-tier-switch button { min-width:58px; border:0; border-radius:6px; padding:6px 9px; color:#d9d2e8; background:transparent; font-weight:800; cursor:pointer; }
.builder-tier-switch button.is-active { color:#fff; background:linear-gradient(180deg,#9f5ac8,#6b3a91); box-shadow:0 0 14px rgba(178,109,255,.3); }
.builder-tier-switch button:disabled { opacity:.65; cursor:not-allowed; }
.builder-skill-mastery-v2 { overflow:visible; background:radial-gradient(circle at 50% 42%, rgba(91,55,114,.13), rgba(23,23,24,.96) 45%, #181818); }
/* T2 skill mastery test branch */
.builder-t2-head { position:relative; display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:12px; }
.builder-t2-tabs { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; width:100%; padding-right:96px; padding-left:96px; }
.builder-t2-tabs button { display:inline-flex; align-items:center; justify-content:center; gap:10px; width:180px; min-height:54px; padding:9px 14px; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:#19191d; color:#d8d2e8; font-weight:800; cursor:pointer; text-align:center; }
.builder-t2-tabs button.is-active { background:linear-gradient(180deg,#9e5ec8,#684088); color:#fff; border-color:#d7a9ff; }
.builder-t2-tabs img { width:34px; height:34px; object-fit:contain; flex:0 0 auto; }
.builder-t2-tabs b { color:#ffe07a; font-size:14px; line-height:1; white-space:nowrap; }
.builder-t2-layout { display:block; }
.builder-t2-board, .builder-t2-panel, .builder-t2-common { border:1px solid rgba(255,255,255,.1); border-radius:8px; background:rgba(14,14,16,.9); }
.builder-t2-bottom-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.builder-t2-board { padding:14px; overflow:visible; }
.builder-t2-head > .builder-mastery-reset { position:absolute; right:0; top:0; }
.builder-t2-summary { display:flex; align-items:center; gap:14px; padding:0 0 12px; border-bottom:1px solid rgba(255,255,255,.08); }
.builder-t2-summary h3 { margin:0 0 3px; font-size:18px; }
.builder-t2-summary small, .builder-t2-summary strong { display:block; color:#bfb8cd; }
.builder-t2-summary em { color:#f6d275; font-style:normal; }
.builder-t2-root-node { width:66px; height:66px; display:inline-grid; place-items:center; background:transparent; position:relative; }
.builder-t2-root-node::before { content:""; position:absolute; inset:0; clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%); background:linear-gradient(145deg,rgba(218,179,91,.9),rgba(106,74,35,.55)); box-shadow:0 0 18px rgba(219,174,84,.28); }
.builder-t2-root-node img { position:relative; width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 2px 2px rgba(0,0,0,.7)); }
.builder-t2-viewport { position:relative; min-height:620px; height:min(72vh,760px); margin:0 auto; border-radius:8px; overflow:hidden; background:#181818; touch-action:none; cursor:grab; user-select:none; }
.builder-t2-viewport.is-dragging { cursor:grabbing; }
.builder-t2-circle { position:absolute; left:50%; top:50%; width:1000px; max-width:none; aspect-ratio:1; margin:0; border-radius:8px; overflow:visible; background:#181818; transform:translate(calc(-50% + var(--t2-view-x,0px)), calc(-50% + var(--t2-view-y,0px))) scale(var(--t2-view-scale,.58)); transform-origin:center center; }
.builder-t2-circle svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; z-index:0; }
.builder-t2-rings circle { fill:none; stroke:var(--t2-ring-color, rgba(124,84,179,.32)); stroke-width:2; opacity:1; }
.builder-t2-links line, .builder-t2-links polyline { fill:none; stroke:#333333; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.builder-t2-links line.is-active, .builder-t2-links polyline.is-active { stroke:var(--t2-link-color,#ff5d65); stroke-width:4; filter:drop-shadow(0 0 2px var(--t2-link-color,#ff5d65)) drop-shadow(0 0 8px var(--t2-link-color,#ff5d65)); }
.builder-t2-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:124px; height:124px; display:grid; place-items:center; border-radius:50%; color:#d6d0dd; text-align:center; font-size:12px; pointer-events:none; opacity:.8; z-index:1; }
.builder-t2-center img { width:72px; height:72px; object-fit:contain; opacity:.64; filter:drop-shadow(0 0 10px rgba(210,184,124,.18)); }
.builder-t2-center span { position:absolute; top:62%; color:#d8d2e8; text-shadow:0 1px 2px #000; }
.builder-t2-category-mark { position:absolute; width:28px; height:28px; transform:translate(-50%,-50%); opacity:.34; pointer-events:none; filter:grayscale(.35); z-index:1; }
.builder-t2-category-mark img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:.78; transition:opacity .14s ease, filter .14s ease; }
.builder-t2-category-mark .is-active-icon { opacity:0; }
.builder-t2-category-mark.is-active { opacity:.96; filter:drop-shadow(0 0 8px currentColor); }
.builder-t2-category-mark.is-active img:not(.is-active-icon) { opacity:0; }
.builder-t2-category-mark.is-active .is-active-icon { opacity:.95; }
.builder-t2-node { position:absolute; transform:translate(-50%,-50%); width:58px; height:58px; border:0; background:transparent; color:#e8e1ef; cursor:pointer; display:grid; place-items:center; z-index:5; padding:0; }
.builder-t2-node-icon { width:100%; height:100%; display:grid; place-items:center; position:relative; border:0; border-radius:50%; background:transparent; box-shadow:none; transition:transform .12s ease, opacity .12s ease, filter .12s ease; overflow:visible; isolation:isolate; }
.builder-t2-node-icon::before { content:""; position:absolute; inset:0; z-index:0; border-radius:50%; border:2px solid #333333; background:#181818; box-shadow:0 0 0 2px rgba(0,0,0,.86), inset 0 0 10px rgba(255,255,255,.035); transition:border-color .12s ease, box-shadow .12s ease, opacity .12s ease, filter .12s ease; }
.builder-t2-node.is-locked .builder-t2-node-icon::before { background:#111216; border-color:#2d3238; box-shadow:0 0 0 2px rgba(0,0,0,.94), inset 0 0 12px rgba(0,0,0,.48); }
.builder-t2-node.shape-diamond .builder-t2-node-icon::before { border:0; border-radius:0; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:#4a4f57; box-shadow:0 0 0 2px rgba(0,0,0,.9); }
.builder-t2-node.shape-diamond .builder-t2-node-icon::after { content:""; position:absolute; inset:4px; z-index:1; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:#181818; }
.builder-t2-node.shape-diamond.is-active .builder-t2-node-icon::before { background:var(--t2-node-color,#d6a84f); box-shadow:0 0 0 2px rgba(0,0,0,.86),0 0 8px color-mix(in srgb, var(--t2-node-color,#d6a84f) 90%, transparent),0 0 22px color-mix(in srgb, var(--t2-node-color,#d6a84f) 58%, transparent); }
.builder-t2-node.shape-diamond.is-active .builder-t2-node-icon::after { background:#181818; }
.builder-t2-node.shape-diamond.is-locked .builder-t2-node-icon::before { background:#30353a; box-shadow:0 0 0 2px rgba(0,0,0,.94); }
.builder-t2-node.shape-diamond.is-locked .builder-t2-node-icon::after { background:#111216; }

.builder-t2-node:hover .builder-t2-node-icon { transform:scale(1.06); }
.builder-t2-node:hover .builder-t2-node-icon::before { border-color:#d7c078; }
.builder-t2-node.is-active .builder-t2-node-icon::before { border-color:var(--t2-node-color,#ff5d65); box-shadow:0 0 0 2px rgba(0,0,0,.86),0 0 7px color-mix(in srgb, var(--t2-node-color,#ff5d65) 86%, transparent),0 0 18px color-mix(in srgb, var(--t2-node-color,#ff5d65) 54%, transparent), inset 0 0 10px rgba(255,255,255,.08); }
.builder-t2-node.is-locked .builder-t2-node-icon { opacity:1; filter:grayscale(1) brightness(.62); }
.builder-t2-node:not(.is-locked) { z-index:7; }
.builder-t2-node.is-active { z-index:9; }
.builder-t2-node.is-locked { z-index:4; }
.builder-t2-node.is-combo .builder-t2-node-icon, .builder-t2-node.shape-diamond .builder-t2-node-icon { border-radius:0; }
.builder-t2-node.is-combo .builder-t2-node-icon::before, .builder-t2-node.shape-diamond .builder-t2-node-icon::before { border-radius:0; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.builder-t2-node.shape-diamond .builder-t2-node-bg, .builder-t2-node.shape-diamond .builder-t2-node-art { z-index:3; }
.builder-t2-node.is-synergy .builder-t2-node-icon, .builder-t2-node.shape-square .builder-t2-node-icon { border-radius:5px; }
.builder-t2-node.is-synergy .builder-t2-node-icon::before, .builder-t2-node.shape-square .builder-t2-node-icon::before { border-radius:5px; }
.builder-t2-node.is-synergy .builder-t2-node-bg, .builder-t2-node.shape-square .builder-t2-node-bg { display:none; }
.builder-t2-node.is-hero .builder-t2-node-icon::before { border-width:2px; }
.builder-t2-node-bg { position:absolute; left:50%; top:50%; width:var(--t2-node-bg-size,108%); height:var(--t2-node-bg-size,108%); object-fit:contain; opacity:.9; pointer-events:none; transform:translate(-50%,-50%); z-index:2; }
.builder-t2-node:not(.is-active) .builder-t2-node-bg { opacity:.58; filter:grayscale(.62) brightness(.72); }
.builder-t2-node.is-locked .builder-t2-node-bg { opacity:.5; filter:grayscale(1) brightness(.5); }
.builder-t2-node-art { position:absolute; left:50%; top:50%; width:var(--t2-node-art-size,76%); height:var(--t2-node-art-size,76%); object-fit:cover; border-radius:50%; filter:drop-shadow(0 1px 2px #000); transform:translate(-50%,-50%); z-index:3; }
.builder-t2-node.is-combo .builder-t2-node-art, .builder-t2-node.is-synergy .builder-t2-node-art, .builder-t2-node.shape-diamond .builder-t2-node-art, .builder-t2-node.shape-square .builder-t2-node-art { border-radius:5px; }
.builder-t2-node.is-hero .builder-t2-node-art { }
.builder-t2-node.is-hero .builder-t2-node-art { display:block; }
.builder-t2-node.is-hero .builder-t2-node-bg { opacity:.9; filter:grayscale(.24) brightness(.62) contrast(1.08); }
.builder-t2-node.is-hero.is-active .builder-t2-node-bg { opacity:.96; filter:grayscale(.12) brightness(.7) contrast(1.08); }

.builder-t2-node.shape-square .builder-t2-node-art { transform:translate(-50%,-50%); }
.builder-t2-node-icon b { position:absolute; left:50%; right:auto; top:auto; bottom:0; min-width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:#242429; border:1px solid currentColor; font-size:10px; line-height:1; color:#fff; box-shadow:0 0 0 1px #000,0 1px 4px rgba(0,0,0,.75); z-index:8; transform:translateX(-50%); pointer-events:none; }
.builder-t2-node.is-synergy .builder-t2-node-icon b, .builder-t2-node.shape-square .builder-t2-node-icon b { left:50%; right:auto; top:auto; bottom:-2px; transform:translateX(-50%); min-width:18px; height:18px; border-radius:50%; background:#242429; border:1px solid currentColor; font-size:10px; box-shadow:0 0 0 1px #000,0 1px 4px rgba(0,0,0,.75); }
.builder-t2-node.shape-diamond .builder-t2-node-icon b { left:50%; right:auto; top:auto; bottom:-2px; transform:translateX(-50%); min-width:18px; height:18px; padding:0 3px; border-radius:50%; background:#242429; border:1px solid currentColor; box-shadow:0 0 0 1px #000,0 1px 4px rgba(0,0,0,.75); font-size:10px; font-weight:900; line-height:1; text-shadow:none; }
.builder-t2-node.has-no-art .builder-t2-node-bg { opacity:.95; filter:none; }
.builder-t2-node.has-no-art.is-locked .builder-t2-node-bg { opacity:.42; filter:grayscale(1) brightness(.52); }
.builder-t2-node.is-locked .builder-t2-node-icon { filter:none; }
.builder-t2-node.is-locked .builder-t2-node-art { opacity:.64; filter:grayscale(.72) brightness(.74) contrast(1.06); }
.builder-t2-node.is-locked.is-hero .builder-t2-node-bg { opacity:.78; filter:grayscale(.45) brightness(.76) contrast(1.05); }
.builder-t2-node.is-locked.is-hero .builder-t2-node-art { opacity:.82; filter:grayscale(.28) brightness(.82) contrast(1.08); }
.builder-t2-node-label { display:none; }
.builder-t2-panel { padding:12px; max-height:300px; overflow:auto; }
.builder-t2-side-rail { gap:12px; padding:0; background:transparent; border:0; box-shadow:none; }
.builder-t2-side-rail .builder-t2-panel { max-height:calc((100vh - 190px) / 2); background:#181818; }
.builder-t2-panel h4, .builder-t2-common h3 { margin:0 0 10px; color:#fff; }
.builder-t2-node-summary { max-height:none; overflow:visible; }
.builder-t2-key-node-row { display:grid; gap:6px; padding:8px 0; border-top:1px solid rgba(255,255,255,.08); }
.builder-t2-key-node-row:first-of-type { border-top:0; padding-top:0; }
.builder-t2-key-node-row strong { color:#d8d2e8; font-size:12px; }
.builder-t2-mini-node-list { display:grid; grid-template-columns:repeat(8,30px); gap:5px; min-height:30px; }
.builder-t2-mini-node { position:relative; width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.14); border-radius:7px; background:#111216; overflow:visible; }
.builder-t2-mini-node img { width:100%; height:100%; object-fit:contain; border-radius:6px; }
.builder-t2-mini-node.is-hero { border-radius:50%; border-color:rgba(215,192,120,.36); background:#181818; box-shadow:0 0 0 1px rgba(0,0,0,.86), inset 0 0 8px rgba(255,255,255,.04); }
.builder-t2-mini-node.is-hero img { width:112%; height:112%; border-radius:50%; filter:grayscale(.16) brightness(.72) contrast(1.08); }
.builder-t2-mini-node b { position:absolute; right:-4px; bottom:-4px; min-width:15px; height:15px; display:grid; place-items:center; border-radius:50%; background:#25252b; border:1px solid #fff; color:#fff; font-size:9px; line-height:1; box-shadow:0 0 0 1px #000; }
.builder-t2-mini-node.is-empty { opacity:.28; border-style:dashed; }
.builder-t2-stat-row { display:grid; grid-template-columns:1fr auto; gap:8px; padding:7px 0; border-top:1px solid rgba(255,255,255,.08); font-size:13px; }
.builder-t2-stat-row span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.builder-t2-stat-row b { color:#ffe07a; text-align:right; white-space:nowrap; }
.builder-t2-cost-row { align-items:start; }
.builder-t2-cost-row > span { overflow:visible; text-overflow:clip; white-space:normal; }
.builder-t2-cost-name { display:grid; gap:2px; min-width:0; line-height:1.25; }
.builder-t2-cost-name em { display:block; min-width:0; color:#fff; font-style:normal; overflow-wrap:anywhere; }
.builder-t2-common { position:relative; margin-top:14px; padding:10px 12px 12px; }
.builder-t2-common h3 { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.builder-t2-common h3 small { color:#7de8b2; font-size:13px; }
.builder-t2-passive-slots { display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; width:100%; max-width:100%; }
.builder-t2-passive-slot { width:54px; height:54px; min-height:0; border:1px solid rgba(125,232,178,.62); border-radius:5px; background:#202024; color:#ddd6e8; position:relative; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(0,0,0,.42); }
.builder-t2-passive-slot.is-empty { display:grid; place-items:center; cursor:pointer; font-weight:900; border-color:rgba(255,255,255,.22); background:linear-gradient(180deg,#2a2a2e,#1d1d20); }
.builder-t2-passive-slot.is-empty b { display:grid; place-items:center; width:100%; height:100%; padding-bottom:10px; background:transparent; color:#d9d9df; font-size:26px; font-weight:500; line-height:1; }
.builder-t2-passive-slot.is-empty small { display:block; }
.builder-t2-passive-slot.is-filled { border-color:#7de8b2; box-shadow:0 0 0 1px rgba(125,232,178,.18), inset 0 0 0 1px rgba(0,0,0,.42); }
.builder-t2-passive-slot.is-filled > button:first-child { width:100%; height:100%; min-height:0; display:block; padding:0; border:0; background:transparent; color:inherit; text-align:center; cursor:pointer; }
.builder-t2-passive-slot img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:4px; }
.builder-t2-passive-slot span { min-width:0; }
.builder-t2-passive-icon { position:absolute; inset:0; display:block; }
.builder-t2-passive-name { display:none; }
.builder-t2-passive-slot small { position:absolute; left:0; right:0; bottom:3px; z-index:3; color:#fff; font-size:11px; line-height:1; font-weight:900; text-align:center; text-shadow:0 1px 2px #000,0 0 3px #000; pointer-events:none; }
.builder-t2-passive-clear { position:absolute; right:2px; top:2px; width:18px; height:18px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:4px; background:rgba(31,31,35,.92); color:#ddd; cursor:pointer; padding:0; opacity:0; transition:opacity .12s ease; z-index:4; }
.builder-t2-passive-slot:hover .builder-t2-passive-clear, .builder-t2-passive-clear:focus-visible { opacity:1; }
.builder-t2-passive-clear .builder-close-icon { width:10px; height:10px; }
.builder-t2-passive-picker { position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:24px; background:rgba(0,0,0,.72); }
.builder-t2-passive-picker-panel { position:relative; width:min(1040px, calc(100vw - 40px)); max-height:min(82vh, 820px); overflow:hidden; border:1px solid rgba(255,224,122,.42); border-radius:10px; background:linear-gradient(145deg,#17171b,#101013); box-shadow:0 24px 80px rgba(0,0,0,.6); padding:54px 18px 18px; }
.builder-t2-passive-picker-close { position:absolute; right:12px !important; top:12px; z-index:2; }
.builder-t2-passive-picker-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-height:calc(min(82vh, 820px) - 72px); overflow:auto; padding-right:8px; }
.builder-t2-passive-picker-card { display:grid; grid-template-columns:58px 1fr; gap:12px; align-items:center; height:136px; min-height:136px; padding:12px; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:#1d1d20; color:#ddd6e8; text-align:left; cursor:pointer; overflow:hidden; }
.builder-t2-passive-picker-card.is-active { border-color:#7de8b2; box-shadow:0 0 16px rgba(125,232,178,.18); }
.builder-t2-passive-picker-icon { display:grid; justify-items:center; align-content:center; gap:5px; min-width:0; }
.builder-t2-passive-picker-icon img { width:46px; height:46px; object-fit:contain; border-radius:6px; }
.builder-t2-passive-picker-copy { display:grid; gap:5px; min-width:0; align-content:center; }
.builder-t2-passive-picker-card b { color:#7de8b2; font-size:15px; line-height:1.15; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.builder-t2-passive-picker-card small { color:#fff; font-size:12px; line-height:1; text-align:center; }
.builder-t2-passive-picker-card em { color:#d8d2e8; font-size:13px; line-height:1.3; font-style:normal; font-weight:500; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.t2-mastery-tooltip { width:min(420px, calc(100vw - 24px)); min-width:min(320px, calc(100vw - 24px)); max-width:100%; box-sizing:border-box; padding:0; overflow:hidden; overflow-x:hidden; border:1px solid rgba(181,111,255,.58); background:#17171b; box-shadow:0 18px 54px rgba(0,0,0,.72),0 0 0 1px rgba(255,224,122,.12); }
.t2-mastery-tooltip header { display:grid; grid-template-columns:54px minmax(0,1fr); gap:12px; align-items:center; padding:12px; background:linear-gradient(135deg,rgba(70,39,86,.92),rgba(18,18,20,.96)); border-bottom:1px solid rgba(255,255,255,.1); }
.t2-mastery-tooltip header.is-no-icon { grid-template-columns:minmax(0,1fr); }
.t2-mastery-tooltip header img { width:50px; height:50px; object-fit:contain; border-radius:8px; border:1px solid rgba(181,111,255,.45); background:rgba(0,0,0,.34); box-shadow:inset 0 0 18px rgba(181,111,255,.12); }
.t2-mastery-tooltip header h3 { margin:0 0 4px; color:#c77bff; font-size:16px; line-height:1.15; overflow-wrap:anywhere; }
.t2-mastery-tooltip header small { color:#f2d27c; font-size:12px; font-weight:800; text-transform:none; letter-spacing:0; }
.t2-mastery-tooltip header div { min-width:0; }
.t2-mastery-tooltip header div small:first-child { display:block; }

.t2-mastery-tooltip p { margin:0; padding:12px; color:#ddd6e8; line-height:1.38; border-bottom:1px solid rgba(255,255,255,.08); overflow-wrap:break-word; word-break:normal; }
.t2-mastery-tooltip .builder-t2-skill-ref { color:#ffd86f; font-weight:900; }

.t2-mastery-tooltip .builder-t2-tooltip-stats { display:grid; gap:6px; margin:0; padding:12px; }
.t2-mastery-tooltip .builder-t2-tooltip-stats div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:7px 9px; border-radius:4px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.06); }
.t2-mastery-tooltip .builder-t2-tooltip-stats span { min-width:0; overflow-wrap:break-word; word-break:normal; }
.t2-mastery-tooltip .builder-t2-tooltip-stats b { color:#7de8b2; white-space:nowrap; text-align:right; }
.builder-catalog-tier-badge { display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:24px; padding:0 8px; border:1px solid rgba(255,255,255,.16); border-radius:7px; background:#232027; color:#ffe07a; font-weight:900; font-size:12px; }
.builder-catalog-filter-select.is-tier { min-width:0; }
@media (max-width: 1280px) { .builder-t2-bottom-panels, .builder-t2-passive-slots, .builder-t2-passive-picker-grid { grid-template-columns:1fr; } .builder-t2-viewport { min-height:520px; } }


/* T2 artifacts */
.builder-artifacts {
  background: #101011;
}

.builder-artifact-questlog {
  display: grid;
  gap: 12px;
}

.builder-artifact-scene {
  position: relative;
  display: grid;
  place-items: center;
  height: 320px;
  min-height: 320px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 7px;
  background: #202020;
  overflow: hidden;
}

.builder-artifact-slot-layer {
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
}

.builder-artifact-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(2, 80px);
  grid-template-rows: repeat(2, 80px);
  width: 160px;
  height: 160px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #282828;
  overflow: hidden;
}

.builder-artifact-core-piece {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.builder-artifact-core-piece img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 133px;
  height: 133px;
  max-width: none;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.builder-artifact-slot {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 80px;
  height: 80px;
  padding: 0;
  transform: translate(-50%, -50%);
  border: 2px solid #4a4a50;
  background: #242426;
  color: #f3eef8;
  cursor: pointer;
  overflow: visible;
  pointer-events: auto;
  transition: border-color 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 0 0 2px rgba(0,0,0,0.28);
}

.builder-artifact-slot:hover,
.builder-artifact-slot.is-active {
  transform: translate(-50%, -50%) scale(1.05);
  border-color: var(--grade, #4aa3ff);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06), 0 0 0 2px rgba(0,0,0,0.38), 0 0 16px color-mix(in srgb, var(--grade, #4aa3ff) 42%, transparent);
}

.builder-artifact-slot.is-filled {
  border-color: var(--grade, #4aa3ff);
}

.builder-artifact-slot.is-talistone {
  border-radius: 50%;
}

.builder-artifact-slot.is-gemstone {
  border-radius: 6px;
}

.builder-artifact-slot.is-talistone1 { left: 38%; top: 17%; }
.builder-artifact-slot.is-talistone2 { left: 62%; top: 17%; }
.builder-artifact-slot.is-talistone3 { left: 38%; top: 83%; }
.builder-artifact-slot.is-talistone4 { left: 62%; top: 83%; }
.builder-artifact-slot.is-gemstone1 { left: 31%; top: 50%; }
.builder-artifact-slot.is-gemstone2 { left: 69%; top: 50%; }

.builder-artifact-slot img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  display: block;
}

.builder-artifact-slot img.builder-artifact-slot-empty-icon {
  width: 78%;
  height: 78%;
  border-radius: 0;
  object-fit: contain;
  opacity: 0.52;
  filter: grayscale(1);
}

.builder-artifact-slot.is-gemstone img.builder-artifact-slot-empty-icon {
  width: 72%;
  height: 72%;
}

.builder-artifact-slot-dots {
  position: absolute;
  left: 50%;
  bottom: 4px;
  display: flex;
  gap: 2px;
  transform: translateX(-50%);
}

.builder-artifact-slot.is-talistone .builder-artifact-slot-dots {
  bottom: 9px;
}


.builder-artifact-slot-dots i {
  width: 16px;
  height: 16px;
  border: 2px solid #5b5b61;
  border-radius: 50%;
  background: #343438;
  box-shadow: 0 1px 2px rgba(0,0,0,0.8);
}

.builder-artifact-slot-dots i.is-on {
  border-color: var(--grade, #4aa3ff);
  background: color-mix(in srgb, var(--grade, #4aa3ff) 78%, #202023);
}

.builder-artifact-sets {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 7px;
  background: #1e1e20;
}

.builder-artifact-set-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  padding: 6px 8px;
  border-radius: 6px;
  color: #e8e2ee;
  transition: background 0.14s ease;
}

.builder-artifact-set-card:hover {
  background: rgba(255,255,255,0.035);
}

.builder-artifact-set-info {
  min-width: 0;
}

.builder-artifact-set-card h3 {
  margin: 0 0 3px;
  color: #fff;
  font-size: 0.88rem;
  line-height: 1.2;
}

.builder-artifact-set-card h3 span {
  font-weight: 850;
}

.builder-artifact-set-card h3 b {
  color: #4aa3ff;
}

.builder-artifact-set-card h3 em {
  color: #fff;
  font-style: normal;
  font-weight: 850;
}

.builder-artifact-set-lines {
  display: grid;
  gap: 2px;
}

.builder-artifact-set-lines p {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 0;
  color: #8c8792;
  font-size: 0.82rem;
  line-height: 1.2;
}

.builder-artifact-set-lines p.is-active {
  color: #f4f0f7;
}

.builder-artifact-set-lines p span {
  flex: 0 0 auto;
  min-width: 22px;
  color: inherit;
  font-weight: 850;
}

.builder-artifact-set-lines p i {
  min-width: 0;
  font-style: normal;
}

.builder-artifact-set-lines p b {
  color: #54e18f;
  font-size: 1rem;
  line-height: 1;
}

.builder-artifact-set-action {
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 92px;
}

.builder-artifact-set-action small {
  color: #f5f2f8;
  font-size: 0.68rem;
  font-weight: 850;
  text-align: center;
}

.builder-artifact-set-action button {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 5px;
  background: #2a2a30;
  color: #fff;
  font-weight: 900;
}

.builder-artifact-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.builder-artifact-skills,
.builder-artifact-editor {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 7px;
  background: #1e1e20;
}

.builder-artifact-combined,
.builder-artifact-skills {
  min-height: 124px;
}

.builder-artifact-combined {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 7px;
  background: #181818;
}

.builder-artifact-skills {
  padding: 10px;
}

.builder-artifact-skills {
  display: grid;
  align-content: start;
  gap: 10px;
}

.builder-artifact-skills article,
.builder-artifact-modal-skill {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.builder-artifact-skills img,
.builder-artifact-modal-skill img {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 5px;
  object-fit: cover;
}

.builder-artifact-skills span,
.builder-artifact-modal-skill span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.builder-artifact-skills b,
.builder-artifact-modal-skill b {
  color: #fff;
  line-height: 1.18;
}

.builder-artifact-skills small,
.builder-artifact-modal-skill small {
  color: #bbb4c3;
  line-height: 1.3;
}

.builder-artifact-modal-backdrop {
  place-items: start center;
  overflow: auto;
}

.builder-modal-card.wide.builder-artifact-modal {
  width: min(100%, 46.25rem);
  max-width: min(740px, calc(100vw - 28px));
  max-height: none;
  overflow: visible;
}

.builder-artifact-picker-shell {
  display: grid;
  gap: 6px;
}

.builder-artifact-select {
  position: relative;
  z-index: 30;
  display: grid;
  gap: 6px;
}

.builder-artifact-select-current {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 5px;
  min-height: 48px;
  padding: 4px;
  border: 1px solid rgba(74,163,255,0.58);
  border-radius: 6px;
  background: #1e1e20;
  color: #fff;
}

.builder-artifact-select.is-open .builder-artifact-select-current {
  border-color: var(--grade, #4aa3ff);
  box-shadow: 0 0 0 1px rgba(74,163,255,0.16);
}

.builder-artifact-select-main {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  text-align: left;
}

.builder-artifact-select-main img {
  width: 38px;
  height: 38px;
  border: 1px solid var(--grade, #4aa3ff);
  border-radius: 5px;
  background: #141416;
  object-fit: cover;
}

.builder-artifact-select-main img.is-empty {
  object-fit: contain;
  padding: 7px;
  filter: grayscale(1);
  opacity: 0.62;
}

.builder-artifact-select-main span {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  white-space: nowrap;
}

.builder-artifact-select-main b,
.builder-artifact-select-main small {
  overflow: hidden;
  text-overflow: ellipsis;
}

.builder-artifact-select-main b {
  min-width: 0;
  color: #fff;
  font-size: 0.98rem;
  line-height: 1.1;
}

.builder-artifact-select-main small {
  flex: 0 1 auto;
  color: #aaa2b4;
  font-size: 0.78rem;
}

.builder-artifact-select-main i {
  justify-self: center;
  width: 9px;
  height: 9px;
  border-right: 2px solid #cfc9d8;
  border-bottom: 2px solid #cfc9d8;
  transform: rotate(45deg) translateY(-2px);
}

.builder-artifact-select.is-open .builder-artifact-select-main i {
  transform: rotate(225deg) translate(-2px, -2px);
}

.builder-artifact-select-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 76px;
  height: 40px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 5px;
  background: #2b2b30;
  color: #fff;
  font-weight: 850;
}

.builder-artifact-select-clear .builder-close-icon {
  width: 12px;
  height: 12px;
}

.builder-artifact-select-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  width: 100%;
  max-height: min(430px, calc(100vh - 160px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;
  background: #242426;
  box-shadow: 0 18px 48px rgba(0,0,0,0.58);
}

.builder-artifact-select-search {
  width: calc(100% - 16px);
  height: 36px;
  margin: 8px;
}

.builder-artifact-select-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
  max-height: min(378px, calc(100vh - 214px));
  overflow: auto;
  padding: 0 6px 6px;
}

.builder-artifact-select-option {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 5px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  text-align: left;
}

.builder-artifact-select-option:hover,
.builder-artifact-select-option.is-selected {
  background: rgba(255,255,255,0.075);
}

.builder-artifact-select-option img {
  width: 38px;
  height: 38px;
  border: 1px solid var(--grade, #4aa3ff);
  border-radius: 5px;
  object-fit: cover;
}

.builder-artifact-select-option span {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.builder-artifact-select-option b,
.builder-artifact-select-option small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-artifact-select-option b {
  color: var(--grade, #4aa3ff);
  font-weight: 850;
  line-height: 1.1;
}

.builder-artifact-select-option small {
  color: #aaa2b4;
  font-size: 0.76rem;
}

.builder-artifact-editor {
  display: grid;
  gap: 5px;
  padding: 5px;
  border-color: color-mix(in srgb, var(--grade, rgba(255,255,255,0.16)) 72%, rgba(255,255,255,0.08));
}

.builder-artifact-editor-section,
.builder-artifact-modal-properties {
  display: grid;
  gap: 4px;
}

.builder-artifact-property-list {
  display: grid;
  gap: 0;
  overflow: visible;
}

.builder-artifact-editor-section h3,
.builder-artifact-modal-properties h3 {
  margin: 0;
  color: #fff;
  font-size: 0.84rem;
  line-height: 1.15;
}

.builder-artifact-modal-properties h3 b {
  color: #75f0a8;
}

.builder-artifact-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px;
  background: #252529;
}

.builder-artifact-row span {
  min-width: 0;
  color: #f2eef8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-artifact-row b {
  flex: 0 0 auto;
  color: #75f0a8;
}

.builder-artifact-stat-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
}

.builder-artifact-stat-choices button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 24px;
  padding: 2px 6px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px;
  background: #252529;
  color: #fff;
  font-size: 0.78rem;
}

.builder-artifact-stat-choices button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-artifact-stat-choices button b {
  flex: 0 0 auto;
}

.builder-artifact-stat-choices button.is-selected {
  border-color: #75f0a8;
  color: #75f0a8;
}

.builder-artifact-editor-set .builder-artifact-set-card {
  gap: 7px;
  padding: 2px 0;
}

.builder-artifact-editor-set .builder-artifact-set-card h3 {
  margin-bottom: 1px;
  font-size: 0.76rem;
}

.builder-artifact-editor-set .builder-artifact-set-lines p {
  font-size: 0.75rem;
  line-height: 1.14;
}

.builder-artifact-editor-set .builder-artifact-set-action button {
  min-height: 23px;
  padding: 0 8px;
  font-size: 0.74rem;
}

.builder-artifact-editor-set .builder-artifact-set-action small {
  font-size: 0.62rem;
}

.builder-artifact-editor-set + .builder-artifact-modal-skill,
.builder-artifact-modal-skill + .builder-artifact-modal-properties,
.builder-artifact-editor-set + .builder-artifact-modal-properties {
  margin-top: 4px;
}

.builder-artifact-property {
  display: grid;
  grid-template-columns: 16px minmax(165px, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-height: 20px;
  padding: 0 2px;
  border: 0;
  border-radius: 4px;
  background: transparent;
}

.builder-artifact-property:hover {
  background: rgba(255,255,255,0.035);
}

.builder-artifact-property.is-blocked {
  opacity: 0.5;
}

.builder-artifact-property-check {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border: 1px solid #3e3e44;
  border-radius: 4px;
  background: #242428;
  color: #111;
  padding: 0;
}

button.builder-artifact-property-check {
  cursor: pointer;
}

.builder-artifact-property.is-selected .builder-artifact-property-check {
  border-color: #75f0a8;
  background: #212c27;
}

.builder-artifact-property.is-selected .builder-artifact-property-check span {
  width: 6px;
  height: 10px;
  border-right: 2px solid #75f0a8;
  border-bottom: 2px solid #75f0a8;
  transform: rotate(45deg) translate(-1px, -1px);
}

.builder-artifact-property-name {
  min-width: 0;
  color: #d8d2dd;
  font-size: 0.76rem;
  line-height: 1.16;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-artifact-property.is-selected .builder-artifact-property-name {
  color: #fff;
  font-weight: 850;
}

.builder-artifact-property p {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 3px;
  margin: 0;
}

.builder-artifact-property p button {
  min-width: 24px;
  min-height: 19px;
  padding: 0 4px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 4px;
  background: #2b2b30;
  color: #f3eef8;
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.16;
}

.builder-artifact-property p button.is-selected {
  border-color: #75f0a8;
  background: #1d3028;
  color: #75f0a8;
}

.artifact-tooltip {
  width: min(390px, calc(100vw - 24px));
  max-width: 100%;
  overflow: hidden;
  overflow-x: hidden;
  border-color: rgba(74,163,255,0.5);
  background: #17171b;
  box-shadow: 0 18px 48px rgba(0,0,0,0.7), 0 0 0 1px rgba(74,163,255,0.12);
}

.artifact-tooltip header {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--grade, #4aa3ff) 30%, #1c1c20 70%), #17171b 78%);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.artifact-tooltip header img {
  width: 50px;
  height: 50px;
  border: 1px solid var(--grade, #4aa3ff);
  border-radius: 6px;
  background: #111;
  object-fit: cover;
}

.artifact-tooltip header div {
  min-width: 0;
}

.artifact-tooltip header h3 {
  margin: 0 0 4px;
  color: #4aa3ff;
  font-size: 15px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.artifact-tooltip header p {
  margin: 0;
  color: #d8d2dd;
  font-size: 12px;
  line-height: 1.25;
}

.artifact-tooltip header p i {
  color: #777;
  font-style: normal;
}

.artifact-tooltip .builder-tooltip-section {
  padding: 10px 11px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.artifact-tooltip .builder-tooltip-section p {
  margin: 0;
  color: #ddd6e8;
  line-height: 1.36;
  overflow-wrap: break-word;
}

.artifact-tooltip .artifact-stats {
  display: grid;
  gap: 6px;
}

.artifact-tooltip .artifact-stats div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 6px 8px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 4px;
  background: rgba(255,255,255,0.055);
}

.artifact-tooltip .artifact-stats span {
  min-width: 0;
  overflow-wrap: break-word;
}

.artifact-tooltip .artifact-stats b {
  color: #7de8b2;
  white-space: nowrap;
}

.artifact-tooltip .artifact-stats div.is-main {
  border-color: color-mix(in srgb, var(--grade, #4aa3ff) 45%, rgba(255,255,255,0.08));
  background: color-mix(in srgb, var(--grade, #4aa3ff) 12%, rgba(255,255,255,0.05));
}

.artifact-tooltip .artifact-set-bonuses h4 {
  margin: 0 0 6px;
  color: #ffe07a;
  font-size: 13px;
  line-height: 1.2;
}

.artifact-tooltip .artifact-set-bonuses p {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 14px;
  gap: 6px;
  align-items: start;
  margin: 3px 0;
  color: #9f98a9;
  line-height: 1.28;
}

.artifact-tooltip .artifact-set-bonuses p.is-active {
  color: #f2edf8;
}

.artifact-tooltip .artifact-set-bonuses span {
  color: #d6bcff;
  font-weight: 900;
}

.artifact-tooltip .artifact-set-bonuses b {
  min-width: 0;
  color: inherit;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.artifact-tooltip .artifact-set-bonuses em {
  color: #62e48f;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
}

.artifact-tooltip .artifact-skill-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
}

.artifact-tooltip .artifact-skill-head img {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(197, 124, 255, 0.55);
  border-radius: 4px;
  object-fit: cover;
  flex: 0 0 auto;
}

.artifact-tooltip .artifact-skill h4 {
  margin: 0;
  color: #ffe07a;
  font-size: 13px;
}

@media (max-width: 960px) {
  .builder-artifact-summary,
  .builder-artifact-set-card {
    grid-template-columns: 1fr;
  }
  .builder-artifact-set-action {
    justify-items: start;
  }
  .builder-artifact-select-list {
    grid-template-columns: 1fr;
  }
  .builder-artifact-stat-choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .builder-artifact-property {
    grid-template-columns: 22px minmax(0, 1fr);
  }
  .builder-artifact-property p {
    grid-column: 2;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 700px) {
  .builder-artifact-scene {
    height: 300px;
    min-height: 300px;
  }
  .builder-artifact-core {
    grid-template-columns: repeat(2, 74px);
    grid-template-rows: repeat(2, 74px);
    width: 148px;
    height: 148px;
  }
  .builder-artifact-core-piece img {
    width: 124px;
    height: 124px;
  }
  .builder-artifact-slot {
    width: 70px;
    height: 70px;
  }
  .builder-artifact-slot-dots i {
    width: 13px;
    height: 13px;
  }
  .builder-artifact-slot.is-talistone1 { left: 37%; top: 17%; }
  .builder-artifact-slot.is-talistone2 { left: 63%; top: 17%; }
  .builder-artifact-slot.is-talistone3 { left: 37%; top: 83%; }
  .builder-artifact-slot.is-talistone4 { left: 63%; top: 83%; }
  .builder-artifact-slot.is-gemstone1 { left: 26%; top: 50%; }
  .builder-artifact-slot.is-gemstone2 { left: 74%; top: 50%; }
}

/* RUTL item database map/passive polish 20260708 */
.item-db-skill-ref, .builder-item-skill-ref { color: #ffd86f; font-weight: 900; }
.item-db-filters { grid-template-columns: minmax(220px, 1.35fr) repeat(5, minmax(128px, 0.8fr)) !important; }
.item-db-row { align-items: center !important; min-height: 72px !important; padding: 10px !important; }
.item-db-row-main { align-content: center !important; gap: 3px !important; min-height: 48px; }
.item-db-row-main b, .item-db-row-main small, .item-db-row-main em { line-height: 1.18 !important; }


/* RUTL protected build and item database refinements */
.builder-damage-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

.item-db-item-level {
  display: inline-block;
  margin-top: 6px;
  color: #f2e2a2;
  font-size: 13px;
}

.item-db-weapon-damage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: rgba(255,255,255,.035);
}

.item-db-weapon-damage + .item-db-weapon-damage {
  margin-top: 6px;
}

.item-db-weapon-damage span {
  color: #ddd6ea;
}

.item-db-weapon-damage b {
  color: #65f0a3;
  font-size: 18px;
}

.item-db-perk .item-db-perk-body {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
}

.item-db-perk-icon {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(188,110,255,.75);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(90,44,120,.25);
  overflow: hidden;
}

.item-db-perk-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-db-perk b {
  display: block;
  margin-bottom: 6px;
  color: #74f0aa;
}

.builder-catalog-filters {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(130px, .42fr) minmax(130px, .42fr) minmax(170px, .55fr) auto;
  gap: 8px;
  align-items: end;
}

.builder-catalog-filter-search.is-wide {
  grid-column: 1 / -2;
  grid-row: 1;
}

.builder-catalog-search-submit {
  grid-column: -2 / -1;
  grid-row: 1;
  min-height: 48px;
  align-self: end;
}

.builder-catalog-class-filter,
.builder-catalog-filter-select,
.builder-catalog-tier-control {
  grid-row: 2;
}

@media (max-width: 900px) {
  .builder-damage-cards,
  .builder-catalog-filters {
    grid-template-columns: 1fr;
  }

  .builder-catalog-filter-search.is-wide,
  .builder-catalog-search-submit,
  .builder-catalog-class-filter,
  .builder-catalog-filter-select,
  .builder-catalog-tier-control {
    grid-column: auto;
    grid-row: auto;
  }
}

/* RUTL catalog one-line filters and compact badges 20260708 */
@media (min-width: 901px) {
  .builder-catalog-filters {
    display: grid !important;
    grid-template-columns: minmax(250px, 1.35fr) minmax(118px, 0.42fr) minmax(150px, 0.46fr) minmax(170px, 0.55fr) minmax(230px, 1fr) auto !important;
    gap: 8px !important;
    align-items: end !important;
  }

  .builder-catalog-filter-search.is-wide,
  .builder-catalog-search-submit,
  .builder-catalog-class-filter,
  .builder-catalog-filter-select,
  .builder-catalog-tier-control {
    grid-row: 1 !important;
  }

  .builder-catalog-class-filter {
    grid-column: 1 !important;
  }

  .builder-catalog-filter-select:not(.is-sort):not(.is-tier),
  .builder-catalog-filter-select:nth-of-type(1) {
    grid-column: 2 !important;
  }

  .builder-catalog-tier-control {
    grid-column: 3 !important;
  }

  .builder-catalog-filter-select.is-sort {
    grid-column: 4 !important;
  }

  .builder-catalog-filter-search.is-wide {
    grid-column: 5 !important;
  }

  .builder-catalog-search-submit {
    grid-column: 6 !important;
    min-width: 76px !important;
  }
}

.builder-catalog-card-title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-height: 0 !important;
}

.builder-catalog-card-title .builder-catalog-tier-badge,
.builder-catalog-card-title .builder-catalog-role-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 0 9px 1px !important;
  line-height: 22px !important;
  white-space: nowrap !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
}

.builder-catalog-card-title .builder-catalog-tier-badge {
  order: 0 !important;
}

.builder-catalog-card-title .builder-catalog-role-badge {
  order: 1 !important;
}

.builder-catalog-card-title h3 {
  order: 2 !important;
  flex: 1 1 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 2px !important;
}

/* T2 item name wrapping and mastery source clarity v101 */
.builder-tooltip-card.item .builder-tooltip-hero > div {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.builder-tooltip-card.item .builder-tooltip-hero h3 {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.16;
}

.builder-item-select span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.14;
  white-space: normal;
  overflow-wrap: anywhere;
}

.builder-choice b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.12;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Stat source tooltip wrapping v102 */
.builder-tooltip-card.stat-source .builder-stat-source-group h4 span {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.builder-tooltip-card.stat-source .builder-stat-source-row {
  align-items: start;
}

.builder-tooltip-card.stat-source .builder-stat-source-row span {
  align-self: center;
}

.builder-tooltip-card.stat-source .builder-stat-source-row b,
.builder-tooltip-card.stat-source .builder-stat-source-row small {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.18;
}

.builder-tooltip-card.stat-source .builder-stat-source-row strong {
  align-self: center;
  min-width: max-content;
  text-align: right;
  white-space: nowrap;
}


/* RUTL feedback bugtracker polish 20260709 */
.feedback-button.feedback-button-icon {
  width: 2.65rem;
  min-width: 2.65rem;
  height: 2.65rem;
  padding: 0;
  justify-content: center;
}
.feedback-button.feedback-button-icon .feedback-icon {
  width: 1.18rem;
  height: 1.18rem;
}
.feedback-icon {
  -webkit-mask: url("/assets/icons/bug.svg") center / contain no-repeat !important;
  mask: url("/assets/icons/bug.svg") center / contain no-repeat !important;
}
.feedback-file-field small {
  color: #9f94aa;
  font-size: 0.74rem;
  line-height: 1.4;
}
.feedback-file-field input[type="file"] {
  padding: 0.55rem 0.75rem;
  min-height: 2.65rem;
}
.feedback-file-field input[type="file"]::file-selector-button {
  margin-right: 0.75rem;
  border: 1px solid rgba(173, 123, 221, 0.45);
  border-radius: 0.4rem;
  background: rgba(173, 123, 221, 0.16);
  color: #f2ddff;
  font: inherit;
  font-weight: 900;
  padding: 0.38rem 0.65rem;
}


/* RUTL equipment source button compact + T2 active node contrast 20260709 */
.builder-equipment-view.has-source-button .builder-equipment-head {
  padding-right: 9rem !important;
}

.builder-equipment-view > .builder-equipment-source-button {
  top: 0.72rem !important;
  right: 0.72rem !important;
  min-width: auto !important;
  width: auto !important;
  max-width: none !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 0.65rem !important;
  border-radius: 4px !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
  gap: 0.4rem !important;
}

.builder-equipment-view > .builder-equipment-source-button svg {
  width: 15px !important;
  height: 15px !important;
}

.builder-t2-node.is-active .builder-t2-node-icon::before {
  border-color: color-mix(in srgb, var(--t2-node-color, #ff5d65) 62%, #fff 38%) !important;
  border-width: 3px !important;
  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.92),
    0 0 0 5px color-mix(in srgb, var(--t2-node-color, #ff5d65) 54%, transparent),
    0 0 14px color-mix(in srgb, var(--t2-node-color, #ff5d65) 92%, transparent),
    0 0 30px color-mix(in srgb, var(--t2-node-color, #ff5d65) 62%, transparent),
    inset 0 0 12px rgba(255, 255, 255, 0.18) !important;
}

.builder-t2-node.shape-diamond.is-active .builder-t2-node-icon::before {
  background: color-mix(in srgb, var(--t2-node-color, #d6a84f) 78%, #fff 22%) !important;
  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.92),
    0 0 0 5px color-mix(in srgb, var(--t2-node-color, #d6a84f) 50%, transparent),
    0 0 16px color-mix(in srgb, var(--t2-node-color, #d6a84f) 92%, transparent),
    0 0 32px color-mix(in srgb, var(--t2-node-color, #d6a84f) 60%, transparent) !important;
}

.builder-t2-node.is-active .builder-t2-node-bg {
  opacity: 1 !important;
  filter: brightness(1.12) contrast(1.12) drop-shadow(0 0 8px color-mix(in srgb, var(--t2-node-color, #ff5d65) 82%, transparent)) !important;
}

.builder-t2-node.is-active .builder-t2-node-art {
  opacity: 1 !important;
  filter: brightness(1.12) contrast(1.1) drop-shadow(0 0 4px color-mix(in srgb, var(--t2-node-color, #ff5d65) 76%, transparent)) !important;
}

/* RUTL builder tags/profile/group polish 20260709 */
.builder-profile-button[hidden] { display: none !important; }
.builder-profile-button { width: 2.55rem; min-width: 2.55rem; padding: 0 !important; }
.builder-profile-icon { width: 1.05rem; height: 1.05rem; border: 2px solid currentColor; border-radius: 50%; position: relative; display: inline-block; }
.builder-profile-icon::after { content: ""; position: absolute; left: 50%; top: 100%; width: 1.15rem; height: .58rem; border: 2px solid currentColor; border-top: 0; border-radius: 0 0 999px 999px; transform: translate(-50%, .15rem); }
.site-profile-inner { max-width: min(26rem, calc(100vw - 2rem)); }
.site-profile-inner label { display: grid; gap: .35rem; color: #d8d0e4; font-weight: 850; }
.site-profile-inner input { height: 2.55rem; border: 1px solid rgba(255,255,255,.14); border-radius: 6px; background: #242329; color: #fff; padding: 0 .75rem; font: inherit; }
.site-profile-actions { margin-top: .6rem; }
.builder-top-spacer { justify-self: start; min-width: 0; }
.builder-create-group { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.1rem; border: 1px solid rgba(70,212,126,.62); border-radius: 5px; background: linear-gradient(180deg,#1e7543,#145432); color: #eafff1; font-weight: 950; padding: 0 .7rem; cursor: pointer; }
.builder-create-group b { white-space: nowrap; }
.builder-tag-picker { position: relative; min-width: 8.5rem; }
.builder-tag-trigger { display: grid !important; grid-template-columns: auto minmax(0,1fr); gap: .35rem; align-items: center !important; min-height: 2rem !important; max-width: 15rem; border: 1px solid #383838 !important; border-radius: 4px !important; background: #262626 !important; color: #f4f4f4 !important; padding: 0 .5rem !important; text-align: left; }
.builder-tag-trigger span { color: #bfa6d8; font-size: .72rem; font-weight: 900; }
.builder-tag-trigger b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: .82rem; }
.builder-tag-menu { position: absolute; top: calc(100% + .3rem); left: 0; z-index: 50; display: flex; flex-wrap: wrap; gap: .35rem; width: 18rem; border: 1px solid rgba(174,111,222,.45); border-radius: 6px; background: #1f1d24; box-shadow: 0 1rem 2.5rem rgba(0,0,0,.55); padding: .55rem; }
.builder-tag-menu button { min-height: 1.9rem !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 5px !important; background: rgba(255,255,255,.05) !important; color: #ded6e8 !important; padding: 0 .55rem !important; font-size: .82rem; }
.builder-tag-menu button.is-active { border-color: rgba(70,212,126,.72) !important; background: rgba(31,117,67,.72) !important; color: #eafff1 !important; }
.builder-rail-author { display: grid; gap: .16rem; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; background: #17171a; padding: .55rem .65rem; margin-bottom: .55rem; }
.builder-rail-author span { color: #a9a2b5; font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.builder-rail-author b { color: #ffe8a0; font-size: .95rem; line-height: 1.1; }
.builder-rail-author small { color: #c9c2d3; font-size: .74rem; line-height: 1.15; }
.builder-build-actions { justify-items: center; }
.builder-build-actions .builder-add-variant { width: 2.65rem !important; min-width: 2.65rem !important; height: 2.35rem !important; padding: 0 !important; }
.builder-build-actions .builder-add-variant .builder-plus-icon { margin: 0; }
.builder-save-details-card { max-width: min(28rem, calc(100vw - 2rem)); }
.builder-save-field { display: grid; gap: .35rem; margin-top: .65rem; color: #d8d0e4; font-weight: 850; }
.builder-save-field input { height: 2.5rem; border: 1px solid rgba(255,255,255,.14); border-radius: 5px; background: #242329; color: #fff; padding: 0 .7rem; font: inherit; }
.builder-slot.filled .builder-frame { background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--grade, #8e55be) 62%, #ffffff 8%), color-mix(in srgb, var(--grade, #8e55be) 34%, #202020 66%) 54%, #141414 100%) !important; }
.builder-slot.filled .builder-frame::before { background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--grade, #8e55be) 52%, rgba(255,255,255,.14)), color-mix(in srgb, var(--grade, #8e55be) 22%, rgba(12,12,13,.98)) 62%, rgba(12,12,13,.98) 100%) !important; }
.builder-catalog-tag-filter { display: grid !important; min-width: 0 !important; gap: .32rem !important; color: #bfb8c9 !important; font-size: .76rem !important; font-weight: 900 !important; }
.builder-catalog-tag-options { display: flex; align-items: center; gap: .25rem; min-height: 3rem; border: 1px solid rgba(255,255,255,.13); border-radius: .35rem; background: #2b2b2b; padding: .22rem; overflow-x: auto; }
.builder-catalog-tag-options button { flex: 0 0 auto; min-height: 2.35rem !important; border: 0 !important; border-radius: .28rem !important; background: transparent !important; color: #d8d0e3 !important; padding: 0 .55rem !important; box-shadow: none !important; }
.builder-catalog-tag-options button.is-active { background: rgba(31,117,67,.82) !important; color: #eafff1 !important; }
.builder-catalog-card-title { flex-wrap: wrap; align-items: center; }
.builder-catalog-card-title .builder-catalog-tier-badge,
.builder-catalog-card-title .builder-catalog-tag-badge { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; height: 1.45rem !important; padding: 0 .5rem !important; line-height: 1 !important; }
.builder-catalog-card-title .builder-catalog-tag-badge { border-color: rgba(70,212,126,.46) !important; background: rgba(31,117,67,.32) !important; color: #eafff1 !important; }
.builder-catalog-card-title h3.is-empty { visibility: hidden; min-height: 1.15rem; }
.builder-catalog-filters { grid-template-columns: minmax(15rem, 1.3fr) minmax(19rem, 1.4fr) minmax(7.2rem, .6fr) minmax(9rem, .8fr) minmax(18rem, 1.6fr) minmax(6.5rem, .5fr) !important; }
@media (max-width: 1440px) { .builder-catalog-filters { grid-template-columns: minmax(14rem, 1.2fr) minmax(17rem, 1.2fr) minmax(7rem, .6fr) minmax(8.5rem, .8fr) minmax(16rem, 1.4fr) minmax(6rem, .5fr) !important; } }
@media (max-width: 1180px) { .builder-catalog-filters { grid-template-columns: 1fr 1fr !important; } }


/* RUTL public bugtracker, profile modal and catalog role dropdown 20260709 */
.bugtracker-tab-icon { --tab-icon: url("/assets/icons/bug.svg"); }

.feedback-button {
  min-width: auto !important;
  padding: 0 0.78rem !important;
  gap: 0.42rem !important;
  white-space: nowrap;
}
.feedback-button .feedback-icon {
  width: 1rem !important;
  height: 1rem !important;
  -webkit-mask: none !important;
  mask: none !important;
  background: none !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex: 0 0 auto;
}

.builder-profile-button[hidden] { display: none !important; }
.builder-profile-button {
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  height: 2.55rem !important;
  padding: 0 !important;
  justify-content: center !important;
}
.builder-profile-button .builder-profile-icon {
  width: 1.28rem !important;
  height: 1.28rem !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.05 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.builder-profile-icon::after { display: none !important; }
.site-profile-inner {
  width: min(31rem, calc(100vw - 2rem)) !important;
  max-width: min(31rem, calc(100vw - 2rem)) !important;
  padding: 2rem 2.15rem !important;
  display: grid !important;
  gap: 0.85rem !important;
}
.site-profile-inner h2 {
  margin: 0 !important;
  padding-right: 2.6rem;
  font-size: clamp(1.65rem, 3vw, 2.05rem) !important;
  line-height: 1.08 !important;
}
.site-profile-inner p {
  margin: 0 0 0.2rem !important;
  max-width: 26rem;
  color: #d8d0e4;
  line-height: 1.55;
}
.site-profile-inner label {
  display: grid !important;
  gap: 0.38rem !important;
  color: #d8d0e4 !important;
  font-weight: 900 !important;
}
.site-profile-inner input {
  width: 100% !important;
  height: 2.72rem !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 0.42rem !important;
  background: #242329 !important;
  color: #fff !important;
  padding: 0 0.78rem !important;
  font: inherit !important;
}
.site-profile-actions {
  margin-top: 0.8rem !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.65rem !important;
}

@media (min-width: 1181px) {
  .builder-catalog-filters {
    grid-template-columns: minmax(21rem, 1.55fr) 8.25rem 11.25rem 11.75rem minmax(18rem, 1fr) 7.1rem !important;
    gap: 0.48rem !important;
    align-items: end !important;
  }
  .builder-catalog-class-filter { grid-column: 1 !important; grid-row: 1 !important; }
  .builder-catalog-tier-control { grid-column: 2 !important; grid-row: 1 !important; }
  .builder-catalog-tag-filter { grid-column: 3 !important; grid-row: 1 !important; }
  .builder-catalog-filter-select.is-sort { grid-column: 4 !important; grid-row: 1 !important; width: 11.75rem !important; min-width: 11.75rem !important; }
  .builder-catalog-filter-search.is-wide { grid-column: 5 !important; grid-row: 1 !important; }
  .builder-catalog-search-submit { grid-column: 6 !important; grid-row: 1 !important; min-height: 3rem !important; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  .builder-catalog-filters { grid-template-columns: minmax(18rem, 1fr) 8rem 11rem minmax(12rem, 0.7fr) !important; }
  .builder-catalog-class-filter { grid-column: 1 !important; }
  .builder-catalog-tier-control { grid-column: 2 !important; }
  .builder-catalog-tag-filter { grid-column: 3 !important; }
  .builder-catalog-filter-select.is-sort { grid-column: 4 !important; width: auto !important; }
  .builder-catalog-filter-search.is-wide { grid-column: 1 / 4 !important; grid-row: 2 !important; }
  .builder-catalog-search-submit { grid-column: 4 !important; grid-row: 2 !important; }
}
.builder-catalog-filter-caption,
.builder-catalog-filters label > span,
.builder-catalog-tag-filter > span {
  color: #cfc4da !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.builder-catalog-class-current b,
.builder-catalog-class-option-copy b {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.9rem !important;
}
.builder-catalog-class-current small,
.builder-catalog-class-option-copy small {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.builder-catalog-class-menu {
  width: max(100%, 28rem) !important;
  min-width: max(100%, 28rem) !important;
}
.builder-catalog-tier-control .builder-catalog-tier-slider {
  height: 3rem !important;
  min-height: 3rem !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 0.12rem !important;
  padding: 0.15rem !important;
}
.builder-catalog-tier-slider button {
  min-height: 2.62rem !important;
  padding: 0 0.22rem !important;
  font-size: 0.82rem !important;
}
.builder-catalog-tag-filter {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  gap: 0.32rem !important;
  color: #bfb8c9 !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
}
.builder-catalog-tag-trigger {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 3rem !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 0.35rem !important;
  background: #2b2b2b !important;
  color: #f7f3ff !important;
  padding: 0 0.65rem !important;
  text-align: left !important;
  cursor: pointer;
}
.builder-catalog-tag-trigger b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  line-height: 1;
}
.builder-catalog-tag-trigger i {
  width: 0.48rem;
  height: 0.48rem;
  border-right: 2px solid #bdb5c8;
  border-bottom: 2px solid #bdb5c8;
  transform: rotate(45deg) translateY(-0.12rem);
}
.builder-catalog-tag-filter.is-open .builder-catalog-tag-trigger i { transform: rotate(225deg) translateY(-0.12rem); }
.builder-catalog-tag-options { display: none !important; }
.builder-catalog-tag-menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  z-index: 60;
  display: grid;
  width: max(100%, 12.5rem);
  border: 1px solid rgba(173,123,221,.42);
  border-radius: 0.45rem;
  background: #222026;
  box-shadow: 0 1.2rem 2.5rem rgba(0,0,0,.58);
  padding: 0.42rem;
}
.builder-catalog-tag-menu button {
  display: grid !important;
  grid-template-columns: 1.1rem minmax(0,1fr) !important;
  align-items: center !important;
  gap: 0.45rem !important;
  min-height: 2.1rem !important;
  border: 0 !important;
  border-radius: 0.32rem !important;
  background: transparent !important;
  color: #eee7f7 !important;
  padding: 0 0.55rem !important;
  text-align: left !important;
  box-shadow: none !important;
}
.builder-catalog-tag-menu button:hover,
.builder-catalog-tag-menu button.is-active {
  background: rgba(31,117,67,.58) !important;
  color: #eafff1 !important;
}
.builder-catalog-tag-check {
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 0.22rem;
  color: #73f0a3;
  font-weight: 950;
  line-height: 1;
}
.builder-catalog-card-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.32rem !important;
}
.builder-catalog-card-title .builder-catalog-tier-badge,
.builder-catalog-card-title .builder-catalog-tag-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  height: 1.5rem !important;
  min-height: 1.5rem !important;
  padding: 0 0.55rem !important;
  border-radius: 0.34rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.builder-catalog-card-title h3 {
  flex: 1 1 100% !important;
  min-width: 0 !important;
}

.bugtracker-page {
  display: grid;
  gap: 1rem;
  max-width: 76rem;
  margin: 0 auto;
  padding: 1rem;
}
.bugtracker-hero,
.bugtracker-summary,
.bugtracker-filters,
.bugtracker-card,
.bugtracker-empty {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(22,22,24,.96);
  box-shadow: inset 0 0 2rem rgba(0,0,0,.2);
}
.bugtracker-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem;
}
.bugtracker-hero span {
  color: #b770ff;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}
.bugtracker-hero h1 {
  margin: 0.2rem 0 0;
  color: #fff1ba;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1;
}
.bugtracker-hero p {
  margin: 0.55rem 0 0;
  max-width: 48rem;
  color: #d5cedd;
  line-height: 1.55;
}
.bugtracker-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  padding: 0.6rem;
}
.bugtracker-summary span {
  display: grid;
  gap: 0.15rem;
  border-radius: 6px;
  background: rgba(255,255,255,.04);
  padding: 0.65rem 0.75rem;
}
.bugtracker-summary b { color: #72e3a0; font-size: 1.35rem; line-height: 1; }
.bugtracker-summary small { color: #aaa1b6; font-weight: 800; }
.bugtracker-filters {
  display: grid;
  grid-template-columns: minmax(12rem, 15rem) minmax(10rem, 12rem) auto;
  align-items: end;
  gap: 0.55rem;
  padding: 0.75rem;
}
.bugtracker-filters label { display: grid; gap: 0.28rem; color: #cfc4da; font-size: 0.78rem; font-weight: 950; }
.bugtracker-filters select,
.bugtracker-filters button {
  height: 2.6rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 0.38rem;
  background: #2b2b2b;
  color: #fff;
  padding: 0 0.75rem;
  font: inherit;
  font-weight: 900;
}
.bugtracker-filters button { justify-self: start; cursor: pointer; }
.bugtracker-list { display: grid; gap: 0.7rem; }
.bugtracker-card { padding: 0.9rem; }
.bugtracker-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; }
.bugtracker-id { color: #ffe08a; font-size: 0.78rem; font-weight: 950; }
.bugtracker-card h3 { margin: 0.2rem 0 0; color: #fff; font-size: 1.05rem; line-height: 1.18; }
.bugtracker-status {
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 0.3rem 0.62rem;
  font-size: 0.76rem;
  font-weight: 950;
}
.bugtracker-status.is-fixed { border-color: rgba(70,212,126,.45); background: rgba(31,117,67,.32); color: #d9ffe6; }
.bugtracker-status.is-pending { border-color: rgba(255,205,96,.38); background: rgba(123,89,25,.28); color: #ffe7a5; }
.bugtracker-status.is-unconfirmed { border-color: rgba(89,172,255,.38); background: rgba(32,92,147,.26); color: #d7ebff; }
.bugtracker-status.is-planned { border-color: rgba(188,128,255,.4); background: rgba(94,46,156,.28); color: #eadcff; }
.bugtracker-status.is-progress { border-color: rgba(84,210,255,.4); background: rgba(27,105,135,.28); color: #d7f6ff; }
.bugtracker-status.is-rejected { border-color: rgba(255,105,128,.38); background: rgba(126,36,52,.26); color: #ffd7de; }
.bugtracker-meta { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.6rem; }
.bugtracker-meta span { border-radius: 999px; background: rgba(255,255,255,.06); color: #cfc7d8; padding: 0.25rem 0.52rem; font-size: 0.74rem; font-weight: 850; }
.bugtracker-fields { display: grid; gap: 0.35rem; margin: 0.7rem 0 0; }
.bugtracker-fields div { display: grid; grid-template-columns: 7rem minmax(0,1fr); gap: 0.5rem; }
.bugtracker-fields dt { color: #a79eaf; font-size: 0.78rem; font-weight: 900; }
.bugtracker-fields dd { margin: 0; color: #efeaf6; overflow-wrap: anywhere; }
.bugtracker-body { margin: 0.75rem 0 0; color: #f0ebf6; line-height: 1.55; white-space: pre-wrap; }
.bugtracker-comment { margin-top: 0.75rem; border-top: 1px solid rgba(255,255,255,.1); padding-top: 0.7rem; }
.bugtracker-comment b { color: #ffe08a; }
.bugtracker-comment p { margin: 0.25rem 0 0; color: #dcd4e7; line-height: 1.5; white-space: pre-wrap; }
.bugtracker-empty { padding: 1.2rem; color: #bdb5c8; font-weight: 850; text-align: center; }
@media (max-width: 720px) {
  .bugtracker-hero { display: grid; }
  .bugtracker-summary,
  .bugtracker-filters { grid-template-columns: 1fr; }
  .bugtracker-fields div { grid-template-columns: 1fr; }
}


/* RUTL my builds four-column layout 20260709 */
.builder-catalog-my-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
  align-items: stretch !important;
}
.builder-catalog-my-item {
  min-width: 0 !important;
  height: 100% !important;
}
@media (max-width: 1320px) {
  .builder-catalog-my-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 980px) {
  .builder-catalog-my-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
  .builder-catalog-my-list { grid-template-columns: 1fr !important; }
}

/* RUTL bugtracker scroll route fix 20260709 */
.app-shell:has(.bugtracker-panel.is-active) {
  overflow: hidden !important;
}

.bugtracker-panel.is-active {
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

.bugtracker-panel.is-active .bugtracker-root {
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
}

.bugtracker-panel.is-active .bugtracker-page {
  min-height: auto !important;
  padding-bottom: 3rem !important;
}

/* RUTL catalog role dropdown sizing fix 20260709 */
.builder-catalog-tag-filter {
  max-width: 100% !important;
}

.builder-catalog-tag-trigger {
  min-width: 0 !important;
  overflow: hidden !important;
}

.builder-catalog-tag-trigger b {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-catalog-tag-menu {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.builder-catalog-tag-menu button span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* RUTL catalog role reset and empty dropdown clipping fix 20260709 */
.builds-panel.is-active,
.builds-panel.is-active .builder-root,
.builds-panel.is-active .builder-catalog-shell,
.builds-panel.is-active .builder-catalog-explore,
.builds-panel.is-active .builder-catalog-filters,
.builds-panel.is-active .builder-catalog-grid {
  overflow: visible !important;
}

.builder-catalog-shell:has(.builder-catalog-tag-filter.is-open) {
  padding-bottom: 13rem !important;
}

.builder-catalog-explore:has(.builder-catalog-tag-filter.is-open) {
  z-index: 80 !important;
}

.builder-catalog-tag-filter.is-open {
  z-index: 120 !important;
}

.builder-catalog-tag-control {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
}

.builder-catalog-tag-control .builder-catalog-tag-trigger {
  padding-right: 3.75rem !important;
}

.builder-catalog-tag-reset {
  position: absolute !important;
  right: 1.95rem !important;
  top: 50% !important;
  z-index: 3 !important;
  width: 1.45rem !important;
  height: 1.45rem !important;
  min-width: 1.45rem !important;
  min-height: 1.45rem !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 0.3rem !important;
  background: rgba(255,255,255,.06) !important;
  color: #d9d3e3 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.builder-catalog-tag-reset:hover {
  border-color: rgba(255,112,136,.54) !important;
  background: rgba(104,35,49,.55) !important;
  color: #ffdce2 !important;
}

.builder-catalog-tag-menu {
  max-height: min(17rem, calc(100dvh - 11rem)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.builder-catalog-grid .builder-catalog-empty {
  grid-column: 1 / -1 !important;
  min-height: 3.4rem !important;
  display: flex !important;
  align-items: center !important;
}


/* RUTL profile modal, variant add button and static feedback admin 20260709 */
.site-profile-inner {
  position: relative !important;
  width: min(27rem, calc(100vw - 2rem)) !important;
  max-width: min(27rem, calc(100vw - 2rem)) !important;
  padding: 1.65rem !important;
  gap: 0.78rem !important;
  justify-items: stretch !important;
}

.site-profile-inner .modal-close {
  position: absolute !important;
  top: 0.8rem !important;
  right: 0.8rem !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  margin: 0 !important;
}

.site-profile-inner h2 {
  max-width: 19rem !important;
  padding: 0 2.3rem 0 0 !important;
  font-size: clamp(1.72rem, 4vw, 2.15rem) !important;
  line-height: 0.98 !important;
}

.site-profile-inner p {
  max-width: 22rem !important;
  margin: 0 !important;
}

.site-profile-inner label {
  margin-top: 0.2rem !important;
}

.site-profile-actions {
  width: 100% !important;
  margin-top: 0.55rem !important;
  justify-content: center !important;
}

.site-profile-actions button {
  min-width: 7.1rem !important;
}

.builder-build-actions {
  justify-items: stretch !important;
}

.builder-build-actions .builder-add-variant {
  width: 100% !important;
  min-width: 100% !important;
  height: 2.55rem !important;
  min-height: 2.55rem !important;
  padding: 0 !important;
}

.builder-build-actions .builder-add-variant .builder-plus-icon {
  margin: 0 !important;
}

.rutl-admin-feedback-page {
  min-height: 100dvh;
  overflow: auto;
  background:
    radial-gradient(circle at 20% -10%, rgba(151, 72, 196, 0.22), transparent 28rem),
    linear-gradient(180deg, #0b0811, #050407 58%, #040304);
}

.rutl-admin-feedback-page .app-shell {
  height: auto;
}

.admin-feedback-shell {
  width: min(100%, 86rem);
  min-height: 100dvh;
  margin: 0 auto;
  padding: 1rem;
  color: #f5efe1;
}

.admin-feedback-hero,
.admin-feedback-sidebar,
.admin-feedback-detail {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(20, 20, 23, 0.96);
  box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.22);
}

.admin-feedback-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
  padding: 1.1rem 1.2rem;
}

.admin-feedback-kicker,
.admin-feedback-id {
  color: #ffe08a;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-feedback-hero h1 {
  margin: 0.2rem 0 0;
  color: #fff1ba;
  font-size: clamp(2rem, 4vw, 3.15rem);
  line-height: 1;
}

.admin-feedback-hero p {
  margin: 0.55rem 0 0;
  color: #d6cfde;
}

.admin-feedback-back,
.admin-feedback-actions button,
.admin-feedback-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: #2b2b2b;
  color: #fff;
  padding: 0 0.9rem;
  cursor: pointer;
  font-weight: 900;
}

.admin-feedback-layout {
  display: grid;
  grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
}

.admin-feedback-sidebar,
.admin-feedback-detail {
  padding: 0.85rem;
}

.admin-feedback-sidebar {
  position: sticky;
  top: 1rem;
  display: grid;
  gap: 0.65rem;
  max-height: calc(100dvh - 2rem);
}

.admin-feedback-sidebar-head,
.admin-feedback-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.admin-feedback-sidebar-head strong {
  color: #fff;
  font-size: 1.05rem;
}

.admin-feedback-sidebar-head span {
  color: #72e3a0;
  font-weight: 950;
}

.admin-feedback-search input,
.admin-feedback-filters select,
.admin-feedback-editor select,
.admin-feedback-editor textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: #242329;
  color: #fff;
  font: inherit;
  outline: none;
}

.admin-feedback-search input,
.admin-feedback-filters select,
.admin-feedback-editor select {
  height: 2.55rem;
  padding: 0 0.72rem;
}

.admin-feedback-filters,
.admin-feedback-editor {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.admin-feedback-check {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: #d7cfdf;
  font-size: 0.86rem;
}

.admin-feedback-list {
  display: grid;
  gap: 0.5rem;
  min-height: 0;
  overflow-y: auto;
  padding-right: 0.15rem;
}

.admin-feedback-card,
.admin-feedback-list-empty,
.admin-feedback-empty,
.admin-feedback-section,
.admin-feedback-fields {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(10, 10, 12, 0.42);
}

.admin-feedback-card {
  display: grid;
  gap: 0.35rem;
  padding: 0.75rem;
  color: #efeaf6;
  text-align: left;
  cursor: pointer;
}

.admin-feedback-card.is-active {
  border-color: rgba(190, 118, 255, 0.68);
  background: rgba(116, 63, 157, 0.18);
}

.admin-feedback-card strong {
  color: #fff;
  line-height: 1.18;
}

.admin-feedback-card-status {
  justify-self: start;
  border-radius: 999px;
  padding: 0.24rem 0.55rem;
  font-size: 0.74rem;
  font-weight: 950;
}

.admin-feedback-card-status.is-fixed { background: rgba(31, 117, 67, 0.38); color: #d9ffe6; }
.admin-feedback-card-status.is-pending { background: rgba(123, 89, 25, 0.38); color: #ffe7a5; }
.admin-feedback-card-status.is-unconfirmed { background: rgba(32, 92, 147, 0.38); color: #d7ebff; }
.admin-feedback-card-status.is-rejected { background: rgba(126, 36, 52, 0.38); color: #ffd7de; }

.admin-feedback-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
}

.admin-feedback-card-meta span {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: #cfc7d8;
  padding: 0.2rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 850;
}

.admin-feedback-card small {
  color: #908898;
}

.admin-feedback-detail {
  display: grid;
  gap: 0.85rem;
  min-height: calc(100dvh - 8rem);
}

.admin-feedback-detail-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 0.85rem;
}

.admin-feedback-detail-head h2 {
  margin: 0.18rem 0 0;
  color: #fff1ba;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.08;
}

.admin-feedback-detail-head p {
  margin: 0.45rem 0 0;
  color: #aaa1b6;
}

.admin-feedback-danger {
  border-color: rgba(255, 105, 128, 0.38);
  background: rgba(126, 36, 52, 0.4);
  color: #ffd7de;
}

.admin-feedback-fields {
  display: grid;
  grid-template-columns: 8.2rem minmax(0, 1fr);
  gap: 0.45rem 0.65rem;
  padding: 0.85rem;
}

.admin-feedback-fields dt {
  color: #ffe08a;
  font-weight: 900;
}

.admin-feedback-fields dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-feedback-fields a {
  color: #82c8ff;
}

.admin-feedback-section,
.admin-feedback-empty,
.admin-feedback-list-empty {
  padding: 0.9rem;
}

.admin-feedback-section h3 {
  margin: 0;
  color: #ffe08a;
  font-size: 0.86rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-feedback-section p {
  margin: 0.7rem 0 0;
  color: #f0ebf6;
  line-height: 1.6;
  white-space: pre-wrap;
}

.admin-feedback-attachments {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.7rem;
  margin-top: 0.75rem;
}

.admin-feedback-attachments a {
  display: grid;
  gap: 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  padding: 0.45rem;
}

.admin-feedback-attachments img {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 5px;
  object-fit: cover;
}

.admin-feedback-attachments b {
  overflow: hidden;
  color: #fff;
  font-size: 0.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-feedback-attachments small {
  color: #aaa1b6;
}

.admin-feedback-editor {
  grid-template-columns: 16rem minmax(0, 1fr);
  margin-top: 0.75rem;
}

.admin-feedback-editor label {
  display: grid;
  gap: 0.35rem;
  color: #d7cfdf;
  font-weight: 900;
}

.admin-feedback-editor textarea {
  min-height: 7rem;
  resize: vertical;
  padding: 0.7rem;
  line-height: 1.45;
}

.admin-feedback-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}

.admin-feedback-actions button {
  border-color: rgba(70, 212, 126, 0.42);
  background: rgba(31, 117, 67, 0.42);
  color: #d9ffe6;
}

@media (max-width: 980px) {
  .admin-feedback-layout,
  .admin-feedback-editor {
    grid-template-columns: 1fr;
  }

  .admin-feedback-sidebar {
    position: relative;
    top: auto;
    max-height: none;
  }
}

@media (max-width: 620px) {
  .admin-feedback-hero,
  .admin-feedback-detail-head {
    display: grid;
  }

  .admin-feedback-filters,
  .admin-feedback-fields {
    grid-template-columns: 1fr;
  }
}


/* RUTL admin feedback compact polish 20260709 */
.rutl-admin-feedback-page {
  overflow: hidden !important;
}

.admin-feedback-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.7rem !important;
  width: min(100%, 86rem) !important;
  height: 100dvh !important;
  min-height: 0 !important;
  padding: 0.65rem !important;
}

.admin-feedback-hero {
  min-height: 5.7rem !important;
  margin: 0 !important;
  padding: 0.9rem 1.05rem !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(174, 82, 214, 0.16), transparent 22rem),
    linear-gradient(180deg, rgba(22, 20, 27, 0.98), rgba(14, 13, 18, 0.98)) !important;
}

.admin-feedback-hero h1 {
  margin-top: 0.14rem !important;
  font-size: clamp(2rem, 3vw, 2.7rem) !important;
  letter-spacing: 0 !important;
}

.admin-feedback-hero p {
  margin-top: 0.36rem !important;
  max-width: 48rem !important;
  color: #ded7e7 !important;
  font-size: 0.95rem !important;
}

.admin-feedback-back {
  min-width: 5.6rem !important;
  min-height: 2.25rem !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.admin-feedback-layout {
  grid-template-columns: 23.5rem minmax(0, 1fr) !important;
  min-height: 0 !important;
  height: 100% !important;
  gap: 0.7rem !important;
  overflow: hidden !important;
}

.admin-feedback-sidebar {
  position: relative !important;
  top: auto !important;
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  gap: 0.58rem !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0.75rem !important;
}

.admin-feedback-sidebar-head {
  align-items: center !important;
  min-height: 1.7rem !important;
}

.admin-feedback-search input,
.admin-feedback-filters select {
  height: 2.35rem !important;
  border-radius: 6px !important;
  background: #25242a !important;
}

.admin-feedback-check {
  min-height: 1.35rem !important;
  font-size: 0.78rem !important;
}

.admin-feedback-list {
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.25rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(180, 126, 214, 0.65) rgba(255, 255, 255, 0.06) !important;
}

.admin-feedback-list::-webkit-scrollbar,
.admin-feedback-detail::-webkit-scrollbar {
  width: 0.55rem;
}

.admin-feedback-list::-webkit-scrollbar-thumb,
.admin-feedback-detail::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(180, 126, 214, 0.65);
}

.admin-feedback-card {
  gap: 0.32rem !important;
  padding: 0.68rem 0.72rem !important;
  border-radius: 7px !important;
  background: rgba(13, 13, 16, 0.78) !important;
}

.admin-feedback-card.is-active {
  border-color: rgba(191, 113, 255, 0.76) !important;
  background: linear-gradient(180deg, rgba(72, 34, 88, 0.52), rgba(42, 25, 51, 0.56)) !important;
}

.admin-feedback-card strong {
  font-size: 0.92rem !important;
}

.admin-feedback-card-status {
  margin-top: 0.05rem !important;
  padding: 0.2rem 0.48rem !important;
  font-size: 0.69rem !important;
}

.admin-feedback-card-meta span {
  padding: 0.18rem 0.42rem !important;
  font-size: 0.68rem !important;
}

.admin-feedback-detail {
  display: grid !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 0.72rem !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0.9rem !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(132, 66, 176, 0.10), transparent 24rem),
    rgba(16, 16, 19, 0.97) !important;
}

.admin-feedback-detail-head {
  align-items: flex-start !important;
  min-height: 0 !important;
  padding-bottom: 0.7rem !important;
}

.admin-feedback-detail-head h2 {
  margin-top: 0.14rem !important;
  max-width: 46rem !important;
  color: #fff0b6 !important;
  font-size: clamp(1.65rem, 2.6vw, 2.25rem) !important;
  line-height: 1.05 !important;
}

.admin-feedback-detail-head p {
  margin-top: 0.34rem !important;
  color: #d5cde2 !important;
  font-size: 0.86rem !important;
}

.admin-feedback-danger {
  min-height: 2.25rem !important;
  border-radius: 6px !important;
  padding: 0 0.8rem !important;
}

.admin-feedback-fields,
.admin-feedback-section {
  border-radius: 7px !important;
  background: rgba(7, 7, 9, 0.48) !important;
  padding: 0.78rem 0.85rem !important;
}

.admin-feedback-fields {
  grid-template-columns: 8.1rem minmax(0, 1fr) !important;
  gap: 0.42rem 0.6rem !important;
  font-size: 0.9rem !important;
}

.admin-feedback-fields dt {
  color: #ffe58e !important;
}

.admin-feedback-section h3 {
  color: #ffe58e !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.08em !important;
}

.admin-feedback-section p {
  margin-top: 0.55rem !important;
  font-size: 0.94rem !important;
  line-height: 1.5 !important;
}

.admin-feedback-editor {
  grid-template-columns: 13rem minmax(0, 1fr) !important;
  gap: 0.62rem !important;
  margin-top: 0.65rem !important;
}

.admin-feedback-editor label {
  font-size: 0.86rem !important;
}

.admin-feedback-editor select {
  height: 2.5rem !important;
}

.admin-feedback-editor textarea {
  min-height: 5.8rem !important;
  border-radius: 6px !important;
}

.admin-feedback-actions {
  margin-top: 0.62rem !important;
}

.admin-feedback-actions button {
  min-height: 2.35rem !important;
  border-radius: 6px !important;
}

@media (max-width: 980px) {
  .rutl-admin-feedback-page {
    overflow: auto !important;
  }

  .admin-feedback-shell {
    height: auto !important;
    min-height: 100dvh !important;
  }

  .admin-feedback-layout,
  .admin-feedback-editor {
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }

  .admin-feedback-sidebar,
  .admin-feedback-detail {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* RUTL catalog control alignment and select chevrons 20260709 */
.builder-catalog-tag-trigger {
  position: relative !important;
  padding-right: 2.35rem !important;
}

.builder-catalog-tag-trigger i {
  position: absolute !important;
  right: 0.82rem !important;
  top: 50% !important;
  width: 0.48rem !important;
  height: 0.48rem !important;
  transform: translateY(-50%) rotate(45deg) !important;
  pointer-events: none !important;
}

.builder-catalog-tag-filter.is-open .builder-catalog-tag-trigger i {
  transform: translateY(-50%) rotate(225deg) !important;
}

.builder-catalog-tag-control:has(.builder-catalog-tag-reset) .builder-catalog-tag-trigger {
  padding-right: 4.45rem !important;
}

.builder-catalog-tag-control:has(.builder-catalog-tag-reset) .builder-catalog-tag-trigger i {
  right: 2.78rem !important;
}

.builder-catalog-tag-reset {
  right: 0.72rem !important;
  top: 50% !important;
}

.builder-catalog-filter-select.is-sort select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 2.15rem 0 0.75rem !important;
  background-color: #2b2b2b !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M2 3 4 5l2-2' fill='none' stroke='%23bdb5c8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.72rem center !important;
  background-size: 0.72rem 0.72rem !important;
}

.builder-catalog-filter-select.is-sort select::-ms-expand {
  display: none !important;
}


/* RUTL profile modal final compact sizing 20260709 */
.site-profile-modal {
  width: min(28rem, calc(100vw - 1.5rem)) !important;
  padding: 0 !important;
}

.site-profile-inner {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 1.8rem 1.95rem 1.65rem !important;
  gap: 0.82rem !important;
}

.site-profile-inner .modal-close {
  top: 0.85rem !important;
  right: 0.85rem !important;
}

.site-profile-inner h2 {
  max-width: 19.5rem !important;
  padding-right: 2.4rem !important;
}

.site-profile-inner p,
.site-profile-inner label {
  max-width: 100% !important;
}

.site-profile-inner input {
  box-sizing: border-box !important;
  width: 100% !important;
}

.site-profile-actions {
  justify-content: center !important;
  margin-top: 0.75rem !important;
}

/* RUTL catalog sort chevron parity 20260709 */
.builder-catalog-filter-select.is-sort {
  position: relative !important;
}

.builder-catalog-filter-select.is-sort select {
  padding-right: 2.35rem !important;
  background-image: none !important;
}

.builder-catalog-filter-select.is-sort::after {
  content: "";
  position: absolute;
  right: 0.82rem;
  top: calc(100% - 1.5rem);
  width: 0.48rem;
  height: 0.48rem;
  border-right: 2px solid #bdb5c8;
  border-bottom: 2px solid #bdb5c8;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
  z-index: 3;
}

/* RUTL catalog sort custom dropdown + builder header polish 20260709-009 */
.builder-catalog-sort-filter {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  gap: 0.32rem !important;
  color: #bfb8c9 !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
}

.builder-catalog-sort-filter > span {
  color: #cfc4da !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.builder-catalog-sort-trigger {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 3rem !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 0.35rem !important;
  background: #2b2b2b !important;
  color: #f7f3ff !important;
  padding: 0 2.45rem 0 0.75rem !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.builder-catalog-sort-trigger b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 0.86rem !important;
  line-height: 1 !important;
}

.builder-catalog-sort-trigger i {
  position: absolute !important;
  right: 0.84rem !important;
  top: 50% !important;
  width: 0.56rem !important;
  height: 0.56rem !important;
  border-right: 2px solid #bdb5c8 !important;
  border-bottom: 2px solid #bdb5c8 !important;
  transform: translateY(-50%) rotate(45deg) !important;
  pointer-events: none !important;
}

.builder-catalog-sort-filter.is-open .builder-catalog-sort-trigger i {
  transform: translateY(-50%) rotate(225deg) !important;
}

.builder-catalog-sort-menu {
  position: absolute !important;
  top: calc(100% + 0.35rem) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 120 !important;
  display: grid !important;
  gap: 0.3rem !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid rgba(173,123,221,.42) !important;
  border-radius: 0.45rem !important;
  background: #222026 !important;
  box-shadow: 0 1.2rem 2.5rem rgba(0,0,0,.58) !important;
  padding: 0.42rem !important;
}

.builder-catalog-sort-menu button {
  display: flex !important;
  align-items: center !important;
  min-height: 2.1rem !important;
  border: 0 !important;
  border-radius: 0.32rem !important;
  background: transparent !important;
  color: #eee7f7 !important;
  padding: 0 0.55rem !important;
  text-align: left !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.builder-catalog-sort-menu button:hover,
.builder-catalog-sort-menu button.is-active {
  background: rgba(31,117,67,.58) !important;
  color: #eafff1 !important;
}

.builds-panel.is-active .builder-catalog-shell:has(.builder-catalog-sort-filter.is-open) {
  padding-bottom: 8rem !important;
}

.builder-catalog-explore:has(.builder-catalog-sort-filter.is-open) {
  z-index: 80 !important;
}

.builder-catalog-sort-filter.is-open {
  z-index: 120 !important;
}

@media (min-width: 1181px) {
  .builder-catalog-sort-filter {
    grid-column: 4 !important;
    grid-row: 1 !important;
    width: 11.75rem !important;
    min-width: 11.75rem !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .builder-catalog-sort-filter {
    grid-column: 4 !important;
    width: auto !important;
  }
}

@media (max-width: 900px) {
  .builder-catalog-sort-filter {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

.builder-rail-author {
  box-sizing: border-box !important;
  width: 100% !important;
  display: grid !important;
  gap: 0.28rem !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 6px !important;
  background: #17171a !important;
  padding: 0.55rem 0.65rem !important;
  margin: 0 0 0.55rem !important;
}

.builder-rail-author > b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #ffe8a0 !important;
  font-size: 0.95rem !important;
  line-height: 1.12 !important;
}

.builder-rail-author small {
  color: #c9c2d3 !important;
  font-size: 0.74rem !important;
  line-height: 1.15 !important;
}

.builder-rail-author-rating .builder-catalog-rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.12rem !important;
  width: auto !important;
}

.builder-rail-author-rating .builder-catalog-rating::before {
  display: none !important;
}

.builder-rail-author-rating .builder-catalog-rating button {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7c3daa !important;
  font-size: 1.02rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.builder-rail-author-rating .builder-catalog-rating button.is-active,
.builder-rail-author-rating .builder-catalog-rating button:hover {
  color: #b96aff !important;
}

.builder-rail-author-rating .builder-catalog-rating span {
  margin-left: 0.22rem !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 0.8rem !important;
  font-weight: 950 !important;
}

@media (min-width: 1281px) {
  .builder-panel.is-active .builder-topbar {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    justify-items: stretch !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    justify-self: stretch !important;
    width: 100% !important;
  }

  .builder-panel.is-active .builder-create-group {
    width: 100% !important;
    justify-content: center !important;
  }

  .builder-panel.is-active .builder-title-strip {
    justify-self: start !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
  }

  .builder-panel.is-active .builder-top-actions {
    justify-self: end !important;
  }
}

@media (min-width: 1501px) and (max-width: 1800px) {
  .builder-panel.is-active .builder-topbar {
    grid-template-columns: 225px minmax(0, 1fr) auto !important;
  }
}

@media (min-width: 1281px) and (max-width: 1500px) {
  .builder-panel.is-active .builder-topbar {
    grid-template-columns: 198px minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }
}

/* RUTL builder create button rail-width match 20260709-010 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-top-spacer {
    box-sizing: border-box !important;
    padding-right: 15px !important;
  }

  .builder-panel.is-active .builder-create-group {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* RUTL builder topbar center alignment 20260709-011 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-topbar {
    --builder-top-control-height: 2.28rem;
    display: grid !important;
    grid-template-columns: 250px 190px minmax(820px, 1fr) 360px !important;
    column-gap: 14px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-items: stretch !important;
    margin: 0 auto 0.36rem !important;
    min-height: var(--builder-top-control-height) !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    grid-column: 1 !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding-right: 0 !important;
  }

  .builder-panel.is-active .builder-create-group {
    width: 100% !important;
    min-height: var(--builder-top-control-height) !important;
    height: var(--builder-top-control-height) !important;
    justify-content: center !important;
    border-radius: 5px !important;
    padding: 0 0.72rem !important;
  }

  .builder-panel.is-active .builder-title-strip {
    grid-column: 3 !important;
    justify-self: center !important;
    justify-content: center !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 0.32rem !important;
    flex-wrap: nowrap !important;
  }

  .builder-panel.is-active .builder-top-actions {
    grid-column: 4 !important;
    justify-self: end !important;
    align-items: center !important;
    min-height: var(--builder-top-control-height) !important;
  }

  .builder-panel.is-active .builder-title-view,
  .builder-panel.is-active .builder-title-editor {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.32rem !important;
    height: var(--builder-top-control-height) !important;
    min-height: var(--builder-top-control-height) !important;
    max-width: clamp(11rem, 24vw, 22rem) !important;
    flex: 0 1 auto !important;
  }

  .builder-panel.is-active .builder-title-view .builder-title-display,
  .builder-panel.is-active .builder-title-display,
  .builder-panel.is-active .builder-title-editor .builder-top-name,
  .builder-panel.is-active .builder-title-save,
  .builder-panel.is-active .builder-title-cancel,
  .builder-panel.is-active .builder-title-edit-icon,
  .builder-panel.is-active .builder-tag-trigger,
  .builder-panel.is-active .builder-visibility-select,
  .builder-panel.is-active .builder-tier-switch {
    box-sizing: border-box !important;
    height: var(--builder-top-control-height) !important;
    min-height: var(--builder-top-control-height) !important;
  }

  .builder-panel.is-active .builder-title-display {
    max-width: clamp(8rem, 19vw, 17rem) !important;
    min-width: 0 !important;
    padding: 0 0.72rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  .builder-panel.is-active .builder-title-edit-icon,
  .builder-panel.is-active .builder-title-save,
  .builder-panel.is-active .builder-title-cancel {
    width: var(--builder-top-control-height) !important;
    min-width: var(--builder-top-control-height) !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .builder-panel.is-active .builder-tag-picker {
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  .builder-panel.is-active .builder-tag-trigger {
    grid-template-columns: auto minmax(0, 1fr) !important;
    width: auto !important;
    max-width: clamp(6.4rem, 10vw, 9.5rem) !important;
    min-width: 6.25rem !important;
    padding: 0 0.58rem !important;
    border-radius: 5px !important;
  }

  .builder-panel.is-active .builder-tag-trigger span {
    font-size: 0.68rem !important;
    line-height: 1 !important;
  }

  .builder-panel.is-active .builder-tag-trigger b {
    font-size: 0.8rem !important;
    line-height: 1 !important;
  }

  .builder-panel.is-active .builder-visibility-select {
    width: auto !important;
    min-width: 7.15rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: var(--builder-top-control-height) !important;
    border-radius: 5px !important;
  }

  .builder-panel.is-active .builder-tier-switch {
    display: inline-flex !important;
    align-items: stretch !important;
    gap: 3px !important;
    padding: 3px !important;
    border-radius: 8px !important;
    flex: 0 0 auto !important;
  }

  .builder-panel.is-active .builder-tier-switch button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.45rem !important;
    height: calc(var(--builder-top-control-height) - 6px) !important;
    min-height: 0 !important;
    padding: 0 0.62rem !important;
    line-height: 1 !important;
  }
}

@media (min-width: 1501px) and (max-width: 1800px) {
  .builder-panel.is-active .builder-topbar {
    grid-template-columns: 225px 165px minmax(700px, 1fr) 315px !important;
  }
}

@media (min-width: 1281px) and (max-width: 1500px) {
  .builder-panel.is-active .builder-topbar {
    --builder-top-control-height: 2.22rem;
    grid-template-columns: 198px 134px minmax(560px, 1fr) 270px !important;
    column-gap: 10px !important;
  }

  .builder-panel.is-active .builder-title-display {
    max-width: clamp(7.5rem, 18vw, 13rem) !important;
  }

  .builder-panel.is-active .builder-tag-trigger {
    max-width: 7.4rem !important;
    min-width: 5.9rem !important;
  }

  .builder-panel.is-active .builder-visibility-select {
    min-width: 6.6rem !important;
  }

  .builder-panel.is-active .builder-tier-switch button {
    min-width: 2.1rem !important;
    padding: 0 0.48rem !important;
  }
}


/* RUTL builder topbar rail alignment 20260709-012 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-topbar {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    margin: 0 0 0.34rem !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    justify-self: stretch !important;
    align-self: center !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .builder-panel.is-active .builder-create-group {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .builder-panel.is-active .builder-tier-switch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 3px !important;
    width: 5.35rem !important;
    min-width: 5.35rem !important;
    padding: 3px !important;
  }

  .builder-panel.is-active .builder-tier-switch button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 5px !important;
    line-height: 1 !important;
  }
}

@media (min-width: 1281px) and (max-width: 1500px) {
  .builder-panel.is-active .builder-tier-switch {
    width: 4.85rem !important;
    min-width: 4.85rem !important;
  }
}


/* RUTL builder topbar anti-squeeze sync 20260709-013 */
@media (min-width: 1281px) and (max-width: 1863px) {
  .builder-panel.is-active .builder-topbar {
    box-sizing: border-box !important;
    width: 1780px !important;
    min-width: 1780px !important;
    max-width: none !important;
    grid-template-columns: 225px 165px 1040px 314px !important;
    column-gap: 12px !important;
    justify-self: stretch !important;
    margin: 0 0 0.34rem !important;
  }

  .builder-panel.is-active .builder-create-group {
    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;
  }

  .builder-panel.is-active .builder-title-strip {
    grid-column: 3 !important;
    width: fit-content !important;
    max-width: 1040px !important;
    justify-self: center !important;
  }
}


/* RUTL builder tier switch balanced padding 20260709-014 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-tier-switch {
    width: 5.45rem !important;
    min-width: 5.45rem !important;
    padding: 3px !important;
  }

  .builder-panel.is-active .builder-tier-switch button {
    font-size: 0.9rem !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }
}


/* RUTL builder left rail create + clone icon 20260709-015 */
.builder-left-rail .builder-left-create-group {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 2.28rem !important;
  min-height: 2.28rem !important;
  margin: 0 !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.builder-top-spacer[aria-hidden="true"] {
  min-height: 0 !important;
}

.builder-top-clone .builder-copy-icon,
.builder-clone-server .builder-copy-icon {
  display: inline-block !important;
  width: 1.05rem !important;
  height: 1.05rem !important;
  min-width: 1.05rem !important;
  flex: 0 0 auto !important;
  margin-right: 0.34rem !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.builder-top-clone,
.builder-clone-server {
  gap: 0.42rem !important;
}

@media (max-width: 1280px) {
  .builder-left-rail .builder-left-create-group {
    display: none !important;
  }
}


/* RUTL builder left rail create specificity 20260709-016 */
.builder-panel.is-active .builder-left-rail .builder-left-create-group {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 2.28rem !important;
  min-height: 2.28rem !important;
  align-self: stretch !important;
  justify-content: center !important;
}


/* RUTL builder topbar create height alignment 20260709-017 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-top-spacer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.35rem !important;
  }

  .builder-panel.is-active .builder-top-spacer .builder-left-create-group {
    box-sizing: border-box !important;
    width: calc(100% - 15px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 15px) !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    margin: 0 !important;
    align-self: center !important;
    justify-content: center !important;
  }
}


/* RUTL builder topbar create exact action height 20260709-018 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-top-spacer {
    min-height: 2.28rem !important;
  }

  .builder-panel.is-active .builder-top-spacer .builder-left-create-group {
    height: 2.28rem !important;
    min-height: 2.28rem !important;
  }
}


/* RUTL mobile builder topbar rows 20260709-019 */
@media (max-width: 1280px) {
  .builder-profile-button {
    display: none !important;
  }

  .builder-panel.is-active .builder-topbar {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    grid-template-areas:
      "title title title"
      "tags tier share" !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 0.42rem 0.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0.62rem auto 0.7rem !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    display: none !important;
  }

  .builder-panel.is-active .builder-title-strip {
    display: contents !important;
  }

  .builder-panel.is-active .builder-title-view,
  .builder-panel.is-active .builder-title-editor {
    grid-area: title !important;
    justify-self: center !important;
    max-width: min(18rem, calc(100vw - 2rem)) !important;
    width: auto !important;
  }

  .builder-panel.is-active .builder-title-view .builder-title-display,
  .builder-panel.is-active .builder-title-display,
  .builder-panel.is-active .builder-title-editor .builder-top-name {
    max-width: min(18rem, calc(100vw - 2rem)) !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .builder-panel.is-active .builder-tag-picker {
    grid-area: tags !important;
    justify-self: end !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .builder-panel.is-active .builder-tag-trigger {
    min-width: 5.9rem !important;
    max-width: 8.8rem !important;
    min-height: 2.1rem !important;
    height: 2.1rem !important;
  }

  .builder-panel.is-active .builder-tier-switch {
    grid-area: tier !important;
    justify-self: center !important;
    height: 2.38rem !important;
    min-height: 2.38rem !important;
    width: 5.25rem !important;
    min-width: 5.25rem !important;
  }

  .builder-panel.is-active .builder-tier-switch button {
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 0.56rem !important;
  }

  .builder-panel.is-active .builder-top-actions,
  .builder-panel.is-active .builder-top-actions.builder-top-actions-single {
    grid-area: share !important;
    display: flex !important;
    justify-self: start !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 0 !important;
  }

  .builder-panel.is-active .builder-top-actions .builder-share-trigger {
    display: inline-flex !important;
    min-height: 2.2rem !important;
    height: 2.2rem !important;
    padding: 0 0.78rem !important;
  }
}


/* RUTL mobile catalog filters and cards 20260709-020 */
@media (max-width: 760px) {
  .builds-panel.is-active .builder-catalog-filters {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0.55rem !important;
    align-items: end !important;
  }

  .builds-panel.is-active .builder-catalog-class-filter {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .builds-panel.is-active .builder-catalog-tag-filter {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .builds-panel.is-active .builder-catalog-tier-control {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
  }

  .builds-panel.is-active .builder-catalog-sort-filter,
  .builds-panel.is-active .builder-catalog-filter-select.is-sort {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .builds-panel.is-active .builder-catalog-filter-search.is-wide {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .builds-panel.is-active .builder-catalog-filter-search.is-wide input {
    width: 100% !important;
  }

  .builds-panel.is-active .builder-catalog-search-submit {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    justify-self: center !important;
    width: min(13.5rem, 100%) !important;
    min-height: 3rem !important;
  }

  .builder-catalog-card-compact {
    position: relative !important;
    grid-template-columns: 1fr !important;
    min-height: 15.75rem !important;
    padding: 0.72rem !important;
  }

  .builder-catalog-card-compact .builder-catalog-card-main {
    padding-right: 0 !important;
  }

  .builder-catalog-card-compact .builder-catalog-card-title {
    padding-right: 7.6rem !important;
  }

  .builder-catalog-card-compact .builder-catalog-card-side {
    position: static !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .builder-catalog-card-compact .builder-catalog-card-side .builder-catalog-open {
    position: absolute !important;
    top: 0.72rem !important;
    right: 0.72rem !important;
    z-index: 12 !important;
    width: auto !important;
    min-width: 6.95rem !important;
    max-width: calc(100% - 1.44rem) !important;
    margin: 0 !important;
  }
}


/* RUTL catalog equipped weapon item icons 20260711 */
.builder-catalog-weapon-icon.is-item {
  overflow: hidden;
  background: #17151c;
}
.builder-catalog-weapon-icon.is-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.18rem;
}
.builder-catalog-art-weapon.is-item img {
  width: 74%;
  height: 74%;
  object-fit: contain;
  border-radius: 0.24rem;
}


/* RUTL mobile map filter drawer 20260713 */
.map-filter-toggle {
  display: none;
}

@media (max-width: 760px) {
  body:has(#mapPanel.is-active):not(.is-mobile-menu-open) .site-header {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
  }

  body:has(#mapPanel.is-active):not(.is-mobile-menu-open) .site-header .brand,
  body:has(#mapPanel.is-active):not(.is-mobile-menu-open) .site-header .mobile-menu-toggle {
    pointer-events: auto !important;
  }

  #mapPanel {
    --mobile-map-header-offset: 5.6rem;
  }

  #mapPanel .map-sidebar {
    inset: var(--mobile-map-header-offset) 0.45rem auto !important;
    width: calc(100vw - 0.9rem) !important;
    height: auto !important;
    max-height: calc(100dvh - var(--mobile-map-header-offset) - 0.45rem) !important;
    padding: 0.55rem !important;
  }

  #mapPanel .sidebar-topline {
    margin-bottom: 0.45rem !important;
  }

  #mapPanel .sidebar-header {
    height: 2.4rem !important;
    margin-bottom: 0.45rem !important;
    border-radius: 0.65rem !important;
  }

  #mapPanel .map-filter-toggle {
    display: none !important;
  }

  #mapPanel .sidebar-scroll {
    display: block !important;
    flex: 0 1 auto !important;
    max-height: min(50dvh, 28rem);
    margin-top: 0.45rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 0.1rem;
  }

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

  #mapPanel .category-button {
    min-height: 2.35rem;
  }

  #mapPanel .sidebar-toggle:not([hidden]) {
    display: inline-flex !important;
    top: var(--mobile-map-header-offset) !important;
    left: 0.75rem !important;
    z-index: 2300 !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Builder author other builds modal 20260715 */
.builder-author-builds-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 2rem !important;
  margin-top: 0.18rem !important;
  border: 1px solid rgba(173,123,221,.38) !important;
  border-radius: 5px !important;
  background: rgba(173,123,221,.12) !important;
  color: #eadbff !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.builder-author-builds-button:hover {
  border-color: rgba(206,155,255,.72) !important;
  background: rgba(173,123,221,.22) !important;
  color: #fff !important;
}
.builder-author-builds-modal {
  width: min(38rem, calc(100vw - 2rem)) !important;
  max-width: min(38rem, calc(100vw - 2rem)) !important;
}
.builder-author-builds-list {
  display: grid;
  gap: 0.55rem;
  max-height: min(60vh, 34rem);
  overflow: auto;
  padding-right: 0.15rem;
}
.builder-author-build-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 6px;
  background: rgba(22,22,24,.92);
  padding: 0.65rem;
}
.builder-author-build-card-main {
  min-width: 0;
  display: grid;
  gap: 0.28rem;
}
.builder-author-build-card-head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
.builder-author-build-card-head b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 0.96rem;
  line-height: 1.15;
}
.builder-author-build-card-head span,
.builder-author-build-card-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.32rem;
  border: 1px solid rgba(85,220,136,.48);
  border-radius: 5px;
  background: rgba(31,117,67,.45);
  color: #ddffe9;
  padding: 0 0.45rem;
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}
.builder-author-build-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  min-height: 1.32rem;
}
.builder-author-build-card-tags small,
.builder-author-build-card-main small,
.builder-author-build-card-main p {
  color: #cfc7db;
  font-size: 0.78rem;
  line-height: 1.25;
}
.builder-author-build-card-main p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.builder-author-build-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.15rem;
  border: 1px solid rgba(173,123,221,.55);
  border-radius: 5px;
  background: rgba(173,123,221,.16);
  color: #fff;
  padding: 0 0.7rem;
  font-size: 0.82rem;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}
.builder-author-build-open:hover {
  background: rgba(173,123,221,.28);
  border-color: rgba(206,155,255,.8);
}
@media (max-width: 560px) {
  .builder-author-build-card {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .builder-author-build-open {
    width: 100%;
  }
}

/* Builder author builds modal catalog-card compact adaptation 20260715 */
.builder-author-builds-modal {
  width: min(42rem, calc(100vw - 2rem)) !important;
  max-width: min(42rem, calc(100vw - 2rem)) !important;
}
.builder-author-builds-modal > p {
  display: none !important;
}
.builder-author-builds-list {
  gap: 0.55rem !important;
  max-height: min(64vh, 36rem) !important;
}
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  min-height: 7.05rem !important;
  padding: 0.68rem !important;
  grid-template-columns: minmax(0, 1fr) 8.4rem !important;
  border-radius: 7px !important;
}
.builder-author-builds-list .builder-catalog-card-main {
  gap: 0.34rem !important;
  padding-right: 0.35rem !important;
}
.builder-author-builds-list .builder-catalog-card-title {
  gap: 0.28rem !important;
}
.builder-author-builds-list .builder-catalog-card-title h3 {
  flex-basis: 100% !important;
  margin-top: 0.12rem !important;
  font-size: 0.98rem !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.builder-author-builds-list .builder-catalog-tier-badge,
.builder-author-builds-list .builder-catalog-tag-badge {
  height: 1.32rem !important;
  min-height: 1.32rem !important;
  padding: 0 0.45rem !important;
  font-size: 0.72rem !important;
}
.builder-author-builds-list .builder-catalog-rating {
  justify-content: flex-start !important;
  min-height: 1rem !important;
  margin: 0 !important;
}
.builder-author-builds-list .builder-catalog-rating span {
  margin: 0 !important;
  color: #f4ecff !important;
  font-size: 0.8rem !important;
}
.builder-author-builds-list .builder-catalog-class {
  display: block !important;
  color: #fff !important;
  font-size: 0.82rem !important;
  line-height: 1.2 !important;
  min-height: 1rem !important;
}
.builder-author-builds-list .builder-catalog-class b {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
.builder-author-builds-list .builder-catalog-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.22rem 0.55rem !important;
  color: #aaa2b5 !important;
  font-size: 0.74rem !important;
  line-height: 1.18 !important;
}
.builder-author-builds-list .builder-catalog-card-side {
  min-width: 8.2rem !important;
  justify-content: center !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-open {
  top: 0.35rem !important;
  right: 0.35rem !important;
  min-height: 2rem !important;
  padding: 0 0.72rem !important;
  font-size: 0.78rem !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-card-art {
  width: 6.6rem !important;
  height: 5.6rem !important;
  right: 0.3rem !important;
  bottom: 0.2rem !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  width: 3.4rem !important;
  height: 3.4rem !important;
  right: 0.6rem !important;
  bottom: 0.48rem !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  width: 2.05rem !important;
  height: 2.05rem !important;
  right: 4.15rem !important;
  bottom: 0.28rem !important;
}
@media (max-width: 560px) {
  .builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
    grid-template-columns: 1fr !important;
    min-height: 10rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side {
    min-height: 4.8rem !important;
  }
}

/* Builder author builds modal layout fix 20260715 */
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  position: relative !important;
  overflow: hidden !important;
  grid-template-columns: minmax(0, 1fr) 9.4rem !important;
  align-items: stretch !important;
  min-height: 7.55rem !important;
  padding: 0.72rem !important;
}
.builder-author-builds-list .builder-catalog-card-main {
  position: relative !important;
  z-index: 2 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  min-width: 0 !important;
  padding-right: 0.25rem !important;
}
.builder-author-builds-list .builder-catalog-card-title,
.builder-author-builds-list .builder-catalog-rating,
.builder-author-builds-list .builder-catalog-class,
.builder-author-builds-list .builder-catalog-meta {
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}
.builder-author-builds-list .builder-catalog-card-title h3 {
  text-align: left !important;
  max-width: 100% !important;
}
.builder-author-builds-list .builder-catalog-card-side {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 9.4rem !important;
  min-width: 9.4rem !important;
  align-self: stretch !important;
  overflow: hidden !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-open {
  position: absolute !important;
  z-index: 5 !important;
  top: 0 !important;
  right: 0 !important;
  min-width: 5.8rem !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-card-art {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon img {
  width: 82% !important;
  height: 82% !important;
  object-fit: contain !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
  width: 3.45rem !important;
  height: 3.45rem !important;
  right: 0.7rem !important;
  bottom: 0.7rem !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  width: 1.95rem !important;
  height: 1.95rem !important;
  right: 4.55rem !important;
  bottom: 0.52rem !important;
}
@media (max-width: 560px) {
  .builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
    grid-template-columns: minmax(0, 1fr) 7.5rem !important;
    min-height: 7.3rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side {
    width: 7.5rem !important;
    min-width: 7.5rem !important;
    min-height: 0 !important;
  }
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main {
    width: 3rem !important;
    height: 3rem !important;
    right: 0.45rem !important;
    bottom: 0.62rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
    width: 1.75rem !important;
    height: 1.75rem !important;
    right: 3.8rem !important;
    bottom: 0.42rem !important;
  }
}

/* Builder author builds modal equal weapon icons 20260715 */
.builder-author-builds-modal {
  padding-inline: 1.35rem !important;
}
.builder-author-builds-list {
  padding: 0.05rem 0.1rem 0.1rem 0 !important;
}
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  grid-template-columns: minmax(0, 1fr) 7.6rem !important;
  gap: 0.45rem !important;
  min-height: 7rem !important;
  padding: 0.68rem 0.72rem !important;
}
.builder-author-builds-list .builder-catalog-card-main {
  padding: 0 !important;
  justify-content: center !important;
  align-content: center !important;
}
.builder-author-builds-list .builder-catalog-card-title {
  align-items: center !important;
  gap: 0.28rem !important;
}
.builder-author-builds-list .builder-catalog-card-title h3 {
  margin: 0.08rem 0 0 !important;
}
.builder-author-builds-list .builder-catalog-card-side {
  width: 7.6rem !important;
  min-width: 7.6rem !important;
  overflow: hidden !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-open {
  top: 0.05rem !important;
  right: 0.05rem !important;
  min-width: 5.45rem !important;
  min-height: 1.95rem !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-card-art {
  inset: auto 0.05rem 0.05rem auto !important;
  width: 5.85rem !important;
  height: 2.82rem !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 0.38rem !important;
  overflow: visible !important;
  transform: none !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-glow {
  display: none !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  position: static !important;
  inset: auto !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
  flex: 0 0 2.45rem !important;
  margin: 0 !important;
  transform: none !important;
  rotate: none !important;
  opacity: 0.98 !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon img,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main img,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off img {
  width: 82% !important;
  height: 82% !important;
  object-fit: contain !important;
  transform: none !important;
  rotate: none !important;
}
@media (max-width: 560px) {
  .builder-author-builds-modal {
    padding-inline: 1rem !important;
  }
  .builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
    grid-template-columns: minmax(0, 1fr) 6.6rem !important;
    gap: 0.35rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side {
    width: 6.6rem !important;
    min-width: 6.6rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-card-art {
    width: 5.15rem !important;
    height: 2.45rem !important;
    gap: 0.28rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon,
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main,
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
    width: 2.15rem !important;
    height: 2.15rem !important;
    flex-basis: 2.15rem !important;
  }
}


/* RUTL configurable banners 20260722 */
.rutl-banner {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: min(var(--rutl-banner-max-width, 320px), calc(100vw - 1.5rem));
  max-width: min(var(--rutl-banner-max-width, 320px), calc(100vw - 1.5rem));
  padding: 0;
  transform: translate(var(--rutl-banner-offset-x, 0), var(--rutl-banner-offset-y, 0)) scale(var(--rutl-banner-scale, 1));
  transform-origin: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  z-index: 4600;
}

.rutl-banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.42));
}

.rutl-banner-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.rutl-banner-close {
  position: absolute;
  top: 0.38rem;
  right: 0.38rem;
  display: inline-flex;
  width: 1.45rem;
  height: 1.45rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(5, 4, 7, 0.72);
  color: #fff7df;
  cursor: pointer;
  font: 900 1.05rem/1 Arial, system-ui, sans-serif;
  text-align: center;
  opacity: 0.86;
}

.rutl-banner-close:hover,
.rutl-banner-close:focus-visible {
  border-color: rgba(255, 226, 155, 0.55);
  background: rgba(42, 32, 18, 0.88);
  opacity: 1;
}

.rutl-banner-site-left {
  position: fixed;
  left: 1rem;
  top: clamp(5.2rem, 9dvh, 7rem);
  width: var(--rutl-banner-computed-width, clamp(180px, calc((100vw - 1460px) / 2 - 12px), 320px));
  max-width: min(320px, calc(100vw - 1.5rem));
  max-height: calc(100dvh - 7rem);
  transform-origin: top left;
}

@media (max-width: 1539px) {
  .rutl-banner-site-left {
    display: none;
  }
}

.rutl-banner-map-sidebar {
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.55rem;
  transform-origin: bottom left;
}

.rutl-banner-mobile {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: calc(0.5rem + env(safe-area-inset-bottom)) !important;
  width: min(var(--rutl-banner-max-width, 360px), calc(100svw - 24px), calc(100vw - 24px)) !important;
  max-width: min(var(--rutl-banner-max-width, 360px), calc(100svw - 24px), calc(100vw - 24px)) !important;
  min-width: 0 !important;
  transform: translate(calc(-50% + var(--rutl-banner-offset-x, 0px)), var(--rutl-banner-offset-y, 0px)) scale(var(--rutl-banner-scale, 1)) !important;
  transform-origin: bottom center;
  translate: none !important;
  pointer-events: auto;
}

body.has-rutl-builder-mobile-banner .rutl-banner-mobile {
  bottom: calc(4.75rem + env(safe-area-inset-bottom));
}

body.has-rutl-mobile-banner .app-shell {
  padding-bottom: max(var(--rutl-mobile-banner-space, 0px), 0px);
}

body.has-rutl-builder-mobile-banner .app-shell:has(.builder-panel.is-active) {
  padding-bottom: calc(var(--rutl-mobile-banner-space, 0px) + 5rem) !important;
}

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

  .app-shell,
  main,
  .tab-panel {
    width: 100% !important;
    max-width: 100dvw;
    overflow-x: clip !important;
  }

  .app-shell {
    padding-left: min(0.75rem, 3vw) !important;
    padding-right: min(0.75rem, 3vw) !important;
  }

  .site-header {
    max-width: calc(100dvw - 0.7rem) !important;
  }

  #mapPanel .map-sidebar {
    left: max(0.35rem, env(safe-area-inset-left)) !important;
    right: max(0.35rem, env(safe-area-inset-right)) !important;
    width: auto !important;
    max-width: calc(100dvw - 0.7rem) !important;
    box-sizing: border-box;
  }

  #mapPanel .sidebar-scroll,
  #mapPanel .sidebar-header,
  #mapPanel .sidebar-topline,
  #mapPanel .category-list,
  #mapPanel .category-grid,
  #mapPanel .category-button,
  #mapPanel .search-box,
  #mapPanel .search-box input {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  #mapPanel .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.has-rutl-mobile-banner {
    overflow-x: hidden !important;
  }

  .rutl-banner-mobile {
    margin: 0 auto;
    z-index: 4700;
    contain: layout paint;
  }

  .rutl-banner-mobile img {
    max-width: 100% !important;
    border-radius: 8px;
  }

  .rutl-banner-close {
    top: 0.22rem;
    right: 0.22rem;
    width: 1.35rem;
    height: 1.35rem;
    line-height: 1;
  }
}

/* RUTL bugtracker page scroll fix 20260722 */
body:has(.bugtracker-panel.is-active) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.app-shell:has(.bugtracker-panel.is-active),
.app-shell:has(.bugtracker-panel.is-active) main,
.app-shell:has(.bugtracker-panel.is-active) .tab-panel.is-active,
.bugtracker-panel.is-active {
  height: auto !important;
  min-height: 100dvh !important;
  overflow: visible !important;
}

.bugtracker-panel.is-active .bugtracker-root,
.bugtracker-panel.is-active .bugtracker-page {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}


/* RUTL item tooltip stat separation 20260722 */
.builder-tooltip-card.item .builder-tooltip-section.weapon-damage,
.builder-tooltip-card.item .builder-tooltip-section.base-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.26rem !important;
  padding: 0.46rem 0.5rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    rgba(33, 30, 39, 0.92) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.weapon-damage p,
.builder-tooltip-card.item .builder-tooltip-primary-stat {
  display: block !important;
  min-width: 0 !important;
  min-height: 3.45rem !important;
  margin: 0 !important;
  padding: 0.42rem 0.48rem 0.48rem !important;
  border: 1px solid rgba(255, 255, 255, 0.055) !important;
  border-radius: 2px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(255, 255, 255, 0.035) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.weapon-damage span,
.builder-tooltip-card.item .builder-tooltip-primary-stat span {
  display: block !important;
  color: #d9cfdf !important;
  font-size: 0.76rem !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  white-space: normal !important;
}

.builder-tooltip-card.item .builder-tooltip-section.weapon-damage b,
.builder-tooltip-card.item .builder-tooltip-primary-stat b {
  display: block !important;
  margin-top: 0.16rem !important;
  color: #ffffff !important;
  font-size: 1.46rem !important;
  font-weight: 760 !important;
  line-height: 1.04 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.weapon-damage p:only-child {
  grid-column: 1 / -1 !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats {
  padding: 0.72rem 0.78rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(20, 19, 22, 0.96) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.75rem !important;
  align-items: baseline !important;
  margin: 0 0 0.34rem !important;
  line-height: 1.22 !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p:last-child {
  margin-bottom: 0 !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats span {
  min-width: 0 !important;
  color: #f0edf4 !important;
  overflow-wrap: anywhere !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats b {
  color: #63f3a2 !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

.builder-tooltip-card.item .builder-tooltip-section.traits,
.builder-tooltip-card.item .builder-tooltip-section.runes,
.builder-tooltip-card.item .builder-tooltip-section.set-bonuses,
.builder-tooltip-card.item .builder-tooltip-section.passive,
.builder-tooltip-card.item .builder-tooltip-section.synergy,
.builder-tooltip-card.item .builder-tooltip-section.desc {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 440px) {
  .builder-tooltip-card.item .builder-tooltip-section.weapon-damage,
  .builder-tooltip-card.item .builder-tooltip-section.base-stats {
    grid-template-columns: 1fr !important;
  }
}

/* RUTL builder favorite stats 20260723 */
.builder-stat-row {
  grid-template-columns: minmax(0, 1fr) 1.25rem auto;
  align-items: center;
}

.builder-stat-row[draggable="true"] {
  cursor: grab;
}

.builder-stat-row[draggable="true"]:active {
  cursor: grabbing;
}

.builder-stat-row.is-dragging {
  opacity: .52;
}

.builder-stat-favorite {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.34);
  font-size: .9rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  text-shadow: none;
  opacity: 0;
  transform: scale(.9);
  transition: opacity .14s ease, transform .14s ease, color .14s ease, background-color .14s ease;
}

.builder-stat-row:hover .builder-stat-favorite,
.builder-stat-row:focus-within .builder-stat-favorite,
.builder-stat-favorite:hover,
.builder-stat-favorite:focus-visible {
  opacity: 1;
  transform: scale(1);
}

.builder-stat-favorite:hover,
.builder-stat-favorite:focus-visible {
  color: #ffe17a;
  background: rgba(255,225,122,.1);
  outline: none;
}

.builder-stat-favorite.is-active {
  color: #ffc928;
  opacity: 1;
  transform: scale(1);
  text-shadow: 0 0 .55rem rgba(255,201,40,.55);
}

.builder-stat-favorites h3 {
  color: #ffc928;
}

/* Builder author builds modal stable layout 20260726 */
.builder-author-builds-modal {
  width: min(43rem, calc(100vw - 2rem)) !important;
  max-width: min(43rem, calc(100vw - 2rem)) !important;
}
.builder-author-builds-list {
  gap: 0.65rem !important;
  padding-right: 0.35rem !important;
}
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  grid-template-columns: minmax(0, 1fr) 8.8rem !important;
  min-height: 8.35rem !important;
  padding: 0.78rem 0.86rem !important;
  align-items: stretch !important;
}
.builder-author-builds-list .builder-catalog-card-main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0.32rem !important;
  padding: 0 0.5rem 0 0 !important;
  text-align: left !important;
  overflow: visible !important;
}
.builder-author-builds-list .builder-catalog-card-title,
.builder-author-builds-list .builder-catalog-rating,
.builder-author-builds-list .builder-catalog-class,
.builder-author-builds-list .builder-catalog-meta {
  width: 100% !important;
  text-align: left !important;
  justify-content: flex-start !important;
}
.builder-author-builds-list .builder-catalog-card-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.28rem !important;
}
.builder-author-builds-list .builder-catalog-card-title h3 {
  flex: 1 1 100% !important;
  margin: 0.12rem 0 0 !important;
  line-height: 1.2 !important;
  max-width: 100% !important;
}
.builder-author-builds-list .builder-catalog-class {
  line-height: 1.22 !important;
}
.builder-author-builds-list .builder-catalog-meta {
  margin-top: auto !important;
  line-height: 1.22 !important;
  padding-bottom: 0.02rem !important;
}
.builder-author-builds-list .builder-catalog-card-side {
  position: relative !important;
  width: 8.8rem !important;
  min-width: 8.8rem !important;
  min-height: 6.8rem !important;
  overflow: hidden !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-open {
  position: absolute !important;
  z-index: 4 !important;
  top: 0 !important;
  right: 0 !important;
  min-width: 5.6rem !important;
  min-height: 1.95rem !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-card-art {
  position: absolute !important;
  right: 0.02rem !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  width: 5.75rem !important;
  height: 2.65rem !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 0.42rem !important;
  overflow: visible !important;
  pointer-events: none !important;
  transform: none !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-glow {
  display: none !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
  position: static !important;
  inset: auto !important;
  width: 2.36rem !important;
  height: 2.36rem !important;
  flex: 0 0 2.36rem !important;
  margin: 0 !important;
  transform: none !important;
  rotate: none !important;
  opacity: 0.98 !important;
}
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon img,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main img,
.builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off img {
  width: 82% !important;
  height: 82% !important;
  object-fit: contain !important;
  transform: none !important;
  rotate: none !important;
}
@media (max-width: 560px) {
  .builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
    grid-template-columns: minmax(0, 1fr) 7.1rem !important;
    min-height: 8.6rem !important;
    padding: 0.72rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side {
    width: 7.1rem !important;
    min-width: 7.1rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-card-art {
    width: 5rem !important;
    height: 2.35rem !important;
    gap: 0.3rem !important;
  }
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon,
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-main,
  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-art-weapon.is-off {
    width: 2.12rem !important;
    height: 2.12rem !important;
    flex-basis: 2.12rem !important;
  }
}


/* RUTL builder combat simulator 20260727 */
.builder-combat-sim {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.builder-combat-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .85rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.builder-combat-head h2 {
  margin: 0 0 .35rem;
  color: #ffe9a6;
  font-size: 1.55rem;
}

.builder-combat-head p {
  max-width: 44rem;
  margin: 0;
  color: rgba(244,238,255,.76);
  line-height: 1.45;
}

.builder-combat-head button,
.builder-combat-reset-side {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 6px;
  background: rgba(255,255,255,.06);
  color: #fff7de;
  font-weight: 800;
  min-height: 2.45rem;
  padding: 0 .9rem;
  cursor: pointer;
}

.builder-combat-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8.8rem, 1fr));
  gap: .55rem;
}

.builder-combat-tab {
  min-height: 4.15rem;
  padding: .62rem .7rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 7px;
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.9);
  text-align: left;
  cursor: pointer;
}

.builder-combat-tab b,
.builder-combat-tab small {
  display: block;
}

.builder-combat-tab b {
  color: #fff7de;
  font-size: .98rem;
}

.builder-combat-tab small {
  margin-top: .22rem;
  color: rgba(215,205,230,.68);
  font-size: .74rem;
  line-height: 1.25;
}

.builder-combat-tab.is-active {
  border-color: rgba(183,105,239,.9);
  background: linear-gradient(135deg, rgba(139,78,185,.42), rgba(43,32,56,.72));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 0 1rem rgba(160,80,220,.18);
}

.builder-combat-kind {
  display: inline-flex;
  width: max-content;
  border: 1px solid rgba(183,105,239,.45);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,.18);
}

.builder-combat-kind button {
  min-width: 5.3rem;
  min-height: 2.2rem;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.78);
  font-weight: 850;
  cursor: pointer;
}

.builder-combat-kind button.is-active {
  background: linear-gradient(180deg, rgba(175,94,220,.86), rgba(116,65,152,.92));
  color: #fff;
}

.builder-combat-base-controls {
  display: grid;
  grid-template-columns: auto auto minmax(8rem, 12rem) minmax(5rem, 7rem);
  gap: .55rem;
  align-items: end;
  padding: .7rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
}

.builder-combat-base-controls > span,
.builder-combat-base-controls label span {
  color: #d8cdea;
  font-size: .8rem;
  font-weight: 800;
}

.builder-combat-base-controls > div {
  display: flex;
  gap: .35rem;
}

.builder-combat-base-controls button {
  min-height: 2rem;
  padding: 0 .65rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 5px;
  background: rgba(255,255,255,.06);
  color: #fff;
  font-weight: 850;
  cursor: pointer;
}

.builder-combat-base-controls button.is-active {
  border-color: rgba(111,241,169,.75);
  background: rgba(25,104,63,.72);
}

.builder-combat-base-controls label,
.builder-combat-side label,
.builder-combat-enemy-field {
  display: grid;
  gap: .32rem;
}

.builder-combat-base-controls input,
.builder-combat-side input,
.builder-combat-enemy-field input {
  width: 100%;
  min-height: 2.25rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 5px;
  background: rgba(0,0,0,.18);
  color: #fff;
  font: inherit;
  font-weight: 800;
  padding: 0 .65rem;
}

.builder-combat-results {
  display: grid;
  gap: .72rem;
}

.builder-combat-result {
  display: grid;
  grid-template-columns: minmax(13rem, 1fr) minmax(12rem, .9fr) minmax(13rem, 1fr);
  gap: .85rem;
  align-items: center;
  min-height: 5.8rem;
  padding: .85rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
}

.builder-combat-side label {
  grid-template-columns: minmax(0, 1fr) auto auto minmax(5rem, 7rem);
  align-items: center;
}

.builder-combat-side.is-enemy label {
  grid-template-columns: minmax(0, 1fr) minmax(5rem, 7rem);
}

.builder-combat-side span {
  min-width: 0;
  color: rgba(235,226,246,.8);
  font-weight: 750;
}

.builder-combat-side strong {
  color: #fff;
  font-size: 1.25rem;
}

.builder-combat-side em {
  color: rgba(255,255,255,.42);
  font-style: normal;
  font-size: 1.3rem;
}

.builder-combat-side small {
  display: block;
  margin-top: .38rem;
  color: rgba(215,205,230,.7);
}

.builder-combat-side small b {
  color: #ffe17a;
}

.builder-combat-meter {
  display: grid;
  justify-items: center;
  gap: .32rem;
  text-align: center;
}

.builder-combat-meter span {
  color: #fff;
  font-size: .86rem;
  font-weight: 850;
  text-transform: uppercase;
}

.builder-combat-meter strong {
  color: #61f2a2;
  font-size: 1.55rem;
  line-height: 1;
}

.builder-combat-result.is-danger .builder-combat-meter strong {
  color: #ff8b5f;
}

.builder-combat-result.is-neutral .builder-combat-meter strong {
  color: rgba(255,255,255,.72);
}

.builder-combat-meter > div {
  width: min(12rem, 100%);
  height: .52rem;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0,0,0,.42);
}

.builder-combat-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #55e48f, #ffe17a);
}

.builder-combat-result.is-danger .builder-combat-meter i {
  background: linear-gradient(90deg, #ff8b5f, #d65353);
}

.builder-combat-meter small {
  color: rgba(215,205,230,.72);
  font-weight: 750;
}

.builder-combat-rail {
  gap: .75rem;
}

.builder-combat-rail-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .7rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.builder-combat-rail-head h4 {
  margin: 0;
  color: #ffe9a6;
}

.builder-combat-rail-head span {
  color: #c77dff;
  font-size: .82rem;
  font-weight: 850;
}

.builder-combat-enemy-list {
  display: grid;
  gap: .55rem;
}

.builder-combat-enemy-field {
  padding: .58rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: rgba(255,255,255,.04);
}

.builder-combat-enemy-field span {
  color: rgba(235,226,246,.78);
  font-weight: 760;
}

.builder-combat-reset-side {
  width: 100%;
}

@media (max-width: 980px) {
  .builder-combat-head,
  .builder-combat-result {
    grid-template-columns: 1fr;
  }

  .builder-combat-head {
    display: grid;
  }

  .builder-combat-base-controls {
    grid-template-columns: 1fr;
  }

  .builder-combat-side label,
  .builder-combat-side.is-enemy label {
    grid-template-columns: 1fr;
  }
}


/* RUTL builder combat simulator compact pass 20260727 */
.builder-combat-sim {
  gap: .75rem;
  overflow: hidden;
}

.builder-combat-head {
  align-items: center;
  padding-bottom: .7rem;
}

.builder-combat-head h2 {
  margin: 0;
}

.builder-combat-head p {
  display: none !important;
}

.builder-combat-tabs {
  grid-template-columns: repeat(auto-fit, minmax(7.6rem, 1fr));
  gap: .45rem;
}

.builder-combat-tab {
  min-width: 0;
  min-height: 3.55rem;
  padding: .5rem .58rem;
  overflow: hidden;
}

.builder-combat-tab b {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .92rem;
}

.builder-combat-tab small {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .68rem;
}

.builder-combat-base-controls {
  grid-template-columns: minmax(7rem, auto) auto minmax(8rem, 12rem) minmax(4.8rem, 6.5rem);
  align-items: center;
  padding: .55rem .65rem;
  gap: .5rem;
}

.builder-combat-results {
  gap: .55rem;
}

.builder-combat-result {
  grid-template-columns: minmax(14rem, 1.05fr) minmax(10.5rem, .72fr) minmax(12rem, .9fr);
  min-height: 4.8rem;
  padding: .62rem .72rem;
  gap: .7rem;
  border-radius: 7px;
}

.builder-combat-side label {
  grid-template-columns: minmax(0, 1fr) auto auto 6.9rem;
  gap: .45rem;
}

.builder-combat-side.is-enemy label {
  grid-template-columns: minmax(0, 1fr) 6.9rem;
  justify-items: stretch;
}

.builder-combat-side span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.18;
}

.builder-combat-side strong {
  font-size: 1.15rem;
  line-height: 1;
}

.builder-combat-side small {
  margin-top: .24rem;
  font-size: .72rem;
}

.builder-combat-base-controls input,
.builder-combat-side input,
.builder-combat-enemy-field input {
  min-height: 2.05rem;
}

.builder-combat-meter {
  gap: .22rem;
}

.builder-combat-meter strong {
  font-size: 1.38rem;
}

.builder-combat-meter > div {
  width: min(10.5rem, 100%);
  height: .46rem;
}

@media (max-width: 1180px) {
  .builder-combat-result {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .builder-combat-base-controls {
    grid-template-columns: 1fr 1fr;
  }

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


/* RUTL builder combat simulator alignment pass 20260727 */
.builder-combat-side label,
.builder-combat-side.is-enemy label {
  align-items: center;
}

.builder-combat-side span {
  min-height: 2.35rem;
  display: flex;
  align-items: center;
  line-height: 1.16;
  overflow: hidden;
}

.builder-combat-side.is-enemy span {
  justify-content: flex-end;
  text-align: right;
}

.builder-combat-side strong,
.builder-combat-side em,
.builder-combat-side input {
  align-self: center;
}

.builder-combat-meter {
  align-self: center;
}

.builder-combat-result {
  align-items: center;
}


/* RUTL builder combat simulator tab overflow guard 20260727 */
.builder-combat-tabs {
  grid-template-columns: repeat(auto-fit, minmax(6.8rem, 1fr));
  max-width: 100%;
  overflow: hidden;
}

.builder-combat-tab {
  width: 100%;
  max-width: 100%;
}

.builder-combat-tab b {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.builder-combat-tab small {
  overflow-wrap: anywhere;
}


/* RUTL builder combat simulator single-line alignment 20260727 */
.builder-combat-tab {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
}

.builder-combat-tab b {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.builder-combat-tab small {
  display: none !important;
}

.builder-combat-result {
  grid-template-columns: minmax(20rem, 1.05fr) minmax(12rem, .62fr) minmax(18rem, .95fr);
  min-height: 4.35rem;
}

.builder-combat-side label {
  grid-template-columns: minmax(8.8rem, 10.8rem) auto auto 7rem;
  min-height: 2.3rem;
}

.builder-combat-side.is-enemy label {
  grid-template-columns: minmax(9.5rem, 12.5rem) 7rem;
}

.builder-combat-side span {
  min-height: 0;
  display: block;
  align-self: center;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.builder-combat-side span,
.builder-combat-meter small {
  text-wrap: pretty;
}

.builder-combat-side.is-enemy span {
  text-align: right;
}

.builder-combat-side strong,
.builder-combat-side em,
.builder-combat-side input {
  align-self: center;
}

.builder-combat-side input {
  height: 2.05rem;
}

@media (max-width: 1280px) {
  .builder-combat-result {
    grid-template-columns: minmax(18rem, 1fr) minmax(11rem, .7fr) minmax(16rem, .9fr);
  }
}

@media (max-width: 1180px) {
  .builder-combat-result {
    grid-template-columns: 1fr;
  }

  .builder-combat-side label,
  .builder-combat-side.is-enemy label {
    grid-template-columns: minmax(0, 1fr) auto auto 7rem;
  }

  .builder-combat-side.is-enemy label {
    grid-template-columns: minmax(0, 1fr) 7rem;
  }

  .builder-combat-side.is-enemy span {
    text-align: left;
  }
}


/* RUTL builder combat simulator questlog row alignment 20260727 */
.builder-combat-tab {
  min-height: 2.65rem !important;
  padding: .48rem .62rem !important;
}

.builder-combat-tab small {
  display: none !important;
}

.builder-combat-tab b {
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.08 !important;
}

.builder-combat-results {
  gap: .58rem !important;
}

.builder-combat-result {
  grid-template-columns: minmax(16rem, 1fr) minmax(12rem, .72fr) minmax(16rem, 1fr) !important;
  align-items: center !important;
  min-height: 5.05rem !important;
  padding: .72rem .82rem !important;
}

.builder-combat-side label,
.builder-combat-side.is-enemy label {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .34rem !important;
  align-items: start !important;
  min-height: 0 !important;
}

.builder-combat-side span {
  display: block !important;
  min-height: 1.05rem !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.08 !important;
}

.builder-combat-side.is-enemy span {
  text-align: right !important;
}

.builder-combat-input-line {
  display: flex;
  align-items: center;
  gap: .48rem;
  min-width: 0;
}

.builder-combat-side.is-enemy .builder-combat-input-line {
  justify-content: flex-end;
}

.builder-combat-input-line strong {
  flex: 0 0 auto;
  min-width: 3.25rem;
  text-align: right;
  color: #fff;
  font-size: 1.22rem;
  line-height: 1;
}

.builder-combat-input-line em {
  flex: 0 0 auto;
  color: rgba(255,255,255,.42);
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
}

.builder-combat-input-line input {
  flex: 0 0 7.2rem;
  width: 7.2rem !important;
  height: 2.05rem !important;
  min-height: 2.05rem !important;
}

.builder-combat-side small {
  margin-top: .28rem !important;
}

.builder-combat-meter {
  align-self: center !important;
  min-width: 0 !important;
}

.builder-combat-meter span,
.builder-combat-meter small {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

@media (max-width: 1180px) {
  .builder-combat-result {
    grid-template-columns: 1fr !important;
  }

  .builder-combat-side.is-enemy span {
    text-align: left !important;
  }

  .builder-combat-side.is-enemy .builder-combat-input-line {
    justify-content: flex-start;
  }
}


/* RUTL builder combat simulator full-label row alignment 20260727 */
.builder-combat-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: .5rem !important;
  overflow: visible !important;
}

.builder-combat-tab {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  min-height: 2.75rem !important;
  padding: .48rem .72rem !important;
}

.builder-combat-tab b {
  width: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  font-size: clamp(.76rem, .78vw, .94rem) !important;
}

.builder-combat-tab small {
  display: none !important;
}

.builder-combat-result {
  grid-template-columns: minmax(17rem, 1fr) minmax(12.4rem, .68fr) minmax(17rem, 1fr) !important;
  align-items: start !important;
  min-height: 5rem !important;
  padding: .72rem .85rem .64rem !important;
}

.builder-combat-side {
  position: relative !important;
  min-width: 0 !important;
  padding-bottom: 1rem !important;
}

.builder-combat-side label,
.builder-combat-side.is-enemy label {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1.1rem 2.1rem !important;
  gap: .32rem !important;
  align-items: start !important;
}

.builder-combat-side span {
  display: block !important;
  min-height: 1.1rem !important;
  height: 1.1rem !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.1 !important;
}

.builder-combat-input-line {
  display: flex !important;
  align-items: center !important;
  gap: .48rem !important;
  min-width: 0 !important;
  height: 2.1rem !important;
}

.builder-combat-side.is-enemy .builder-combat-input-line {
  justify-content: flex-end !important;
}

.builder-combat-input-line strong {
  flex: 0 0 auto !important;
  min-width: 3.35rem !important;
  text-align: right !important;
  line-height: 1 !important;
}

.builder-combat-input-line em {
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

.builder-combat-input-line input {
  flex: 0 0 7.2rem !important;
  width: 7.2rem !important;
  height: 2.1rem !important;
  min-height: 2.1rem !important;
}

.builder-combat-side small {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.builder-combat-meter {
  align-self: start !important;
  padding-top: 0 !important;
  grid-template-rows: 1.1rem 1.55rem .52rem 1rem !important;
  gap: .2rem !important;
}

.builder-combat-meter span {
  height: 1.1rem !important;
  line-height: 1.1 !important;
}

.builder-combat-meter strong {
  line-height: 1 !important;
}

.builder-combat-meter small {
  line-height: 1 !important;
}

@media (max-width: 1180px) {
  .builder-combat-tab {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .builder-combat-tab b {
    white-space: normal !important;
  }

  .builder-combat-result {
    grid-template-columns: 1fr !important;
  }
}


/* RUTL builder combat simulator equal two-row tabs 20260727 */
.builder-combat-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .5rem !important;
  width: 100% !important;
  overflow: visible !important;
}

.builder-combat-tab {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 2.8rem !important;
  padding: .48rem .42rem !important;
}

.builder-combat-tab b {
  width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  font-size: clamp(.68rem, .74vw, .86rem) !important;
}

@media (max-width: 1180px) {
  .builder-combat-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .builder-combat-tab b {
    font-size: .86rem !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 520px) {
  .builder-combat-tabs {
    grid-template-columns: 1fr !important;
  }
}


/* RUTL wargames public page 20260728 */
.wargames-tab-icon::before {
  content: "⚔";
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1;
}

body:has(.wargames-panel.is-active) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.app-shell:has(.wargames-panel.is-active),
.app-shell:has(.wargames-panel.is-active) main,
.app-shell:has(.wargames-panel.is-active) .tab-panel.is-active,
.wargames-panel.is-active {
  height: auto !important;
  min-height: 100dvh !important;
  overflow: visible !important;
}

.wargames-root,
.wargames-page {
  width: min(1180px, calc(100vw - 1.25rem));
  margin: 0 auto;
}

.wargames-page {
  padding: 1.1rem 0 2.5rem;
  color: #f5eef9;
}

.wargames-hero,
.wargames-action-panel,
.wargames-incoming,
.wargames-day,
.wargames-empty,
.wargames-error {
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(38, 32, 45, 0.96), rgba(18, 17, 21, 0.97));
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28);
}

.wargames-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.35rem;
}

.wargames-hero span {
  color: #c07cff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wargames-hero h1 {
  margin: 0.25rem 0 0;
  color: #ffe7a3;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1;
}

.wargames-hero p {
  max-width: 46rem;
  margin: 0.55rem 0 0;
  color: #d9d1df;
  line-height: 1.55;
}

.wargames-archive-toggle,
.wargames-card-actions button,
.wargames-incoming button,
.wargames-request-form button,
.wargames-cl-form button {
  min-height: 2.35rem;
  border: 1px solid rgba(180, 111, 232, 0.7);
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(113, 62, 147, 0.95), rgba(64, 38, 85, 0.96));
  color: #fff8e8;
  font-weight: 900;
  cursor: pointer;
}

.wargames-calendar,
.wargames-action-panel,
.wargames-incoming {
  margin-top: 1rem;
}

.wargames-action-panel,
.wargames-incoming,
.wargames-day,
.wargames-empty,
.wargames-error {
  padding: 1rem;
}

.wargames-action-panel h2,
.wargames-incoming h2,
.wargames-day h2 {
  margin: 0 0 0.75rem;
  color: #ffe7a3;
  font-size: 1.18rem;
}

.wargames-action-panel p,
.wargames-note {
  margin: 0 0 0.85rem;
  color: #d9d1df;
  line-height: 1.5;
}

.wargames-error {
  margin-top: 1rem;
  border-color: rgba(255, 105, 105, 0.45);
  color: #ffd1d1;
}

.wargames-request-form,
.wargames-cl-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: end;
}

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

.wargames-request-form label,
.wargames-cl-form label {
  display: grid;
  gap: 0.28rem;
  min-width: 0;
  color: #cfc2db;
  font-size: 0.78rem;
  font-weight: 900;
}

.wargames-request-form input,
.wargames-request-form select,
.wargames-cl-form input,
.wargames-cl-form textarea {
  width: 100%;
  min-height: 2.35rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.32);
  color: #fff;
  padding: 0.55rem 0.65rem;
  font-weight: 800;
}

.wargames-cl-form textarea {
  min-height: 5.2rem;
  resize: vertical;
}

.wargames-request-form .is-wide,
.wargames-cl-form .is-wide {
  grid-column: 1 / -1;
}

.wargames-incoming-list,
.wargames-day-list {
  display: grid;
  gap: 0.7rem;
}

.wargames-incoming-list article,
.wargames-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.22);
  padding: 0.8rem;
}

.wargames-card-main {
  display: grid;
  grid-template-columns: 4.4rem minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  min-width: 0;
}

.wargames-card-time {
  display: grid;
  place-items: center;
  min-height: 3.7rem;
  border: 1px solid rgba(255, 216, 120, 0.28);
  border-radius: 8px;
  background: rgba(255, 216, 120, 0.07);
}

.wargames-card-time b {
  color: #ffe7a3;
  font-size: 1.1rem;
}

.wargames-card-time span,
.wargames-card p,
.wargames-incoming-list span {
  color: #b9afc3;
  font-size: 0.85rem;
}

.wargames-card-title {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: baseline;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 900;
}

.wargames-card-title span {
  color: #a976ff;
  font-size: 0.8rem;
}

.wargames-card-comment,
.wargames-card-pending {
  margin: 0.34rem 0 0;
}

.wargames-card-actions {
  display: grid;
  justify-items: end;
  gap: 0.5rem;
}

.wargames-card-actions > span {
  border: 1px solid rgba(255, 216, 120, 0.4);
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  color: #ffe7a3;
  font-size: 0.78rem;
  font-weight: 900;
}

.wargames-incoming-list article > div {
  display: flex;
  gap: 0.5rem;
}

@media (max-width: 760px) {
  .wargames-root,
  .wargames-page {
    width: min(100%, calc(100vw - 0.8rem));
  }
  .wargames-hero,
  .wargames-incoming-list article,
  .wargames-card {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .wargames-hero {
    display: grid;
  }
  .wargames-request-form,
  .wargames-cl-form {
    grid-template-columns: 1fr;
  }
  .wargames-card-main {
    grid-template-columns: 1fr;
  }
  .wargames-card-actions {
    justify-items: stretch;
  }
}


/* RUTL visual unification layer 20260728 */
:root {
  --rutl-surface: rgba(18, 14, 25, 0.94);
  --rutl-surface-2: rgba(29, 23, 38, 0.9);
  --rutl-surface-3: rgba(38, 32, 47, 0.86);
  --rutl-border: rgba(255, 238, 195, 0.16);
  --rutl-border-strong: rgba(255, 220, 139, 0.36);
  --rutl-accent: #ffe6a5;
  --rutl-accent-2: #b876ff;
  --rutl-soft: #cfc2db;
}

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(106, 56, 132, 0.24), transparent 28rem),
    radial-gradient(circle at 86% 10%, rgba(160, 103, 36, 0.16), transparent 34rem),
    linear-gradient(180deg, #0b0811 0%, #050408 58%, #020204 100%);
}

.site-header {
  border-color: var(--rutl-border);
  background:
    linear-gradient(180deg, rgba(29, 21, 38, 0.94), rgba(12, 9, 17, 0.94));
  box-shadow:
    0 18px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tabs {
  grid-template-columns: repeat(9, max-content);
  gap: 0.08rem;
  border-color: rgba(255, 238, 195, 0.14);
  background: rgba(16, 12, 22, 0.72);
}

.tab {
  height: 2.28rem;
  border-radius: 0.72rem;
  padding: 0 0.58rem;
  color: rgba(232, 222, 242, 0.78);
  font-size: 0.68rem;
  font-weight: 900;
}

.tab:hover {
  border-color: rgba(255, 226, 155, 0.22);
  background: rgba(255, 230, 165, 0.08);
  color: #fff2cf;
}

.tab.is-active {
  border-color: rgba(255, 219, 135, 0.48);
  background:
    linear-gradient(180deg, rgba(102, 72, 41, 0.62), rgba(34, 23, 36, 0.84));
  color: #ffe7a5;
  box-shadow:
    inset 0 0 0 1px rgba(255, 234, 179, 0.08),
    0 0 0.85rem rgba(255, 204, 106, 0.12);
}

.wargames-tab-icon {
  --tab-icon: url("/assets/icons/swords.svg");
}

.wargames-tab-icon::before {
  content: none !important;
}

.support,
.feedback-button,
.header-icon-button,
.builder-catalog-primary,
.builder-catalog-secondary,
.builder-catalog-open,
.static-action {
  border-radius: 0.72rem;
}

.news-root,
.weather-root,
.formulas-root,
.calculator-root,
.builder-catalog-shell,
.items-root,
.bugtracker-page,
.wargames-page {
  color: #f8f0ff;
}

.news-card,
.weather-card,
.formula-card,
.calculator-card,
.builder-catalog-head,
.builder-catalog-filters,
.builder-catalog-card,
.builder-catalog-my-panel,
.items-detail,
.items-list,
.bugtracker-hero,
.bugtracker-filters,
.bugtracker-stats,
.bugtracker-entry,
.wargames-hero,
.wargames-action-panel,
.wargames-incoming,
.wargames-day,
.wargames-empty,
.wargames-error,
.wargames-modal,
.static-card {
  border-color: var(--rutl-border);
  border-radius: 1.05rem;
  background:
    linear-gradient(180deg, rgba(31, 25, 39, 0.96), rgba(13, 11, 18, 0.98));
  box-shadow:
    0 1.25rem 3.6rem rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.news-card:hover,
.builder-catalog-card:hover,
.bugtracker-entry:hover,
.wargames-card:hover {
  border-color: rgba(202, 136, 255, 0.36);
}

.news-card h2,
.weather-card h2,
.formula-card h2,
.builder-catalog-head h1,
.builder-catalog-section-title h2,
.bugtracker-hero h1,
.wargames-hero h1,
.static-card h1 {
  color: var(--rutl-accent);
  letter-spacing: 0;
}

.news-card time,
.builder-catalog-kicker,
.bugtracker-kicker,
.wargames-hero span,
.static-kicker {
  color: #c790ff;
}

.news-card img,
.news-card picture,
.news-media,
.news-media img {
  border-color: rgba(255, 238, 195, 0.16);
  border-radius: 0.82rem;
}

.wargames-panel.is-active {
  background:
    linear-gradient(180deg, rgba(11, 8, 14, 0.76), rgba(2, 2, 4, 0.96));
}

.wargames-page {
  width: min(1220px, calc(100vw - 1.5rem));
}

.wargames-hero {
  position: relative;
  overflow: hidden;
  padding: 1.35rem 1.45rem;
}

.wargames-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0 43%, rgba(255, 230, 165, 0.045) 43% 44%, transparent 44% 100%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 22px);
  opacity: 0.5;
}

.wargames-hero > * {
  position: relative;
  z-index: 1;
}

.wargames-hero-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
}

.wargames-archive-toggle {
  width: 2.55rem;
  min-width: 2.55rem;
  padding: 0;
}

.wargames-archive-toggle span {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  margin: auto;
  background: currentColor;
  -webkit-mask: url("/assets/icons/archive.svg") center / contain no-repeat;
  mask: url("/assets/icons/archive.svg") center / contain no-repeat;
}

.wargames-card {
  background:
    linear-gradient(135deg, rgba(20, 17, 26, 0.96), rgba(12, 10, 16, 0.98));
}

.wargames-panel-head,
.wargames-officers {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
}

.wargames-panel-head span,
.wargames-officers h3 {
  color: #c790ff;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wargames-panel-head b {
  align-self: start;
  border: 1px solid rgba(85, 209, 143, 0.48);
  border-radius: 999px;
  background: rgba(85, 209, 143, 0.12);
  color: #7cffb8;
  padding: 0.36rem 0.68rem;
}

.wargames-officers {
  margin-top: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.9rem;
  background: rgba(0, 0, 0, 0.18);
  padding: 0.85rem;
}

.wargames-officer-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.55rem;
}

.wargames-officer-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.62rem;
}

.wargames-officer-row div:first-child {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.wargames-officer-row code {
  overflow: hidden;
  color: #9fdbff;
  font-family: inherit;
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wargames-officer-row div:last-child {
  display: flex;
  gap: 0.45rem;
}

.wargames-muted,
.wargames-modal-note {
  color: rgba(218, 209, 229, 0.78);
}

.wargames-secondary-action,
.wargames-officer-row button,
.wargames-modal-actions button,
.wargames-modal-actions a,
.wargames-card-actions button,
.wargames-incoming button,
.wargames-request-form button,
.wargames-cl-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  border: 1px solid rgba(255, 226, 155, 0.24);
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.055);
  color: #fff3ce;
  font-weight: 950;
  padding: 0 0.78rem;
}

.wargames-secondary-action:hover,
.wargames-officer-row button:hover,
.wargames-modal-actions button:hover,
.wargames-modal-actions a:hover {
  border-color: rgba(255, 226, 155, 0.5);
  background: rgba(255, 226, 155, 0.12);
}

.wargames-modal-backdrop {
  position: fixed;
  z-index: 3600;
  inset: 0;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background: rgba(3, 2, 5, 0.76);
  padding: 1rem;
}

.wargames-modal {
  position: relative;
  width: min(34rem, 100%);
  padding: 1.35rem;
}

.wargames-modal.is-archive {
  width: min(62rem, 100%);
}

.wargames-modal-close {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.6rem;
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}

.wargames-modal h2 {
  margin: 0 2.5rem 0.8rem 0;
  color: var(--rutl-accent);
  font-size: 1.55rem;
}

.wargames-modal p {
  color: #dfd6e9;
  line-height: 1.55;
}

.wargames-modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.8rem;
}

.wargames-status {
  display: none;
}

@media (max-width: 1180px) {
  .site-header {
    grid-template-columns: minmax(10rem, 0.8fr) auto minmax(11rem, 0.8fr);
    gap: 0.48rem;
  }

  .tab {
    gap: 0.25rem;
    padding: 0 0.46rem;
    font-size: 0.64rem;
  }

  .tab-icon {
    width: 0.88rem;
    height: 0.88rem;
  }
}

@media (max-width: 760px) {
  body {
    background:
      radial-gradient(circle at 50% 0%, rgba(114, 60, 147, 0.28), transparent 18rem),
      linear-gradient(180deg, #0b0811 0%, #050408 64%, #020204 100%);
  }

  .site-header {
    border-radius: 0.95rem;
    background: rgba(18, 14, 25, 0.86);
    backdrop-filter: blur(12px);
  }

  .news-card,
  .weather-card,
  .formula-card,
  .calculator-card,
  .builder-catalog-head,
  .builder-catalog-filters,
  .builder-catalog-card,
  .builder-catalog-my-panel,
  .items-detail,
  .items-list,
  .bugtracker-hero,
  .bugtracker-filters,
  .bugtracker-stats,
  .bugtracker-entry,
  .wargames-hero,
  .wargames-action-panel,
  .wargames-incoming,
  .wargames-day,
  .wargames-empty,
  .wargames-error,
  .wargames-modal,
  .static-card {
    border-radius: 0.82rem;
  }

  .wargames-page {
    width: min(100%, calc(100vw - 0.8rem));
    padding-bottom: 5rem;
  }

  .wargames-panel-head,
  .wargames-officers,
  .wargames-officer-row {
    grid-template-columns: 1fr;
  }

  .wargames-officer-row div:last-child,
  .wargames-modal-actions {
    justify-content: stretch;
  }

  .wargames-officer-row button,
  .wargames-modal-actions button,
  .wargames-modal-actions a {
    flex: 1 1 auto;
  }
}


/* RUTL unified modal and mobile item database polish 20260728-2 */
.modal.site-profile-modal,
.modal.feedback-modal {
  width: min(35rem, calc(100vw - 1.5rem)) !important;
  max-width: min(35rem, calc(100vw - 1.5rem)) !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 226, 155, 0.28) !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(139, 82, 174, 0.16), transparent 17rem),
    linear-gradient(180deg, rgba(18, 15, 24, 0.98), rgba(7, 7, 12, 0.99)) !important;
  box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: #f7efff !important;
}

.site-profile-inner,
.feedback-form,
.wargames-modal {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid rgba(255, 226, 155, 0.18) !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(139, 82, 174, 0.13), transparent 18rem),
    linear-gradient(180deg, rgba(22, 17, 29, 0.98), rgba(8, 8, 13, 0.99)) !important;
  padding: 1.45rem 1.55rem 1.35rem !important;
  box-shadow: none !important;
}

.site-profile-inner h2,
.feedback-form h2,
.wargames-modal h2 {
  margin: 0 2.4rem 0.9rem 0 !important;
  max-width: none !important;
  padding-right: 0 !important;
  color: #ffe8a8 !important;
  font-size: clamp(1.55rem, 4vw, 2rem) !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
}

.site-profile-inner p,
.feedback-form p,
.wargames-modal p {
  margin: 0 0 0.85rem !important;
  color: rgba(239, 231, 246, 0.86) !important;
  line-height: 1.55 !important;
}

.site-profile-inner label,
.feedback-form label,
.wargames-cl-form label,
.wargames-request-form label {
  color: #d6c9e4 !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
}

.site-profile-inner input,
.feedback-form input,
.feedback-form textarea,
.feedback-form select,
.wargames-cl-form input,
.wargames-cl-form textarea,
.wargames-request-form input,
.wargames-request-form select {
  box-sizing: border-box !important;
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0.62rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.feedback-form textarea,
.wargames-cl-form textarea {
  resize: vertical !important;
}

.site-profile-actions,
.modal-actions,
.wargames-modal-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.65rem !important;
  margin-top: 1rem !important;
}

.site-profile-actions button,
.modal-actions button,
.wargames-modal-actions button,
.wargames-modal-actions a,
.wargames-cl-form button,
.feedback-form .primary-button,
.feedback-form .plain-button {
  min-height: 2.45rem !important;
  border-radius: 0.72rem !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.site-profile-actions .primary,
.feedback-form .primary-button,
.wargames-cl-form .builder-catalog-primary,
.wargames-modal-actions .builder-catalog-primary {
  border-color: rgba(255, 226, 155, 0.42) !important;
  background: linear-gradient(180deg, rgba(98, 73, 42, 0.72), rgba(42, 31, 36, 0.96)) !important;
  color: #ffe8a8 !important;
}

.site-profile-actions button:not(.primary),
.feedback-form .plain-button {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f3ecfb !important;
}

.modal-close,
.wargames-modal-close {
  position: absolute !important;
  top: 0.85rem !important;
  right: 0.85rem !important;
  display: grid !important;
  place-items: center !important;
  width: 2.15rem !important;
  height: 2.15rem !important;
  min-width: 2.15rem !important;
  min-height: 2.15rem !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 0.62rem !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.modal-close::before,
.modal-close::after,
.wargames-modal-close::before,
.wargames-modal-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 0.9rem !important;
  height: 0.12rem !important;
  border-radius: 999px !important;
  background: #f5eee2 !important;
  transform-origin: center !important;
}

.modal-close::before,
.wargames-modal-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; }
.modal-close::after,
.wargames-modal-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; }

.site-profile-linked {
  display: grid !important;
  gap: 0.45rem !important;
  margin-top: 0.2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 0.72rem !important;
  background: rgba(255, 255, 255, 0.035) !important;
  padding: 0.75rem !important;
}

.site-profile-linked h3 {
  margin: 0 !important;
  color: #c790ff !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.site-profile-linked p { margin: 0 !important; font-size: 0.86rem !important; }
.site-profile-linked-list { display: flex !important; flex-wrap: wrap !important; gap: 0.42rem !important; }
.site-profile-linked-list span {
  border: 1px solid rgba(85, 209, 143, 0.44) !important;
  border-radius: 999px !important;
  background: rgba(85, 209, 143, 0.12) !important;
  color: #87ffc1 !important;
  padding: 0.28rem 0.58rem !important;
  font-size: 0.78rem !important;
  font-weight: 680 !important;
}

@media (max-width: 640px) {
  body:has(.items-panel.is-active) { overflow-x: hidden !important; }
  .items-panel.is-active,
  .items-panel.is-active .builder-root,
  .item-db,
  .item-db-body,
  .item-db-list,
  .item-db-card,
  .item-db-filters,
  .item-db-hero {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  .items-panel.is-active .builder-root {
    width: min(100%, calc(100vw - 0.8rem)) !important;
    max-width: min(100%, calc(100vw - 0.8rem)) !important;
    margin: 0 auto !important;
  }
  .item-db-hero {
    min-height: 10.5rem !important;
    padding: 1rem !important;
    align-items: end !important;
  }
  .item-db-hero h1 {
    max-width: 100% !important;
    margin: 0.35rem 0 !important;
    font-size: clamp(2.15rem, 12vw, 3.2rem) !important;
    line-height: 0.96 !important;
    overflow-wrap: anywhere !important;
  }
  .item-db-hero p {
    max-width: 100% !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .item-db-filters {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.55rem !important;
    padding: 0.75rem !important;
  }
  .item-db-filters label:first-child {
    grid-column: 1 / -1 !important;
  }
  .item-db-filters input,
  .item-db-filters select {
    min-width: 0 !important;
    height: 2.5rem !important;
  }
  .item-db-body { grid-template-columns: 1fr !important; }
  .item-db-list,
  .item-db-card { height: auto !important; min-height: 0 !important; }
  .item-db-list-scroll { max-height: 34rem !important; }
}

/* Wargames Discord community card 20260728 */
.wargames-discord-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  border: 1px solid rgba(123, 186, 255, 0.22);
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(37, 30, 50, 0.94), rgba(14, 18, 27, 0.96)),
    radial-gradient(circle at 92% 0%, rgba(88, 101, 242, 0.2), transparent 18rem);
  box-shadow: 0 1.1rem 3rem rgba(0, 0, 0, 0.28);
  padding: 1rem 1.1rem;
}

.wargames-discord-card span {
  color: #9fdbff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wargames-discord-card h2 {
  margin: 0.25rem 0 0;
  color: var(--rutl-accent);
  font-size: 1.24rem;
}

.wargames-discord-card p {
  max-width: 48rem;
  margin: 0.42rem 0 0;
  color: #ddd4e7;
  line-height: 1.45;
}

.wargames-discord-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.55rem;
  border: 1px solid rgba(159, 219, 255, 0.38);
  border-radius: 0.78rem;
  background: linear-gradient(180deg, rgba(88, 101, 242, 0.34), rgba(37, 42, 96, 0.36));
  color: #f7fbff;
  font-weight: 950;
  padding: 0 1rem;
  text-decoration: none;
  white-space: nowrap;
}

.wargames-discord-link:hover {
  border-color: rgba(159, 219, 255, 0.68);
  background: linear-gradient(180deg, rgba(88, 101, 242, 0.48), rgba(37, 42, 96, 0.46));
}

@media (max-width: 760px) {
  .wargames-discord-card {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .wargames-discord-link {
    width: 100%;
  }
}

/* Wargames modal width fix 20260728 */
.wargames-modal-backdrop {
  place-items: center !important;
  align-items: center !important;
  justify-items: center !important;
}

.wargames-modal {
  width: min(34rem, calc(100vw - 1.5rem)) !important;
  max-width: min(34rem, calc(100vw - 1.5rem)) !important;
}

.wargames-modal.is-archive {
  width: min(62rem, calc(100vw - 1.5rem)) !important;
  max-width: min(62rem, calc(100vw - 1.5rem)) !important;
}

.wargames-modal .wargames-cl-form {
  grid-template-columns: 1fr !important;
}


/* Wargames modals, cards and native controls polish 20260728-3 */
.wargames-panel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  margin-top: 1rem !important;
}

.wargames-panel-actions button {
  min-height: 2.75rem !important;
  padding: 0 1.1rem !important;
  border-radius: 0.8rem !important;
}

.wargames-request-form select,
.wargames-cl-form select {
  color-scheme: dark !important;
}

.wargames-request-form select option,
.wargames-cl-form select option {
  background: #1b1422 !important;
  color: #f7efff !important;
}

.wargames-modal.is-request {
  width: min(42rem, calc(100vw - 1.5rem)) !important;
  max-width: min(42rem, calc(100vw - 1.5rem)) !important;
}

.wargames-modal.is-officers {
  width: min(52rem, calc(100vw - 1.5rem)) !important;
  max-width: min(52rem, calc(100vw - 1.5rem)) !important;
}

.wargames-modal.is-officers .wargames-officers {
  margin-top: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.wargames-modal.is-officers .wargames-officers > div:first-child {
  margin-right: 0 !important;
}

.wargames-modal.is-officers .wargames-officers > button {
  justify-self: start !important;
  margin: 0.2rem 0 0.85rem !important;
}

.wargames-day {
  border: 1px solid rgba(174, 112, 255, 0.22) !important;
  border-radius: 1.05rem !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(142, 77, 202, 0.18), transparent 18rem),
    linear-gradient(180deg, rgba(25, 19, 33, 0.96), rgba(10, 9, 14, 0.97)) !important;
  padding: 1rem !important;
}

.wargames-day h2,
.wargames-day h3 {
  margin: 0 0 0.85rem !important;
  color: #ffe8a8 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0 !important;
}

.wargames-day-list {
  display: grid !important;
  gap: 0.75rem !important;
}

.wargames-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 1rem !important;
  min-height: 6.2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.85rem !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    radial-gradient(circle at 0 50%, rgba(255, 226, 155, 0.09), transparent 12rem),
    rgba(10, 9, 14, 0.9) !important;
  padding: 0.85rem 0.95rem !important;
  overflow: hidden !important;
}

.wargames-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(174, 112, 255, 0.16), transparent 24%, transparent 76%, rgba(90, 255, 174, 0.08)) !important;
  opacity: 0.75 !important;
}

.wargames-card.is-matched::before {
  background: linear-gradient(90deg, rgba(92, 255, 174, 0.2), transparent 28%, rgba(255, 226, 155, 0.1)) !important;
}

.wargames-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.wargames-card-time {
  display: grid !important;
  place-items: center !important;
  min-width: 4.5rem !important;
  min-height: 4.1rem !important;
  border: 1px solid rgba(255, 226, 155, 0.42) !important;
  border-radius: 0.75rem !important;
  background: rgba(255, 226, 155, 0.07) !important;
  color: #fff !important;
}

.wargames-card-time span {
  order: 2 !important;
  color: #d7c7e5 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.wargames-card-time b {
  color: #ffe8a8 !important;
  font-size: 1.08rem !important;
  line-height: 1 !important;
}

.wargames-card-body {
  min-width: 0 !important;
}

.wargames-card-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0.45rem !important;
  color: #fff !important;
  font-size: 1.08rem !important;
}

.wargames-card-title strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.wargames-card-title span {
  color: #b875ff !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.wargames-card-title .is-opponent {
  color: #ffe8a8 !important;
}

.wargames-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  margin-top: 0.4rem !important;
}

.wargames-card-meta span,
.wargames-card-actions > span,
.wargames-card-pending span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.45rem !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  padding: 0.16rem 0.55rem !important;
  color: rgba(239, 231, 246, 0.88) !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
}

.wargames-card-comment {
  margin: 0.55rem 0 0 !important;
  color: rgba(239, 231, 246, 0.82) !important;
}

.wargames-card-pending {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin-top: 0.55rem !important;
}

.wargames-card-pending b {
  color: #ffe8a8 !important;
  font-size: 0.82rem !important;
}

.wargames-card-actions {
  display: grid !important;
  justify-items: end !important;
  gap: 0.55rem !important;
}

.wargames-card-actions > span {
  border-color: rgba(255, 226, 155, 0.3) !important;
  background: rgba(255, 226, 155, 0.08) !important;
  color: #ffe8a8 !important;
}

.wargames-card-actions button {
  min-height: 2.4rem !important;
  border: 1px solid rgba(174, 112, 255, 0.62) !important;
  border-radius: 0.68rem !important;
  background: linear-gradient(180deg, rgba(116, 70, 158, 0.58), rgba(49, 31, 66, 0.9)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  padding: 0 0.9rem !important;
}

@media (max-width: 720px) {
  .wargames-panel-actions {
    display: grid !important;
  }

  .wargames-card {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .wargames-card-time {
    display: flex !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0.55rem 0.7rem !important;
  }

  .wargames-card-actions {
    justify-items: stretch !important;
  }

  .wargames-card-actions > span {
    justify-content: center !important;
  }
}


/* RUTL toast notifications and wargames icon actions 20260728 */
.site-toast-stack {
  position: fixed;
  z-index: 6000;
  right: 1rem;
  top: 5rem;
  display: grid;
  gap: 0.55rem;
  width: min(24rem, calc(100vw - 2rem));
  pointer-events: none;
}

.site-toast {
  transform: translateY(-0.55rem);
  opacity: 0;
  border: 1px solid rgba(255, 226, 155, 0.28);
  border-radius: 0.85rem;
  background: linear-gradient(180deg, rgba(31, 25, 39, 0.98), rgba(12, 10, 16, 0.98));
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #fff4d1;
  padding: 0.82rem 0.95rem;
  font-weight: 850;
  line-height: 1.35;
  transition: opacity 0.22s ease, transform 0.22s ease;
  pointer-events: auto;
}

.site-toast.is-visible {
  transform: translateY(0);
  opacity: 1;
}

.site-toast.is-success {
  border-color: rgba(95, 228, 154, 0.38);
  color: #9dffc8;
}

.site-toast.is-error {
  border-color: rgba(255, 104, 118, 0.44);
  color: #ffd4da;
}

.wargames-icon-action {
  width: 2.35rem;
  min-width: 2.35rem;
  min-height: 2.35rem;
  padding: 0 !important;
  border: 1px solid rgba(255, 226, 155, 0.24);
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.055);
  color: #fff3ce;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.wargames-icon-action:hover {
  border-color: rgba(255, 226, 155, 0.5);
  background: rgba(255, 226, 155, 0.12);
}

.wargames-icon-action.is-danger {
  border-color: rgba(255, 105, 105, 0.34);
  color: #ffd1d1;
}

.wargames-icon-action svg,
.wargames-push-toggle svg {
  width: 1.05rem;
  height: 1.05rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wargames-card-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}

.wargames-push-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wargames-push-toggle.is-active {
  border-color: rgba(95, 228, 154, 0.4);
  color: #9dffc8;
}

@media (max-width: 760px) {
  .site-toast-stack {
    top: auto;
    right: 0.75rem;
    bottom: 5.4rem;
    width: min(24rem, calc(100vw - 1.5rem));
  }
}


/* Wargames final visible polish 20260728-4 */
.wargames-modal-backdrop > .wargames-modal {
  box-sizing: border-box !important;
  width: min(34rem, calc(100vw - 1.5rem)) !important;
  max-width: min(34rem, calc(100vw - 1.5rem)) !important;
  margin: auto !important;
}

.wargames-modal-backdrop > .wargames-modal.is-request {
  width: min(44rem, calc(100vw - 1.5rem)) !important;
  max-width: min(44rem, calc(100vw - 1.5rem)) !important;
}

.wargames-modal-backdrop > .wargames-modal.is-officers,
.wargames-modal-backdrop > .wargames-modal.is-archive {
  width: min(58rem, calc(100vw - 1.5rem)) !important;
  max-width: min(58rem, calc(100vw - 1.5rem)) !important;
}

.wargames-request-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.wargames-request-form .is-wide,
.wargames-request-form button {
  grid-column: 1 / -1 !important;
}

.wargames-request-form select,
.wargames-request-form input,
.wargames-cl-form input,
.wargames-cl-form textarea {
  min-height: 2.55rem !important;
  color-scheme: dark !important;
  background-color: rgba(22, 18, 27, 0.98) !important;
}

.wargames-request-form select option,
.wargames-cl-form select option {
  background-color: #1c1523 !important;
  color: #f7efff !important;
}

.wargames-card {
  grid-template-columns: 5rem minmax(0, 1fr) auto !important;
  min-height: 6.6rem !important;
  padding: 0.9rem 1rem !important;
}

.wargames-card-title {
  font-size: 1.14rem !important;
  line-height: 1.18 !important;
}

.wargames-card-meta span,
.wargames-card-actions > span {
  white-space: nowrap !important;
}

.wargames-card-action-row {
  min-width: 5.2rem !important;
}

.wargames-icon-action.is-primary {
  border-color: rgba(123, 186, 255, 0.5) !important;
  color: #bfe4ff !important;
}

.wargames-icon-action.is-success {
  border-color: rgba(95, 228, 154, 0.44) !important;
  color: #9dffc8 !important;
}

.wargames-incoming-list article > div {
  justify-content: flex-end !important;
}

.wargames-officer-row div:last-child {
  justify-content: flex-end !important;
}

.wargames-officer-row .wargames-icon-action,
.wargames-incoming-list .wargames-icon-action,
.wargames-card-action-row .wargames-icon-action {
  flex: 0 0 2.4rem !important;
}

@media (max-width: 720px) {
  .wargames-modal-backdrop {
    padding: 0.75rem !important;
  }

  .wargames-modal-backdrop > .wargames-modal,
  .wargames-modal-backdrop > .wargames-modal.is-request,
  .wargames-modal-backdrop > .wargames-modal.is-officers,
  .wargames-modal-backdrop > .wargames-modal.is-archive {
    width: min(100%, calc(100vw - 1.5rem)) !important;
    max-width: min(100%, calc(100vw - 1.5rem)) !important;
  }

  .wargames-request-form {
    grid-template-columns: 1fr !important;
  }

  .wargames-card {
    grid-template-columns: 1fr !important;
  }

  .wargames-card-action-row,
  .wargames-incoming-list article > div,
  .wargames-officer-row div:last-child {
    justify-content: flex-start !important;
  }
}


/* Wargames filters and card action refresh 20260728-5 */
.wargames-filters {
  display: grid !important;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
  gap: 0.8rem !important;
  align-items: center !important;
  margin-top: 1rem !important;
  border: 1px solid rgba(255, 226, 155, 0.16) !important;
  border-radius: 0.9rem !important;
  background: linear-gradient(180deg, rgba(24, 19, 31, 0.92), rgba(10, 9, 14, 0.94)) !important;
  padding: 0.72rem !important;
}

.wargames-filter-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
}

.wargames-filter-tab,
.wargames-date-step,
.wargames-date-submit,
.wargames-date-reset {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 0.68rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #efe7f6 !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 0.72rem !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.wargames-filter-tab.is-active {
  border-color: rgba(255, 226, 155, 0.48) !important;
  background: linear-gradient(180deg, rgba(92, 68, 41, 0.68), rgba(43, 31, 45, 0.92)) !important;
  color: #ffe8a8 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 234, 179, 0.08) !important;
}

.wargames-date-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
}

.wargames-date-filter label {
  display: grid !important;
  grid-template-columns: auto minmax(8.7rem, 9.4rem) !important;
  align-items: center !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
  color: #d8cbe6 !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
}

.wargames-date-filter input {
  width: 100% !important;
  min-height: 2.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0.68rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #fff !important;
  padding: 0 0.72rem !important;
  font-weight: 900 !important;
}

.wargames-date-step {
  width: 2.35rem !important;
  min-width: 2.35rem !important;
  padding: 0 !important;
}

.wargames-date-step svg,
.wargames-icon-action svg,
.wargames-card-command svg,
.wargames-push-toggle svg {
  width: 1.18rem !important;
  height: 1.18rem !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.wargames-date-note {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  color: rgba(221, 212, 231, 0.72) !important;
  font-size: 0.76rem !important;
  text-align: right !important;
}

.wargames-hero-actions .wargames-discord-link {
  width: 2.65rem !important;
  min-width: 2.65rem !important;
  min-height: 2.65rem !important;
  padding: 0 !important;
  border-color: rgba(120, 134, 255, 0.5) !important;
  border-radius: 0.78rem !important;
  color: #f8fbff !important;
}

.wargames-discord-link .wargames-discord-icon,
.wargames-card-command .wargames-discord-icon {
  width: 1.28rem !important;
  height: 1.28rem !important;
  fill: currentColor !important;
  stroke: none !important;
}

.wargames-card {
  grid-template-columns: 5rem minmax(0, 1fr) auto !important;
  gap: 0.95rem !important;
}

.wargames-card.is-no-opponent::before,
.wargames-card.is-cancelled::before,
.wargames-card.is-archived::before {
  background: linear-gradient(90deg, rgba(255, 138, 118, 0.13), transparent 30%, rgba(255, 226, 155, 0.06)) !important;
}

.wargames-card-actions {
  align-self: center !important;
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

.wargames-card-actions > span {
  display: none !important;
}

.wargames-card-actions.is-empty {
  width: 0 !important;
  min-width: 0 !important;
}

.wargames-card-action-row {
  display: grid !important;
  grid-auto-flow: row !important;
  gap: 0.42rem !important;
  min-width: 8.8rem !important;
}

.wargames-card-command {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.48rem !important;
  min-height: 2.45rem !important;
  border: 1px solid rgba(255, 226, 155, 0.24) !important;
  border-radius: 0.72rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #fff3ce !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 0.72rem !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.wargames-card-command.is-primary {
  border-color: rgba(123, 186, 255, 0.48) !important;
  color: #c7e8ff !important;
  background: linear-gradient(180deg, rgba(52, 89, 128, 0.44), rgba(24, 34, 55, 0.74)) !important;
}

.wargames-card-command.is-danger {
  border-color: rgba(255, 105, 105, 0.36) !important;
  color: #ffd1d1 !important;
  background: linear-gradient(180deg, rgba(112, 44, 54, 0.36), rgba(44, 25, 33, 0.72)) !important;
}

.wargames-card-command:hover,
.wargames-filter-tab:hover,
.wargames-date-step:hover,
.wargames-date-submit:hover,
.wargames-date-reset:hover {
  border-color: rgba(255, 226, 155, 0.5) !important;
  background: rgba(255, 226, 155, 0.11) !important;
}

.wargames-card-meta .wargames-card-status {
  border-color: rgba(159, 219, 255, 0.34) !important;
  background: rgba(58, 106, 145, 0.18) !important;
  color: #d6efff !important;
}

.wargames-card-status.is-pending-confirmation {
  border-color: rgba(190, 135, 255, 0.36) !important;
  background: rgba(103, 56, 151, 0.22) !important;
  color: #eadbff !important;
}

.wargames-card-status.is-matched {
  border-color: rgba(95, 228, 154, 0.42) !important;
  background: rgba(43, 126, 79, 0.18) !important;
  color: #a8ffd0 !important;
}

.wargames-card-status.is-no-opponent,
.wargames-card-status.is-cancelled,
.wargames-card-status.is-archived {
  border-color: rgba(255, 150, 122, 0.36) !important;
  background: rgba(124, 55, 43, 0.2) !important;
  color: #ffd7ca !important;
}

.wargames-icon-action {
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  min-height: 2.55rem !important;
}

@media (max-width: 860px) {
  .wargames-filters {
    grid-template-columns: 1fr !important;
  }

  .wargames-date-filter {
    justify-content: flex-start !important;
  }

  .wargames-date-note {
    text-align: left !important;
  }
}

@media (max-width: 720px) {
  .wargames-card {
    grid-template-columns: 1fr !important;
  }

  .wargames-card-actions,
  .wargames-card-actions.is-empty {
    width: 100% !important;
  }

  .wargames-card-action-row {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .wargames-card-command {
    width: 100% !important;
  }
}

@media (max-width: 560px) {
  .wargames-filter-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .wargames-date-filter {
    display: grid !important;
    grid-template-columns: 2.35rem minmax(0, 1fr) 2.35rem !important;
    align-items: end !important;
  }

  .wargames-date-filter label {
    grid-template-columns: 1fr !important;
  }

  .wargames-date-submit,
  .wargames-date-reset,
  .wargames-date-note {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}


/* Wargames boss map backgrounds 20260728-1 */
.wargames-form-note {
  margin: -0.25rem 0 0 !important;
  color: rgba(221, 212, 231, 0.72) !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
}

.wargames-map-pick-summary {
  display: grid !important;
  gap: 0.28rem !important;
  margin-bottom: 0.9rem !important;
  border: 1px solid rgba(255, 226, 155, 0.16) !important;
  border-radius: 0.75rem !important;
  background: rgba(255, 255, 255, 0.045) !important;
  padding: 0.78rem 0.85rem !important;
}

.wargames-map-pick-summary b {
  color: #fff6d5 !important;
  font-size: 1rem !important;
}

.wargames-map-pick-summary span {
  color: rgba(221, 212, 231, 0.78) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

.wargames-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-left: 3px solid var(--wg-boss-accent, rgba(255, 226, 155, 0.74)) !important;
  background: linear-gradient(100deg, rgba(13, 18, 29, 0.96), rgba(20, 15, 24, 0.88)) !important;
}

.wargames-card > *:not(.wargames-card-boss-bg) {
  position: relative !important;
  z-index: 1 !important;
}

.wargames-card-boss-bg {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: scale(1) !important;
  transform-origin: right center !important;
  transition: transform 0.7s ease, opacity 0.25s ease !important;
}

.wargames-card.has-boss-art .wargames-card-boss-bg {
  opacity: 0.86 !important;
  background-image:
    linear-gradient(90deg, rgba(6, 10, 18, 0.96) 0%, rgba(8, 13, 23, 0.9) 33%, rgba(8, 13, 23, 0.42) 58%, rgba(5, 7, 12, 0.88) 100%),
    radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--wg-boss-accent, #ffe29b) 22%, transparent), transparent 34%),
    var(--wg-boss-1) !important;
  background-position: center, center, right center !important;
  background-repeat: no-repeat !important;
  background-size: cover, cover, auto 138% !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg {
  opacity: 0.9 !important;
  background-image:
    linear-gradient(90deg, rgba(6, 10, 18, 0.97) 0%, rgba(8, 13, 23, 0.9) 30%, rgba(8, 13, 23, 0.34) 54%, rgba(5, 7, 12, 0.9) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.42) 56%, rgba(0, 0, 0, 0) 70%),
    var(--wg-boss-1),
    var(--wg-boss-2) !important;
  background-position: center, center, 58% center, right center !important;
  background-repeat: no-repeat !important;
  background-size: cover, cover, auto 132%, auto 132% !important;
}

.wargames-card:hover .wargames-card-boss-bg {
  transform: scale(1.045) !important;
}

.wargames-card-boss-name {
  width: fit-content !important;
  max-width: 100% !important;
  margin-bottom: 0.42rem !important;
  color: #ffd66b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55) !important;
}

.wargames-card-title,
.wargames-card-meta,
.wargames-card-comment,
.wargames-card-pending {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.42) !important;
}

@media (max-width: 720px) {
  .wargames-card.has-boss-art .wargames-card-boss-bg {
    background-size: cover, cover, auto 116% !important;
    background-position: center, center, 78% center !important;
  }

  .wargames-card.has-two-bosses .wargames-card-boss-bg {
    background-position: center, center, 62% center, right center !important;
    background-size: cover, cover, auto 104%, auto 104% !important;
  }

  .wargames-card-boss-name {
    font-size: 0.84rem !important;
    white-space: normal !important;
  }
}


/* RUTL wargames UX refresh 20260728-6 */
.wargames-filters {
  grid-template-columns: minmax(0, auto) minmax(20rem, 1fr) !important;
}

.wargames-date-filter {
  grid-template-columns: repeat(2, minmax(9.5rem, 10.5rem)) auto minmax(8rem, 1fr) !important;
  display: grid !important;
  justify-content: stretch !important;
}

.wargames-date-filter label {
  grid-template-columns: auto minmax(0, 1fr) !important;
}

.wargames-date-filter input[type="date"],
.wargames-request-form input[type="date"],
.wargames-request-form input[type="time"] {
  color-scheme: dark !important;
}

.wargames-date-reset {
  gap: 0.42rem !important;
}

.wargames-date-reset svg {
  width: 1rem !important;
  height: 1rem !important;
}

.wargames-incoming {
  padding: 0 !important;
  overflow: hidden !important;
}

.wargames-incoming-head {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffe8a8 !important;
  padding: 1rem 1.08rem !important;
  cursor: pointer !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.wargames-incoming-head span {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1rem !important;
}

.wargames-incoming-head b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.55rem !important;
  min-height: 1.55rem !important;
  border: 1px solid rgba(255, 226, 155, 0.3) !important;
  border-radius: 999px !important;
  background: rgba(255, 226, 155, 0.1) !important;
  color: #fff4d0 !important;
  font-size: 0.78rem !important;
}

.wargames-incoming-head svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #d8c5ff !important;
}

.wargames-incoming-list {
  display: grid !important;
  gap: 0.62rem !important;
  padding: 0 1rem 1rem !important;
}

.wargames-incoming-card,
.wargames-card-challenge {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(13rem, auto) auto !important;
  align-items: center !important;
  gap: 0.8rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.75rem !important;
  background: rgba(5, 5, 10, 0.44) !important;
  padding: 0.82rem !important;
}

.wargames-incoming-main,
.wargames-card-challenge > div:first-child {
  display: grid !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
}

.wargames-incoming-main b,
.wargames-card-challenge b {
  color: #fff6d5 !important;
  font-size: 0.95rem !important;
}

.wargames-incoming-main span,
.wargames-card-challenge span,
.wargames-contact-empty {
  color: rgba(221, 212, 231, 0.76) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
}

.wargames-contact-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.4rem !important;
  min-width: 0 !important;
}

.wargames-contact-list a,
.wargames-contact-list > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  min-height: 2.18rem !important;
  border: 1px solid rgba(114, 137, 218, 0.38) !important;
  border-radius: 0.62rem !important;
  background: rgba(46, 55, 108, 0.24) !important;
  color: #dde5ff !important;
  padding: 0.34rem 0.54rem !important;
  text-decoration: none !important;
}

.wargames-contact-list svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  flex: 0 0 auto !important;
}

.wargames-contact-list span span {
  display: grid !important;
  gap: 0.08rem !important;
}

.wargames-contact-list b {
  color: #ffffff !important;
  font-size: 0.7rem !important;
  line-height: 1 !important;
}

.wargames-contact-list em {
  color: #bcd0ff !important;
  font-style: normal !important;
  font-size: 0.76rem !important;
  line-height: 1.1 !important;
}

.wargames-incoming-actions,
.wargames-card-challenge-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(7.2rem, auto)) !important;
  gap: 0.42rem !important;
}

.wargames-card-action-row {
  width: 9.7rem !important;
  min-width: 9.7rem !important;
}

.wargames-card-command {
  width: 100% !important;
  min-width: 9.7rem !important;
  min-height: 2.55rem !important;
  gap: 0.5rem !important;
}

.wargames-card-command svg {
  width: 1.26rem !important;
  height: 1.26rem !important;
}

.wargames-card-command.is-compact {
  width: auto !important;
  min-width: 7.2rem !important;
  min-height: 2.36rem !important;
  padding: 0 0.68rem !important;
}

.wargames-card-command.is-secondary {
  border-color: rgba(204, 171, 255, 0.34) !important;
  color: #eadbff !important;
  background: linear-gradient(180deg, rgba(82, 54, 122, 0.34), rgba(28, 22, 42, 0.78)) !important;
}

.wargames-card-command.is-success {
  border-color: rgba(86, 231, 153, 0.4) !important;
  color: #b8ffd7 !important;
  background: linear-gradient(180deg, rgba(33, 110, 68, 0.34), rgba(18, 42, 31, 0.78)) !important;
}

.wargames-card-command.is-discord {
  min-width: 2.7rem !important;
  width: 2.7rem !important;
  padding: 0 !important;
  border-color: rgba(114, 137, 218, 0.52) !important;
  color: #eef2ff !important;
  background: linear-gradient(180deg, rgba(74, 91, 178, 0.46), rgba(32, 38, 76, 0.78)) !important;
}

.wargames-card-details {
  grid-column: 2 / -1 !important;
  display: grid !important;
  gap: 0.65rem !important;
  margin-top: -0.12rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-top: 0.75rem !important;
}

.wargames-card-details-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  color: #ffe8a8 !important;
}

.wargames-card-details-head b {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 0.92rem !important;
}

.wargames-card-details-head span {
  min-width: 1.45rem !important;
  min-height: 1.45rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255, 226, 155, 0.12) !important;
  color: #fff4d0 !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
}

.wargames-card-challenges {
  display: grid !important;
  gap: 0.55rem !important;
}

.wargames-card-challenge-contacts {
  min-width: 0 !important;
}

.wargames-delete-summary {
  display: grid !important;
  gap: 0.32rem !important;
  margin: 0.85rem 0 1rem !important;
  border: 1px solid rgba(255, 226, 155, 0.17) !important;
  border-radius: 0.75rem !important;
  background: rgba(255, 255, 255, 0.045) !important;
  padding: 0.85rem !important;
}

.wargames-delete-summary b {
  color: #fff6d5 !important;
}

.wargames-delete-summary span {
  color: rgba(221, 212, 231, 0.78) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

.builder-catalog-primary.is-danger {
  border-color: rgba(255, 105, 105, 0.42) !important;
  background: linear-gradient(180deg, rgba(128, 42, 54, 0.68), rgba(70, 24, 34, 0.88)) !important;
  color: #ffe4e4 !important;
}

.builder-catalog-primary.is-danger svg {
  width: 1.16rem !important;
  height: 1.16rem !important;
  margin-right: 0.42rem !important;
  vertical-align: -0.2rem !important;
}

@media (max-width: 980px) {
  .wargames-date-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto !important;
  }

  .wargames-date-note {
    grid-column: 1 / -1 !important;
    text-align: left !important;
  }

  .wargames-incoming-card,
  .wargames-card-challenge {
    grid-template-columns: 1fr !important;
  }

  .wargames-contact-list {
    justify-content: flex-start !important;
  }

  .wargames-incoming-actions,
  .wargames-card-challenge-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .wargames-card-command.is-compact {
    width: 100% !important;
  }
}

@media (max-width: 720px) {
  .wargames-date-filter {
    grid-template-columns: 1fr !important;
  }

  .wargames-date-filter label {
    grid-template-columns: 2rem minmax(0, 1fr) !important;
  }

  .wargames-card-details {
    grid-column: 1 / -1 !important;
  }

  .wargames-card-action-row,
  .wargames-card-command {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 520px) {
  .wargames-incoming-actions,
  .wargames-card-challenge-actions {
    grid-template-columns: 1fr !important;
  }
}


/* RUTL wargames BO2 boss split background 20260728-7 */
.wargames-card.has-two-bosses .wargames-card-boss-bg {
  overflow: hidden !important;
  opacity: 0.92 !important;
  background-image:
    linear-gradient(90deg, rgba(6, 10, 18, 0.97) 0%, rgba(8, 13, 23, 0.88) 24%, rgba(8, 13, 23, 0.36) 50%, rgba(5, 7, 12, 0.9) 100%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--wg-boss-accent, #ffe29b) 18%, transparent), transparent 34%) !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;
  background-size: cover, cover !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg::before,
.wargames-card.has-two-bosses .wargames-card-boss-bg::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 54% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  opacity: 0.86 !important;
  transform: scale(1.02) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg::before {
  left: 0 !important;
  background-image: var(--wg-boss-1) !important;
  background-position: center center !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 76%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0%, #000 76%, transparent 100%) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg::after {
  right: 0 !important;
  background-image: var(--wg-boss-2) !important;
  background-position: center center !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%) !important;
}

@media (max-width: 720px) {
  .wargames-card.has-two-bosses .wargames-card-boss-bg::before,
  .wargames-card.has-two-bosses .wargames-card-boss-bg::after {
    width: 56% !important;
    background-size: cover !important;
  }
}


/* RUTL wargames polish 20260728-8 */
.wargames-calendar {
  display: grid !important;
  gap: 1.05rem !important;
}

.wargames-day {
  border-color: rgba(174, 112, 255, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(35, 23, 49, 0.98), rgba(12, 10, 18, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 226, 155, 0.045) inset,
    0 14px 30px rgba(0, 0, 0, 0.24) !important;
  padding: 1.05rem !important;
}

.wargames-day + .wargames-day {
  margin-top: 0.25rem !important;
}

.wargames-day h2,
.wargames-day h3 {
  display: flex !important;
  align-items: center !important;
  min-height: 1.55rem !important;
  margin-bottom: 0.9rem !important;
  border-bottom: 1px solid rgba(255, 226, 155, 0.11) !important;
  padding-bottom: 0.52rem !important;
}

.wargames-date-filter {
  grid-template-columns: repeat(2, minmax(9.6rem, 10.6rem)) auto minmax(8rem, 1fr) !important;
}

.wargames-date-filter input[type="text"] {
  width: 100% !important;
  min-height: 2.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0.68rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #fff !important;
  padding: 0 0.72rem !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
}

.wargames-date-filter input[type="text"]::placeholder {
  color: rgba(239, 231, 246, 0.56) !important;
}

.wargames-date-reset {
  min-width: 9.6rem !important;
  gap: 0.44rem !important;
}

.wargames-date-reset svg {
  width: 1.12rem !important;
  height: 1.12rem !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg {
  overflow: hidden !important;
  opacity: 0.95 !important;
  background: #05070c !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg::before,
.wargames-card.has-two-bosses .wargames-card-boss-bg::after {
  content: none !important;
}

.wargames-card-boss-side,
.wargames-card-boss-blend {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  pointer-events: none !important;
}

.wargames-card-boss-side {
  width: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  opacity: 0.82 !important;
  transform: scale(1.015) !important;
}

.wargames-card-boss-side.is-first {
  left: 0 !important;
  background-image: var(--wg-boss-1) !important;
  background-position: center center !important;
}

.wargames-card-boss-side.is-second {
  left: 50% !important;
  background-image: var(--wg-boss-2) !important;
  background-position: center center !important;
}

.wargames-card-boss-blend {
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(6, 10, 18, 0.96) 0%, rgba(8, 13, 23, 0.86) 23%, rgba(8, 13, 23, 0.44) 43%, rgba(5, 7, 12, 0.44) 57%, rgba(5, 7, 12, 0.86) 77%, rgba(5, 7, 12, 0.94) 100%),
    linear-gradient(90deg, transparent 42%, rgba(4, 6, 10, 0.72) 49%, rgba(4, 6, 10, 0.72) 51%, transparent 58%) !important;
  z-index: 2 !important;
}

.wargames-card:hover .wargames-card-boss-side {
  transform: scale(1.055) !important;
}

@media (max-width: 720px) {
  .wargames-date-filter {
    grid-template-columns: 1fr !important;
  }

  .wargames-date-reset {
    min-width: 0 !important;
  }

  .wargames-card-boss-side {
    width: 58% !important;
  }

  .wargames-card-boss-side.is-second {
    left: 42% !important;
  }
}


/* RUTL wargames date picker hybrid 20260728-9 */
.wargames-date-picker {
  grid-template-columns: auto minmax(0, 1fr) !important;
}

.wargames-date-picker-control {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2.55rem !important;
  align-items: center !important;
  min-width: 0 !important;
}

.wargames-date-picker-control > input[type="text"] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-right: 0.56rem !important;
}

.wargames-date-picker-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  min-height: 2.55rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-left: 0 !important;
  border-radius: 0 0.68rem 0.68rem 0 !important;
  background: rgba(255, 255, 255, 0.075) !important;
  color: #f4e9ff !important;
  cursor: pointer !important;
}

.wargames-date-picker-button:hover {
  border-color: rgba(255, 226, 155, 0.48) !important;
  background: rgba(255, 226, 155, 0.12) !important;
  color: #ffe8a8 !important;
}

.wargames-date-picker-button svg {
  width: 1.08rem !important;
  height: 1.08rem !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.wargames-date-picker-native {
  position: absolute !important;
  right: 0.1rem !important;
  top: 50% !important;
  width: 2rem !important;
  height: 2rem !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  color-scheme: dark !important;
}

.wargames-date-reset {
  min-width: 8.8rem !important;
}

.wargames-date-reset span {
  display: inline-flex !important;
  align-items: center !important;
}

.wargames-request-form input[name="time"] {
  font-variant-numeric: tabular-nums !important;
}

/* RUTL wargames time picker 20260728-14 */
.wargames-time-picker {
  position: relative !important;
}

.wargames-time-picker-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2.35rem !important;
  align-items: stretch !important;
}

.wargames-time-picker-control > input[type="text"] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-right: 0.56rem !important;
}

.wargames-time-picker-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-column: auto !important;
  width: 2.35rem !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-left: 0 !important;
  border-radius: 0 0.68rem 0.68rem 0 !important;
  background: rgba(255, 255, 255, 0.075) !important;
  color: #f4e9ff !important;
  cursor: pointer !important;
}

.wargames-time-picker-button:hover {
  border-color: rgba(255, 226, 155, 0.48) !important;
  background: rgba(255, 226, 155, 0.12) !important;
  color: #ffe8a8 !important;
}

.wargames-time-picker-button svg {
  width: 1.08rem !important;
  height: 1.08rem !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.wargames-time-picker-panel {
  position: absolute !important;
  z-index: 35 !important;
  top: calc(100% + 0.42rem) !important;
  left: 0 !important;
  right: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr) !important;
  gap: 0.5rem !important;
  padding: 0.62rem !important;
  border: 1px solid rgba(255, 226, 155, 0.24) !important;
  border-radius: 0.78rem !important;
  background: rgba(18, 12, 25, 0.98) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42) !important;
}

.wargames-time-picker-panel[hidden] {
  display: none !important;
}

.wargames-time-picker-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.28rem !important;
  max-height: 12.4rem !important;
  overflow: auto !important;
}

.wargames-time-picker-grid.is-minutes {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.wargames-time-picker-grid button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-column: auto !important;
  min-height: 2rem !important;
  padding: 0.32rem 0.2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0.52rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f8f0ff !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.wargames-time-picker-grid button:hover,
.wargames-time-picker-grid button.is-active {
  border-color: rgba(255, 226, 155, 0.5) !important;
  background: rgba(255, 226, 155, 0.16) !important;
  color: #ffe8a8 !important;
}

@media (max-width: 720px) {
  .wargames-date-picker {
    grid-template-columns: 2rem minmax(0, 1fr) !important;
  }

  .wargames-time-picker-panel {
    position: static !important;
    margin-top: 0.42rem !important;
  }
}


/* RUTL wargames BO2 expanded seam smoothing 20260728-10 */
.wargames-card.has-two-bosses .wargames-card-boss-side {
  width: 58% !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side.is-first {
  left: 0 !important;
  background-position: center center !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 72%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0%, #000 72%, transparent 100%) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side.is-second {
  left: auto !important;
  right: 0 !important;
  background-position: center center !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-blend {
  background:
    linear-gradient(90deg, rgba(6, 10, 18, 0.96) 0%, rgba(8, 13, 23, 0.84) 22%, rgba(8, 13, 23, 0.5) 41%, rgba(5, 7, 12, 0.5) 59%, rgba(5, 7, 12, 0.84) 78%, rgba(5, 7, 12, 0.94) 100%),
    radial-gradient(ellipse at 50% 50%, rgba(3, 5, 9, 0.72) 0%, rgba(3, 5, 9, 0.38) 18%, transparent 34%) !important;
}

@media (max-width: 720px) {
  .wargames-card.has-two-bosses .wargames-card-boss-side {
    width: 62% !important;
  }
}


/* RUTL wargames Discord contact polish 20260728-11 */
.wargames-contact-list .wargames-discord-icon {
  width: 1.05rem !important;
  height: 1.05rem !important;
  fill: #ffffff !important;
  stroke: none !important;
  color: #ffffff !important;
}

.wargames-contact-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
}

.wargames-contact-text b {
  color: #ffffff !important;
  font-size: 0.76rem !important;
  line-height: 1 !important;
}

.wargames-contact-text em {
  color: #dfe8ff !important;
  font-style: normal !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
}


/* RUTL wargames incoming header polish 20260728-12 */
.wargames-incoming-head b {
  margin-left: auto !important;
}

.wargames-incoming-head svg {
  flex: 0 0 auto !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  fill: none !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* RUTL wargames fixed boss art framing 20260728-12 */
.wargames-card {
  --wg-boss-frame-height: 7.75rem;
  --wg-boss-art-height: 10.4rem;
  --wg-boss-1-focus: 50% 48%;
  --wg-boss-2-focus: 50% 48%;
}

.wargames-card.boss-one-adentus { --wg-boss-1-focus: 56% 46%; }
.wargames-card.boss-one-aelon,
.wargames-card.boss-one-grand-aelon { --wg-boss-1-focus: 52% 46%; }
.wargames-card.boss-one-ahzreil { --wg-boss-1-focus: 50% 47%; }
.wargames-card.boss-one-chernobog { --wg-boss-1-focus: 52% 48%; }
.wargames-card.boss-one-kowazan { --wg-boss-1-focus: 45% 45%; }
.wargames-card.boss-one-morakai,
.wargames-card.boss-one-morokai { --wg-boss-1-focus: 50% 46%; }
.wargames-card.boss-one-talus { --wg-boss-1-focus: 52% 46%; }

.wargames-card.boss-two-adentus { --wg-boss-2-focus: 56% 46%; }
.wargames-card.boss-two-aelon,
.wargames-card.boss-two-grand-aelon { --wg-boss-2-focus: 52% 46%; }
.wargames-card.boss-two-ahzreil { --wg-boss-2-focus: 50% 47%; }
.wargames-card.boss-two-chernobog { --wg-boss-2-focus: 52% 48%; }
.wargames-card.boss-two-kowazan { --wg-boss-2-focus: 45% 45%; }
.wargames-card.boss-two-morakai,
.wargames-card.boss-two-morokai { --wg-boss-2-focus: 50% 46%; }
.wargames-card.boss-two-talus { --wg-boss-2-focus: 52% 46%; }

.wargames-card.has-boss-art .wargames-card-boss-bg {
  height: min(100%, var(--wg-boss-frame-height)) !important;
  inset: 0 0 auto 0 !important;
  transform-origin: center center !important;
}

.wargames-card.has-boss-art:not(.has-two-bosses) .wargames-card-boss-bg {
  background-position: center, center, var(--wg-boss-1-focus) !important;
  background-size: cover, cover, auto var(--wg-boss-art-height) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg {
  height: min(100%, var(--wg-boss-frame-height)) !important;
  inset: 0 0 auto 0 !important;
  background: #05070c !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side {
  top: 0 !important;
  bottom: auto !important;
  width: 50% !important;
  height: 100% !important;
  background-size: auto var(--wg-boss-art-height) !important;
  transform-origin: center center !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side.is-first {
  left: 0 !important;
  right: auto !important;
  background-position: var(--wg-boss-1-focus) !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 82%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0%, #000 82%, transparent 100%) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side.is-second {
  left: 50% !important;
  right: auto !important;
  background-position: var(--wg-boss-2-focus) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-blend {
  inset: 0 !important;
  height: 100% !important;
  background:
    linear-gradient(90deg, rgba(6, 10, 18, 0.96) 0%, rgba(8, 13, 23, 0.82) 20%, rgba(8, 13, 23, 0.42) 42%, rgba(5, 7, 12, 0.42) 58%, rgba(5, 7, 12, 0.82) 80%, rgba(5, 7, 12, 0.94) 100%),
    linear-gradient(90deg, transparent 43%, rgba(4, 6, 10, 0.5) 49%, rgba(4, 6, 10, 0.5) 51%, transparent 57%) !important;
}

.wargames-card:hover .wargames-card-boss-bg {
  transform: none !important;
}

.wargames-card:hover .wargames-card-boss-side {
  transform: scale(1.015) !important;
}

@media (max-width: 720px) {
  .wargames-card {
    --wg-boss-frame-height: 8.4rem;
    --wg-boss-art-height: 9.8rem;
  }

  .wargames-card.has-two-bosses .wargames-card-boss-side {
    width: 50% !important;
  }

  .wargames-card.has-two-bosses .wargames-card-boss-side.is-second {
    left: 50% !important;
  }
}

/* RUTL wargames mercenary toggle and select arrows 20260728-13 */
.wargames-request-form select {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2.45rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f7efff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-position: right 0.95rem center !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
}

.wargames-request-form .wargames-date-picker-button {
  grid-column: auto !important;
}

.wargames-request-form .wargames-date-picker-control > input[type="text"] {
  min-height: 2.55rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.wargames-request-form .wargames-date-picker-button {
  min-height: 2.55rem !important;
  width: 2.55rem !important;
  min-width: 2.55rem !important;
}

.wargames-mercs-toggle {
  display: grid !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.wargames-mercs-toggle legend {
  margin: 0 !important;
  padding: 0 !important;
  color: #d6c9e4 !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
}

.wargames-mercs-toggle > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
}

.wargames-mercs-toggle label {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 2.55rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0.62rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f5ecff !important;
  font-size: 0.8rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.wargames-mercs-toggle input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.wargames-mercs-toggle span {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.wargames-mercs-toggle label:has(input:checked) {
  border-color: rgba(255, 226, 155, 0.52) !important;
  background: linear-gradient(180deg, rgba(89, 65, 42, 0.58), rgba(38, 31, 29, 0.92)) !important;
  color: #ffe9ad !important;
  box-shadow: inset 0 0 0 1px rgba(255, 226, 155, 0.08) !important;
}

.wargames-card-mercs {
  border-color: rgba(255, 226, 155, 0.25) !important;
  color: #ffe9ad !important;
}


/* RUTL wargames create form picker layout fix 20260728-15 */
.wargames-request-form .wargames-date-picker,
.wargames-request-form .wargames-time-picker {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.28rem !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

.wargames-request-form .wargames-date-picker > span:first-child,
.wargames-request-form .wargames-time-picker > span:first-child {
  grid-column: 1 / -1 !important;
}

.wargames-request-form .wargames-date-picker-control,
.wargames-request-form .wargames-time-picker-control {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(0, 1fr) 2.55rem !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

.wargames-request-form .wargames-date-picker-control > input[type="text"],
.wargames-request-form .wargames-time-picker-control > input[type="text"] {
  min-width: 0 !important;
  min-height: 2.55rem !important;
  height: 2.55rem !important;
  border-right: 0 !important;
  border-radius: 0.68rem 0 0 0.68rem !important;
  padding-right: 0.56rem !important;
}

.wargames-request-form .wargames-date-picker-button,
.wargames-request-form .wargames-time-picker-button {
  display: inline-flex !important;
  grid-column: auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  height: 2.55rem !important;
  min-height: 2.55rem !important;
  padding: 0 !important;
  border-left: 0 !important;
  border-radius: 0 0.68rem 0.68rem 0 !important;
}

.wargames-request-form .wargames-time-picker-panel {
  grid-column: 1 / -1 !important;
}

.wargames-request-form .wargames-time-picker-grid button {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
}

@media (max-width: 720px) {
  .wargames-request-form .wargames-date-picker,
  .wargames-request-form .wargames-time-picker {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .wargames-request-form .wargames-time-picker-panel {
    position: static !important;
    margin-top: 0.42rem !important;
  }
}


/* RUTL wargames card and incoming adaptive layout 20260728-16 */
.wargames-card.has-boss-art {
  background:
    linear-gradient(100deg, rgba(6, 10, 18, 0.98) 0%, rgba(7, 10, 17, 0.95) 38%, rgba(5, 7, 12, 0.96) 100%) !important;
}

.wargames-card {
  min-height: 8.65rem !important;
}

.wargames-card.has-boss-art .wargames-card-boss-bg {
  inset: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  background: #05070c !important;
  opacity: 0.96 !important;
}

.wargames-card.has-boss-art:not(.has-two-bosses) .wargames-card-boss-bg {
  background: #05070c !important;
}

.wargames-card.has-boss-art:not(.has-two-bosses) .wargames-card-boss-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 100% !important;
  background-image: var(--wg-boss-1) !important;
  background-position: var(--wg-boss-1-focus) !important;
  background-repeat: no-repeat !important;
  background-size: auto var(--wg-boss-art-height) !important;
  opacity: 0.84 !important;
}

.wargames-card.has-boss-art:not(.has-two-bosses) .wargames-card-boss-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(6, 10, 18, 0.97) 0%, rgba(8, 13, 23, 0.88) 28%, rgba(8, 13, 23, 0.42) 56%, rgba(5, 7, 12, 0.94) 100%),
    linear-gradient(180deg, transparent 0%, transparent 70%, rgba(5, 7, 12, 0.94) 100%) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-bg {
  background: #05070c !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side {
  top: 0 !important;
  bottom: auto !important;
  width: 50% !important;
  height: 100% !important;
  background-size: auto var(--wg-boss-art-height) !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side.is-first {
  left: 0 !important;
  right: auto !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-side.is-second {
  left: 50% !important;
  right: auto !important;
}

.wargames-card.has-two-bosses .wargames-card-boss-blend {
  inset: 0 !important;
  height: 100% !important;
  background:
    linear-gradient(90deg, rgba(6, 10, 18, 0.97) 0%, rgba(8, 13, 23, 0.84) 20%, rgba(8, 13, 23, 0.42) 42%, rgba(5, 7, 12, 0.46) 58%, rgba(5, 7, 12, 0.84) 80%, rgba(5, 7, 12, 0.95) 100%),
    linear-gradient(180deg, transparent 0%, transparent 68%, rgba(5, 7, 12, 0.96) 100%),
    linear-gradient(90deg, transparent 43%, rgba(4, 6, 10, 0.5) 49%, rgba(4, 6, 10, 0.5) 51%, transparent 57%) !important;
}

.wargames-incoming-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.wargames-incoming-card .wargames-incoming-main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-content: flex-start !important;
  justify-items: start !important;
  text-align: left !important;
}

.wargames-incoming-card .wargames-incoming-contacts {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  min-width: 0 !important;
}

.wargames-incoming-card .wargames-contact-list {
  justify-content: flex-start !important;
}

.wargames-incoming-card .wargames-incoming-actions {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  align-self: center !important;
}

@media (max-width: 980px) {
  .wargames-incoming-card {
    grid-template-columns: 1fr !important;
  }

  .wargames-incoming-card .wargames-incoming-main,
  .wargames-incoming-card .wargames-incoming-contacts,
  .wargames-incoming-card .wargames-incoming-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .wargames-incoming-card .wargames-incoming-actions {
    justify-self: stretch !important;
  }
}


/* RUTL wargames expanded card boss top anchoring 20260728-17 */
.wargames-card {
  --wg-boss-1-x: 50%;
  --wg-boss-2-x: 50%;
}

.wargames-card.boss-one-adentus { --wg-boss-1-x: 56%; }
.wargames-card.boss-one-aelon,
.wargames-card.boss-one-grand-aelon { --wg-boss-1-x: 52%; }
.wargames-card.boss-one-ahzreil { --wg-boss-1-x: 50%; }
.wargames-card.boss-one-chernobog { --wg-boss-1-x: 52%; }
.wargames-card.boss-one-kowazan { --wg-boss-1-x: 45%; }
.wargames-card.boss-one-morakai,
.wargames-card.boss-one-morokai { --wg-boss-1-x: 50%; }
.wargames-card.boss-one-talus { --wg-boss-1-x: 52%; }

.wargames-card.boss-two-adentus { --wg-boss-2-x: 56%; }
.wargames-card.boss-two-aelon,
.wargames-card.boss-two-grand-aelon { --wg-boss-2-x: 52%; }
.wargames-card.boss-two-ahzreil { --wg-boss-2-x: 50%; }
.wargames-card.boss-two-chernobog { --wg-boss-2-x: 52%; }
.wargames-card.boss-two-kowazan { --wg-boss-2-x: 45%; }
.wargames-card.boss-two-morakai,
.wargames-card.boss-two-morokai { --wg-boss-2-x: 50%; }
.wargames-card.boss-two-talus { --wg-boss-2-x: 52%; }

.wargames-card.is-expanded.has-boss-art {
  --wg-expanded-boss-art-height: max(100%, var(--wg-boss-art-height));
}

.wargames-card.is-expanded.has-boss-art:not(.has-two-bosses) .wargames-card-boss-bg::before {
  background-position: var(--wg-boss-1-x) top !important;
  background-size: auto var(--wg-expanded-boss-art-height) !important;
}

.wargames-card.is-expanded.has-two-bosses .wargames-card-boss-side {
  background-size: auto var(--wg-expanded-boss-art-height) !important;
}

.wargames-card.is-expanded.has-two-bosses .wargames-card-boss-side.is-first {
  background-position: var(--wg-boss-1-x) top !important;
}

.wargames-card.is-expanded.has-two-bosses .wargames-card-boss-side.is-second {
  background-position: var(--wg-boss-2-x) top !important;
}
/* RUTL wargames date filter picker alignment 20260728-18 */
.wargames-date-filter .wargames-date-picker {
  align-items: center !important;
  gap: 0.42rem !important;
}

.wargames-date-filter .wargames-date-picker-control {
  align-items: stretch !important;
  grid-template-columns: minmax(0, 1fr) 2.55rem !important;
  height: 2.55rem !important;
}

.wargames-date-filter .wargames-date-picker-control > input[type="text"] {
  min-height: 2.55rem !important;
  height: 2.55rem !important;
  line-height: 2.55rem !important;
  border-right: 0 !important;
  border-radius: 0.68rem 0 0 0.68rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wargames-date-filter .wargames-date-picker-button {
  align-self: stretch !important;
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  height: 2.55rem !important;
  min-height: 2.55rem !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.wargames-date-filter .wargames-date-reset {
  align-self: center !important;
  min-height: 2.55rem !important;
  height: 2.55rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* RUTL builder skill preset controls */
.builder-skill-preset-panel {
  display: grid;
  grid-template-columns: minmax(11rem, 18rem) minmax(18rem, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.78rem;
  padding: 0.62rem 0.7rem;
  border: 1px solid rgba(178, 112, 224, 0.26);
  border-radius: 0.42rem;
  background: linear-gradient(180deg, rgba(34, 27, 40, 0.9), rgba(22, 22, 24, 0.94));
}

.builder-skill-preset-title {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.builder-skill-preset-title span {
  color: #cdbdda;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.builder-skill-preset-title b {
  overflow: hidden;
  color: #ffe6a2;
  font-size: 0.9rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-skill-preset-select {
  justify-self: stretch;
  width: 100%;
  min-width: 0;
}

.builder-skill-preset-select select,
.builder-save-field select {
  width: 100%;
  min-width: 0;
  height: 2.32rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.35rem !important;
  background: #1b1a20 !important;
  color: #f7f0ff !important;
  font: inherit;
  font-weight: 850;
  padding: 0 2.1rem 0 0.62rem;
}

.builder-skill-preset-combobox {
  position: relative;
  min-width: 0;
}

.builder-skill-preset-trigger {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  width: 100%;
  min-width: 0;
  height: auto !important;
  min-height: 2.32rem !important;
  max-width: none !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0.35rem;
  background: #17151c;
  color: #f7f0ff;
  cursor: pointer;
  font: inherit;
  padding: 0.26rem 0.58rem;
  text-align: left;
}

.builder-skill-preset-trigger:hover:not(:disabled),
.builder-skill-preset-combobox.is-open .builder-skill-preset-trigger {
  border-color: rgba(178, 112, 224, 0.6);
  background: rgba(36, 29, 43, 0.98);
}

.builder-skill-preset-trigger span:not(.builder-skill-preset-icons),
.builder-skill-preset-option span:not(.builder-skill-preset-icons) {
  display: block;
  min-width: 0;
}

.builder-skill-preset-trigger b,
.builder-skill-preset-option b {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #f8f0ff;
  font-size: 0.86rem;
  font-weight: 950;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-skill-preset-trigger small,
.builder-skill-preset-option small {
  overflow: hidden;
  color: #c6b8d1;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-skill-preset-trigger em {
  color: #dfd4eb;
  font-style: normal;
  font-weight: 950;
  transition: transform 0.16s ease;
}

.builder-skill-preset-combobox.is-open .builder-skill-preset-trigger em {
  transform: rotate(180deg);
}

.builder-skill-preset-icons {
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
  flex: 0 0 auto;
}

.builder-skill-preset-icons img,
.builder-skill-preset-icons > span {
  display: block;
  width: 1.42rem;
  height: 1.42rem;
  border: 1px solid var(--grade, rgba(255, 255, 255, 0.18));
  border-radius: 0.24rem;
  background: rgba(10, 9, 12, 0.72);
  object-fit: contain;
}

.builder-skill-preset-icons.is-single img,
.builder-skill-preset-icons.is-single > span {
  width: 1.72rem;
  height: 1.72rem;
}

.builder-skill-preset-icons.is-type img,
.builder-skill-preset-icons.is-type > span {
  border-color: rgba(255, 255, 255, 0.12);
  background: #242424;
  padding: 0.12rem;
  opacity: 0.9;
}

.builder-skill-preset-trigger:hover:not(:disabled) .builder-skill-preset-icons.is-type img,
.builder-skill-preset-option:hover:not(:disabled) .builder-skill-preset-icons.is-type img,
.builder-skill-preset-option.is-active .builder-skill-preset-icons.is-type img {
  border-color: rgba(178, 112, 224, 0.52);
  opacity: 1;
}

.builder-skill-preset-menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + 0.28rem);
  left: 0;
  right: 0;
  width: auto;
  min-width: 0;
  transform: none;
  overflow: auto;
  max-height: min(20rem, 54vh);
  border: 1px solid rgba(178, 112, 224, 0.35);
  border-radius: 0.42rem;
  background: #121017;
  box-shadow: 0 1.1rem 2rem rgba(0, 0, 0, 0.42);
  padding: 0.25rem;
}

.builder-skill-preset-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  min-height: 2.55rem;
  border: 0;
  border-radius: 0.32rem;
  background: transparent;
  color: #f7f0ff;
  cursor: pointer;
  font: inherit;
  padding: 0.34rem 0.48rem;
  text-align: left;
}

.builder-skill-preset-option:hover:not(:disabled),
.builder-skill-preset-option.is-active {
  background: rgba(178, 112, 224, 0.22);
}

.builder-skill-preset-option:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.builder-skill-preset-empty {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 2.32rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.35rem;
  background: rgba(0, 0, 0, 0.16);
  color: #a99ab7;
  font-size: 0.82rem;
  font-weight: 850;
  padding: 0 0.62rem;
}

.builder-skill-preset-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  min-width: 0;
}

.builder-skill-preset-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.32rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.35rem;
  background: rgba(255, 255, 255, 0.055);
  color: #f4edff;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  padding: 0 0.68rem;
  white-space: nowrap;
}

.builder-skill-preset-actions button:hover:not(:disabled) {
  border-color: rgba(178, 112, 224, 0.66);
  background: rgba(178, 112, 224, 0.16);
}

.builder-skill-preset-actions button.danger {
  border-color: rgba(255, 98, 98, 0.45);
  background: rgba(112, 28, 36, 0.32);
  color: #ffd8dc;
}

.builder-skill-preset-actions button.builder-skill-preset-icon {
  width: 2.32rem;
  min-width: 2.32rem;
  padding: 0;
}

.builder-skill-preset-actions button.builder-skill-preset-icon svg {
  width: 1.02rem;
  height: 1.02rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.builder-skill-preset-actions button.builder-skill-preset-create,
.builder-skill-preset-actions button.builder-skill-preset-edit {
  border-color: rgba(178, 112, 224, 0.38);
  background: rgba(91, 57, 115, 0.2);
  color: #f4e8ff;
}

.builder-skill-preset-actions button.builder-skill-preset-save {
  border-color: rgba(87, 190, 132, 0.42);
  background: rgba(32, 106, 64, 0.22);
  color: #cffff0;
}

.builder-skill-preset-actions button.builder-skill-preset-save:hover:not(:disabled) {
  border-color: rgba(108, 232, 162, 0.68);
  background: rgba(43, 139, 82, 0.3);
}

.builder-skill-preset-actions button:disabled,
.builder-skill-preset-select select:disabled,
.builder-skill-preset-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.builder-build-preset {
  overflow: hidden;
  max-width: 100%;
  border: 1px solid rgba(255, 226, 155, 0.22);
  border-radius: 999px;
  background: rgba(255, 226, 155, 0.075);
  color: #eadba7;
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.15;
  padding: 0.16rem 0.42rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-skill-preset-modal-card {
  width: min(34rem, calc(100vw - 1rem));
  text-align: left;
}

.builder-skill-preset-modal-card h2 {
  text-align: center;
}

.builder-skill-preset-pair-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.62rem;
  align-items: start;
}

.builder-skill-preset-weapon-field {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  margin-top: 0.65rem;
}

.builder-skill-preset-weapon-label {
  color: #d8d0e4;
  font-weight: 850;
}

.builder-skill-preset-weapon-combobox {
  position: relative;
  display: block;
  min-width: 0;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-trigger,
.builder-skill-preset-weapon-static {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center;
  gap: 0.44rem;
  width: 100% !important;
  min-width: 0;
  min-height: 2.32rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.35rem;
  background: #1b1a20;
  color: #f7f0ff;
  font: inherit;
  font-weight: 900;
  padding: 0.28rem 0.56rem !important;
  text-align: left !important;
  justify-content: stretch !important;
}

.builder-skill-preset-weapon-trigger {
  cursor: pointer;
}

.builder-skill-preset-weapon-static {
  grid-template-columns: auto minmax(0, 1fr);
  color: #d8ccd9;
}

.builder-skill-preset-weapon-trigger:hover,
.builder-skill-preset-weapon-combobox.is-open .builder-skill-preset-weapon-trigger {
  border-color: rgba(178, 112, 224, 0.56);
  background: rgba(36, 29, 43, 0.98);
}

.builder-skill-preset-weapon-trigger b,
.builder-skill-preset-weapon-static b,
.builder-skill-preset-weapon-option span {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-skill-preset-weapon-trigger em {
  color: #dfd4eb;
  font-style: normal;
  font-weight: 950;
  transition: transform 0.16s ease;
}

.builder-skill-preset-weapon-combobox.is-open .builder-skill-preset-weapon-trigger em {
  transform: rotate(180deg);
}

.builder-skill-preset-weapon-menu {
  position: absolute;
  z-index: 55;
  top: calc(100% + 0.26rem);
  left: 0;
  right: 0;
  width: 100%;
  min-width: 0;
  overflow: auto;
  max-height: min(18rem, 48vh);
  border: 1px solid rgba(178, 112, 224, 0.35);
  border-radius: 0.42rem;
  background: #121017;
  box-shadow: 0 1rem 1.8rem rgba(0, 0, 0, 0.46);
  padding: 0.25rem;
}

.builder-skill-preset-weapon-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  width: 100%;
  min-height: 2.32rem;
  border: 0;
  border-radius: 0.32rem;
  background: transparent;
  color: #f7f0ff;
  cursor: pointer;
  font: inherit;
  font-weight: 850;
  padding: 0.3rem 0.48rem;
  text-align: left;
}

.builder-skill-preset-weapon-option:hover:not(:disabled),
.builder-skill-preset-weapon-option.is-active {
  background: rgba(178, 112, 224, 0.22);
}

.builder-skill-preset-weapon-option:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}

.builder-skill-preset-modal-card .builder-confirm-actions {
  margin-top: 0.9rem;
}

@media (max-width: 980px) {
  .builder-skill-preset-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .builder-skill-preset-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .builder-skill-preset-actions button:not(.builder-skill-preset-icon) {
    flex: 1 1 8rem;
  }

  .builder-skill-preset-actions button.builder-skill-preset-icon {
    flex: 0 0 2.32rem;
  }
}

@media (max-width: 560px) {
  .builder-skill-preset-panel {
    padding: 0.55rem;
  }

  .builder-skill-preset-select {
    width: 100%;
  }

  .builder-skill-preset-pair-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* RUTL builder skill preset modal dropdown fixes */
.builder-skill-preset-modal-card .builder-skill-preset-pair-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.62rem !important;
  align-items: start !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-field {
  display: grid !important;
  gap: 0.35rem !important;
  min-width: 0 !important;
  margin-top: 0.65rem !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-label {
  color: #d8d0e4 !important;
  font-weight: 850 !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-combobox {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-trigger {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0.44rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 2.42rem !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0.35rem !important;
  background: #1b1a20 !important;
  color: #f7f0ff !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font: inherit !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  padding: 0.28rem 0.56rem !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-trigger:hover,
.builder-skill-preset-modal-card .builder-skill-preset-weapon-combobox.is-open .builder-skill-preset-weapon-trigger {
  border-color: rgba(178, 112, 224, 0.62) !important;
  background: rgba(36, 29, 43, 0.98) !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-trigger b,
.builder-skill-preset-modal-card .builder-skill-preset-weapon-option span {
  overflow: hidden !important;
  min-width: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-trigger em {
  color: #f4edff !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-menu {
  position: absolute !important;
  z-index: 80 !important;
  top: calc(100% + 0.26rem) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: auto !important;
  max-height: min(18rem, 48vh) !important;
  border: 1px solid rgba(178, 112, 224, 0.35) !important;
  border-radius: 0.42rem !important;
  background: #121017 !important;
  box-shadow: 0 1rem 1.8rem rgba(0, 0, 0, 0.46) !important;
  padding: 0.25rem !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-option {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.48rem !important;
  width: 100% !important;
  min-height: 2.32rem !important;
  border: 0 !important;
  border-radius: 0.32rem !important;
  background: transparent !important;
  color: #f7f0ff !important;
  cursor: pointer !important;
  font: inherit !important;
  font-weight: 850 !important;
  padding: 0.3rem 0.48rem !important;
  text-align: left !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-option:hover:not(:disabled),
.builder-skill-preset-modal-card .builder-skill-preset-weapon-option.is-active {
  background: rgba(178, 112, 224, 0.22) !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-option:disabled {
  cursor: not-allowed !important;
  opacity: 0.44 !important;
}

@media (max-width: 560px) {
  .builder-skill-preset-modal-card .builder-skill-preset-pair-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* RUTL builder skill preset modal overflow fixes */
.builder-skill-preset-modal {
  overflow: visible !important;
}

.builder-skill-preset-modal .builder-skill-preset-modal-card {
  overflow: visible !important;
}

.builder-skill-preset-modal .builder-skill-preset-pair-fields {
  position: relative !important;
  z-index: 20 !important;
}

.builder-skill-preset-modal .builder-confirm-actions {
  position: relative !important;
  z-index: 1 !important;
}

.builder-skill-preset-modal-card .builder-skill-preset-weapon-menu {
  z-index: 2400 !important;
  max-height: min(14.5rem, calc(100vh - 16rem)) !important;
}

@media (max-height: 620px) {
  .builder-skill-preset-modal-card .builder-skill-preset-weapon-menu {
    max-height: min(11.5rem, calc(100vh - 12rem)) !important;
  }
}

/* RUTL shared page backing: keep non-map sections on the same dark base as Builds. */
body:has(.tab-panel.is-active:not(#mapPanel)) {
  background: #050505 !important;
}

.app-shell:has(.tab-panel.is-active:not(#mapPanel)),
.app-shell:has(.tab-panel.is-active:not(#mapPanel)) main,
.tab-panel.is-active:not(#mapPanel),
.tab-panel.is-active:not(#mapPanel) .news-root,
.tab-panel.is-active:not(#mapPanel) .weather-root,
.tab-panel.is-active:not(#mapPanel) .info-root,
.tab-panel.is-active:not(#mapPanel) .formulas-root,
.tab-panel.is-active:not(#mapPanel) .calculator-root,
.tab-panel.is-active:not(#mapPanel) .items-root,
.tab-panel.is-active:not(#mapPanel) .wargames-root,
.tab-panel.is-active:not(#mapPanel) .bugtracker-root,
.tab-panel.is-active:not(#mapPanel) .static-root {
  background: #050505 !important;
  background-image: none !important;
}

.news-panel.is-active,
.weather-panel.is-active,
.formulas-panel.is-active,
.calculator-panel.is-active,
.services-panel.is-active,
.static-panel.is-active {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #050505 !important;
  background-image: none !important;
}

@media (max-width: 760px) {
  body:has(.tab-panel.is-active:not(#mapPanel)) {
    overflow-x: hidden !important;
  }

  .tab-panel.is-active:not(#mapPanel),
  .tab-panel.is-active:not(#mapPanel) > *,
  .tab-panel.is-active:not(#mapPanel) .news-layout,
  .tab-panel.is-active:not(#mapPanel) .builder-catalog-shell,
  .tab-panel.is-active:not(#mapPanel) .builder-root,
  .tab-panel.is-active:not(#mapPanel) .static-root,
  .tab-panel.is-active:not(#mapPanel) .wargames-page,
  .tab-panel.is-active:not(#mapPanel) .bugtracker-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.has-rutl-mobile-banner .app-shell {
    padding-bottom: max(var(--rutl-mobile-banner-space, 0px), 0px) !important;
  }
}


/* RUTL builder long title clamp 20260803 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-title-strip {
    overflow: hidden !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .builder-panel.is-active .builder-title-view,
  .builder-panel.is-active .builder-title-editor {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .builder-panel.is-active .builder-title-view .builder-title-display,
  .builder-panel.is-active .builder-title-display,
  .builder-panel.is-active .builder-title-editor .builder-top-name {
    display: block !important;
    min-width: 0 !important;
    max-width: clamp(10rem, 23vw, 24rem) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .builder-panel.is-active .builder-tag-picker,
  .builder-panel.is-active .builder-tier-switch,
  .builder-panel.is-active .builder-visibility-select {
    flex: 0 0 auto !important;
  }
}

@media (min-width: 1281px) and (max-width: 1500px) {
  .builder-panel.is-active .builder-title-view .builder-title-display,
  .builder-panel.is-active .builder-title-display,
  .builder-panel.is-active .builder-title-editor .builder-top-name {
    max-width: clamp(8rem, 18vw, 13rem) !important;
  }
}


/* RUTL builder readonly title/tags 20260803 */
.builder-title-readonly {
  min-width: 0 !important;
  max-width: min(36rem, 100%) !important;
}

.builder-title-readonly .builder-title-display {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  max-width: min(36rem, 100%) !important;
  max-height: 2.45em !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  line-height: 1.16 !important;
  text-align: left !important;
}

.builder-readonly-tags {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  min-width: 0;
  max-width: 18rem;
  overflow: hidden;
  flex-wrap: wrap;
}

.builder-readonly-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
  border: 1px solid rgba(178, 112, 224, 0.44);
  border-radius: 999px;
  background: rgba(82, 44, 112, 0.42);
  color: #f3e8ff;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  padding: 0 0.52rem;
  white-space: nowrap;
}

.builder-readonly-tag.is-empty {
  color: #a89ab6;
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

.builder-tier-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.8rem;
  min-height: 1.75rem;
  border: 1px solid rgba(178, 112, 224, 0.55);
  border-radius: 0.42rem;
  background: rgba(82, 44, 112, 0.5);
  color: #f1e3ff;
  font-size: 0.82rem;
  font-weight: 950;
  line-height: 1;
  padding: 0 0.62rem;
}

.builder-tier-badge.is-t2 {
  border-color: rgba(190, 121, 255, 0.72);
  background: linear-gradient(180deg, rgba(113, 61, 154, 0.78), rgba(54, 32, 74, 0.88));
}

@media (min-width: 1281px) {
  .builder-panel.is-active .builder-title-strip:has(.builder-title-readonly) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .builder-panel.is-active .builder-title-readonly {
    flex: 1 1 18rem !important;
  }
}

@media (max-width: 1280px) {
  .builder-title-readonly .builder-title-display {
    text-align: center !important;
  }

  .builder-readonly-tags {
    justify-content: center;
    max-width: min(22rem, calc(100vw - 2rem));
  }
}


/* RUTL builder readonly title centered two-line layout 20260804 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-title-strip.is-readonly {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-areas:
      "title title"
      "tags tier" !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    row-gap: 0.28rem !important;
    column-gap: 0.42rem !important;
    flex: 1 1 auto !important;
  }

  .builder-panel.is-active .builder-title-strip.is-readonly .builder-title-readonly {
    grid-area: title !important;
    display: flex !important;
    justify-content: center !important;
    width: min(24rem, 100%) !important;
    max-width: min(24rem, 100%) !important;
    min-width: 0 !important;
    flex: none !important;
  }

  .builder-panel.is-active .builder-title-strip.is-readonly .builder-title-readonly .builder-title-display,
  .builder-panel.is-active .builder-title-strip.is-readonly .builder-title-display {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    width: 100% !important;
    max-width: min(24rem, 100%) !important;
    max-height: none !important;
    min-height: 2.28em !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.14 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .builder-panel.is-active .builder-title-strip.is-readonly .builder-readonly-tags {
    grid-area: tags !important;
    justify-content: center !important;
    max-width: min(18rem, 100%) !important;
  }

  .builder-panel.is-active .builder-title-strip.is-readonly .builder-tier-badge {
    grid-area: tier !important;
  }
}

@media (max-width: 1280px) {
  .builder-panel.is-active .builder-title-strip.is-readonly {
    justify-content: center !important;
    text-align: center !important;
  }

  .builder-panel.is-active .builder-title-strip.is-readonly .builder-title-readonly,
  .builder-panel.is-active .builder-title-strip.is-readonly .builder-title-display {
    width: min(26rem, calc(100vw - 2rem)) !important;
    max-width: min(26rem, calc(100vw - 2rem)) !important;
    text-align: center !important;
  }
}


/* RUTL builder rail author chips 20260804 */
.builder-rail-chips {
  display: flex;
  align-items: center;
  gap: 0.32rem;
  flex-wrap: wrap;
  margin: 0.12rem 0 0.06rem;
}

.builder-rail-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.35rem;
  max-width: 100%;
  border: 1px solid rgba(178, 112, 224, 0.44);
  border-radius: 999px;
  background: rgba(82, 44, 112, 0.42);
  color: #f3e8ff;
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  padding: 0 0.48rem;
  white-space: nowrap;
}

.builder-rail-chip.builder-rail-tier {
  min-width: 2.38rem;
  border-radius: 0.42rem;
  border-color: rgba(190, 121, 255, 0.68);
  background: linear-gradient(180deg, rgba(113, 61, 154, 0.78), rgba(54, 32, 74, 0.9));
}


/* RUTL builder readonly title without top chips 20260804 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-title-strip.is-readonly.is-title-only {
    grid-template-columns: minmax(0, min(24rem, 100%)) !important;
    grid-template-areas: "title" !important;
    row-gap: 0 !important;
  }
}


/* RUTL builder low-height trait accessibility 20260804 */
@media (min-width: 901px) and (max-height: 760px) {
  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) {
    max-height: calc(100dvh - 6rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    padding-right: 0.18rem !important;
  }

  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card,
  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-equipment-view,
  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-slot-detail {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (min-width: 901px) and (max-height: 620px) {
  .builder-panel.is-active .builder-slot-detail .builder-traits {
    max-height: max(10rem, min(18rem, calc(100dvh - 24rem))) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin;
  }
}


/* RUTL builder owner title and tag controls 20260804 */
.builder-panel.is-active .builder-topbar {
  position: relative !important;
  z-index: 1200 !important;
  overflow: visible !important;
}

.builder-panel.is-active .builder-title-strip,
.builder-panel.is-active .builder-tag-picker {
  overflow: visible !important;
}

.builder-panel.is-active .builder-tag-picker.is-open {
  z-index: 1300 !important;
}

.builder-panel.is-active .builder-tag-menu {
  z-index: 5000 !important;
  pointer-events: auto !important;
}

@media (min-width: 1281px) {
  .builder-panel.is-active .builder-title-strip:not(.is-readonly) .builder-title-view {
    position: relative !important;
    display: inline-grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    box-sizing: border-box !important;
    width: min(24rem, 100%) !important;
    max-width: min(24rem, 100%) !important;
    padding-inline: calc(var(--builder-top-control-height, 2.28rem) + 0.32rem) !important;
  }

  .builder-panel.is-active .builder-title-strip:not(.is-readonly) .builder-title-view .builder-title-display {
    justify-self: center !important;
    width: min(18rem, 100%) !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .builder-panel.is-active .builder-title-strip:not(.is-readonly) .builder-title-view .builder-title-edit-icon {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
}


/* RUTL item tooltip comparison and owner title vertical centering 20260804 */
.builder-tooltip-compare {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.12rem !important;
  margin-left: 0.28rem !important;
  padding: 0.08rem 0.34rem !important;
  border-radius: 0.16rem !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 860 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

.builder-tooltip-compare.is-new,
.builder-tooltip-compare.is-up {
  background: rgba(48, 173, 103, 0.32) !important;
  color: #69f3a3 !important;
}

.builder-tooltip-compare.is-removed,
.builder-tooltip-compare.is-down {
  background: rgba(190, 65, 74, 0.32) !important;
  color: #ff777f !important;
}

.builder-tooltip-card.item .builder-tooltip-section.weapon-damage b,
.builder-tooltip-card.item .builder-tooltip-primary-stat b {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 0.2rem 0.28rem !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 0.42rem !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-removed span,
.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-removed b,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-removed span,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-removed .builder-trait-values b {
  color: #ff777f !important;
}

.builder-tooltip-card.item .builder-tooltip-section.traits p {
  gap: 0.34rem !important;
}

.builder-tooltip-card.item .builder-tooltip-section.traits p.is-new,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-removed {
  opacity: 1 !important;
}

.builder-panel.is-active .builder-title-strip:not(.is-readonly) .builder-title-view .builder-title-display {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: var(--builder-top-control-height, 2.28rem) !important;
  height: var(--builder-top-control-height, 2.28rem) !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.builder-panel.is-active .builder-title-strip:not(.is-readonly) .builder-title-view .builder-title-display .builder-title-text {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.06 !important;
  transform: translateY(1px) !important;
}


/* RUTL owner title cell vertical centering hard override 20260804 */
.builder-panel.is-active .builder-title-strip:not(.is-readonly) .builder-title-view {
  align-items: center !important;
  min-height: var(--builder-top-control-height, 2.28rem) !important;
  height: var(--builder-top-control-height, 2.28rem) !important;
}

.builder-panel.is-active .builder-title-strip:not(.is-readonly) .builder-title-view .builder-title-display {
  align-self: center !important;
}


/* RUTL visual polish 20260804: paint and typography only, no layout changes. */
:root {
  --font-ui: Inter, "Segoe UI Variable Text", "Segoe UI", "SF Pro Text", Roboto, "Noto Sans", Arial, sans-serif;
  --font-display: Inter, "Segoe UI Variable Display", "SF Pro Display", "Segoe UI", "Noto Sans", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --bg: #050505;
  --panel: rgba(17, 17, 20, 0.94);
  --panel-strong: rgba(10, 10, 12, 0.98);
  --line: rgba(244, 219, 176, 0.14);
  --line-strong: rgba(246, 202, 116, 0.36);
  --text: #f5f0e8;
  --muted: #b8afa4;
  --dim: #81786f;
  --gold: #f1c66c;
  --gold-soft: rgba(241, 198, 108, 0.14);
  --green: #62db97;
  --danger: #ff747d;
  --rutl-surface: rgba(18, 18, 22, 0.94);
  --rutl-surface-2: rgba(25, 25, 30, 0.9);
  --rutl-surface-3: rgba(33, 33, 39, 0.86);
  --rutl-border: rgba(244, 219, 176, 0.14);
  --rutl-border-strong: rgba(246, 202, 116, 0.38);
  --rutl-accent: #f6d38a;
  --rutl-accent-2: #b983ff;
  --rutl-soft: #d4cad8;
  --rutl-focus: rgba(246, 202, 116, 0.28);
  --shadow: 0 22px 56px rgba(0, 0, 0, 0.52);
  font-family: var(--font-ui);
}

body {
  color: var(--text);
  font-family: var(--font-ui);
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 1;
}

:where(
  .brand-name,
  .static-card h1,
  .news-head h1,
  .weather-card-title,
  .formula-topbar h1,
  .calculator-topbar h1,
  .services-hero h1,
  .builder-panel-title h2,
  .builder-card-head h2,
  .builder-catalog-card-title h3,
  .builder-tooltip-card h3,
  .builder-skill-tooltip-head h3,
  .item-db-hero h1,
  .item-db-card h2,
  .wargames-page h1,
  .bugtracker-page h1,
  .modal h2
) {
  font-family: var(--font-display);
  font-weight: 850;
}

:where(
  .tab,
  .icon-link,
  .small-action,
  .plain-button,
  .primary-button,
  .square-button,
  .static-action,
  .support,
  .feedback-button,
  .header-icon-button,
  .builder-top-actions button,
  .builder-build-actions button,
  .builder-panel-title button,
  .builder-square-button,
  .builder-view-tab,
  .builder-grade-tabs button,
  .builder-specialize-button,
  .builder-mastery-tabs button,
  .builder-rune-grade-tabs button,
  .builder-modal-grade-tabs button,
  .builder-rune-picker-tabs button,
  .builder-skill-preset-actions button,
  .builder-skill-preset-trigger,
  .builder-skill-preset-option,
  .builder-skill-preset-weapon-trigger,
  .builder-skill-preset-weapon-option,
  .builder-catalog-tabs button,
  .builder-combat-tab,
  .builder-catalog-card-side button,
  .calculator-kind-toggle button,
  .calculator-cc-types button,
  .calculator-base-buttons button
) {
  font-family: var(--font-ui);
  font-weight: 780;
}

:where(
  .weather-countdown,
  .calculator-result strong,
  .builder-tooltip-primary-stat b,
  .builder-weapon-damage-card strong,
  .builder-catalog-views,
  .builder-stat-value,
  .builder-summary-value,
  .item-db-stat-list b,
  .item-db-weapon-damage b
) {
  font-variant-numeric: tabular-nums;
}

.site-header {
  border-color: rgba(244, 219, 176, 0.15) !important;
  background:
    linear-gradient(180deg, rgba(18, 17, 22, 0.96), rgba(8, 8, 10, 0.98)) !important;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.tabs {
  border-color: rgba(244, 219, 176, 0.13) !important;
  background: rgba(12, 12, 15, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.tab {
  color: rgba(218, 210, 220, 0.76) !important;
  text-shadow: none !important;
}

.tab:hover {
  border-color: rgba(246, 202, 116, 0.3) !important;
  background:
    linear-gradient(180deg, rgba(246, 202, 116, 0.1), rgba(255, 255, 255, 0.035)) !important;
  color: #fff1cb !important;
}

.tab.is-active {
  border-color: rgba(246, 202, 116, 0.52) !important;
  background:
    linear-gradient(180deg, rgba(246, 202, 116, 0.22), rgba(52, 39, 26, 0.72)) !important;
  color: #ffe3a2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 210, 0.08),
    0 0 1rem rgba(246, 202, 116, 0.14) !important;
}

:where(
  .news-card,
  .weather-card,
  .formula-article,
  .calculator-card,
  .services-hero,
  .service-card,
  .seo-prerender,
  .static-card,
  .builder-q-card,
  .builder-main-card,
  .builder-modal-card,
  .builder-build-card,
  .builder-slot-detail,
  .builder-catalog-card,
  .builder-catalog-my-panel,
  .builder-catalog-login-panel,
  .builder-description-editor-panel,
  .builder-share-card,
  .item-db-hero,
  .item-db-list,
  .item-db-card,
  .item-db-filters,
  .item-db-source-card,
  .wargames-card,
  .bugtracker-card
) {
  border-color: rgba(244, 219, 176, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    var(--rutl-surface) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  color: var(--text) !important;
}

:where(
  .builder-tooltip-card,
  .builder-skill-tooltip-card,
  .builder-rune-tooltip,
  .builder-mastery-tooltip,
  .builder-artifact-tooltip,
  .map-tooltip,
  .custom-select-menu,
  .builder-skill-preset-menu,
  .builder-skill-preset-weapon-menu
) {
  border-color: rgba(246, 202, 116, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(31, 29, 34, 0.98), rgba(12, 12, 15, 0.99)) !important;
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

:where(
  input,
  textarea,
  select,
  .custom-select-trigger,
  .builder-role-select,
  .builder-summary-input,
  .builder-item-search-input,
  .builder-top-name,
  .builder-build-name-input,
  .builder-share-link-row input,
  .calculator-field input,
  .builder-combat-enemy-field input,
  .builder-combat-input-line input,
  .builder-skill-preset-select select,
  .builder-save-field select,
  .builder-visibility-select,
  .builder-tag-trigger,
  .builder-item-select
) {
  border-color: rgba(244, 219, 176, 0.14) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

:where(
  input,
  textarea,
  select,
  button,
  a,
  .custom-select-trigger,
  .builder-tag-trigger
):focus-visible {
  outline-color: rgba(246, 202, 116, 0.82) !important;
  box-shadow:
    0 0 0 0.18rem var(--rutl-focus),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

:where(
  .icon-link,
  .small-action,
  .plain-button,
  .square-button,
  .category-button,
  .result-button,
  .builder-top-actions button,
  .builder-build-actions button,
  .builder-panel-title button,
  .builder-square-button,
  .builder-view-tab,
  .builder-grade-tabs button,
  .builder-specialize-button,
  .builder-mastery-tabs button,
  .builder-rune-grade-tabs button,
  .builder-modal-grade-tabs button,
  .builder-rune-picker-tabs button,
  .builder-skill-preset-actions button,
  .builder-skill-preset-trigger,
  .builder-skill-preset-option,
  .builder-skill-preset-weapon-trigger,
  .builder-skill-preset-weapon-option,
  .builder-catalog-tabs button,
  .builder-combat-tab,
  .builder-catalog-card-side button,
  .calculator-kind-toggle button,
  .calculator-cc-types button,
  .calculator-base-buttons button
) {
  border-color: rgba(244, 219, 176, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)) !important;
  color: #ebe4da !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  text-shadow: none !important;
}

:where(
  .icon-link,
  .small-action,
  .plain-button,
  .square-button,
  .category-button,
  .result-button,
  .builder-top-actions button,
  .builder-build-actions button,
  .builder-panel-title button,
  .builder-square-button,
  .builder-view-tab,
  .builder-grade-tabs button,
  .builder-specialize-button,
  .builder-mastery-tabs button,
  .builder-rune-grade-tabs button,
  .builder-modal-grade-tabs button,
  .builder-rune-picker-tabs button,
  .builder-skill-preset-actions button,
  .builder-skill-preset-trigger,
  .builder-skill-preset-option,
  .builder-skill-preset-weapon-trigger,
  .builder-skill-preset-weapon-option,
  .builder-catalog-tabs button,
  .builder-combat-tab,
  .builder-catalog-card-side button,
  .calculator-kind-toggle button,
  .calculator-cc-types button,
  .calculator-base-buttons button
):hover:not(:disabled) {
  border-color: rgba(246, 202, 116, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(246, 202, 116, 0.14), rgba(255, 255, 255, 0.035)) !important;
  color: #fff2d2 !important;
}

:where(
  .primary-button,
  .builder-title-save,
  .builder-save-trigger,
  .builder-catalog-primary,
  .builder-create-button
) {
  border-color: rgba(106, 238, 154, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(63, 198, 117, 0.96), rgba(25, 124, 72, 0.96)) !important;
  color: #f4fff8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 12px 28px rgba(38, 166, 94, 0.18) !important;
}



.support {
  border-color: rgba(246, 202, 116, 0.48) !important;
  background:
    linear-gradient(180deg, rgba(255, 211, 120, 0.98), rgba(169, 103, 34, 0.96)) !important;
  color: #211608 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 12px 30px rgba(246, 202, 116, 0.18) !important;
}

:where(.danger, .builder-delete-button, .builder-remove-button, .builder-trash-button) {
  border-color: rgba(255, 116, 125, 0.38) !important;
  background:
    linear-gradient(180deg, rgba(138, 38, 48, 0.72), rgba(82, 20, 28, 0.84)) !important;
  color: #ffd8dc !important;
}

:where(
  .builder-rarity-filter button.is-active,
  .builder-grade-tabs button.is-active,
  .builder-view-tab.is-active,
  .builder-mastery-tabs button.is-active,
  .builder-rune-grade-tabs button.is-active,
  .builder-modal-grade-tabs button.is-active,
  .builder-rune-picker-tabs button.is-active,
  .builder-catalog-tabs button.is-active,
  .builder-combat-tab.is-active,
  .calculator-kind-toggle button.is-active,
  .calculator-cc-types button.is-active,
  .calculator-base-buttons button.is-active
) {
  border-color: rgba(246, 202, 116, 0.52) !important;
  background:
    linear-gradient(180deg, rgba(181, 121, 255, 0.34), rgba(70, 44, 100, 0.72)) !important;
  color: #fff0c8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0.9rem rgba(181, 121, 255, 0.16) !important;
}

:where(
  .muted,
  .builder-muted,
  .item-db-muted,
  .item-db-source-empty,
  .item-db-empty,
  .builder-catalog-meta,
  .builder-card-meta
) {
  color: var(--muted) !important;
}

:where(
  .accent,
  .gold,
  .builder-catalog-title,
  .item-db-source-title,
  .builder-tooltip-section-title
) {
  color: var(--rutl-accent) !important;
}


/* RUTL font comfort and empty equipment slots 20260805 */
body {
  font-weight: 500;
}

:where(
  .builder-app,
  .builder-app p,
  .builder-app small,
  .builder-app span,
  .builder-app label,
  .builder-tooltip-card,
  .builder-skill-tooltip-card,
  .item-db,
  .news-root,
  .weather-root,
  .formulas-root,
  .calculator-root,
  .wargames-root,
  .bugtracker-root,
  .static-root
) {
  text-shadow: none !important;
}

:where(
  .builder-app h1,
  .builder-app h2,
  .builder-app h3,
  .builder-app h4,
  .builder-app b,
  .builder-app strong,
  .builder-title-display,
  .builder-title-text,
  .builder-title-readonly,
  .builder-build-preset,
  .builder-build-name,
  .builder-build-card b,
  .builder-catalog-card-title h3,
  .builder-catalog-title,
  .builder-slot-detail h2,
  .builder-slot-detail h3,
  .builder-traits b,
  .builder-traits strong,
  .builder-trait-values b,
  .builder-tooltip-card b,
  .builder-tooltip-card strong,
  .item-db h1,
  .item-db h2,
  .item-db h3,
  .item-db b,
  .news-card h2,
  .news-card b,
  .weather-card-title,
  .formula-article h2,
  .calculator-card h2,
  .wargames-card h3,
  .bugtracker-card h3
) {
  font-weight: 700 !important;
}

:where(
  .builder-app button,
  .builder-app input,
  .builder-app select,
  .builder-app textarea,
  .builder-app label,
  .builder-traits label,
  .builder-traits span,
  .builder-trait-row,
  .builder-trait-levels button,
  .builder-tag-trigger,
  .builder-tag-menu button,
  .builder-catalog-meta,
  .builder-card-meta,
  .tab,
  .icon-link,
  .small-action,
  .plain-button,
  .primary-button,
  .square-button,
  .static-action,
  .support,
  .feedback-button,
  .header-icon-button
) {
  font-weight: 650 !important;
}

:where(
  .builder-empty,
  .builder-muted,
  .builder-note,
  .builder-catalog-meta,
  .builder-card-meta,
  .item-db-muted,
  .item-db-empty,
  .item-db-source-empty
) {
  font-weight: 500 !important;
}

.builder-slot:not(.filled) .builder-frame {
  background: #050505 !important;
}

.builder-slot:not(.filled) .builder-frame::before {
  background: #050505 !important;
}

.builder-slot:not(.filled) .builder-empty-slot-icon {
  opacity: 0.72 !important;
  filter: saturate(0.72) brightness(0.92) !important;
}


/* RUTL contrast comfort pass 20260805 */
:root {
  --rutl-plum-1: #17131c;
  --rutl-plum-2: #241b2d;
  --rutl-plum-3: #342542;
  --rutl-plum-border: rgba(180, 142, 210, 0.34);
  --rutl-plum-border-strong: rgba(220, 184, 245, 0.48);
  --rutl-plum-text: #eadff2;
  --rutl-plum-muted: #c9bbd2;
  --rutl-warm-text: #eee6dc;
}

:where(
  .builder-rarity-filter button.is-active,
  .builder-grade-tabs button.is-active,
  .builder-view-tab.is-active,
  .builder-mastery-tabs button.is-active,
  .builder-rune-grade-tabs button.is-active,
  .builder-modal-grade-tabs button.is-active,
  .builder-rune-picker-tabs button.is-active,
  .builder-catalog-tabs button.is-active,
  .builder-combat-tab.is-active,
  .calculator-kind-toggle button.is-active,
  .calculator-cc-types button.is-active,
  .calculator-base-buttons button.is-active,
  .builder-skill-preset-option.is-active,
  .builder-skill-preset-weapon-option.is-active,
  .wargames-filter-tab.is-active,
  .wargames-time-picker-grid button.is-active,
  .wargames-push-toggle.is-active
) {
  border-color: var(--rutl-plum-border-strong) !important;
  background:
    linear-gradient(180deg, rgba(72, 52, 88, 0.86), rgba(38, 28, 48, 0.94)) !important;
  color: var(--rutl-plum-text) !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 0 0.72rem rgba(143, 103, 177, 0.14) !important;
}

:where(
  .builder-rarity-filter button,
  .builder-grade-tabs button,
  .builder-view-tab,
  .builder-mastery-tabs button,
  .builder-rune-grade-tabs button,
  .builder-modal-grade-tabs button,
  .builder-rune-picker-tabs button,
  .builder-catalog-tabs button,
  .builder-combat-tab,
  .calculator-kind-toggle button,
  .calculator-cc-types button,
  .calculator-base-buttons button,
  .builder-skill-preset-option,
  .builder-skill-preset-weapon-option,
  .wargames-filter-tab,
  .wargames-time-picker-grid button,
  .wargames-push-toggle
):hover:not(:disabled) {
  border-color: rgba(205, 171, 230, 0.38) !important;
  background:
    linear-gradient(180deg, rgba(54, 42, 65, 0.82), rgba(28, 24, 34, 0.95)) !important;
  color: #f0e6f5 !important;
}

:where(
  .builder-tag-trigger,
  .builder-tag-menu button,
  .builder-catalog-tag-options button,
  .builder-readonly-tag,
  .builder-tier-badge,
  .builder-rail-chip,
  .builder-catalog-tier-badge,
  .builder-catalog-tag-badge,
  .builder-author-build-card-tags span,
  .builder-role-badge,
  .builder-source-pill,
  .builder-pill,
  .builder-badge
) {
  border-color: rgba(180, 142, 210, 0.26) !important;
  background: rgba(31, 27, 37, 0.78) !important;
  color: var(--rutl-plum-text) !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

:where(
  .builder-tag-menu button.is-active,
  .builder-catalog-tag-options button.is-active,
  .builder-tier-badge.is-t2,
  .builder-rail-chip.builder-rail-tier,
  .builder-catalog-tier-badge,
  .builder-readonly-tag:not(.is-empty)
) {
  border-color: rgba(198, 161, 224, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(62, 45, 76, 0.84), rgba(35, 28, 43, 0.94)) !important;
  color: #f0e5f6 !important;
}

:where(
  .builder-trait-row,
  .builder-traits label,
  .builder-traits p,
  .builder-tooltip-card.item .builder-tooltip-section.traits p,
  .builder-trait-values,
  .builder-trait-values b,
  .builder-trait-levels button,
  .builder-trait-levels span
) {
  color: #e6ded5 !important;
  text-shadow: none !important;
}

:where(
  .builder-trait-levels button.is-active,
  .builder-trait-levels button[aria-pressed="true"],
  .builder-trait-levels button[aria-selected="true"],
  .builder-trait-values b.is-active,
  .builder-trait-values b.is-selected
) {
  border-color: rgba(230, 190, 118, 0.46) !important;
  background:
    linear-gradient(180deg, rgba(78, 61, 36, 0.86), rgba(36, 30, 24, 0.96)) !important;
  color: #f4d891 !important;
  text-shadow: none !important;
}

:where(
  .builder-app h1,
  .builder-app h2,
  .builder-app h3,
  .builder-app h4,
  .builder-app b,
  .builder-app strong,
  .builder-build-preset,
  .builder-build-name,
  .builder-catalog-card-title h3,
  .builder-title-display,
  .builder-title-text,
  .builder-tooltip-card b,
  .builder-tooltip-card strong,
  .item-db h1,
  .item-db h2,
  .item-db h3,
  .item-db b,
  .news-card h2,
  .news-card b,
  .weather-card-title,
  .formula-article h2,
  .calculator-card h2
) {
  color: var(--rutl-warm-text) !important;
  text-shadow: none !important;
}

:where(
  .builder-app button,
  .builder-app input,
  .builder-app select,
  .builder-app textarea,
  .builder-app label,
  .tab,
  .icon-link,
  .small-action,
  .plain-button,
  .square-button
) {
  color: #e7ded4 !important;
  text-shadow: none !important;
}

.tab.is-active {
  background:
    linear-gradient(180deg, rgba(83, 62, 37, 0.78), rgba(34, 27, 25, 0.94)) !important;
  color: #f2d894 !important;
  border-color: rgba(232, 192, 112, 0.42) !important;
}

.builder-slot:not(.filled) .builder-frame {
  background: #050505 !important;
}

.builder-slot:not(.filled) .builder-frame::before {
  background: #050505 !important;
}


/* RUTL builder visual correction 20260805 */
:root {
  --font-ui: "Segoe UI Variable Text", "Segoe UI", Inter, "SF Pro Text", Roboto, "Noto Sans", Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", Inter, "SF Pro Display", "Noto Sans", Arial, sans-serif;
  --rutl-control-bg: rgba(25, 24, 26, 0.94);
  --rutl-control-bg-hover: rgba(38, 34, 30, 0.96);
  --rutl-control-border: rgba(218, 188, 126, 0.28);
  --rutl-control-border-hover: rgba(232, 199, 128, 0.46);
  --rutl-control-text: #e9e1d6;
}

body,
button,
input,
textarea,
select {
  font-family: var(--font-ui) !important;
}

:where(
  .builder-app,
  .builder-app *,
  .item-db,
  .item-db *,
  .news-root,
  .news-root *,
  .weather-root,
  .weather-root *,
  .formulas-root,
  .formulas-root *,
  .calculator-root,
  .calculator-root *,
  .wargames-root,
  .wargames-root *,
  .bugtracker-root,
  .bugtracker-root *
) {
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(
  .builder-app h1,
  .builder-app h2,
  .builder-app h3,
  .builder-app h4,
  .builder-app h5,
  .builder-app b,
  .builder-app strong,
  .builder-title-display,
  .builder-title-text,
  .builder-build-preset,
  .builder-build-name,
  .builder-catalog-card-title h3,
  .builder-slot-detail h2,
  .builder-slot-detail h3,
  .builder-traits b,
  .builder-traits strong,
  .builder-trait-toggle,
  .builder-trait-values b,
  .builder-tooltip-card b,
  .builder-tooltip-card strong,
  .builder-tooltip-section-title,
  .item-db h1,
  .item-db h2,
  .item-db h3,
  .item-db b,
  .news-card h2,
  .weather-card-title,
  .formula-article h2,
  .calculator-card h2
) {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
}

:where(
  .builder-app button,
  .builder-app input,
  .builder-app select,
  .builder-app textarea,
  .builder-app label,
  .builder-trait-levels button,
  .builder-tag-trigger,
  .builder-tag-menu button,
  .builder-catalog-tag-options button,
  .tab,
  .icon-link,
  .small-action,
  .plain-button,
  .primary-button,
  .square-button,
  .support,
  .feedback-button,
  .header-icon-button
) {
  font-weight: 560 !important;
}

:where(
  .builder-muted,
  .builder-empty,
  .builder-note,
  .builder-catalog-meta,
  .builder-card-meta,
  .item-db-muted,
  .item-db-empty,
  .item-db-source-empty,
  .news-card p,
  .weather-card p,
  .formula-article p,
  .calculator-card p
) {
  font-weight: 450 !important;
}

.builder-weapon-row .builder-slot.filled .builder-frame {
  background: #070707 !important;
  box-shadow:
    inset 0 0 0 2px #121212,
    0 0 0 1px rgba(218, 188, 112, 0.48),
    0 0.18rem 0.46rem rgba(0, 0, 0, 0.42) !important;
}

.builder-weapon-row .builder-slot.filled .builder-frame::before {
  background: #050505 !important;
}

.builder-weapon-row .builder-slot.filled .builder-frame img {
  filter: none !important;
}

:where(
  .builder-create-group,
  .builder-left-rail .builder-left-create-group,
  .builder-panel.is-active .builder-create-group,
  .builder-panel.is-active .builder-left-rail .builder-left-create-group,
  .builder-top-actions .builder-share-trigger,
  .builder-share-trigger,
  .builder-share-link-row button,
  .builder-share-open,
  .builder-catalog-card-side button
) {
  border-color: var(--rutl-control-border) !important;
  background:
    linear-gradient(180deg, rgba(34, 32, 32, 0.98), rgba(19, 18, 19, 0.98)) !important;
  color: var(--rutl-control-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 0.45rem 1.15rem rgba(0, 0, 0, 0.22) !important;
  text-shadow: none !important;
}

:where(
  .builder-create-group,
  .builder-left-rail .builder-left-create-group,
  .builder-panel.is-active .builder-create-group,
  .builder-panel.is-active .builder-left-rail .builder-left-create-group,
  .builder-top-actions .builder-share-trigger,
  .builder-share-trigger,
  .builder-share-link-row button,
  .builder-share-open,
  .builder-catalog-card-side button
):hover:not(:disabled) {
  border-color: var(--rutl-control-border-hover) !important;
  background:
    linear-gradient(180deg, var(--rutl-control-bg-hover), rgba(23, 21, 20, 0.98)) !important;
  color: #f1dfb2 !important;
}

.builder-create-group .builder-plus-icon,
.builder-left-create-group .builder-plus-icon {
  color: #e1c17a !important;
  background: rgba(224, 193, 122, 0.13) !important;
  box-shadow: inset 0 0 0 1px rgba(224, 193, 122, 0.28) !important;
}

.builder-share-trigger svg,
.builder-share-link-row button svg,
.builder-share-open svg,
.builder-catalog-card-side button svg {
  color: #d9bd7b !important;
  stroke: currentColor !important;
}

.builder-trait-toggle {
  color: #d9d1c7 !important;
}

.builder-trait-toggle i {
  position: relative !important;
  border-color: rgba(221, 201, 157, 0.22) !important;
  background: rgba(28, 28, 29, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.builder-trait-toggle i::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 46% !important;
  width: 0.56rem !important;
  height: 0.3rem !important;
  border-left: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  opacity: 0 !important;
}

.builder-trait.on .builder-trait-toggle {
  color: #eee4d6 !important;
}

.builder-trait.on .builder-trait-toggle i {
  border-color: rgba(227, 193, 120, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(70, 55, 30, 0.96), rgba(37, 31, 24, 0.98)) !important;
}

.builder-trait.on .builder-trait-toggle i::after {
  border-color: #f2d88d !important;
  opacity: 1 !important;
}

.builder-trait-levels button.is-active {
  border-color: rgba(227, 193, 120, 0.55) !important;
  background:
    linear-gradient(180deg, rgba(72, 56, 31, 0.9), rgba(34, 29, 24, 0.98)) !important;
  color: #f0d488 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}


/* RUTL artifact picker and weapon filters visual correction 20260805 */
.builder-weapon-filter button {
  border-color: rgba(221, 201, 157, 0.18) !important;
  background: rgba(28, 28, 29, 0.92) !important;
  color: #dcd3c8 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  text-shadow: none !important;
}

.builder-weapon-filter button:hover:not(:disabled) {
  border-color: rgba(227, 193, 120, 0.38) !important;
  background:
    linear-gradient(180deg, rgba(40, 35, 29, 0.96), rgba(24, 23, 22, 0.98)) !important;
  color: #eee1c5 !important;
}

.builder-weapon-filter button.is-active {
  border-color: rgba(227, 193, 120, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(72, 56, 31, 0.9), rgba(34, 29, 24, 0.98)) !important;
  color: #f0d488 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 0.55rem rgba(217, 180, 101, 0.12) !important;
}

.builder-weapon-filter button img {
  opacity: 0.78 !important;
  filter: saturate(0.78) brightness(0.9) !important;
}

.builder-weapon-filter button.is-active img,
.builder-weapon-filter button:hover img {
  opacity: 0.95 !important;
  filter: saturate(0.86) brightness(1.02) !important;
}

.builder-artifact-modal-properties h3,
.builder-artifact-editor-section h3 {
  color: #eee4d6 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.builder-artifact-modal-properties h3 b {
  color: #f0d488 !important;
  font-weight: 600 !important;
}

.builder-artifact-property {
  color: #d9d1c7 !important;
  text-shadow: none !important;
}

.builder-artifact-property:hover {
  background: rgba(227, 193, 120, 0.045) !important;
}

.builder-artifact-property-check {
  position: relative !important;
  border-color: rgba(221, 201, 157, 0.22) !important;
  background: rgba(28, 28, 29, 0.92) !important;
  color: transparent !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.builder-artifact-property-check span {
  display: none !important;
}

.builder-artifact-property-check::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 46% !important;
  width: 0.44rem !important;
  height: 0.24rem !important;
  border-left: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  opacity: 0 !important;
}

.builder-artifact-property.is-selected .builder-artifact-property-check {
  border-color: rgba(227, 193, 120, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(70, 55, 30, 0.96), rgba(37, 31, 24, 0.98)) !important;
}

.builder-artifact-property.is-selected .builder-artifact-property-check::after {
  border-color: #f2d88d !important;
  opacity: 1 !important;
}

.builder-artifact-property-name {
  color: #d9d1c7 !important;
  font-weight: 520 !important;
  text-shadow: none !important;
}

.builder-artifact-property.is-selected .builder-artifact-property-name {
  color: #eee4d6 !important;
  font-weight: 600 !important;
}

.builder-artifact-property p button {
  border-color: rgba(221, 201, 157, 0.16) !important;
  background: rgba(28, 28, 29, 0.92) !important;
  color: #e2d9cf !important;
  font-weight: 560 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.builder-artifact-property p button:hover:not(:disabled) {
  border-color: rgba(227, 193, 120, 0.36) !important;
  background: rgba(40, 35, 29, 0.96) !important;
  color: #eee1c5 !important;
}

.builder-artifact-property p button.is-selected {
  border-color: rgba(227, 193, 120, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(72, 56, 31, 0.9), rgba(34, 29, 24, 0.98)) !important;
  color: #f0d488 !important;
}

.builder-artifact-property.is-blocked {
  opacity: 0.42 !important;
}


/* RUTL support button readability fix 20260805 */
.support,
.support:hover,
.support:focus-visible {
  border-color: rgba(236, 202, 122, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(55, 43, 24, 0.98), rgba(24, 21, 18, 0.98)) !important;
  color: #f5df9c !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 205, 0.08),
    0 0.55rem 1.2rem rgba(0, 0, 0, 0.26) !important;
}

.support:hover,
.support:focus-visible {
  border-color: rgba(246, 216, 146, 0.76) !important;
  background:
    linear-gradient(180deg, rgba(72, 55, 29, 0.99), rgba(31, 25, 18, 0.99)) !important;
}

.support .support-icon {
  color: #f0d488 !important;
}

.support .support-text strong,
.support:hover .support-text strong,
.support:focus-visible .support-text strong {
  color: #ffe6a8 !important;
  font-weight: 650 !important;
  text-shadow: none !important;
}

.support .support-text small,
.support:hover .support-text small,
.support:focus-visible .support-text small {
  color: #bfae87 !important;
  font-weight: 500 !important;
  opacity: 0.96 !important;
  text-shadow: none !important;
}


/* RUTL equipped slot contrast correction 20260805 */
.builder-slot.filled .builder-frame,
.builder-weapon-row .builder-slot.filled .builder-frame {
  background:
    radial-gradient(circle at 50% 36%,
      color-mix(in srgb, var(--grade, #8e55be) 44%, #25202b 56%) 0%,
      color-mix(in srgb, var(--grade, #8e55be) 28%, #111114 72%) 48%,
      #050505 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(5, 5, 5, 0.78),
    inset 0 0 1.25rem rgba(0, 0, 0, 0.72),
    0 0 0 1px rgba(225, 198, 112, 0.5),
    0 0.16rem 0.48rem rgba(0, 0, 0, 0.5) !important;
}

.builder-slot.filled .builder-frame::before,
.builder-weapon-row .builder-slot.filled .builder-frame::before {
  background:
    radial-gradient(circle at 50% 42%,
      color-mix(in srgb, var(--grade, #8e55be) 34%, rgba(21, 18, 24, 0.96)) 0%,
      color-mix(in srgb, var(--grade, #8e55be) 16%, rgba(5, 5, 5, 0.98)) 62%,
      rgba(5, 5, 5, 0.98) 100%) !important;
  opacity: 0.94 !important;
}

.builder-slot.filled .builder-frame img,
.builder-weapon-row .builder-slot.filled .builder-frame img {
  filter: contrast(1.08) saturate(1.05) brightness(0.96) !important;
}


/* RUTL profile builds and auth icons 20260805 */
.site-profile-inner {
  max-height: min(42rem, calc(100vh - 2rem)) !important;
  overflow-y: auto !important;
}

.site-profile-builds {
  display: grid !important;
  gap: 0.55rem !important;
  margin-top: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 0.72rem !important;
  background: rgba(255, 255, 255, 0.035) !important;
  padding: 0.75rem !important;
}

.site-profile-builds h3 {
  margin: 0 !important;
  color: #c790ff !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.site-profile-linked-list .site-profile-provider-icon {
  display: grid !important;
  place-items: center !important;
  width: 2.15rem !important;
  height: 2.15rem !important;
  min-width: 2.15rem !important;
  padding: 0 !important;
  border-radius: 0.65rem !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: #e8dbf7 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.site-profile-linked-list .site-profile-provider-icon img {
  width: 1.2rem !important;
  height: 1.2rem !important;
  object-fit: contain !important;
}

.site-profile-builds-list {
  display: grid !important;
  gap: 0.42rem !important;
  max-height: 13.4rem !important;
  overflow-y: auto !important;
  padding-right: 0.15rem !important;
}

.site-profile-build-item {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.62rem !important;
  min-height: 3.15rem !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 0.55rem !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #f5efff !important;
  padding: 0.45rem 0.55rem !important;
  text-decoration: none !important;
}

.site-profile-build-item:hover {
  border-color: rgba(199, 144, 255, 0.42) !important;
  background: rgba(199, 144, 255, 0.08) !important;
}

.site-profile-build-icons {
  display: flex !important;
  align-items: center !important;
  gap: 0.22rem !important;
}

.site-profile-build-icons span {
  display: grid !important;
  place-items: center !important;
  width: 2rem !important;
  height: 2rem !important;
  border: 1px solid rgba(178, 109, 228, 0.48) !important;
  border-radius: 0.32rem !important;
  background: rgba(42, 28, 54, 0.72) !important;
}

.site-profile-build-icons img {
  width: 1.65rem !important;
  height: 1.65rem !important;
  object-fit: contain !important;
}

.site-profile-build-copy {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
}

.site-profile-build-copy b {
  overflow: hidden !important;
  color: #fff6e4 !important;
  font-size: 0.9rem !important;
  font-weight: 620 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.site-profile-build-copy small,
.site-profile-builds-muted,
.site-profile-builds-error {
  color: rgba(230, 220, 239, 0.72) !important;
  font-size: 0.78rem !important;
  font-weight: 450 !important;
}

.site-profile-build-item em {
  color: #82f0ac !important;
  font-size: 0.76rem !important;
  font-style: normal !important;
  font-weight: 620 !important;
}

.site-profile-builds-error { color: #ffb7b7 !important; }


/* RUTL top action buttons calm style 20260805 */
.builder-top-actions .builder-save-trigger,
.builder-top-actions .builder-share-trigger,
.builder-top-actions .builder-clone-server,
.builder-top-actions .builder-top-clone,
.builder-save-trigger,
.builder-share-trigger {
  min-height: 2.05rem !important;
  border: 1px solid rgba(236, 202, 122, 0.34) !important;
  border-radius: 0.38rem !important;
  background:
    linear-gradient(180deg, rgba(39, 36, 32, 0.98), rgba(20, 20, 21, 0.98)) !important;
  color: #e8dcc0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 0.25rem 0.7rem rgba(0, 0, 0, 0.28) !important;
  text-shadow: none !important;
}

.builder-top-actions .builder-save-trigger:hover,
.builder-top-actions .builder-share-trigger:hover,
.builder-top-actions .builder-clone-server:hover,
.builder-top-actions .builder-top-clone:hover,
.builder-save-trigger:hover,
.builder-share-trigger:hover {
  border-color: rgba(246, 216, 146, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(53, 47, 36, 0.99), rgba(24, 23, 22, 0.99)) !important;
  color: #ffe7ad !important;
}

.builder-top-actions .builder-save-trigger svg,
.builder-top-actions .builder-share-trigger svg,
.builder-top-actions .builder-clone-server svg,
.builder-top-actions .builder-top-clone svg,
.builder-save-trigger svg,
.builder-share-trigger svg {
  color: #d8bb74 !important;
  stroke: currentColor !important;
}

.builder-top-actions .builder-save-trigger span,
.builder-top-actions .builder-share-trigger span,
.builder-top-actions .builder-clone-server span,
.builder-top-actions .builder-top-clone span,
.builder-save-trigger span,
.builder-share-trigger span {
  color: inherit !important;
  font-weight: 620 !important;
}

.builder-top-actions .builder-danger-trigger,
.builder-top-actions .builder-icon-danger,
.builder-danger-trigger.builder-icon-danger {
  min-width: 2.25rem !important;
  width: 2.25rem !important;
  min-height: 2.05rem !important;
  border: 1px solid rgba(198, 116, 104, 0.34) !important;
  border-radius: 0.38rem !important;
  background:
    linear-gradient(180deg, rgba(45, 30, 30, 0.98), rgba(22, 20, 21, 0.98)) !important;
  color: #e3bbb3 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0.25rem 0.7rem rgba(0, 0, 0, 0.28) !important;
}

.builder-top-actions .builder-danger-trigger:hover,
.builder-top-actions .builder-icon-danger:hover,
.builder-danger-trigger.builder-icon-danger:hover {
  border-color: rgba(224, 142, 130, 0.56) !important;
  background:
    linear-gradient(180deg, rgba(60, 36, 35, 0.99), rgba(25, 22, 23, 0.99)) !important;
  color: #ffd1c8 !important;
}

.builder-top-actions .builder-danger-trigger svg,
.builder-top-actions .builder-icon-danger svg,
.builder-danger-trigger.builder-icon-danger svg {
  color: #d7a199 !important;
  stroke: currentColor !important;
}


/* RUTL remaining heavy font smoothing 20260805 */
.builder-attr-main span,
.builder-panel.is-active .builder-attr-main span,
.builder-app[data-mobile-view="builds"] .builder-attr-main span {
  color: #f3ead8 !important;
  font-weight: 580 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.builder-attr-main span em,
.builder-panel.is-active .builder-attr-main span em,
.builder-app[data-mobile-view="builds"] .builder-attr-main span em {
  font-weight: 560 !important;
  text-shadow: none !important;
}

.builder-attr-main b,
.builder-panel.is-active .builder-attr-main b,
.builder-app[data-mobile-view="builds"] .builder-attr-main b {
  color: #f7f2e8 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.builder-rail-author-rating .builder-catalog-rating span,
.builder-rating-author .builder-catalog-rating span,
.builder-catalog-rating.builder-rating-author span {
  color: #fff3dc !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
}


/* RUTL holistic polish pass 20260805 */
:root {
  --rutl-surface-0: #050505;
  --rutl-surface-1: #101011;
  --rutl-surface-2: #171718;
  --rutl-surface-soft: rgba(255, 255, 255, 0.035);
  --rutl-line-soft: rgba(255, 255, 255, 0.075);
  --rutl-line-gold: rgba(221, 192, 122, 0.34);
  --rutl-gold-soft: #d7bd79;
  --rutl-copy: #eee8dc;
  --rutl-muted-copy: rgba(226, 217, 205, 0.68);
}

body,
.app-shell,
.tab-panel.is-active:not(#mapPanel) {
  background: #050505 !important;
}

.news-panel.is-active,
.weather-panel.is-active,
.formulas-panel.is-active,
.calculator-panel.is-active,
.services-panel.is-active,
.static-panel.is-active,
.builds-panel.is-active,
.items-panel.is-active,
.builder-panel.is-active {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #050505 !important;
}

.news-panel.is-active > *,
.weather-panel.is-active > *,
.formulas-panel.is-active > *,
.calculator-panel.is-active > *,
.services-panel.is-active > *,
.static-panel.is-active > * {
  border-color: rgba(255, 255, 255, 0.065) !important;
  box-shadow: none !important;
}

/* Builder right-side ad rail */
@media (min-width: 1540px) {
  body.has-rutl-builder-right-banner .builder-panel.is-active .builder-root {
    width: min(1680px, calc(100vw - var(--rutl-builder-ad-width, 240px) - var(--rutl-builder-ad-gap, 14px) - var(--rutl-builder-ad-right, 18px) - 32px)) !important;
    max-width: min(1680px, calc(100vw - var(--rutl-builder-ad-width, 240px) - var(--rutl-builder-ad-gap, 14px) - var(--rutl-builder-ad-right, 18px) - 32px)) !important;
    margin-left: 14px !important;
    margin-right: calc(var(--rutl-builder-ad-width, 240px) + var(--rutl-builder-ad-gap, 14px) + var(--rutl-builder-ad-right, 18px)) !important;
  }
}

.rutl-banner-builder-right {
  position: fixed !important;
  top: var(--rutl-builder-ad-top, 5.2rem) !important;
  right: var(--rutl-builder-ad-right, 1rem) !important;
  left: auto !important;
  width: var(--rutl-banner-computed-width, var(--rutl-builder-ad-width, 240px)) !important;
  max-width: var(--rutl-banner-computed-width, var(--rutl-builder-ad-width, 240px)) !important;
  max-height: calc(100dvh - var(--rutl-builder-ad-top, 5.2rem) - 1rem) !important;
  transform: none !important;
  transform-origin: top right !important;
  z-index: 4550 !important;
}

.rutl-banner-builder-right img {
  border-radius: 8px !important;
}

@media (max-width: 1539px) {
  .rutl-banner-builder-right {
    display: none !important;
  }
}

/* Softer repeated surfaces */
.builder-main-card,
.builder-slot-detail,
.builder-equipment-view,
.builder-catalog-explore,
.builder-catalog-my-panel,
.builder-catalog-filters,
.builder-catalog-card,
.builder-catalog-hero,
.item-db-card,
.weather-card,
.formula-card,
.calculator-card {
  background: linear-gradient(180deg, rgba(25, 25, 26, 0.96), rgba(14, 14, 15, 0.98)) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  box-shadow: 0 0.65rem 1.8rem rgba(0, 0, 0, 0.24) !important;
}

.builder-equipment-view,
.builder-slot-detail {
  background: linear-gradient(180deg, rgba(22, 22, 23, 0.98), rgba(15, 15, 16, 0.99)) !important;
}

.builder-item-summary,
.builder-rune-summary,
.builder-runes,
.builder-rune-panel,
.builder-traits,
.builder-set-effects {
  background: transparent !important;
  box-shadow: none !important;
}

.builder-item-summary,
.builder-rune-summary {
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.055) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.035) !important;
  border-radius: 0 !important;
}

.builder-runes,
.builder-rune-panel,
.builder-traits,
.builder-set-effects {
  border-top: 1px solid rgba(255, 255, 255, 0.055) !important;
  border-radius: 0 !important;
}

.builder-rune-effect-card,
.builder-rune-synergy-card,
.builder-rune-synergy-list,
.builder-artifact-set-card,
.builder-artifact-editor-set,
.builder-artifact-property {
  background: rgba(255, 255, 255, 0.026) !important;
  border-color: rgba(255, 255, 255, 0.065) !important;
  box-shadow: none !important;
}

.builder-weapon-damage-card {
  border: 0 !important;
  border-left: 2px solid rgba(210, 185, 120, 0.42) !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(210, 185, 120, 0.082), rgba(255, 255, 255, 0.018) 58%, transparent) !important;
  box-shadow: none !important;
}

.builder-weapon-damage-card span {
  color: rgba(232, 221, 205, 0.68) !important;
  font-weight: 560 !important;
  letter-spacing: 0.035em !important;
  text-shadow: none !important;
}

.builder-weapon-damage-card strong {
  color: #f3eddf !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Calm type rendering */
.builder-tooltip-card,
.builder-tooltip-card *,
.builder-combat-sim,
.builder-combat-sim *,
.builder-catalog-shell,
.builder-catalog-shell *,
.builder-traits,
.builder-traits * {
  text-shadow: none !important;
}

.builder-tooltip-card,
.builder-tooltip-card.item,
.builder-tooltip-card.skill,
.builder-tooltip-card.mastery-tooltip-card,
.builder-tooltip-card.attr-source,
.builder-tooltip-card.stat-source {
  background: rgba(16, 15, 18, 0.985) !important;
  color: #eee7dd !important;
  font-weight: 450 !important;
}

.builder-tooltip-card h3,
.builder-tooltip-card h4,
.builder-tooltip-card b,
.builder-tooltip-card strong,
.builder-tooltip-section b,
.builder-tooltip-section.passive b,
.builder-skill-tooltip-head h3,
.builder-skill-tooltip-section b,
.builder-tooltip-primary-stat b,
.builder-trait-values b,
.artifact-tooltip h3,
.artifact-tooltip h4,
.artifact-tooltip b,
.artifact-tooltip strong {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.builder-tooltip-hero h3,
.builder-tooltip-simple-head h3,
.builder-tooltip-card.item .builder-tooltip-hero h3 {
  font-weight: 620 !important;
}

.builder-tooltip-section,
.builder-tooltip-section.base-stats,
.builder-tooltip-section.weapon-damage,
.builder-tooltip-section.stats,
.builder-tooltip-section.traits,
.builder-tooltip-section.runes,
.builder-tooltip-section.passive,
.builder-tooltip-section.set-bonuses {
  background: transparent !important;
  border-top-color: rgba(255, 255, 255, 0.065) !important;
  box-shadow: none !important;
}

.builder-tooltip-primary-stat,
.builder-tooltip-section.weapon-damage p,
.artifact-tooltip .artifact-set-bonuses p,
.builder-tooltip-section.set-bonuses p,
.builder-tooltip-section.stats p,
.builder-tooltip-section.traits p,
.builder-tooltip-section.runes p {
  background: rgba(255, 255, 255, 0.026) !important;
  border-color: rgba(255, 255, 255, 0.055) !important;
}

.builder-combat-tab b,
.builder-combat-kind button,
.builder-combat-base-controls > span,
.builder-combat-base-controls label span,
.builder-combat-base-controls button,
.builder-combat-side span,
.builder-combat-side strong,
.builder-combat-side small b,
.builder-combat-meter span,
.builder-combat-meter strong,
.builder-combat-meter small,
.builder-combat-rail-head h4,
.builder-combat-rail-head span,
.builder-combat-enemy-field span,
.builder-combat-reset-side,
.builder-combat-head button {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.builder-combat-side input,
.builder-combat-enemy-field input,
.builder-combat-input-line input {
  font-weight: 500 !important;
}

.builder-combat-meter strong {
  color: #f2eddf !important;
}

.builder-combat-result.is-danger .builder-combat-meter strong {
  color: #e8b98e !important;
}

.builder-combat-result.is-neutral .builder-combat-meter strong {
  color: rgba(238, 231, 221, 0.78) !important;
}

/* Trait and artifact controls */
.builder-trait-toggle {
  color: rgba(226, 217, 205, 0.72) !important;
  font-weight: 560 !important;
}

.builder-trait.on .builder-trait-toggle {
  color: #efe8dc !important;
  font-weight: 600 !important;
}

.builder-trait-toggle i,
.builder-artifact-property-check {
  border-color: rgba(221, 201, 157, 0.22) !important;
  background: rgba(29, 29, 30, 0.92) !important;
}

.builder-trait.on .builder-trait-toggle i,
.builder-artifact-property.is-selected .builder-artifact-property-check {
  border-color: rgba(217, 189, 118, 0.62) !important;
  background: linear-gradient(180deg, rgba(70, 56, 30, 0.96), rgba(34, 30, 24, 0.98)) !important;
}

.builder-trait-toggle i::after,
.builder-artifact-property-check::after {
  border-color: #ead18c !important;
}

.builder-trait-levels button,
.builder-artifact-property p button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(24, 24, 25, 0.92) !important;
  color: #e5ded3 !important;
  font-weight: 540 !important;
  text-shadow: none !important;
}

.builder-trait-levels button.is-active,
.builder-artifact-property p button.is-selected {
  border-color: rgba(217, 189, 118, 0.62) !important;
  background: linear-gradient(180deg, rgba(64, 51, 29, 0.95), rgba(30, 27, 23, 0.98)) !important;
  color: #ead18c !important;
}

.builder-artifact-set-action small {
  display: none !important;
}

.builder-artifact-set-action {
  align-items: center !important;
  justify-content: center !important;
}

.builder-artifact-set-action button,
.builder-artifact-editor-set .builder-artifact-set-action button {
  min-height: 2.05rem !important;
  border: 1px solid rgba(217, 189, 118, 0.48) !important;
  border-radius: 0.38rem !important;
  background: linear-gradient(180deg, rgba(48, 40, 25, 0.96), rgba(22, 21, 20, 0.98)) !important;
  color: #ead8a1 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 205, 0.06) !important;
}

/* Builder/catalog buttons and stars */
.builder-stat-favorite {
  color: rgba(232, 203, 142, 0.38) !important;
}

.builder-stat-row:hover .builder-stat-favorite,
.builder-stat-favorite:hover,
.builder-stat-favorite:focus-visible {
  color: #d9bd76 !important;
  background: rgba(217, 189, 118, 0.08) !important;
}

.builder-stat-favorite.is-active {
  color: #d8bd76 !important;
  text-shadow: 0 0 0.36rem rgba(216, 189, 118, 0.22) !important;
}

.builder-stat-favorites h3 {
  color: #d8bd76 !important;
}

.builder-catalog-primary,
.builder-catalog-secondary,
.builder-catalog-open,
.builder-catalog-search-submit,
.builder-create-button,
.builder-create-group button,
.builder-share-trigger,
.builder-save-trigger {
  border-color: rgba(217, 189, 118, 0.42) !important;
  background: linear-gradient(180deg, rgba(44, 38, 27, 0.98), rgba(17, 17, 18, 0.98)) !important;
  color: #ead8a1 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 205, 0.055), 0 0.35rem 0.9rem rgba(0, 0, 0, 0.22) !important;
}

.builder-catalog-primary:hover,
.builder-catalog-secondary:hover,
.builder-catalog-open:hover,
.builder-catalog-search-submit:hover,
.builder-create-button:hover,
.builder-create-group button:hover,
.builder-share-trigger:hover,
.builder-save-trigger:hover {
  border-color: rgba(238, 210, 145, 0.65) !important;
  background: linear-gradient(180deg, rgba(58, 48, 30, 0.99), rgba(22, 21, 20, 0.99)) !important;
  color: #f2e4bd !important;
}

.builder-catalog-tier-badge,
.builder-catalog-tag-badge,
.builder-catalog-tier-slider button.is-active,
.builder-catalog-tag-menu button.is-active,
.builder-catalog-class-option.is-selected,
.builder-weapon-filter button.is-active,
.builder-rarity-filter button.is-active {
  border-color: rgba(217, 189, 118, 0.54) !important;
  background: linear-gradient(180deg, rgba(49, 43, 30, 0.96), rgba(24, 22, 20, 0.98)) !important;
  color: #ead8a1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 205, 0.055) !important;
}

.builder-catalog-rating button,
.builder-rail-author-rating .builder-catalog-rating button {
  color: rgba(213, 186, 119, 0.52) !important;
  text-shadow: none !important;
}

.builder-catalog-rating button.is-active,
.builder-rail-author-rating .builder-catalog-rating button.is-active,
.builder-catalog-rating button:hover {
  color: #d8bd76 !important;
}

/* Build catalog renewed surface */
.builder-catalog-shell {
  background: #050505 !important;
  color: var(--rutl-copy) !important;
}

.builder-catalog-hero {
  border-radius: 8px !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(115deg, rgba(15, 15, 16, 0.98) 0%, rgba(18, 17, 22, 0.96) 52%, rgba(8, 19, 20, 0.92) 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 14px) !important;
}

.builder-catalog-my-panel,
.builder-catalog-explore {
  border-radius: 8px !important;
  background: rgba(25, 25, 26, 0.96) !important;
}

.builder-catalog-my-item,
.builder-catalog-class-trigger,
.builder-catalog-sort-trigger,
.builder-catalog-tag-trigger,
.builder-catalog-filter-search input,
.builder-catalog-filter-select select,
.builder-catalog-tier-slider,
.builder-catalog-card {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background-color: rgba(255, 255, 255, 0.035) !important;
  color: #eee8dc !important;
}

.builder-catalog-card {
  border-radius: 8px !important;
  box-shadow: 0 0.55rem 1.35rem rgba(0, 0, 0, 0.22) !important;
}

.builder-catalog-card-title h3,
.builder-catalog-title,
.builder-catalog-my-copy b {
  color: #f1eadf !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.builder-catalog-meta,
.builder-catalog-my-copy small,
.builder-catalog-class b,
.builder-catalog-class small {
  color: rgba(226, 217, 205, 0.72) !important;
  font-weight: 460 !important;
  text-shadow: none !important;
}

.builder-catalog-page,
.builder-catalog-page-step {
  border-color: rgba(217, 189, 118, 0.28) !important;
  background: rgba(22, 22, 23, 0.96) !important;
  color: #e9dcc2 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.builder-catalog-page.is-active {
  border-color: rgba(217, 189, 118, 0.62) !important;
  background: linear-gradient(180deg, rgba(66, 53, 30, 0.98), rgba(28, 25, 22, 0.98)) !important;
  color: #f1dea2 !important;
}

@media (max-width: 760px) {
  .builder-catalog-shell,
  .builder-catalog-hero,
  .builder-catalog-my-panel,
  .builder-catalog-explore,
  .builder-catalog-grid,
  .builder-catalog-card {
    max-width: 100% !important;
    overflow-x: clip !important;
  }
}


/* RUTL catalog/profile functional layout polish 20260805 */
.builder-catalog-hero {
  display: none !important;
}

.builds-panel.is-active .builder-catalog-shell {
  gap: 0.9rem !important;
  padding-top: 0.65rem !important;
}

.builder-catalog-my-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.85rem !important;
}

.builder-catalog-my-head > div {
  min-width: 0 !important;
}

.builder-catalog-my-head h2 {
  margin: 0 !important;
  color: #f1eadf !important;
  font-size: 1.05rem !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.builder-catalog-my-head span {
  display: block !important;
  margin-top: 0.12rem !important;
  color: rgba(226, 217, 205, 0.66) !important;
  font-size: 0.78rem !important;
  font-weight: 460 !important;
  text-shadow: none !important;
}

.builder-catalog-create-inline {
  flex: 0 0 auto !important;
  min-height: 2.18rem !important;
  padding: 0 0.95rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.site-profile-modal {
  overflow: hidden !important;
  max-height: min(44rem, calc(100dvh - 1.5rem)) !important;
}

.site-profile-inner {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  max-height: min(44rem, calc(100dvh - 1.5rem)) !important;
  overflow: hidden !important;
}

.site-profile-inner label,
.site-profile-linked,
.site-profile-builds,
.site-profile-actions {
  min-height: 0 !important;
}

.site-profile-builds {
  overflow: hidden !important;
}

.site-profile-builds-list {
  max-height: none !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

.site-profile-actions {
  position: relative !important;
  margin-top: 0.55rem !important;
  padding-top: 0.65rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.065) !important;
  background: linear-gradient(180deg, rgba(10, 10, 13, 0), rgba(10, 10, 13, 0.88) 42%) !important;
}

@media (max-width: 760px) {
  .builder-catalog-my-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .builder-catalog-create-inline {
    width: 100% !important;
  }

  .site-profile-modal,
  .site-profile-inner {
    max-height: calc(100dvh - 1rem) !important;
  }
}


/* RUTL item database and utility pages polish 20260805 */
.formula-topbar,
.item-db-hero {
  display: none !important;
}

.items-panel.is-active .builder-root,
.formulas-panel.is-active .builder-root,
.calculator-panel.is-active .builder-root,
.bugtracker-panel.is-active .builder-root,
.wargames-panel.is-active .builder-root {
  background: #050505 !important;
}

.items-panel.is-active .item-db,
.formulas-panel.is-active .formulas-root,
.calculator-panel.is-active .calculator-root,
.bugtracker-panel.is-active .bugtracker-root,
.wargames-panel.is-active .wargames-root {
  background: #050505 !important;
  color: #eee8dc;
}

.item-db {
  gap: 0.9rem !important;
  color: #eee8dc !important;
}

.item-db-filters {
  position: relative;
  z-index: 20;
  grid-template-columns: minmax(220px, 1.35fr) repeat(5, minmax(128px, 0.8fr)) !important;
  gap: 0.65rem !important;
  overflow: visible !important;
  padding: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(31, 31, 32, 0.98), rgba(24, 24, 25, 0.98)) !important;
  box-shadow: none !important;
}

.item-db-search,
.item-db-filter-select {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 0.34rem;
}

.item-db-search > span,
.item-db-filter-select > span,
.item-db-filters label > span {
  color: rgba(225, 216, 205, 0.68) !important;
  font-size: 0.74rem !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.item-db-filters input,
.item-db-select-trigger {
  width: 100%;
  min-width: 0;
  height: 2.55rem;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 6px !important;
  background: #202020 !important;
  color: #eee8dc !important;
  padding: 0 0.78rem !important;
  font: inherit;
  font-weight: 560 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.item-db-filters input:focus,
.item-db-select-trigger:focus-visible {
  outline: 0;
  border-color: rgba(211, 174, 92, 0.62) !important;
  box-shadow: 0 0 0 2px rgba(211, 174, 92, 0.14) !important;
}

.item-db-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  cursor: pointer;
  text-align: left;
}

.item-db-select-trigger b {
  min-width: 0;
  overflow: hidden;
  color: #f1eadc !important;
  font-size: 0.94rem !important;
  font-weight: 590 !important;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-db-select-trigger i {
  width: 0.46rem;
  height: 0.46rem;
  flex: 0 0 auto;
  border-right: 2px solid rgba(238, 232, 220, 0.72);
  border-bottom: 2px solid rgba(238, 232, 220, 0.72);
  transform: translateY(-0.12rem) rotate(45deg);
  transition: transform 0.14s ease, border-color 0.14s ease;
}

.item-db-filter-select.is-open .item-db-select-trigger {
  border-color: rgba(211, 174, 92, 0.72) !important;
  background: #242321 !important;
}

.item-db-filter-select.is-open .item-db-select-trigger i {
  border-color: rgba(231, 196, 111, 0.94);
  transform: translateY(0.1rem) rotate(225deg);
}

.item-db-select-menu {
  position: absolute;
  top: calc(100% + 0.34rem);
  left: 0;
  right: 0;
  z-index: 1400;
  max-height: min(19rem, calc(100vh - 11rem));
  overflow: auto;
  padding: 0.3rem;
  border: 1px solid rgba(211, 174, 92, 0.32);
  border-radius: 7px;
  background: #141414;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.58);
}

.item-db-select-option {
  width: 100%;
  min-height: 2.2rem;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: rgba(238, 232, 220, 0.82);
  padding: 0 0.65rem;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 540;
  text-align: left;
  cursor: pointer;
}

.item-db-select-option:hover,
.item-db-select-option.is-active {
  background: rgba(211, 174, 92, 0.13);
  color: #fff4d5;
}

.item-db-select-option.is-active {
  box-shadow: inset 3px 0 0 rgba(211, 174, 92, 0.7);
}

.item-db-body {
  align-items: stretch !important;
}

.item-db-list,
.item-db-card,
.item-db-detail-grid section,
.item-db-sources,
.item-db-source-card {
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  background: rgba(23, 23, 24, 0.92) !important;
  box-shadow: none !important;
}

.item-db-list-head {
  border-bottom-color: rgba(255, 255, 255, 0.075) !important;
}

.item-db-list-head b,
.item-db-card h2,
.item-db-detail-grid h3,
.item-db-sources h3,
.item-db-source-card h4,
.item-db-source-title,
.item-db-row-main b {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.item-db-row {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: #202020 !important;
  box-shadow: none !important;
}

.item-db-row:hover,
.item-db-row.is-active {
  border-color: color-mix(in srgb, var(--grade) 65%, rgba(211, 174, 92, 0.58)) !important;
  background: color-mix(in srgb, var(--grade) 11%, #202020 89%) !important;
}

.item-db-icon,
.item-db-card-icon {
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--grade) 28%, transparent) 0%, rgba(5, 5, 5, 0) 58%),
    #060606 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
}

.item-db-card h2 {
  color: color-mix(in srgb, var(--grade) 72%, #f0e8dc 28%) !important;
}

.item-db-stat-list div {
  border-bottom-color: rgba(255, 255, 255, 0.055) !important;
}

.item-db-stat-list b,
.item-db-detail-grid section p b {
  color: #6ee19d !important;
  font-weight: 600 !important;
}

.item-db-weapon-damage {
  border-color: rgba(255, 255, 255, 0.075) !important;
  background: rgba(30, 30, 31, 0.72) !important;
  box-shadow: none !important;
}

.item-db-weapon-damage b {
  color: #f1eadc !important;
  font-size: 1.5rem !important;
  font-weight: 580 !important;
}

.item-db-perk-icon {
  background: #060606 !important;
}

.bugtracker-hero,
.wargames-hero {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bugtracker-hero > div,
.wargames-hero > div:first-child {
  display: none !important;
}

.bugtracker-hero,
.wargames-hero {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.bugtracker-summary,
.bugtracker-filters,
.bugtracker-card,
.bugtracker-empty,
.wargames-application,
.wargames-filters,
.wargames-empty,
.wargames-incoming,
.wargames-day,
.calculator-card {
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  background: rgba(23, 23, 24, 0.92) !important;
  box-shadow: none !important;
}

.bugtracker-filters select,
.wargames-date-filter input[type="text"],
.wargames-date-filter input[type="date"],
.wargames-request-form select,
.wargames-request-form input,
.wargames-cl-form input,
.wargames-cl-form textarea,
.calculator-field input {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #202020 !important;
  color: #eee8dc !important;
  font-weight: 520 !important;
  text-shadow: none !important;
}

.bugtracker-filters select option,
.wargames-request-form select option {
  background: #141414 !important;
  color: #eee8dc !important;
}

.bugtracker-page h1,
.bugtracker-page h2,
.bugtracker-page h3,
.bugtracker-page b,
.wargames-page h1,
.wargames-page h2,
.wargames-page h3,
.wargames-page b,
.calculator-root h1,
.calculator-root h2,
.calculator-root h3,
.calculator-result strong,
.calculator-result span,
.header-weather-row b,
.header-weather-row strong {
  font-weight: 580 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.header-weather-row {
  font-weight: 520 !important;
}

.header-weather-row b,
.header-weather-row strong {
  font-size: 0.78rem !important;
  line-height: 1.08 !important;
}

@media (max-width: 980px) {
  .item-db-filters {
    grid-template-columns: 1fr 1fr !important;
  }

  .item-db-body {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .item-db-filters,
  .item-db-detail-grid,
  .item-db-source-grid {
    grid-template-columns: 1fr !important;
  }

  .items-panel .builder-root {
    max-width: calc(100vw - 20px) !important;
  }
}



/* RUTL native select dark popup fix 20260805 */
.builder-app select,
.builder-title-strip select,
.builder-role-select,
.builder-visibility-select,
.builder-rune-line select,
.builder-stellarite-control select,
.builder-buff-select select,
.builder-consumable-slot select,
.builder-skill-preset-select select,
.builder-save-field select,
.feedback-form select,
.bugtracker-filters select,
.wargames-request-form select,
.wargames-cl-form select {
  color-scheme: dark !important;
  background-color: #191919 !important;
  color: #eee8dc !important;
}

.builder-app select option,
.builder-title-strip select option,
.builder-role-select option,
.builder-visibility-select option,
.builder-rune-line select option,
.builder-stellarite-control select option,
.builder-buff-select select option,
.builder-consumable-slot select option,
.builder-skill-preset-select select option,
.builder-save-field select option,
.feedback-form select option,
.bugtracker-filters select option,
.wargames-request-form select option,
.wargames-cl-form select option,
select option {
  background-color: #141414 !important;
  color: #eee8dc !important;
}

.builder-app select option:checked,
.builder-title-strip select option:checked,
.builder-role-select option:checked,
.builder-visibility-select option:checked,
.builder-rune-line select option:checked,
.builder-stellarite-control select option:checked,
.builder-buff-select select option:checked,
.builder-consumable-slot select option:checked,
.builder-skill-preset-select select option:checked,
.builder-save-field select option:checked,
.feedback-form select option:checked,
.bugtracker-filters select option:checked,
.wargames-request-form select option:checked,
.wargames-cl-form select option:checked,
select option:checked {
  background-color: #2a2418 !important;
  color: #f0d48b !important;
}



/* RUTL builder left banner and catalog surface fix 20260805 */
@media (min-width: 1760px) {
  body.has-rutl-builder-left-banner .builder-panel.is-active .builder-root {
    width: min(1680px, var(--rutl-builder-workspace-width, 1680px)) !important;
    max-width: min(1680px, var(--rutl-builder-workspace-width, 1680px)) !important;
    margin-left: calc(var(--rutl-builder-ad-left, 16px) + var(--rutl-builder-ad-width, 220px) + var(--rutl-builder-ad-gap, 16px)) !important;
    margin-right: var(--rutl-builder-ad-right, 20px) !important;
  }
}

.rutl-banner-builder-left {
  position: fixed !important;
  top: var(--rutl-builder-ad-top, 5.2rem) !important;
  left: var(--rutl-builder-ad-left, 1rem) !important;
  right: auto !important;
  width: var(--rutl-banner-computed-width, var(--rutl-builder-ad-width, 220px)) !important;
  max-width: var(--rutl-banner-computed-width, var(--rutl-builder-ad-width, 220px)) !important;
  max-height: calc(100dvh - var(--rutl-builder-ad-top, 5.2rem) - 1rem) !important;
  overflow: hidden !important;
  transform: none !important;
  transform-origin: top left !important;
  z-index: 4550 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.rutl-banner-builder-left img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
}

@media (max-width: 1759px) {
  .rutl-banner-builder-left {
    display: none !important;
  }
}

.rutl-banner-builder-right {
  display: none !important;
}

.builds-panel.is-active .builder-catalog-filters {
  background: rgba(22, 22, 23, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  box-shadow: none !important;
}

.builds-panel.is-active .builder-catalog-search input {
  height: 2.5rem !important;
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #191919 !important;
  color: #eee8dc !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

.builds-panel.is-active .builder-catalog-search input:focus {
  border-color: rgba(211, 174, 92, 0.62) !important;
  box-shadow: 0 0 0 2px rgba(211, 174, 92, 0.13) !important;
}

.builds-panel.is-active .builder-catalog-search button,
.builds-panel.is-active .builder-catalog-primary,
.builds-panel.is-active .builder-catalog-card-open {
  border: 1px solid rgba(211, 174, 92, 0.42) !important;
  background: linear-gradient(180deg, rgba(47, 39, 25, 0.95), rgba(20, 19, 18, 0.98)) !important;
  color: #ead8a1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 590 !important;
}

.builds-panel.is-active .builder-catalog-search button:hover,
.builds-panel.is-active .builder-catalog-primary:hover,
.builds-panel.is-active .builder-catalog-card-open:hover {
  border-color: rgba(232, 199, 128, 0.62) !important;
  background: linear-gradient(180deg, rgba(63, 51, 30, 0.96), rgba(24, 22, 20, 0.98)) !important;
  color: #f4e6b8 !important;
}

.builds-panel.is-active .builder-catalog-card {
  --catalog-card-accent: rgba(156, 110, 210, 0.34);
  background:
    radial-gradient(circle at 78% 26%, color-mix(in srgb, var(--catalog-card-accent) 52%, transparent) 0%, transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 16px),
    linear-gradient(145deg, rgba(25, 25, 26, 0.98), rgba(12, 12, 13, 0.99)) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  box-shadow: 0 0.75rem 1.8rem rgba(0, 0, 0, 0.24) !important;
}

.builds-panel.is-active .builder-catalog-card:nth-child(4n + 1) { --catalog-card-accent: rgba(154, 95, 206, 0.32); }
.builds-panel.is-active .builder-catalog-card:nth-child(4n + 2) { --catalog-card-accent: rgba(61, 126, 111, 0.28); }
.builds-panel.is-active .builder-catalog-card:nth-child(4n + 3) { --catalog-card-accent: rgba(77, 103, 164, 0.28); }
.builds-panel.is-active .builder-catalog-card:nth-child(4n + 4) { --catalog-card-accent: rgba(152, 123, 58, 0.25); }

.builds-panel.is-active .builder-catalog-card::before {
  opacity: 0.42 !important;
}

.builds-panel.is-active .builder-catalog-card-tag,
.builds-panel.is-active .builder-catalog-card-tier,
.builds-panel.is-active .builder-catalog-card-mode,
.builds-panel.is-active .builder-catalog-card .builder-catalog-badge,
.builds-panel.is-active .builder-catalog-card [class*="tag"],
.builds-panel.is-active .builder-catalog-card [class*="tier"] {
  border-color: rgba(211, 174, 92, 0.32) !important;
  background: rgba(34, 31, 25, 0.82) !important;
  color: #d9c58f !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 580 !important;
}

.builds-panel.is-active .builder-catalog-card-title h3,
.builds-panel.is-active .builder-catalog-card b,
.builds-panel.is-active .builder-catalog-card strong {
  font-weight: 590 !important;
  text-shadow: none !important;
}

.builds-panel.is-active .builder-catalog-card-rating,
.builds-panel.is-active .builder-catalog-card-stars,
.builds-panel.is-active .builder-catalog-card .builder-stars {
  color: #d9c58f !important;
}



/* RUTL builder centered ad and trait tooltip final 20260805 */
@media (min-width: 2020px) {
  body.has-rutl-builder-left-banner .builder-panel.is-active .builder-root {
    width: var(--rutl-builder-workspace-width, 1680px) !important;
    max-width: var(--rutl-builder-workspace-width, 1680px) !important;
    margin-left: calc(var(--rutl-builder-ad-left, 24px) + var(--rutl-builder-ad-width, 240px) + var(--rutl-builder-ad-gap, 18px)) !important;
    margin-right: var(--rutl-builder-ad-right, auto) !important;
  }
}

@media (max-width: 2019px) {
  body.has-rutl-builder-left-banner .builder-panel.is-active .builder-root {
    width: auto !important;
    max-width: 1680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .rutl-banner-builder-left {
    display: none !important;
  }
}

.builder-tooltip-card.item .builder-tooltip-section.traits p {
  min-height: 1.42rem !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  padding: 0.06rem 0 !important;
  gap: 0.42rem !important;
}

.builder-tooltip-card.item .builder-tooltip-section.traits p.on {
  color: #efe7d7 !important;
}

.builder-tooltip-card.item .builder-tooltip-section.traits p.off {
  color: rgba(226, 217, 205, 0.42) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.traits p > span:first-child {
  font-weight: 520 !important;
  text-shadow: none !important;
}

.builder-tooltip-card.item .builder-trait-values {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.18rem !important;
  min-width: max-content !important;
}

.builder-tooltip-card.item .builder-trait-values b {
  min-width: 1.7rem !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 0.06rem 0.22rem !important;
  color: rgba(232, 224, 212, 0.62) !important;
  font-weight: 560 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

.builder-tooltip-card.item .builder-trait-values b + b::before {
  content: none !important;
}

.builder-tooltip-card.item p.on .builder-trait-values b {
  color: rgba(239, 232, 220, 0.8) !important;
}

.builder-tooltip-card.item .builder-trait-values b.is-active,
.builder-tooltip-card.item .builder-trait-values b.is-selected {
  border-color: rgba(217, 189, 118, 0.46) !important;
  background: rgba(73, 56, 27, 0.72) !important;
  color: #ead18c !important;
}

.builder-tooltip-card.item .builder-tooltip-section.traits p.is-removed .builder-trait-values b {
  border-color: rgba(197, 80, 88, 0.18) !important;
  background: transparent !important;
  color: rgba(255, 119, 127, 0.72) !important;
}

.builder-trait-levels button.is-active {
  border-color: rgba(217, 189, 118, 0.52) !important;
  background: rgba(70, 54, 27, 0.82) !important;
  color: #ead18c !important;
}

.builds-panel.is-active .builder-catalog-tier-badge,
.builds-panel.is-active .builder-catalog-tag-badge {
  border-color: rgba(211, 174, 92, 0.34) !important;
  background: rgba(35, 31, 24, 0.86) !important;
  color: #d9c58f !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.builds-panel.is-active .builder-catalog-tag-badge {
  color: #cfc4b0 !important;
}

.builds-panel.is-active .builder-catalog-open {
  border: 1px solid rgba(211, 174, 92, 0.42) !important;
  background: linear-gradient(180deg, rgba(47, 39, 25, 0.95), rgba(20, 19, 18, 0.98)) !important;
  color: #ead8a1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 590 !important;
}

.builds-panel.is-active .builder-catalog-open:hover {
  border-color: rgba(232, 199, 128, 0.62) !important;
  color: #f4e6b8 !important;
}



/* RUTL equipment tab unified sections and centered checks 20260805 */
.builder-panel.is-active .builder-slot-detail,
.builder-panel.is-active .builder-equipment-view,
.builder-panel.is-active .builder-artifacts {
  background: linear-gradient(180deg, rgba(24, 24, 25, 0.98), rgba(13, 13, 14, 0.99)) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-slot-detail {
  gap: 0.78rem !important;
  padding: 0.9rem !important;
}

.builder-panel.is-active .builder-item-toolbar,
.builder-panel.is-active .builder-level-control {
  position: relative !important;
  z-index: 2 !important;
}

.builder-panel.is-active .builder-item-summary,
.builder-panel.is-active .builder-rune-summary,
.builder-panel.is-active .builder-runes,
.builder-panel.is-active .builder-rune-panel,
.builder-panel.is-active .builder-traits,
.builder-panel.is-active .builder-set-effects,
.builder-panel.is-active .builder-artifact-scene,
.builder-panel.is-active .builder-artifact-sets,
.builder-panel.is-active .builder-artifact-summary > *,
.builder-panel.is-active .builder-artifact-skills,
.builder-panel.is-active .builder-artifact-editor {
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 8px !important;
  background: rgba(25, 25, 26, 0.74) !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-item-summary,
.builder-panel.is-active .builder-rune-summary {
  padding: 0.86rem 0.95rem !important;
  gap: 0.75rem 1rem !important;
}

.builder-panel.is-active .builder-runes,
.builder-panel.is-active .builder-rune-panel,
.builder-panel.is-active .builder-traits,
.builder-panel.is-active .builder-set-effects {
  padding: 0.86rem 0.95rem !important;
}

.builder-panel.is-active .builder-item-summary-weapon {
  background: transparent !important;
}

.builder-panel.is-active .builder-item-summary p,
.builder-panel.is-active .builder-rune-summary p,
.builder-panel.is-active .builder-runes p,
.builder-panel.is-active .builder-traits p,
.builder-panel.is-active .builder-set-effects p {
  text-shadow: none !important;
}

.builder-panel.is-active .builder-section-title,
.builder-panel.is-active .builder-runes h4,
.builder-panel.is-active .builder-traits h4 {
  margin-bottom: 0.58rem !important;
}

.builder-panel.is-active .builder-weapon-damage-card {
  border: 0 !important;
  border-left: 2px solid rgba(217, 189, 118, 0.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-left: 0.75rem !important;
}

.builder-panel.is-active .builder-weapon-damage-card span {
  color: rgba(232, 221, 205, 0.62) !important;
  font-weight: 540 !important;
}

.builder-panel.is-active .builder-weapon-damage-card strong {
  color: #eee6d8 !important;
  font-weight: 560 !important;
}

.builder-panel.is-active .builder-rune-effect-card,
.builder-panel.is-active .builder-rune-synergy-card,
.builder-panel.is-active .builder-rune-synergy-list {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-rune-summary {
  align-items: start !important;
}

.builder-panel.is-active .builder-trait {
  grid-template-columns: minmax(12rem, 1fr) auto !important;
  padding: 0.1rem 0 !important;
}

.builder-panel.is-active .builder-trait + .builder-trait {
  border-top: 1px solid rgba(255, 255, 255, 0.035) !important;
}

.builder-trait-toggle i,
.builder-artifact-property-check {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 1.24rem !important;
  height: 1.24rem !important;
  min-width: 1.24rem !important;
  min-height: 1.24rem !important;
  border-radius: 4px !important;
  line-height: 1 !important;
}

.builder-trait-toggle i::after,
.builder-artifact-property-check::after {
  content: "\2713" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  color: #ead18c !important;
  font-size: 0.86rem !important;
  font-weight: 680 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  transform: none !important;
}

.builder-trait.on .builder-trait-toggle i::after,
.builder-artifact-property.is-selected .builder-artifact-property-check::after {
  opacity: 1 !important;
}

.builder-artifact-property-check span {
  display: none !important;
}

.builder-artifact-property-list .builder-artifact-property {
  align-items: center !important;
}

.builder-panel.is-active .builder-artifact-scene {
  background: rgba(27, 27, 28, 0.82) !important;
}

.builder-panel.is-active .builder-artifact-sets,
.builder-panel.is-active .builder-artifact-summary > *,
.builder-panel.is-active .builder-artifact-skills,
.builder-panel.is-active .builder-artifact-editor {
  background: rgba(25, 25, 26, 0.74) !important;
}

.builder-panel.is-active .builder-artifact-set-card {
  background: rgba(255, 255, 255, 0.018) !important;
  border: 0 !important;
  border-radius: 6px !important;
}

.builder-panel.is-active .builder-artifact-set-card + .builder-artifact-set-card {
  border-top: 1px solid rgba(255, 255, 255, 0.045) !important;
}

.builder-panel.is-active .builder-artifact-set-card:hover {
  background: rgba(217, 189, 118, 0.045) !important;
}


/* RUTL unified item icon sockets 20260805 */
.builder-panel.is-active .builder-item-icon,
.builder-panel.is-active .builder-choice-list .builder-choice-icon,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice-icon,
.builder-panel.is-active .builder-artifact-select-thumb,
.builder-panel.is-active .builder-artifact-select-option img,
.item-db-icon,
.builder-catalog-weapon-icon {
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--grade, #8e55be) 34%, transparent) 0 31%, rgba(24, 18, 30, .94) 62%, #050505 100%) !important;
  border-color: color-mix(in srgb, var(--grade, #b89355) 72%, rgba(184, 147, 85, .72)) !important;
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .72), 0 0 0 1px rgba(0, 0, 0, .72) !important;
}

.builder-panel.is-active .builder-item-icon img,
.builder-panel.is-active .builder-choice-list .builder-choice-icon img,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice-icon img,
.item-db-icon img,
.builder-catalog-weapon-icon img {
  filter: drop-shadow(0 8px 13px rgba(0, 0, 0, .62));
}

.builder-panel.is-active .builder-item-dropdown .builder-choice,
.builder-panel.is-active .builder-artifact-select-option {
  background: linear-gradient(135deg, color-mix(in srgb, var(--grade, #8e55be) 9%, rgba(29, 29, 31, .92) 91%), rgba(18, 16, 22, .96)) !important;
  border-color: color-mix(in srgb, var(--grade, #ffffff) 32%, rgba(255, 255, 255, .09)) !important;
}

.builder-panel.is-active .builder-item-dropdown .builder-choice:hover,
.builder-panel.is-active .builder-artifact-select-option:hover {
  border-color: color-mix(in srgb, var(--grade, #d4b260) 58%, rgba(212, 178, 96, .34)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--grade, #8e55be) 16%, rgba(35, 33, 35, .96) 84%), rgba(25, 20, 29, .98)) !important;
}

/* RUTL builder stat-rail horizontal banner 20260805 */
.builder-panel.is-active .builder-stat-banner {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0.42rem 0 0.5rem;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  line-height: 0;
}

.builder-panel.is-active .builder-stat-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.36));
}

.builder-panel.is-active .builder-stat-banner:hover img,
.builder-panel.is-active .builder-stat-banner:focus-visible img {
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.44)) saturate(1.04) brightness(1.03);
}

body.has-rutl-builder-left-banner .builder-panel.is-active .builder-root,
body.has-rutl-builder-right-banner .builder-panel.is-active .builder-root {
  width: auto !important;
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.builder-panel.is-active .rutl-banner-builder-left,
.builder-panel.is-active .rutl-banner-builder-right {
  display: none !important;
}

@media (max-width: 760px) {
  .builder-panel.is-active .builder-stat-banner {
    display: none !important;
  }
}

/* RUTL dropdown sockets and T2 mastery tabs calm contrast 20260805 */
.builder-panel.is-active .builder-item-dropdown-results .builder-choice > img,
.builder-panel.is-active .builder-choice-list .builder-choice > img {
  width: 2.8rem !important;
  height: 2.8rem !important;
  padding: 0.12rem !important;
  border: 1px solid rgba(184, 147, 85, 0.72) !important;
  border-radius: 50% !important;
  object-fit: contain !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(128, 81, 166, 0.58), rgba(37, 31, 42, 0.82) 56%, rgba(12, 12, 13, 0.98) 100%) !important;
  box-shadow:
    inset 0 0 0 2px #151515,
    inset 0 0 18px rgba(0, 0, 0, 0.74),
    0 0 0 1px rgba(214, 189, 116, 0.28) !important;
  filter: drop-shadow(0 8px 13px rgba(0, 0, 0, 0.62)) !important;
}

.builder-panel.is-active .builder-item-dropdown-results .builder-choice:hover img,
.builder-panel.is-active .builder-choice-list .builder-choice:hover > img {
  border-color: rgba(226, 192, 113, 0.82) !important;
  box-shadow:
    inset 0 0 0 2px #151515,
    inset 0 0 18px rgba(0, 0, 0, 0.74),
    0 0 0 1px rgba(226, 192, 113, 0.44),
    0 0 14px rgba(166, 107, 213, 0.18) !important;
}

.builder-panel.is-active .builder-t2-tabs button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(180deg, rgba(28, 28, 31, 0.98), rgba(16, 16, 18, 0.98)) !important;
  color: #d8d1c3 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 590 !important;
}

.builder-panel.is-active .builder-t2-tabs button:hover,
.builder-panel.is-active .builder-t2-tabs button:focus-visible {
  border-color: rgba(217, 189, 118, 0.46) !important;
  background: linear-gradient(180deg, rgba(38, 34, 27, 0.98), rgba(19, 18, 17, 0.98)) !important;
  color: #f0dfb2 !important;
}

.builder-panel.is-active .builder-t2-tabs button.is-active {
  border-color: rgba(217, 189, 118, 0.62) !important;
  background:
    linear-gradient(180deg, rgba(67, 52, 27, 0.96), rgba(31, 25, 18, 0.98)) !important;
  color: #f5e3ad !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 225, 151, 0.08),
    0 0 0 1px rgba(0, 0, 0, 0.55) !important;
}

.builder-panel.is-active .builder-t2-tabs button.is-active b,
.builder-panel.is-active .builder-t2-tabs button:hover b,
.builder-panel.is-active .builder-t2-tabs button:focus-visible b {
  color: #f0d48b !important;
}

/* RUTL item database filter simplification and set-part row 20260805 */
.item-db-filters {
  grid-template-columns: minmax(220px, 1.45fr) repeat(4, minmax(132px, 0.86fr)) !important;
}

.builder-panel.is-active .builder-set-parts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.62rem 0 0.7rem;
}

.builder-panel.is-active .builder-set-part {
  position: relative;
  display: grid;
  width: 3.1rem;
  height: 3.1rem;
  place-items: center;
  padding: 0.18rem;
  border: 1px solid rgba(184, 147, 85, 0.48);
  border-radius: 50%;
  background: #161616;
  box-shadow: inset 0 0 0 2px #101010, 0 0 0 1px rgba(0, 0, 0, 0.62);
  cursor: pointer;
  overflow: visible;
}

.builder-panel.is-active .builder-set-part::before {
  content: "";
  position: absolute;
  inset: 0.14rem;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(128, 81, 166, 0.58), rgba(37, 31, 42, 0.82) 56%, rgba(12, 12, 13, 0.98) 100%);
  pointer-events: none;
}

.builder-panel.is-active .builder-set-part img {
  position: relative;
  z-index: 1;
  width: 88%;
  height: 88%;
  object-fit: contain;
  border-radius: 50%;
  filter: drop-shadow(0 7px 10px rgba(0, 0, 0, 0.62));
}

.builder-panel.is-active .builder-set-part span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.builder-panel.is-active .builder-set-part.is-equipped {
  border-color: rgba(126, 232, 172, 0.72);
  box-shadow:
    inset 0 0 0 2px #101010,
    0 0 0 1px rgba(126, 232, 172, 0.34),
    0 0 13px rgba(77, 201, 129, 0.24);
}

.builder-panel.is-active .builder-set-part.is-equipped::after {
  content: "\2713";
  position: absolute;
  right: -0.12rem;
  bottom: -0.12rem;
  z-index: 2;
  display: grid;
  width: 1.05rem;
  height: 1.05rem;
  place-items: center;
  border: 1px solid rgba(126, 232, 172, 0.64);
  border-radius: 50%;
  background: rgba(24, 52, 34, 0.96);
  color: #bdf6d0;
  font: 700 0.72rem/1 Arial, system-ui, sans-serif;
}

.builder-panel.is-active .builder-set-part:hover,
.builder-panel.is-active .builder-set-part:focus-visible {
  border-color: rgba(226, 192, 113, 0.78);
  outline: none;
  box-shadow:
    inset 0 0 0 2px #101010,
    0 0 0 1px rgba(226, 192, 113, 0.36),
    0 0 14px rgba(166, 107, 213, 0.2);
}

@media (max-width: 980px) {
  .item-db-filters {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* RUTL set parts, icon backgrounds and calm scales 20260805 */
.builder-panel.is-active .builder-attr-bar i {
  background: linear-gradient(90deg,
    rgba(225, 225, 219, 0.94) 0 24%,
    #54d58d 24% 38%,
    #9c7a47 38% 100%) !important;
}

.builder-panel.is-active .builder-level-control input[type="range"] {
  accent-color: #c89a4b !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #c89a4b, #8f6a36) !important;
  border-radius: 999px;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-moz-range-track {
  background: linear-gradient(90deg, #c89a4b, #8f6a36) !important;
  border-radius: 999px;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-webkit-slider-thumb {
  background: #d9b36a !important;
  border-color: #f1d9a2 !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-moz-range-thumb {
  background: #d9b36a !important;
  border-color: #f1d9a2 !important;
}

.builder-panel.is-active .builder-build-icons img,
.builder-panel.is-active .builder-build-icons span,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice > img,
.builder-panel.is-active .builder-choice-list .builder-choice > img {
  border-color: rgba(190, 160, 92, 0.64) !important;
  background:
    radial-gradient(circle at 50% 36%,
      color-mix(in srgb, var(--grade, #8e55be) 44%, #25202b 56%) 0%,
      color-mix(in srgb, var(--grade, #8e55be) 28%, #111114 72%) 48%,
      #050505 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(5, 5, 5, 0.78),
    inset 0 0 0.85rem rgba(0, 0, 0, 0.72),
    0 0 0 1px rgba(225, 198, 112, 0.18) !important;
  filter: contrast(1.08) saturate(1.04) brightness(0.96) !important;
}

.builder-panel.is-active .builder-build-icons img,
.builder-panel.is-active .builder-build-icons span {
  border-radius: 4px !important;
  object-fit: contain !important;
}


/* RUTL compact runes and viewport-fit mastery 20260805 */
.builder-panel.is-active .builder-runes.builder-runes-compact {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-runes.builder-runes-compact .builder-rune-summary {
  grid-template-columns: minmax(10rem, 0.85fr) minmax(13rem, 1fr) minmax(12rem, 1fr) !important;
  gap: 0.75rem !important;
  padding: 0.72rem 0.82rem !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 7px !important;
  background: rgba(18, 18, 19, 0.62) !important;
}

.builder-panel.is-active .builder-runes.builder-runes-compact .builder-rune-icons {
  gap: 0.35rem !important;
}

.builder-panel.is-active .builder-runes.builder-runes-compact .builder-rune-orb {
  width: 2.72rem !important;
  height: 2.72rem !important;
}

.builder-panel.is-active .builder-runes.builder-runes-compact .builder-rune-summary p {
  margin: 0.08rem 0 !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 {
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-head {
  margin-bottom: 0.42rem !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-board {
  padding: 0.55rem !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-viewport {
  min-height: 0 !important;
  height: clamp(30rem, calc(100svh - 15.5rem), 42rem) !important;
  max-height: calc(100svh - 13rem) !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-circle {
  background: #161616 !important;
}

.builder-panel.is-active .builder-t2-side-rail .builder-t2-common {
  order: -10;
  margin-top: 0 !important;
  padding: 0.72rem !important;
  background: rgba(24, 24, 25, 0.74) !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 8px !important;
}

.builder-panel.is-active .builder-t2-side-rail .builder-t2-common h3 {
  margin-bottom: 0.55rem !important;
  font-size: 0.92rem !important;
}

.builder-panel.is-active .builder-t2-side-rail .builder-t2-passive-slots {
  justify-content: flex-start !important;
  gap: 0.45rem !important;
}

.builder-panel.is-active .builder-t2-side-rail .builder-t2-passive-slot {
  width: 2.6rem !important;
  height: 2.6rem !important;
}

.builder-panel.is-active .builder-t2-side-rail .builder-t2-passive-slot small {
  font-size: 0.55rem !important;
}

.builder-panel.is-active .builder-t2-side-rail .builder-t2-panel {
  max-height: min(22rem, calc(100svh - 18rem)) !important;
}

@media (max-width: 1180px) {
  .builder-panel.is-active .builder-runes.builder-runes-compact .builder-rune-summary {
    grid-template-columns: 1fr !important;
  }

  .builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-viewport {
    height: clamp(27rem, calc(100svh - 12rem), 38rem) !important;
  }
}


/* RUTL final item database, banner rhythm and tooltip diff polish 20260805 */
:root {
  --rutl-page-top-gap: 1rem;
  --rutl-desktop-banner-width: 260px;
}

.rutl-banner-site-left {
  top: var(--rutl-banner-panel-top, calc(var(--site-header-height, 4.5rem) + var(--rutl-page-top-gap))) !important;
  width: var(--rutl-banner-computed-width, var(--rutl-desktop-banner-width)) !important;
  max-width: var(--rutl-banner-computed-width, var(--rutl-desktop-banner-width)) !important;
  transform-origin: top left !important;
}

@media (min-width: 761px) {
  .tab-panel.is-active:not(#mapPanel):not(.builder-panel) > :is(.news-root, .weather-root, .formulas-root, .calculator-root, .items-root, .wargames-root, .bugtracker-root, .static-root, .info-root),
  .builds-panel.is-active .builder-catalog-shell,
  .items-panel.is-active .item-db,
  .weather-panel.is-active .weather-layout,
  .calculator-panel.is-active .calculator-shell,
  .wargames-panel.is-active .wargames-root,
  .bugtracker-panel.is-active .bugtracker-root {
    margin-top: var(--rutl-page-top-gap) !important;
  }
}

.builder-panel.is-active .builder-stat-banner {
  margin: 0.45rem 0 0.55rem !important;
  width: 100% !important;
  aspect-ratio: 1024 / 224;
  max-height: 4.45rem;
}

.builder-panel.is-active .builder-stat-banner img {
  height: 100% !important;
  object-fit: cover !important;
}

.builder-tooltip-card.item .builder-tooltip-primary-stat b,
.builder-tooltip-card.item .builder-tooltip-section.extra-stats p b,
.builder-tooltip-card.item .builder-tooltip-section.traits p .builder-trait-values {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.32rem !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

.builder-tooltip-card.item .builder-tooltip-primary-stat .builder-tooltip-compare,
.builder-tooltip-card.item .builder-tooltip-section.extra-stats .builder-tooltip-compare,
.builder-tooltip-card.item .builder-tooltip-section.traits .builder-tooltip-compare {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 2.15rem !important;
  min-height: 1.06rem !important;
  margin: 0 !important;
  padding: 0.07rem 0.28rem !important;
  border-radius: 4px !important;
  font-size: 0.68rem !important;
  font-weight: 620 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-new,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-new,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-new {
  background: rgba(47, 155, 91, 0.18) !important;
  box-shadow: inset 3px 0 0 rgba(103, 221, 143, 0.44) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-removed,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-removed,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-removed {
  background: rgba(151, 48, 57, 0.19) !important;
  box-shadow: inset 3px 0 0 rgba(245, 104, 115, 0.42) !important;
}

.builder-tooltip-card.item .builder-tooltip-compare.is-new,
.builder-tooltip-card.item .builder-tooltip-compare.is-removed {
  display: none !important;
}

.items-panel.is-active .item-db {
  width: 100% !important;
  height: calc(100svh - var(--site-header-height, 4.5rem) - 1.65rem) !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.7rem !important;
  overflow: hidden !important;
}

.items-panel.is-active .item-db-filters {
  grid-template-columns: minmax(220px, 1.38fr) repeat(4, minmax(126px, 0.82fr)) !important;
  gap: 0.56rem !important;
  padding: 0.62rem !important;
}

.items-panel.is-active .item-db-filters input,
.items-panel.is-active .item-db-select-trigger {
  height: 2.35rem !important;
}

.items-panel.is-active .item-db-body {
  display: grid !important;
  grid-template-columns: minmax(250px, 0.31fr) minmax(0, 1fr) !important;
  gap: 0.7rem !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.items-panel.is-active .item-db-list,
.items-panel.is-active .item-db-card {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.items-panel.is-active .item-db-list {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.items-panel.is-active .item-db-list-head {
  padding: 0.62rem 0.78rem !important;
}

.items-panel.is-active .item-db-list-scroll {
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 0.55rem !important;
  gap: 0.42rem !important;
}

.items-panel.is-active .item-db-row {
  min-height: 3.45rem !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) auto !important;
  gap: 0.62rem !important;
  padding: 0.42rem !important;
}

.items-panel.is-active .item-db-icon {
  width: 2.65rem !important;
  height: 2.65rem !important;
}

.items-panel.is-active .item-db-icon img {
  width: 2.42rem !important;
  height: 2.42rem !important;
}

.items-panel.is-active .item-db-card {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 0.62rem !important;
  padding: 0.82rem !important;
}

.items-panel.is-active .item-db-card-head {
  gap: 0.72rem !important;
  padding-bottom: 0.6rem !important;
}

.items-panel.is-active .item-db-card-icon {
  width: 3.75rem !important;
  height: 3.75rem !important;
}

.items-panel.is-active .item-db-card-icon img {
  width: 3.35rem !important;
  height: 3.35rem !important;
}

.items-panel.is-active .item-db-card h2 {
  font-size: clamp(1.25rem, 1.45vw, 1.85rem) !important;
  line-height: 1.06 !important;
}

.items-panel.is-active .item-db-detail-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0.62rem !important;
  padding-top: 0 !important;
  min-height: 0 !important;
}

.items-panel.is-active .item-db-detail-grid section,
.items-panel.is-active .item-db-sources {
  padding: 0.65rem 0.72rem !important;
  min-height: 0 !important;
}

.items-panel.is-active .item-db-auction {
  padding: 0.65rem 0.72rem !important;
}

.items-panel.is-active .item-db-detail-grid h3,
.items-panel.is-active .item-db-sources h3 {
  margin-bottom: 0.46rem !important;
}

.items-panel.is-active .item-db-stat-list {
  gap: 0.28rem !important;
}

.items-panel.is-active .item-db-stat-list div {
  padding-bottom: 0.26rem !important;
}

.items-panel.is-active .item-db-sources {
  margin-top: 0 !important;
  overflow: auto !important;
}

.items-panel.is-active .item-db-source-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
}

.items-panel.is-active .item-db-source-card {
  padding: 0.62rem 0.72rem !important;
}

.item-db-traits {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 0.32rem !important;
}

.item-db-trait {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-height: 1.65rem !important;
  padding: 0.12rem 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045) !important;
}

.item-db-trait > span {
  min-width: 0 !important;
  color: #eee8dc !important;
  font-weight: 560 !important;
  line-height: 1.18 !important;
}

.item-db-trait-values {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.22rem !important;
}

.item-db-trait-values b {
  min-width: 2.05rem !important;
  padding: 0.1rem 0.32rem !important;
  border: 1px solid rgba(211, 174, 92, 0.28) !important;
  border-radius: 4px !important;
  background: rgba(38, 32, 23, 0.72) !important;
  color: #ecd18b !important;
  font-size: 0.74rem !important;
  font-weight: 590 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

@media (min-width: 761px) and (max-height: 880px) {
  .items-panel.is-active .item-db {
    height: calc(100svh - var(--site-header-height, 4.5rem) - 1.2rem) !important;
    gap: 0.55rem !important;
  }
  .items-panel.is-active .item-db-card,
  .items-panel.is-active .item-db-detail-grid section,
  .items-panel.is-active .item-db-sources {
    padding-block: 0.52rem !important;
  }
  .items-panel.is-active .item-db-row {
    min-height: 3.15rem !important;
  }
}

@media (max-width: 980px) {
  .items-panel.is-active .item-db {
    height: auto !important;
    overflow: visible !important;
  }
  .items-panel.is-active .item-db-filters,
  .items-panel.is-active .item-db-body,
  .items-panel.is-active .item-db-detail-grid,
  .items-panel.is-active .item-db-source-grid {
    grid-template-columns: 1fr !important;
  }
  .items-panel.is-active .item-db-list,
  .items-panel.is-active .item-db-card {
    height: auto !important;
    overflow: visible !important;
  }
  .items-panel.is-active .item-db-list-scroll {
    max-height: 28rem !important;
  }
}


/* RUTL right stat rail order fix 20260805 */
.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0.5rem !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-damage-cards {
  grid-row: 1 !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-banner {
  grid-row: 2 !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-search {
  grid-row: 3 !important;
  display: block !important;
  width: 100% !important;
  min-height: 2.25rem !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-scroll {
  grid-row: 4 !important;
  min-height: 0 !important;
}


/* RUTL rarity-aware item sockets and calmer active item rows 20260805 */
.builder-panel.is-active .builder-item-icon,
.builder-panel.is-active .builder-choice-list .builder-choice-icon,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice-icon,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice > img,
.builder-panel.is-active .builder-choice-list .builder-choice > img,
.item-db-icon,
.item-db-card-icon,
.builder-catalog-weapon-icon {
  border-color: color-mix(in srgb, var(--grade, #b89355) 74%, #d8bd77 26%) !important;
  background:
    radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--grade, #8e55be) 36%, rgba(255,255,255,0.03)) 0%, color-mix(in srgb, var(--grade, #8e55be) 16%, rgba(12, 12, 13, 0.97)) 52%, #050505 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(5, 5, 5, 0.82),
    inset 0 0 1rem rgba(0, 0, 0, 0.78),
    0 0 0 1px color-mix(in srgb, var(--grade, #b89355) 22%, transparent),
    0 0 0.85rem color-mix(in srgb, var(--grade, #8e55be) 12%, transparent) !important;
}

.item-db-row.is-active,
.item-db-row:hover {
  border-color: color-mix(in srgb, var(--grade, #d3ae5c) 48%, rgba(211, 174, 92, 0.42)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--grade, #8e55be) 7%, rgba(32, 32, 32, 0.96) 93%), rgba(20, 20, 21, 0.98)) !important;
}

.item-db-row.is-active .item-db-row-main b,
.item-db-card h2,
.builder-panel.is-active .builder-item-select > span,
.builder-panel.is-active .builder-item-current > span {
  color: color-mix(in srgb, var(--grade, #d3ae5c) 78%, #f3ead8 22%) !important;
}

.builder-panel.is-active .builder-item-icon.is-empty {
  border-color: rgba(192, 165, 95, 0.38) !important;
  background: #050505 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035), inset 0 0 1rem rgba(0,0,0,0.82) !important;
}


/* RUTL square equipment picker sockets 20260805 */
.builder-panel.is-active .builder-item-dropdown-results .builder-choice > img,
.builder-panel.is-active .builder-choice-list .builder-choice > img,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice-icon,
.builder-panel.is-active .builder-choice-list .builder-choice-icon {
  width: 2.8rem !important;
  height: 2.8rem !important;
  border-radius: 6px !important;
  padding: 0.12rem !important;
  object-fit: contain !important;
}

.builder-panel.is-active .builder-item-dropdown-results .builder-choice > img,
.builder-panel.is-active .builder-choice-list .builder-choice > img {
  border: 1px solid color-mix(in srgb, var(--grade, #b89355) 74%, #d8bd77 26%) !important;
}


/* RUTL calmer build catalog cards and my-build links 20260805 */
.builds-panel.is-active .builder-catalog-search button,
.builds-panel.is-active .builder-catalog-search-submit {
  min-width: 6.25rem !important;
  border: 1px solid rgba(211, 174, 92, 0.42) !important;
  background: linear-gradient(180deg, rgba(48, 39, 24, 0.94), rgba(18, 17, 15, 0.98)) !important;
  color: #ead8a1 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.045) !important;
  text-shadow: none !important;
  font-weight: 560 !important;
}

.builds-panel.is-active .builder-catalog-search button:hover,
.builds-panel.is-active .builder-catalog-search-submit:hover {
  border-color: rgba(231, 200, 129, 0.66) !important;
  background: linear-gradient(180deg, rgba(58, 47, 27, 0.96), rgba(22, 20, 17, 0.98)) !important;
  color: #f3e3b4 !important;
}

.builds-panel.is-active .builder-catalog-card {
  --catalog-card-accent: rgba(154, 112, 180, 0.12) !important;
  background:
    radial-gradient(circle at 86% 24%, color-mix(in srgb, var(--catalog-card-accent) 54%, transparent) 0%, transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 18px),
    linear-gradient(145deg, rgba(20, 20, 21, 0.985), rgba(11, 11, 12, 0.995)) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 0.65rem 1.4rem rgba(0, 0, 0, 0.2) !important;
}

.builds-panel.is-active .builder-catalog-card:nth-child(4n + 1),
.builds-panel.is-active .builder-catalog-card:nth-child(4n + 2),
.builds-panel.is-active .builder-catalog-card:nth-child(4n + 3),
.builds-panel.is-active .builder-catalog-card:nth-child(4n + 4) {
  --catalog-card-accent: rgba(154, 112, 180, 0.13) !important;
}

.builds-panel.is-active .builder-catalog-card::before,
.builds-panel.is-active .builder-catalog-art-glow {
  opacity: 0.22 !important;
}

.builds-panel.is-active .builder-catalog-card:hover {
  border-color: rgba(211, 174, 92, 0.22) !important;
  background:
    radial-gradient(circle at 86% 24%, rgba(167, 126, 198, 0.12) 0%, transparent 31%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 18px),
    linear-gradient(145deg, rgba(23, 23, 24, 0.99), rgba(12, 12, 13, 0.995)) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-open {
  border-color: rgba(211, 174, 92, 0.42) !important;
  background: rgba(42, 34, 21, 0.76) !important;
  color: #e7d39d !important;
}

.builds-panel.is-active .builder-catalog-my-item {
  padding-right: 0.9rem !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
}


/* RUTL modal neutral surface and compact profile builds 20260805 */
.modal.site-profile-modal,
.modal.feedback-modal,
.site-profile-inner,
.feedback-form,
.wargames-modal,
.builder-modal-card,
.builder-skill-preset-modal-card {
  background:
    linear-gradient(180deg, rgba(18, 18, 19, 0.985), rgba(7, 7, 8, 0.995)) !important;
  border-color: rgba(217, 189, 118, 0.32) !important;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.52) !important;
}

.feedback-form,
.site-profile-inner {
  padding: 1.35rem 1.45rem 1.15rem !important;
  gap: 0.9rem !important;
}

.feedback-form h2,
.site-profile-inner h2,
.wargames-modal h2,
.builder-modal-card h2,
.builder-skill-preset-modal-card h2 {
  color: #f2e0aa !important;
  text-shadow: none !important;
}

.site-profile-modal {
  max-height: min(40rem, calc(100dvh - 1.5rem)) !important;
}

.site-profile-inner {
  grid-template-rows: auto auto auto minmax(9rem, 1fr) auto !important;
  max-height: min(40rem, calc(100dvh - 1.5rem)) !important;
}

.site-profile-linked,
.site-profile-builds {
  border-color: rgba(255, 255, 255, 0.075) !important;
  background: rgba(18, 18, 19, 0.86) !important;
  box-shadow: none !important;
}

.site-profile-builds {
  padding: 0.78rem 0.78rem 0.62rem !important;
  min-height: 0 !important;
}

.site-profile-builds h3 {
  margin: 0 0 0.48rem !important;
  font-size: 0.74rem !important;
  letter-spacing: 0.11em !important;
  color: #c7a777 !important;
}

.site-profile-builds-list {
  gap: 0.36rem !important;
  max-height: clamp(9.5rem, 27dvh, 14rem) !important;
  padding-right: 0.28rem !important;
}

.site-profile-build-item {
  min-height: 2.92rem !important;
  padding: 0.38rem 0.48rem !important;
  border-radius: 6px !important;
  background: rgba(24, 24, 25, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
}

.site-profile-build-icons {
  gap: 0.28rem !important;
}

.site-profile-build-icons span {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 5px !important;
}

.site-profile-build-copy b {
  font-size: 0.86rem !important;
  font-weight: 560 !important;
  line-height: 1.15 !important;
}

.site-profile-build-copy small {
  font-size: 0.74rem !important;
  line-height: 1.15 !important;
}

.site-profile-build-item em {
  color: #d8c38c !important;
  font-weight: 560 !important;
}

.site-profile-actions {
  margin-top: 0.15rem !important;
  padding-top: 0.7rem !important;
  background: transparent !important;
}

@media (max-height: 760px) {
  .feedback-form,
  .site-profile-inner {
    padding: 1rem 1.1rem 0.95rem !important;
    gap: 0.68rem !important;
  }

  .site-profile-modal,
  .site-profile-inner {
    max-height: calc(100dvh - 0.9rem) !important;
  }

  .site-profile-builds-list {
    max-height: clamp(7.5rem, 22dvh, 11rem) !important;
  }
}


/* RUTL full-width stat rail banner ratio fix 20260805 */
.builder-panel.is-active .builder-stat-banner {
  aspect-ratio: 2172 / 724 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

.builder-panel.is-active .builder-stat-banner img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}


/* RUTL map banner, item row and T2 mastery layout final fixes 20260805 */
.rutl-banner-map-sidebar img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.items-panel.is-active .item-db-row {
  grid-template-columns: 2.65rem minmax(0, 1fr) 1.35rem !important;
  align-items: center !important;
  min-height: 3.55rem !important;
  overflow: hidden !important;
}

.items-panel.is-active .item-db-row-main {
  min-width: 0 !important;
  overflow: hidden !important;
  align-content: center !important;
  gap: 0.1rem !important;
}

.items-panel.is-active .item-db-row-main b,
.items-panel.is-active .item-db-row-main small,
.items-panel.is-active .item-db-row-main em {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.items-panel.is-active .item-db-row-main b {
  line-height: 1.16 !important;
}

.items-panel.is-active .item-db-row-main small,
.items-panel.is-active .item-db-row-main em {
  line-height: 1.12 !important;
}

.items-panel.is-active .item-db-weapon-mark {
  width: 1.05rem !important;
  height: 1.05rem !important;
  justify-self: center !important;
  align-self: center !important;
  object-fit: contain !important;
  opacity: 0.42 !important;
  filter: sepia(0.22) saturate(0.72) brightness(0.9) !important;
  pointer-events: none !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-board {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-viewport {
  border: 0 !important;
  border-radius: 6px !important;
  background: #151515 !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 {
  background: linear-gradient(180deg, rgba(18, 18, 19, 0.98), rgba(7, 7, 8, 0.995)) !important;
}


/* RUTL news heading and right stat scrollbar polish 20260805 */
.news-panel.is-active .news-root > h1 {
  display: none !important;
}

.news-panel.is-active .news-root {
  padding-top: 0 !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.35rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
  border-radius: 6px !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-scroll::-webkit-scrollbar {
  width: 0.44rem !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-scroll::-webkit-scrollbar-track {
  margin-block: 0.18rem !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, 0.55) !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-scroll::-webkit-scrollbar-thumb {
  border: 1px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 191, 124, 0.52), rgba(123, 99, 52, 0.58)) !important;
}

.builder-panel.is-active .builder-stats-rail:not(.builder-t2-side-rail):not(.builder-combat-rail) .builder-stat-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(236, 209, 137, 0.72), rgba(150, 119, 58, 0.72)) !important;
}


/* RUTL full-HD equipment fit and no button caret 20260805 */
button,
[role="button"],
.builder-tab,
.nav-tab,
.builder-choice,
.builder-catalog-card,
.builder-catalog-my-item,
.item-db-row,
.rutl-banner,
.rutl-banner-link {
  -webkit-user-select: none !important;
  user-select: none !important;
  caret-color: transparent !important;
}

input,
textarea,
select,
[contenteditable="true"] {
  -webkit-user-select: text !important;
  user-select: text !important;
  caret-color: auto !important;
}

.builder-panel.is-active .builder-traits > .builder-section-title:first-child {
  display: none !important;
}

.builder-panel.is-active .builder-traits {
  margin-top: 0 !important;
}

@media (min-width: 1100px) and (max-height: 900px) {
  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) {
    align-self: start !important;
  }

  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card,
  .builder-panel.is-active .builder-equipment-view,
  .builder-panel.is-active .builder-slot-detail {
    min-height: 0 !important;
    max-height: calc(100dvh - 9.05rem) !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-equipment-view {
    padding: 0.58rem !important;
    gap: 0.46rem !important;
  }

  .builder-panel.is-active .builder-slot-detail {
    padding: 0.56rem 0.62rem !important;
    gap: 0.42rem !important;
  }

  .builder-panel.is-active .builder-slot-tabs,
  .builder-panel.is-active .builder-modal-grade-tabs {
    gap: 0.32rem !important;
    margin-bottom: 0.34rem !important;
  }

  .builder-panel.is-active .builder-slot-tabs button,
  .builder-panel.is-active .builder-modal-grade-tabs button {
    min-height: 1.78rem !important;
    padding: 0.28rem 0.56rem !important;
    line-height: 1.05 !important;
  }

  .builder-panel.is-active .builder-item-toolbar {
    grid-template-columns: 2.45rem minmax(0, 1fr) 2.45rem !important;
    gap: 0.46rem !important;
  }

  .builder-panel.is-active .builder-item-icon,
  .builder-panel.is-active .builder-square-button {
    width: 2.45rem !important;
    height: 2.45rem !important;
    min-height: 2.45rem !important;
  }

  .builder-panel.is-active .builder-item-select {
    min-height: 2.45rem !important;
    padding: 0.44rem 0.72rem !important;
  }

  .builder-panel.is-active .builder-level-control {
    gap: 0.26rem !important;
  }

  .builder-panel.is-active .builder-level-control > span {
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }

  .builder-panel.is-active .builder-level-control input[type="range"] {
    height: 0.78rem !important;
  }

  .builder-panel.is-active .builder-level-ticks {
    margin-top: -0.04rem !important;
    font-size: 0.68rem !important;
  }

  .builder-panel.is-active .builder-item-summary,
  .builder-panel.is-active .builder-rune-summary {
    padding: 0.52rem 0.68rem !important;
    gap: 0.42rem 0.72rem !important;
  }

  .builder-panel.is-active .builder-item-summary {
    min-height: 4.65rem !important;
  }

  .builder-panel.is-active .builder-item-summary p,
  .builder-panel.is-active .builder-rune-summary p,
  .builder-panel.is-active .builder-set-effects p {
    line-height: 1.24 !important;
  }

  .builder-panel.is-active .builder-weapon-damage-card {
    padding-left: 0.54rem !important;
  }

  .builder-panel.is-active .builder-weapon-damage-card strong {
    font-size: 1.32rem !important;
  }

  .builder-panel.is-active .builder-set-effects {
    padding: 0.5rem 0.62rem !important;
  }

  .builder-panel.is-active .builder-set-effects-head {
    gap: 0.5rem !important;
    margin-bottom: 0.34rem !important;
  }

  .builder-panel.is-active .builder-set-effects-head button {
    min-height: 1.65rem !important;
    padding: 0.22rem 0.52rem !important;
    font-size: 0.68rem !important;
  }

  .builder-panel.is-active .builder-set-parts {
    gap: 0.34rem !important;
    margin: 0.34rem 0 0.36rem !important;
  }

  .builder-panel.is-active .builder-set-part {
    width: 2.48rem !important;
    height: 2.48rem !important;
  }

  .builder-panel.is-active .builder-set-part.is-equipped::after {
    width: 0.92rem !important;
    height: 0.92rem !important;
    font-size: 0.62rem !important;
  }

  .builder-panel.is-active .builder-runes,
  .builder-panel.is-active .builder-rune-panel,
  .builder-panel.is-active .builder-traits {
    padding: 0.52rem 0.62rem !important;
  }

  .builder-panel.is-active .builder-trait {
    min-height: 1.58rem !important;
    padding: 0.02rem 0 !important;
    grid-template-columns: minmax(10rem, 1fr) auto !important;
  }

  .builder-panel.is-active .builder-trait-toggle {
    min-height: 1.45rem !important;
    gap: 0.42rem !important;
    line-height: 1.08 !important;
  }

  .builder-panel.is-active .builder-trait-toggle i {
    width: 1.04rem !important;
    height: 1.04rem !important;
    min-width: 1.04rem !important;
    min-height: 1.04rem !important;
  }

  .builder-panel.is-active .builder-trait-levels {
    gap: 0.26rem !important;
  }

  .builder-panel.is-active .builder-trait-levels button {
    min-width: 2.05rem !important;
    min-height: 1.42rem !important;
    padding: 0.12rem 0.28rem !important;
    font-size: 0.68rem !important;
  }
}


/* RUTL builder header relocation and equipment scroll polish 20260805 */
.builder-panel.is-active .builder-topbar-compact {
  grid-template-columns: minmax(10rem, 18rem) minmax(0, 1fr) auto !important;
  min-height: 2.45rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

.builder-panel.is-active .builder-top-center-spacer {
  min-width: 0 !important;
}

.builder-panel.is-active .builder-title-strip {
  display: none !important;
}

.builder-panel.is-active .builder-rail-author {
  padding: 0.72rem 0.78rem 0.76rem !important;
}

.builder-panel.is-active .builder-rail-author-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.45rem !important;
}

.builder-panel.is-active .builder-rail-author-head > b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-panel.is-active .builder-rail-build-title {
  display: block !important;
  margin-top: 0.28rem !important;
  color: #f1e2b7 !important;
  font-size: 0.9rem !important;
  font-weight: 590 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
  text-shadow: none !important;
}

.builder-panel.is-active .builder-build-settings-button {
  display: inline-grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;
  border: 1px solid rgba(211, 174, 92, 0.34) !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(31, 28, 23, 0.96), rgba(13, 13, 13, 0.98)) !important;
  color: #d9c58f !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-build-settings-button svg {
  width: 1rem !important;
  height: 1rem !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.builder-panel.is-active .builder-build-settings-button:hover,
.builder-panel.is-active .builder-build-settings-button:focus-visible {
  border-color: rgba(232, 199, 128, 0.56) !important;
  color: #f2dda4 !important;
  background: linear-gradient(180deg, rgba(47, 39, 25, 0.98), rgba(18, 17, 15, 0.98)) !important;
}

.builder-panel.is-active .builder-right-tier-control {
  margin-bottom: 0.46rem !important;
}

.builder-panel.is-active .builder-right-tier-control .builder-tier-switch {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.3rem !important;
  padding: 0.22rem !important;
  border: 1px solid rgba(211, 174, 92, 0.22) !important;
  border-radius: 7px !important;
  background: rgba(18, 17, 15, 0.82) !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-tier-switch button,
.builder-panel.is-active .builder-modal-grade-tabs button.is-active,
.builder-panel.is-active .builder-weapon-filter button.is-active {
  text-shadow: none !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-tier-switch button {
  min-height: 1.8rem !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, rgba(28, 28, 29, 0.98), rgba(13, 13, 14, 0.98)) !important;
  color: #d8d1c3 !important;
  font-weight: 590 !important;
}

.builder-panel.is-active .builder-tier-switch button.is-active,
.builder-panel.is-active .builder-modal-grade-tabs button.is-active,
.builder-panel.is-active .builder-weapon-filter button.is-active {
  border-color: rgba(211, 174, 92, 0.66) !important;
  background: linear-gradient(180deg, rgba(65, 50, 25, 0.96), rgba(30, 24, 16, 0.98)) !important;
  color: #f1d88e !important;
}

.builder-panel.is-active .builder-tier-switch button:hover,
.builder-panel.is-active .builder-tier-switch button:focus-visible,
.builder-panel.is-active .builder-modal-grade-tabs button:hover,
.builder-panel.is-active .builder-modal-grade-tabs button:focus-visible {
  border-color: rgba(232, 199, 128, 0.56) !important;
  color: #f4e3ac !important;
}

.builder-panel.is-active .builder-share-icon-only {
  width: 2.42rem !important;
  min-width: 2.42rem !important;
  padding: 0 !important;
  justify-content: center !important;
}

.builder-panel.is-active .builder-share-icon-only span {
  display: none !important;
}

.builder-panel.is-active .builder-share-icon-only svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
}

.builder-build-settings-card {
  width: min(34rem, calc(100vw - 2rem)) !important;
}

.builder-build-settings-card .builder-settings-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  gap: 0.7rem !important;
  align-items: start !important;
}

.builder-build-settings-card .builder-settings-tags {
  position: relative !important;
}

.builder-build-settings-card .builder-tag-picker,
.builder-build-settings-card .builder-tag-trigger,
.builder-build-settings-card .builder-visibility-select {
  width: 100% !important;
}

.builder-build-settings-card .builder-tag-menu {
  z-index: 30 !important;
}

@media (max-width: 720px) {
  .builder-build-settings-card .builder-settings-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1100px) {
  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card,
  .builder-panel.is-active .builder-equipment-view,
  .builder-panel.is-active .builder-slot-detail {
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
  }

  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card {
    overflow-y: auto !important;
    padding-right: 0.48rem !important;
    max-height: calc(100dvh - 7.55rem) !important;
  }

  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card::-webkit-scrollbar,
  .builder-panel.is-active .builder-equipment-view::-webkit-scrollbar,
  .builder-panel.is-active .builder-slot-detail::-webkit-scrollbar {
    width: 0.44rem !important;
  }

  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card::-webkit-scrollbar-track,
  .builder-panel.is-active .builder-equipment-view::-webkit-scrollbar-track,
  .builder-panel.is-active .builder-slot-detail::-webkit-scrollbar-track {
    margin-block: 0.18rem !important;
    border-radius: 999px !important;
    background: rgba(10, 10, 10, 0.55) !important;
  }

  .builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card::-webkit-scrollbar-thumb,
  .builder-panel.is-active .builder-equipment-view::-webkit-scrollbar-thumb,
  .builder-panel.is-active .builder-slot-detail::-webkit-scrollbar-thumb {
    border: 1px solid rgba(0, 0, 0, 0.42) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(216, 191, 124, 0.52), rgba(123, 99, 52, 0.58)) !important;
  }
}


/* RUTL final gold rarity tabs and stable item rows 20260805 */
.builder-panel.is-active .builder-modal-grade-tabs button.is-active,
.builder-panel.is-active .builder-modal-grade-tabs button.is-all.is-active,
.builder-panel.is-active .builder-modal-grade-tabs button.has-grade.is-active,
.builder-panel.is-active .builder-grade-tabs button.is-active,
.builder-panel.is-active .builder-rarity-filter button.is-active,
.builder-panel.is-active .builder-rune-grade-tabs button.is-active,
.builder-panel.is-active .builder-weapon-filter button.is-active,
.builder-panel.is-active .builder-tier-switch button.is-active,
.builder-modal-grade-tabs button.is-active,
.builder-modal-grade-tabs button.is-all.is-active,
.builder-modal-grade-tabs button.has-grade.is-active,
.builder-grade-tabs button.is-active,
.builder-rarity-filter button.is-active,
.builder-rune-grade-tabs button.is-active {
  border-color: rgba(214, 168, 76, 0.82) !important;
  background:
    linear-gradient(180deg, rgba(61, 47, 24, 0.98), rgba(25, 21, 15, 0.98)) !important;
  color: #f3dc9b !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.055),
    0 0 0 1px rgba(214, 168, 76, 0.12) !important;
  text-shadow: none !important;
}

.builder-panel.is-active .builder-modal-grade-tabs button.is-active:hover,
.builder-panel.is-active .builder-modal-grade-tabs button.is-active:focus-visible,
.builder-panel.is-active .builder-grade-tabs button.is-active:hover,
.builder-panel.is-active .builder-grade-tabs button.is-active:focus-visible,
.builder-panel.is-active .builder-rarity-filter button.is-active:hover,
.builder-panel.is-active .builder-rarity-filter button.is-active:focus-visible,
.builder-panel.is-active .builder-rune-grade-tabs button.is-active:hover,
.builder-panel.is-active .builder-rune-grade-tabs button.is-active:focus-visible {
  border-color: rgba(236, 202, 125, 0.9) !important;
  background: linear-gradient(180deg, rgba(72, 55, 27, 0.98), rgba(30, 24, 16, 0.98)) !important;
  color: #ffe9ad !important;
}

.builder-panel.is-active .builder-level-control input[type="range"] {
  height: 1.45rem !important;
  padding: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  cursor: pointer !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-webkit-slider-runnable-track {
  height: 0.46rem !important;
  border: 1px solid rgba(235, 190, 92, 0.32) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #c99645, #ab7b38) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.22) !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-moz-range-track {
  height: 0.46rem !important;
  border: 1px solid rgba(235, 190, 92, 0.32) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #c99645, #ab7b38) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.22) !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-webkit-slider-thumb {
  width: 1.02rem !important;
  height: 1.02rem !important;
  margin-top: -0.34rem !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 2px solid #0a0a0a !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 38% 32%, #ffe0a0, #d6a84c 48%, #8a5d22 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 218, 136, 0.72),
    0 0 0.75rem rgba(221, 164, 64, 0.38) !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]::-moz-range-thumb {
  width: 1.02rem !important;
  height: 1.02rem !important;
  border: 2px solid #0a0a0a !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 38% 32%, #ffe0a0, #d6a84c 48%, #8a5d22 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 218, 136, 0.72),
    0 0 0.75rem rgba(221, 164, 64, 0.38) !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]:focus-visible::-webkit-slider-thumb {
  box-shadow:
    0 0 0 2px rgba(255, 238, 178, 0.86),
    0 0 0 5px rgba(214, 168, 76, 0.24),
    0 0 0.8rem rgba(221, 164, 64, 0.42) !important;
}

.builder-panel.is-active .builder-level-control input[type="range"]:focus-visible::-moz-range-thumb {
  box-shadow:
    0 0 0 2px rgba(255, 238, 178, 0.86),
    0 0 0 5px rgba(214, 168, 76, 0.24),
    0 0 0.8rem rgba(221, 164, 64, 0.42) !important;
}

.item-db-row {
  grid-template-columns: 3.35rem minmax(0, 1fr) 1.35rem !important;
  align-items: center !important;
  min-height: 4.86rem !important;
  padding: 0.62rem 0.74rem !important;
  gap: 0.72rem !important;
}

.item-db-row .item-db-row-main {
  display: grid !important;
  align-content: center !important;
  gap: 0.1rem !important;
  min-height: 3.15rem !important;
}

.item-db-row .item-db-icon,
.item-db-row .item-db-type-icon {
  align-self: center !important;
}

.item-db-row .item-db-type-icon {
  justify-self: end !important;
  opacity: 0.5 !important;
}

.item-db-row-main b,
.item-db-row-main span,
.item-db-row-main small {
  line-height: 1.18 !important;
}


/* RUTL item database inline banner and row rhythm 20260805 */
body:has(.items-panel.is-active) .rutl-banner-site-left {
  display: none !important;
}

.items-panel.is-active .item-db-detail-grid {
  grid-auto-rows: minmax(0, auto) !important;
  align-items: stretch !important;
}

.items-panel.is-active .item-db-inline-banner {
  display: grid !important;
  align-self: stretch !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.items-panel.is-active .item-db-inline-banner a {
  display: block !important;
  align-self: end !important;
  justify-self: end !important;
  width: min(100%, 30rem) !important;
  max-width: 100% !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  line-height: 0 !important;
  box-shadow: 0 0.7rem 1.4rem rgba(0, 0, 0, 0.22) !important;
}

.items-panel.is-active .item-db-inline-banner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 936 / 229 !important;
  object-fit: cover !important;
}

.items-panel.is-active .item-db-row {
  grid-template-columns: 2.72rem minmax(0, 1fr) 1.18rem !important;
  align-items: center !important;
  min-height: 4.24rem !important;
  height: 4.24rem !important;
  padding: 0.54rem 0.62rem !important;
  gap: 0.68rem !important;
  box-sizing: border-box !important;
}

.items-panel.is-active .item-db-row .item-db-icon {
  align-self: center !important;
  justify-self: center !important;
  width: 2.72rem !important;
  height: 2.72rem !important;
  min-width: 2.72rem !important;
}

.items-panel.is-active .item-db-row .item-db-icon img {
  width: 2.44rem !important;
  height: 2.44rem !important;
}

.items-panel.is-active .item-db-row-main {
  display: grid !important;
  align-content: center !important;
  justify-content: start !important;
  min-height: 0 !important;
  height: 100% !important;
  gap: 0.08rem !important;
  padding: 0 !important;
}

.items-panel.is-active .item-db-row-main b,
.items-panel.is-active .item-db-row-main small,
.items-panel.is-active .item-db-row-main em {
  display: block !important;
  margin: 0 !important;
  line-height: 1.13 !important;
}

.items-panel.is-active .item-db-row-main b {
  font-size: 0.86rem !important;
}

.items-panel.is-active .item-db-row-main small,
.items-panel.is-active .item-db-row-main em {
  font-size: 0.72rem !important;
}

.items-panel.is-active .item-db-row .item-db-weapon-mark {
  align-self: center !important;
  justify-self: center !important;
  max-width: 1rem !important;
  max-height: 1rem !important;
  opacity: 0.42 !important;
}

@media (min-width: 761px) and (max-height: 880px) {
  .items-panel.is-active .item-db-row {
    min-height: 3.88rem !important;
    height: 3.88rem !important;
    padding-block: 0.45rem !important;
  }
  .items-panel.is-active .item-db-row .item-db-icon {
    width: 2.52rem !important;
    height: 2.52rem !important;
    min-width: 2.52rem !important;
  }
  .items-panel.is-active .item-db-row .item-db-icon img {
    width: 2.25rem !important;
    height: 2.25rem !important;
  }
}

@media (max-width: 980px) {
  .items-panel.is-active .item-db-inline-banner {
    display: none !important;
  }
}

/* RUTL builder profile/action/artifact final spacing 20260805 */
.builder-panel.is-active .builder-topbar-compact {
  align-items: start !important;
  margin-top: 0 !important;
}

.builder-panel.is-active .builder-main-stage {
  align-self: start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.builder-panel.is-active .builder-main-card {
  margin-top: 0 !important;
}

.builder-panel.is-active .builder-left-create-group,
.builder-panel.is-active .builder-top-spacer .builder-create-group {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.34rem !important;
  width: 100% !important;
  max-width: var(--builder-right-rail-width, 20rem) !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
  flex: 1 1 6rem !important;
  min-width: 0 !important;
  max-width: 7.4rem !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-build-settings-button,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-share-icon-only,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-icon-danger,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-danger-trigger {
  flex: 0 0 2.05rem !important;
  width: 2.05rem !important;
  min-width: 2.05rem !important;
  height: 2.05rem !important;
  padding: 0 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch {
  flex: 1 1 5.2rem !important;
  min-width: 4.7rem !important;
  max-width: 5.7rem !important;
  height: 2.05rem !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.18rem !important;
  padding: 0.16rem !important;
  box-sizing: border-box !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch button {
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 0.34rem !important;
}

@media (max-width: 1680px) {
  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
    display: none !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
    flex: 0 0 2.05rem !important;
    width: 2.05rem !important;
    min-width: 2.05rem !important;
    padding: 0 !important;
    justify-content: center !important;
  }
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-head {
  margin: 0.68rem 0 !important;
}

.builder-panel.is-active .builder-skill-mastery-v2 .builder-t2-board {
  margin-top: 0 !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-artifacts) .builder-main-card {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: calc(100dvh - 7.65rem) !important;
  padding-right: 0.45rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-artifacts) .builder-main-card::-webkit-scrollbar,
.builder-panel.is-active .builder-artifact-summary > *::-webkit-scrollbar,
.builder-panel.is-active .builder-artifact-skills::-webkit-scrollbar {
  width: 0.44rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-artifacts) .builder-main-card::-webkit-scrollbar-track,
.builder-panel.is-active .builder-artifact-summary > *::-webkit-scrollbar-track,
.builder-panel.is-active .builder-artifact-skills::-webkit-scrollbar-track {
  margin-block: 0.18rem !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, 0.55) !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-artifacts) .builder-main-card::-webkit-scrollbar-thumb,
.builder-panel.is-active .builder-artifact-summary > *::-webkit-scrollbar-thumb,
.builder-panel.is-active .builder-artifact-skills::-webkit-scrollbar-thumb {
  border: 1px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 191, 124, 0.52), rgba(123, 99, 52, 0.58)) !important;
}

.builder-panel.is-active .builder-artifacts,
.builder-panel.is-active .builder-artifact-questlog {
  min-height: 0 !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-artifact-questlog {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 0.58rem !important;
}

.builder-panel.is-active .builder-artifact-scene {
  min-height: 0 !important;
  height: clamp(14rem, 30svh, 18.5rem) !important;
}

.builder-panel.is-active .builder-artifact-sets {
  max-height: 13rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
}

.builder-panel.is-active .builder-artifact-summary {
  min-height: 0 !important;
  align-items: stretch !important;
}

.builder-panel.is-active .builder-artifact-summary > *,
.builder-panel.is-active .builder-artifact-skills {
  min-height: 0 !important;
  max-height: min(16.5rem, calc(100dvh - 33rem)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
}

.builder-modal-card:has(.builder-author-builds-list) {
  width: min(37rem, calc(100vw - 1.5rem)) !important;
  max-height: min(48rem, calc(100dvh - 2rem)) !important;
  padding-bottom: 1.05rem !important;
}

.builder-modal-card:has(.builder-author-builds-list) .builder-profile-builds,
.builder-modal-card:has(.builder-author-builds-list) .builder-author-builds-list {
  min-height: 0 !important;
}

.builder-modal-card:has(.builder-author-builds-list) .builder-author-builds-list {
  max-height: 20.8rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
}

.builder-modal-card:has(.builder-author-builds-list) .builder-author-builds-list::-webkit-scrollbar {
  width: 0.44rem !important;
}

.builder-modal-card:has(.builder-author-builds-list) .builder-author-builds-list::-webkit-scrollbar-track {
  margin-block: 0.18rem !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, 0.55) !important;
}

.builder-modal-card:has(.builder-author-builds-list) .builder-author-builds-list::-webkit-scrollbar-thumb {
  border: 1px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 191, 124, 0.52), rgba(123, 99, 52, 0.58)) !important;
}

.builder-modal-card:has(.builder-author-builds-list) .builder-modal-actions {
  margin-top: 0.85rem !important;
}

/* RUTL profile modal height and list rhythm 20260805 */
.site-profile-modal {
  overflow: hidden !important;
  max-height: min(46rem, calc(100dvh - 0.9rem)) !important;
}

.site-profile-inner {
  width: min(35.5rem, calc(100vw - 1.4rem)) !important;
  max-height: min(46rem, calc(100dvh - 0.9rem)) !important;
  overflow: hidden !important;
  grid-template-rows: auto auto auto auto minmax(16rem, 1fr) auto !important;
  gap: 0.82rem !important;
  padding: 1.25rem 1.45rem 0.95rem !important;
}

.site-profile-user-id {
  margin: -0.32rem 0 0 !important;
  color: rgba(218, 208, 228, 0.72) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  word-break: break-all !important;
}

.site-profile-inner > label {
  margin: 0 !important;
}

.site-profile-linked {
  min-height: 4.8rem !important;
  padding: 0.72rem 0.82rem !important;
}

.site-profile-builds {
  min-height: 0 !important;
  align-self: stretch !important;
  padding: 0.72rem 0.72rem 0.68rem !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.site-profile-builds h3 {
  margin-bottom: 0.5rem !important;
}

.site-profile-builds-list {
  min-height: 0 !important;
  max-height: 18.9rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  gap: 0.36rem !important;
  padding-right: 0.3rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
}

.site-profile-builds-list::-webkit-scrollbar {
  width: 0.44rem !important;
}

.site-profile-builds-list::-webkit-scrollbar-track {
  margin-block: 0.18rem !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, 0.55) !important;
}

.site-profile-builds-list::-webkit-scrollbar-thumb {
  border: 1px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 191, 124, 0.52), rgba(123, 99, 52, 0.58)) !important;
}

.site-profile-build-item {
  min-height: 2.86rem !important;
}

.site-profile-actions {
  margin-top: 0 !important;
  padding-top: 0.72rem !important;
}

@media (max-height: 780px) {
  .site-profile-inner {
    grid-template-rows: auto auto auto auto minmax(12.5rem, 1fr) auto !important;
    gap: 0.62rem !important;
    padding: 1rem 1.15rem 0.9rem !important;
  }

  .site-profile-linked {
    min-height: 4.2rem !important;
  }

  .site-profile-builds-list {
    max-height: 15.6rem !important;
  }
}


/* RUTL builder column top alignment 20260805 */
.builder-panel.is-active .builder-app {
  align-content: start !important;
  row-gap: 0.52rem !important;
}

.builder-panel.is-active .builder-quest-layout {
  align-items: start !important;
  align-content: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.builder-panel.is-active .builder-left-rail,
.builder-panel.is-active .builder-gear-rail,
.builder-panel.is-active .builder-main-stage,
.builder-panel.is-active .builder-right-rail {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
}

.builder-panel.is-active .builder-main-stage {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.builder-panel.is-active .builder-view-tabs {
  margin-top: 0 !important;
}

.builder-panel.is-active .builder-main-stage > .builder-view-tabs:first-child,
.builder-panel.is-active .builder-main-stage > .builder-main-card:first-child,
.builder-panel.is-active .builder-right-rail > :first-child,
.builder-panel.is-active .builder-left-rail > :first-child,
.builder-panel.is-active .builder-gear-rail > :first-child {
  margin-top: 0 !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card,
.builder-panel.is-active .builder-main-stage:has(.builder-skill-grid),
.builder-panel.is-active .builder-main-stage:has(.builder-skill-mastery-v2),
.builder-panel.is-active .builder-main-stage:has(.builder-artifacts) .builder-main-card {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card::-webkit-scrollbar,
.builder-panel.is-active .builder-main-stage:has(.builder-skill-grid)::-webkit-scrollbar,
.builder-panel.is-active .builder-main-stage:has(.builder-skill-mastery-v2)::-webkit-scrollbar {
  width: 0.44rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card::-webkit-scrollbar-track,
.builder-panel.is-active .builder-main-stage:has(.builder-skill-grid)::-webkit-scrollbar-track,
.builder-panel.is-active .builder-main-stage:has(.builder-skill-mastery-v2)::-webkit-scrollbar-track {
  margin-block: 0.18rem !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, 0.55) !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-equipment-view) .builder-main-card::-webkit-scrollbar-thumb,
.builder-panel.is-active .builder-main-stage:has(.builder-skill-grid)::-webkit-scrollbar-thumb,
.builder-panel.is-active .builder-main-stage:has(.builder-skill-mastery-v2)::-webkit-scrollbar-thumb {
  border: 1px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 191, 124, 0.52), rgba(123, 99, 52, 0.58)) !important;
}

/* RUTL builder settings modal and topbar final fix 20260805 */
.builder-panel.is-active .builder-topbar-compact {
  grid-template-columns: 250px minmax(0, 1fr) 360px !important;
  align-items: start !important;
  column-gap: 14px !important;
}

@media (max-width: 1800px) {
  .builder-panel.is-active .builder-topbar-compact {
    grid-template-columns: 225px minmax(0, 1fr) 315px !important;
    column-gap: 14px !important;
  }
}

@media (max-width: 1500px) {
  .builder-panel.is-active .builder-topbar-compact {
    grid-template-columns: 198px minmax(0, 1fr) 270px !important;
    column-gap: 10px !important;
  }
}

.builder-panel.is-active .builder-top-spacer {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

.builder-panel.is-active .builder-top-spacer .builder-left-create-group,
.builder-panel.is-active .builder-left-create-group {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.builder-panel.is-active .builder-main-stage {
  margin-top: -0.42rem !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.3rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch {
  order: 1 !important;
  flex: 0 0 5.45rem !important;
  width: 5.45rem !important;
  min-width: 5.45rem !important;
  max-width: 5.45rem !important;
  height: 2.05rem !important;
  padding: 0.14rem !important;
  border: 1px solid rgba(211, 174, 92, 0.34) !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(23, 22, 20, 0.98), rgba(10, 10, 10, 0.98)) !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch button {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #d3c4a1 !important;
  font-weight: 640 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch button.is-active {
  border-color: rgba(224, 183, 91, 0.78) !important;
  background: linear-gradient(180deg, rgba(68, 51, 24, 0.95), rgba(33, 26, 16, 0.98)) !important;
  color: #ffe5a8 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-danger-trigger,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-icon-danger {
  order: 2 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-build-settings-button {
  order: 3 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
  order: 4 !important;
  flex: 1 1 6.45rem !important;
  min-width: 0 !important;
  max-width: 7.4rem !important;
  justify-content: center !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-share-icon-only {
  order: 5 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
  display: inline !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (max-width: 1500px) {
  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
    flex: 0 0 2.05rem !important;
    width: 2.05rem !important;
    min-width: 2.05rem !important;
    max-width: 2.05rem !important;
    padding: 0 !important;
  }
  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
    display: none !important;
  }
}

.builder-panel.is-active button,
.builder-panel.is-active .builder-create-group,
.builder-panel.is-active .builder-top-actions * {
  user-select: none !important;
  -webkit-user-select: none !important;
  caret-color: transparent !important;
}

.builder-build-settings-card {
  width: min(31.5rem, calc(100vw - 1.4rem)) !important;
  max-height: min(34rem, calc(100dvh - 1.4rem)) !important;
  overflow: hidden !important;
  padding: 1.45rem 1.35rem 1.05rem !important;
  border: 1px solid rgba(202, 177, 112, 0.42) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(7, 7, 8, 0.99)) !important;
  box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, 0.62) !important;
}

.builder-build-settings-card h2 {
  margin: 0 2.4rem 1.05rem 0 !important;
  text-align: left !important;
  color: #f0dca6 !important;
  font-size: 1.45rem !important;
  font-weight: 680 !important;
  text-shadow: none !important;
}

.builder-build-settings-card .builder-save-field {
  gap: 0.42rem !important;
}

.builder-build-settings-card .builder-save-field > span {
  color: #cdbf9d !important;
  font-size: 0.82rem !important;
  font-weight: 640 !important;
  text-align: left !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.builder-build-settings-card .builder-settings-title-field {
  margin-bottom: 0.82rem !important;
}

.builder-build-settings-card .builder-settings-grid {
  display: grid !important;
  grid-template-columns: minmax(9.5rem, 0.72fr) minmax(0, 1fr) !important;
  gap: 0.78rem !important;
  align-items: start !important;
}

.builder-build-settings-card .builder-visibility-select,
.builder-build-settings-card input {
  min-height: 2.38rem !important;
  border-radius: 6px !important;
  border: 1px solid rgba(202, 177, 112, 0.24) !important;
  background: #1b1b1b !important;
  color: #f3ead1 !important;
  font-weight: 560 !important;
}

.builder-build-settings-card .builder-settings-tag-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.38rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.builder-build-settings-card .builder-settings-tag-grid button {
  min-width: 0 !important;
  min-height: 2.02rem !important;
  padding: 0 0.42rem !important;
  border: 1px solid rgba(202, 177, 112, 0.24) !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0.98), rgba(17, 17, 17, 0.98)) !important;
  color: #d8d0bd !important;
  font-size: 0.78rem !important;
  font-weight: 640 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.builder-build-settings-card .builder-settings-tag-grid button.is-active {
  border-color: rgba(224, 183, 91, 0.8) !important;
  background: linear-gradient(180deg, rgba(67, 50, 23, 0.95), rgba(31, 25, 16, 0.98)) !important;
  color: #ffe5a8 !important;
}

.builder-build-settings-card .builder-confirm-actions {
  margin-top: 1rem !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.55rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  padding-top: 0.86rem !important;
}

@media (max-width: 620px) {
  .builder-build-settings-card .builder-settings-grid,
  .builder-build-settings-card .builder-settings-tag-grid {
    grid-template-columns: 1fr !important;
  }
}

.items-panel.is-active .item-db-inline-banner {
  grid-column: 2 !important;
  align-self: end !important;
  justify-self: end !important;
  min-height: 0 !important;
  margin-top: 0.4rem !important;
  overflow: visible !important;
}

.items-panel.is-active .item-db-inline-banner a {
  width: min(100%, 28rem) !important;
  max-width: 100% !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: 0 0.55rem 1.2rem rgba(0, 0, 0, 0.2) !important;
}

.items-panel.is-active .item-db-inline-banner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

/* RUTL final builder/items alignment pass 20260805 */
.builder-panel.is-active .builder-topbar-compact {
  grid-template-columns: 250px minmax(0, 1fr) 360px !important;
  column-gap: 14px !important;
  align-items: start !important;
  margin-top: 0 !important;
  margin-bottom: 0.12rem !important;
  min-height: 2.22rem !important;
}

@media (max-width: 1800px) {
  .builder-panel.is-active .builder-topbar-compact {
    grid-template-columns: 225px minmax(0, 1fr) 315px !important;
    column-gap: 14px !important;
  }
}

@media (max-width: 1500px) {
  .builder-panel.is-active .builder-topbar-compact {
    grid-template-columns: 198px minmax(0, 1fr) 270px !important;
    column-gap: 10px !important;
  }
}

.builder-panel.is-active .builder-top-spacer {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-top-spacer .builder-create-group,
.builder-panel.is-active .builder-create-group.builder-left-create-group {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  padding-left: 0.42rem !important;
  padding-right: 0.42rem !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-create-group.builder-left-create-group b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-panel.is-active .builder-main-stage {
  margin-top: -0.84rem !important;
}

.builder-panel.is-active .builder-main-stage .builder-view-tabs {
  margin-top: 0 !important;
}

@media (max-width: 1280px) {
  .builder-panel.is-active .builder-main-stage {
    margin-top: 0 !important;
  }
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single {
  align-self: start !important;
  min-height: 2.2rem !important;
  gap: 0.28rem !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch {
  flex: 0 0 4.9rem !important;
  width: 4.9rem !important;
  min-width: 4.9rem !important;
  max-width: 4.9rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0.13rem !important;
  border-color: rgba(205, 169, 85, 0.44) !important;
  background: linear-gradient(180deg, rgba(22, 20, 17, 0.98), rgba(8, 8, 8, 0.99)) !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch button {
  min-height: 1.58rem !important;
  color: #d8ccb0 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch button.is-active {
  border-color: rgba(224, 181, 91, 0.8) !important;
  background: linear-gradient(180deg, rgba(78, 56, 22, 0.96), rgba(35, 27, 14, 0.98)) !important;
  color: #ffdf95 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 217, 128, 0.16) !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
  flex: 1 1 7.1rem !important;
  min-width: 6.8rem !important;
  max-width: 7.8rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 1500px) {
  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
    flex: 0 0 2.05rem !important;
    width: 2.05rem !important;
    min-width: 2.05rem !important;
    max-width: 2.05rem !important;
    padding: 0 !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
    display: none !important;
  }
}

.builder-build-settings-card {
  width: min(34.5rem, calc(100vw - 1.2rem)) !important;
  max-height: min(36rem, calc(100dvh - 1.2rem)) !important;
  padding: 1.35rem 1.28rem 1rem !important;
  border-radius: 8px !important;
  background: radial-gradient(circle at 20% 0%, rgba(72, 56, 25, 0.22), transparent 38%), linear-gradient(180deg, rgba(18, 18, 17, 0.99), rgba(7, 7, 8, 0.99)) !important;
}

.builder-build-settings-card h2 {
  margin-bottom: 1rem !important;
  text-align: center !important;
  font-size: 1.36rem !important;
  font-weight: 660 !important;
}

.builder-build-settings-card .builder-settings-grid {
  grid-template-columns: minmax(9.5rem, 0.62fr) minmax(0, 1fr) !important;
  gap: 0.82rem !important;
}

.builder-build-settings-card .builder-settings-tag-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.34rem !important;
}

.builder-build-settings-card .builder-settings-tag-grid button {
  min-height: 1.92rem !important;
  padding: 0 0.38rem !important;
  font-size: 0.74rem !important;
  line-height: 1.1 !important;
  color: #ddd2b8 !important;
  background: linear-gradient(180deg, rgba(29, 29, 28, 0.98), rgba(15, 15, 15, 0.98)) !important;
}

.builder-build-settings-card .builder-settings-tag-grid button.is-active {
  border-color: rgba(224, 183, 91, 0.78) !important;
  background: linear-gradient(180deg, rgba(55, 43, 20, 0.98), rgba(27, 22, 13, 0.99)) !important;
  color: #ffe3a0 !important;
}

.builder-build-settings-card .builder-settings-tag-grid {
  grid-template-columns: repeat(3, minmax(4.9rem, 1fr)) !important;
}

.builder-build-settings-card .builder-settings-tag-grid button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 4.9rem !important;
  padding: 0 0.58rem !important;
  white-space: nowrap !important;
}

.builder-build-settings-card .builder-confirm-actions {
  margin-top: 0.9rem !important;
}

@media (max-width: 640px) {
  .builder-build-settings-card .builder-settings-grid,
  .builder-build-settings-card .builder-settings-tag-grid {
    grid-template-columns: 1fr !important;
  }
}

.items-panel.is-active .item-db-inline-banner {
  grid-column: 2 !important;
  align-self: end !important;
  justify-self: end !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  width: 100% !important;
  min-height: 5.1rem !important;
  margin: 0 !important;
  padding: 0 0.18rem 0.08rem 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.items-panel.is-active .item-db-inline-banner a {
  display: block !important;
  width: min(100%, 25.5rem) !important;
  max-width: 100% !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
}

.items-panel.is-active .item-db-inline-banner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 5.8rem !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

@media (max-width: 980px) {
  .items-panel.is-active .item-db-inline-banner {
    display: none !important;
  }
}

/* RUTL tooltip/action polish pass 20260805 */
.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-new,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-new,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-new {
  box-shadow: none !important;
  border-left: 0 !important;
  background: rgba(47, 155, 91, 0.18) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-removed,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-removed,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-removed {
  box-shadow: none !important;
  border-left: 0 !important;
  background: rgba(151, 48, 57, 0.19) !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-up,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-up,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-up {
  box-shadow: none !important;
  border-left: 0 !important;
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-down,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-down,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-down {
  box-shadow: none !important;
  border-left: 0 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single {
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 0.3rem !important;
  min-height: 2.08rem !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > button,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch {
  height: 2.08rem !important;
  min-height: 2.08rem !important;
  max-height: 2.08rem !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch {
  order: 2 !important;
  flex: 0 0 4.9rem !important;
  width: 4.9rem !important;
  min-width: 4.9rem !important;
  max-width: 4.9rem !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-danger-trigger,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-icon-danger {
  order: 1 !important;
  margin-right: auto !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-build-settings-button {
  order: 3 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
  order: 4 !important;
  flex: 1 1 7.2rem !important;
  min-width: 7.05rem !important;
  max-width: 7.7rem !important;
  height: 2.08rem !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-share-icon-only {
  order: 5 !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
  display: inline !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-build-settings-button,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-share-icon-only,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-danger-trigger,
.builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-icon-danger {
  flex: 0 0 2.08rem !important;
  width: 2.08rem !important;
  min-width: 2.08rem !important;
  max-width: 2.08rem !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single svg {
  width: 1rem !important;
  height: 1rem !important;
}

@media (max-width: 1500px) {
  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
    flex: 0 0 2.08rem !important;
    width: 2.08rem !important;
    min-width: 2.08rem !important;
    max-width: 2.08rem !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger span {
    display: none !important;
  }
}

/* RUTL builder central boundary alignment pass 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-main-stage {
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
    align-self: start !important;
  }

  .builder-panel.is-active .builder-main-stage > .builder-view-tabs {
    position: absolute !important;
    z-index: 18 !important;
    top: -0.18rem !important;
    left: 0 !important;
    right: auto !important;
    transform: translateY(-100%) !important;
    margin: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-main-stage > .builder-main-card,
  .builder-panel.is-active .builder-main-stage > .builder-slot-detail,
  .builder-panel.is-active .builder-main-stage .builder-slot-detail {
    margin-top: 0 !important;
  }

  .builder-panel.is-active .builder-slot-detail,
  .builder-panel.is-active .builder-main-card {
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-slot-detail.has-dropdown {
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-view-tab {
    min-height: 2.08rem !important;
    height: 2.08rem !important;
    max-height: 2.08rem !important;
    line-height: 1 !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-topbar-compact {
    min-height: 2.16rem !important;
    margin-bottom: 0.48rem !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single {
    justify-content: flex-end !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-danger-trigger,
  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-icon-danger {
    order: 1 !important;
    margin-right: auto !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch {
    order: 2 !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-build-settings-button {
    order: 3 !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-save-trigger {
    order: 4 !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single .builder-share-icon-only {
    order: 5 !important;
  }
}


/* RUTL final alignment and items header banner pass 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-topbar-compact {
    align-items: start !important;
    overflow: visible !important;
    margin-bottom: 0.52rem !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    align-items: start !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-left-rail,
  .builder-panel.is-active .builder-gear-rail,
  .builder-panel.is-active .builder-main-stage,
  .builder-panel.is-active .builder-right-rail {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }

  .builder-panel.is-active .builder-main-stage {
    position: relative !important;
    display: block !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-main-stage > .builder-view-tabs {
    position: absolute !important;
    z-index: 30 !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    transform: translateY(-100%) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-main-stage > .builder-main-card,
  .builder-panel.is-active .builder-main-stage > .builder-slot-detail,
  .builder-panel.is-active .builder-main-stage .builder-slot-detail {
    margin-top: 0 !important;
  }

  .builder-panel.is-active .builder-slot-detail,
  .builder-panel.is-active .builder-main-card {
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-view-tab {
    height: 2.08rem !important;
    min-height: 2.08rem !important;
    max-height: 2.08rem !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .builder-panel.is-active .builder-top-spacer .builder-create-group.builder-left-create-group,
  .builder-panel.is-active .builder-create-group.builder-left-create-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    justify-self: stretch !important;
  }

  .builder-panel.is-active .builder-top-actions.builder-top-actions-single {
    align-items: stretch !important;
    justify-content: flex-end !important;
    min-height: 2.08rem !important;
  }
}

.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-new,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-new,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-new,
.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-removed,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-removed,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-removed,
.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-up,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-up,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-up,
.builder-tooltip-card.item .builder-tooltip-section.extra-stats p.is-down,
.builder-tooltip-card.item .builder-tooltip-section.traits p.is-down,
.builder-tooltip-card.item .builder-tooltip-primary-stat.is-down {
  border-left: 0 !important;
  box-shadow: none !important;
  padding-left: 0.42rem !important;
}

.items-panel.is-active .item-db-card-head {
  display: grid !important;
  grid-template-columns: 4.35rem minmax(14rem, 1fr) minmax(24rem, 36rem) !important;
  align-items: start !important;
  gap: 0.9rem !important;
}

.items-panel.is-active .item-db-card-title {
  min-width: 0 !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-self: start !important;
  justify-self: end !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner a {
  display: block !important;
  width: min(100%, 35rem) !important;
  max-width: 100% !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 9.2rem !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

.items-panel.is-active .item-db-detail-grid > .item-db-inline-banner {
  display: none !important;
}

@media (max-width: 1280px) {
  .items-panel.is-active .item-db-card-head {
    grid-template-columns: 4.35rem minmax(0, 1fr) !important;
  }
  .items-panel.is-active .item-db-card-head .item-db-inline-banner {
    display: none !important;
  }
}


/* RUTL left builds scroll and native media lock 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-root {
    --rutl-builder-left-col: 15rem;
    --rutl-builder-gear-col: 11.875rem;
    --rutl-builder-right-col: 22.5rem;
    --rutl-builder-col-gap: 14px;
  }

  .builder-panel.is-active .builder-topbar-compact {
    grid-template-columns: var(--rutl-builder-left-col) minmax(0, 1fr) var(--rutl-builder-right-col) !important;
    column-gap: var(--rutl-builder-col-gap) !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    grid-template-columns: var(--rutl-builder-left-col) var(--rutl-builder-gear-col) minmax(0, 1fr) var(--rutl-builder-right-col) !important;
    column-gap: var(--rutl-builder-col-gap) !important;
  }

  .builder-panel.is-active .builder-top-spacer,
  .builder-panel.is-active .builder-left-rail {
    width: var(--rutl-builder-left-col) !important;
    max-width: var(--rutl-builder-left-col) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    padding-right: 0 !important;
    overflow: visible !important;
    justify-self: start !important;
  }

  .builder-panel.is-active .builder-create-group.builder-left-create-group,
  .builder-panel.is-active .builder-top-spacer .builder-create-group.builder-left-create-group {
    width: var(--rutl-builder-left-col) !important;
    max-width: var(--rutl-builder-left-col) !important;
    min-width: 0 !important;
  }

  .builder-panel.is-active .builder-left-rail {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    scrollbar-gutter: auto !important;
  }

  .builder-panel.is-active .builder-left-rail > :not(.builder-builds) {
    flex: 0 0 auto !important;
  }

  .builder-panel.is-active .builder-left-rail > .builder-builds {
    flex: 1 1 auto !important;
    min-height: 7.8rem !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .builder-panel.is-active .builder-builds .builder-panel-title,
  .builder-panel.is-active .builder-builds .builder-build-actions {
    flex: 0 0 auto !important;
  }

  .builder-panel.is-active .builder-build-list-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    padding: 0.22rem 0.28rem 0.18rem 0.25rem !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(202, 177, 112, 0.56) rgba(8, 8, 8, 0.55) !important;
  }

  .builder-panel.is-active .builder-build-list-scroll::-webkit-scrollbar {
    width: 0.5rem !important;
  }

  .builder-panel.is-active .builder-build-list-scroll::-webkit-scrollbar-track {
    margin-block: 0.22rem !important;
    border-radius: 999px !important;
    background: rgba(8, 8, 8, 0.58) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  }

  .builder-panel.is-active .builder-build-list-scroll::-webkit-scrollbar-thumb {
    border: 1px solid rgba(0, 0, 0, 0.52) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(216, 191, 124, 0.72), rgba(119, 96, 48, 0.78)) !important;
  }

  .builder-panel.is-active .builder-build-list-scroll .builder-build-card {
    width: 100% !important;
    margin: 0 0 0.32rem !important;
  }

  .builder-panel.is-active .builder-main-stage > .builder-view-tabs {
    left: 50% !important;
    right: auto !important;
    width: max-content !important;
    max-width: 100% !important;
    justify-content: center !important;
    transform: translate(-50%, -100%) !important;
  }
}

@media (min-width: 901px) and (max-width: 1800px) {
  .builder-panel.is-active .builder-root {
    --rutl-builder-left-col: 14.0625rem;
    --rutl-builder-gear-col: 10.3125rem;
    --rutl-builder-right-col: 19.6875rem;
  }
}

@media (min-width: 901px) and (max-width: 1500px) {
  .builder-panel.is-active .builder-root {
    --rutl-builder-left-col: 12.375rem;
    --rutl-builder-gear-col: 8.375rem;
    --rutl-builder-right-col: 16.875rem;
    --rutl-builder-col-gap: 10px;
  }
}

.items-panel.is-active .item-db-card-head {
  grid-template-columns: 4.35rem minmax(14rem, 1fr) minmax(27rem, 40rem) !important;
  column-gap: 0.9rem !important;
  padding-right: 0 !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner {
  justify-self: end !important;
  width: 100% !important;
  max-width: 40rem !important;
  filter: drop-shadow(0 0.55rem 1.15rem rgba(0, 0, 0, 0.34)) !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner a {
  width: 100% !important;
  max-width: 40rem !important;
  border: 1px solid rgba(211, 174, 91, 0.24) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(211, 174, 91, 0.1), rgba(12, 12, 12, 0.16)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.22) !important;
  padding: 2px !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner img {
  max-height: 8.8rem !important;
  border-radius: 7px !important;
  object-fit: cover !important;
  object-position: center !important;
}

@media (max-width: 1280px) {
  .items-panel.is-active .item-db-card-head {
    grid-template-columns: 4.35rem minmax(0, 1fr) !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner {
    display: none !important;
  }
}


/* RUTL full left rail scroll restore 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-left-rail {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(202, 177, 112, 0.56) rgba(8, 8, 8, 0.55) !important;
  }

  .builder-panel.is-active .builder-left-rail::-webkit-scrollbar {
    width: 0.5rem !important;
  }

  .builder-panel.is-active .builder-left-rail::-webkit-scrollbar-track {
    margin-block: 0.22rem !important;
    border-radius: 999px !important;
    background: rgba(8, 8, 8, 0.58) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  }

  .builder-panel.is-active .builder-left-rail::-webkit-scrollbar-thumb {
    border: 1px solid rgba(0, 0, 0, 0.52) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(216, 191, 124, 0.72), rgba(119, 96, 48, 0.78)) !important;
  }

  .builder-panel.is-active .builder-left-rail > .builder-builds {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .builder-panel.is-active .builder-build-list-scroll {
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 0.22rem 0.28rem 0.18rem 0.25rem !important;
    scrollbar-gutter: auto !important;
  }

  .builder-panel.is-active .builder-builds .builder-build-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 3 !important;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0), rgba(18, 18, 18, 0.96) 32%, rgba(18, 18, 18, 0.98)) !important;
    padding-top: 0.3rem !important;
  }
}


/* RUTL create button rail gutter parity 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-root {
    --rutl-left-rail-gutter: 0.66rem;
  }

  .builder-panel.is-active .builder-left-rail {
    scrollbar-gutter: stable !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    padding-right: var(--rutl-left-rail-gutter) !important;
    box-sizing: border-box !important;
  }

  .builder-panel.is-active .builder-create-group.builder-left-create-group,
  .builder-panel.is-active .builder-top-spacer .builder-create-group.builder-left-create-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* RUTL items viewport and inline banner fit 20260805 */
@media (min-width: 981px) {
  body:has(.items-panel.is-active) {
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
  }

  .app-shell:has(.items-panel.is-active),
  .app-shell:has(.items-panel.is-active) main,
  .app-shell:has(.items-panel.is-active) .tab-panel.is-active,
  .items-panel.is-active {
    height: 100svh !important;
    min-height: 0 !important;
    max-height: 100svh !important;
    overflow: hidden !important;
  }

  .app-shell:has(.items-panel.is-active) main {
    height: calc(100svh - var(--site-header-height, 4.5rem)) !important;
    max-height: calc(100svh - var(--site-header-height, 4.5rem)) !important;
  }

  .items-panel.is-active .builder-root {
    width: min(100%, calc(100vw - 3rem)) !important;
    max-width: min(1880px, calc(100vw - 3rem)) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    padding: 0.78rem 0 0 !important;
    overflow: hidden !important;
  }

  .items-panel.is-active .item-db {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 0.66rem !important;
    overflow: hidden !important;
  }

  .items-panel.is-active .item-db-body {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  .items-panel.is-active .item-db-list,
  .items-panel.is-active .item-db-card {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  .items-panel.is-active .item-db-list {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  .items-panel.is-active .item-db-list-scroll {
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .items-panel.is-active .item-db-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, auto) minmax(0, 1fr) !important;
    align-content: stretch !important;
    gap: 0.6rem !important;
    overflow: hidden !important;
  }

  .items-panel.is-active .item-db-card-head {
    display: grid !important;
    grid-template-columns: 4.2rem minmax(13rem, 1fr) minmax(30rem, 41rem) !important;
    align-items: start !important;
    column-gap: 0.82rem !important;
    min-height: 0 !important;
    padding: 0 0 0.62rem !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 41rem !important;
    height: auto !important;
    justify-self: end !important;
    align-self: start !important;
    overflow: visible !important;
    filter: drop-shadow(0 0.55rem 1.05rem rgba(0, 0, 0, 0.32)) !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner a {
    display: block !important;
    width: 100% !important;
    max-width: 41rem !important;
    aspect-ratio: 4.08 / 1 !important;
    padding: 2px !important;
    overflow: hidden !important;
    border: 1px solid rgba(211, 174, 91, 0.26) !important;
    border-radius: 10px !important;
    background: rgba(5, 5, 5, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
    line-height: 0 !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    border-radius: 7px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #050505 !important;
  }

  .items-panel.is-active .item-db-detail-grid {
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  .items-panel.is-active .item-db-sources {
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 981px) and (max-width: 1500px) {
  .items-panel.is-active .item-db-card-head {
    grid-template-columns: 3.8rem minmax(12rem, 1fr) minmax(24rem, 34rem) !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner,
  .items-panel.is-active .item-db-card-head .item-db-inline-banner a {
    max-width: 34rem !important;
  }
}

@media (max-width: 1280px) {
  .items-panel.is-active .item-db-card-head {
    grid-template-columns: 4.1rem minmax(0, 1fr) !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner {
    display: none !important;
  }
}


/* RUTL T2 passive picker compact fit 20260805 */
.builder-panel.is-active .builder-t2-side-rail .builder-t2-passive-slot {
  width: 2.95rem !important;
  height: 2.95rem !important;
}

.builder-panel.is-active .builder-t2-side-rail .builder-t2-passive-slot small {
  bottom: 0.12rem !important;
  font-size: 0.58rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker {
  padding: clamp(0.55rem, 1.2vw, 1rem) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-panel {
  width: min(56rem, calc(100vw - 1.5rem)) !important;
  max-height: min(94svh, 48rem) !important;
  padding: 2.65rem 0.78rem 0.78rem !important;
  border-radius: 8px !important;
}

.builder-panel.is-active .builder-t2-passive-picker-close {
  right: 0.62rem !important;
  top: 0.62rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
  max-height: calc(min(94svh, 48rem) - 3.55rem) !important;
  padding-right: 0.18rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.56) rgba(8, 8, 8, 0.55) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-grid::-webkit-scrollbar {
  width: 0.45rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-grid::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(8, 8, 8, 0.58) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-grid::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 191, 124, 0.72), rgba(119, 96, 48, 0.78)) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card {
  grid-template-columns: 3.15rem minmax(0, 1fr) !important;
  gap: 0.58rem !important;
  min-height: 5.6rem !important;
  height: 5.6rem !important;
  padding: 0.56rem 0.62rem !important;
  border-radius: 7px !important;
}

.builder-panel.is-active .builder-t2-passive-picker-icon {
  gap: 0.24rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-icon img {
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: 6px !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card small {
  font-size: 0.68rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-copy {
  gap: 0.22rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card b {
  font-size: 0.88rem !important;
  line-height: 1.12 !important;
  -webkit-line-clamp: 1 !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card em {
  font-size: 0.76rem !important;
  line-height: 1.22 !important;
  -webkit-line-clamp: 3 !important;
}

@media (min-width: 981px) and (max-height: 780px) {
  .builder-panel.is-active .builder-t2-passive-picker-panel {
    width: min(53rem, calc(100vw - 1.2rem)) !important;
    max-height: 96svh !important;
    padding-top: 2.35rem !important;
  }

  .builder-panel.is-active .builder-t2-passive-picker-grid {
    gap: 0.36rem !important;
    max-height: calc(96svh - 3rem) !important;
  }

  .builder-panel.is-active .builder-t2-passive-picker-card {
    min-height: 5rem !important;
    height: 5rem !important;
    padding-block: 0.44rem !important;
  }

  .builder-panel.is-active .builder-t2-passive-picker-icon img {
    width: 2.35rem !important;
    height: 2.35rem !important;
  }

  .builder-panel.is-active .builder-t2-passive-picker-card em {
    -webkit-line-clamp: 2 !important;
  }
}


/* RUTL mobile builder and wargames repair 20260805 */
@media (max-width: 900px) {
  html,
  body,
  .app-shell,
  main,
  .tab-panel.is-active,
  .builder-panel.is-active,
  .wargames-panel.is-active {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .builder-panel.is-active .builder-root,
  .builder-panel.is-active .builder-app,
  .builder-panel.is-active .builder-quest-layout,
  .builder-panel.is-active .builder-left-rail,
  .builder-panel.is-active .builder-gear-rail,
  .builder-panel.is-active .builder-main-stage,
  .builder-panel.is-active .builder-right-rail,
  .builder-panel.is-active .builder-main-card,
  .builder-panel.is-active .builder-slot-detail,
  .builder-panel.is-active .builder-builds,
  .builder-panel.is-active .builder-profile-card,
  .builder-panel.is-active .builder-attributes-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .builder-panel.is-active .builder-topbar-compact,
  .builder-panel.is-active .builder-title-strip,
  .builder-panel.is-active .builder-top-actions,
  .builder-panel.is-active .builder-action-row,
  .builder-panel.is-active .builder-save-actions {
    display: none !important;
  }

  .builder-panel.is-active .builder-quest-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.72rem !important;
    padding-inline: 0.72rem !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-left-rail {
    overflow: visible !important;
    padding: 0 !important;
  }

  .builder-panel.is-active .builder-create-group,
  .builder-panel.is-active .builder-left-create-group {
    display: none !important;
  }

  .builder-panel.is-active .builder-mobile-notice,
  .builder-panel.is-active .builder-note,
  .builder-panel.is-active .builder-readonly-mobile-note {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .builder-panel.is-active .builder-attr-grid,
  .builder-panel.is-active .builder-attributes-grid,
  .builder-panel.is-active .builder-attrs-grid,
  .builder-panel.is-active .builder-attr-list {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

  .builder-panel.is-active .builder-attr-row,
  .builder-panel.is-active .builder-attr-card,
  .builder-panel.is-active .builder-attr-item {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .builder-panel.is-active .builder-gear-rail {
    justify-self: center !important;
    overflow: visible !important;
  }

  .builder-author-builds-modal {
    width: min(100%, calc(100vw - 1.5rem)) !important;
    max-width: calc(100vw - 1.5rem) !important;
    max-height: calc(100dvh - 2rem) !important;
    padding: 1rem !important;
    overflow: hidden !important;
  }

  .builder-author-builds-modal h2 {
    padding-right: 2rem !important;
    font-size: clamp(1.25rem, 6vw, 1.75rem) !important;
    line-height: 1.1 !important;
  }

  .builder-author-builds-list {
    width: 100% !important;
    max-height: min(62dvh, 25rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0.1rem 0.34rem 0.2rem 0 !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(202, 177, 112, 0.58) rgba(8, 8, 8, 0.56) !important;
  }

  .builder-author-builds-list::-webkit-scrollbar {
    width: 0.48rem !important;
  }

  .builder-author-builds-list::-webkit-scrollbar-track {
    border-radius: 999px !important;
    background: rgba(8, 8, 8, 0.58) !important;
  }

  .builder-author-builds-list::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(216, 191, 124, 0.72), rgba(119, 96, 48, 0.78)) !important;
  }

  .builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 7.2rem !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.74rem !important;
    gap: 0.55rem !important;
    overflow: hidden !important;
  }

  .builder-author-builds-list .builder-catalog-card-main,
  .builder-author-builds-list .builder-catalog-card-title,
  .builder-author-builds-list .builder-catalog-rating,
  .builder-author-builds-list .builder-catalog-class,
  .builder-author-builds-list .builder-catalog-meta {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .builder-author-builds-list .builder-catalog-card-title h3 {
    max-width: 100% !important;
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .builder-author-builds-list .builder-catalog-card-side {
    width: 5.9rem !important;
    min-width: 5.9rem !important;
    min-height: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    overflow: hidden !important;
  }

  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-open {
    position: static !important;
    min-width: 5.35rem !important;
    min-height: 1.85rem !important;
    padding-inline: 0.58rem !important;
  }

  .builder-author-builds-list .builder-catalog-card-side .builder-catalog-card-art {
    display: none !important;
  }

  .wargames-panel.is-active .builder-root,
  .wargames-panel.is-active .wargames-root,
  .wargames-panel.is-active .wargames-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .wargames-panel.is-active .wargames-root {
    padding-inline: 0.75rem !important;
  }

  .wargames-hero,
  .wargames-application,
  .wargames-filters,
  .wargames-empty,
  .wargames-incoming,
  .wargames-day,
  .wargames-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .wargames-application,
  .wargames-filters,
  .wargames-empty,
  .wargames-incoming,
  .wargames-day {
    padding: 1rem !important;
    border-radius: 8px !important;
  }

  .wargames-application-actions,
  .wargames-modal-actions,
  .wargames-filter-tabs,
  .wargames-date-filter {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.55rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .wargames-filter-tab,
  .wargames-date-reset,
  .wargames-secondary-action,
  .wargames-application button,
  .wargames-date-picker,
  .wargames-date-picker-control,
  .wargames-date-picker-control > input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .wargames-date-note {
    justify-self: start !important;
    white-space: normal !important;
    text-align: left !important;
  }
}


/* RUTL banner/news/formula alignment 20260805 */
.news-panel.is-active .news-head {
  display: none !important;
}

.news-panel.is-active .news-root {
  padding-top: var(--rutl-page-top-gap, 1rem) !important;
}

.formula-toc-banner {
  display: block;
  margin-top: 0.65rem;
  overflow: hidden;
  border-radius: 8px;
  line-height: 0;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
}

.formula-toc-banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}

@media (max-width: 760px) {
  .formula-toc-banner {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .builder-panel.is-active .builder-topbar,
  .builder-panel.is-active .builder-topbar-compact,
  .builder-panel.is-active .builder-title-strip,
  .builder-panel.is-active .builder-top-actions,
  .builder-panel.is-active .builder-action-row,
  .builder-panel.is-active .builder-save-actions {
    display: none !important;
  }

  .builder-panel.is-active .builder-attrs,
  .builder-panel.is-active .builder-attr-list,
  .builder-panel.is-active .builder-attr {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .builder-panel.is-active .builder-attr-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.55rem !important;
  }
}


/* RUTL final polish: T2 accessory tags, rails, banners 20260805 */
.rutl-t2-source-tag {
  color: #d8b76a !important;
  font-weight: 700 !important;
  white-space: nowrap;
  text-shadow: 0 0 10px rgba(216, 183, 106, 0.18);
}

.builder-panel.is-active .builder-top-spacer {
  inline-size: var(--rutl-builder-left-col, 236px) !important;
  width: var(--rutl-builder-left-col, 236px) !important;
  min-inline-size: var(--rutl-builder-left-col, 236px) !important;
  max-inline-size: var(--rutl-builder-left-col, 236px) !important;
  box-sizing: border-box !important;
  justify-self: start !important;
}

.builder-panel.is-active .builder-top-spacer .builder-left-create-group,
.builder-panel.is-active .builder-create-group.builder-left-create-group,
.builder-panel.is-active .builder-top-spacer .builder-create-button,
.builder-panel.is-active .builder-left-create-group .builder-create-button {
  inline-size: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  max-inline-size: 100% !important;
  box-sizing: border-box !important;
}

.formula-toc.formula-ad-rail {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
}

.formula-toc.formula-ad-rail .formula-toc-banner {
  margin: 0 !important;
  width: 100% !important;
  max-width: 300px !important;
  display: block !important;
}

.news-panel.is-active .news-head,
.news-panel.is-active h1.news-title,
.news-panel.is-active .news-title,
.news-panel.is-active .news-root > h1 {
  display: none !important;
}

.news-panel.is-active .news-root,
.news-panel.is-active .news-layout,
.news-panel.is-active .news-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.builder-panel.is-active .builder-t2-passive-slot.is-filled,
.builder-panel.is-active .builder-t2-side-rail .builder-t2-passive-slot.is-filled {
  border-color: rgba(207, 168, 84, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(207, 168, 84, 0.18), 0 0 12px rgba(207, 168, 84, 0.12) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-close {
  top: 0.9rem !important;
  right: 0.9rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card.is-active {
  border-color: rgba(207, 168, 84, 0.82) !important;
  background: linear-gradient(135deg, rgba(52, 41, 20, 0.88), rgba(27, 27, 26, 0.96)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 226, 130, 0.08), 0 0 16px rgba(207, 168, 84, 0.14) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card.is-active b {
  color: #ead391 !important;
}



/* RUTL polish follow-up: stable rails and T2 accessory labels 20260805 */
.builder-panel.is-active .builder-top-spacer {
  inline-size: var(--rutl-builder-left-col, 236px) !important;
  width: var(--rutl-builder-left-col, 236px) !important;
  min-inline-size: var(--rutl-builder-left-col, 236px) !important;
  max-inline-size: var(--rutl-builder-left-col, 236px) !important;
  padding-right: 0 !important;
  justify-self: start !important;
  box-sizing: border-box !important;
}

.builder-panel.is-active .builder-top-spacer .builder-left-create-group,
.builder-panel.is-active .builder-create-group.builder-left-create-group {
  inline-size: 100% !important;
  width: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
  box-sizing: border-box !important;
}

.rutl-t2-source-tag {
  color: #d8b76a !important;
  font-weight: 720 !important;
  white-space: nowrap;
  text-shadow: 0 0 10px rgba(216, 183, 106, 0.18);
}

.builder-choice .rutl-t2-source-tag,
.builder-item-select .rutl-t2-source-tag,
.item-db-card .rutl-t2-source-tag,
.item-db-detail .rutl-t2-source-tag,
.builder-tooltip-card .rutl-t2-source-tag,
.builder-chip .rutl-t2-source-tag {
  color: #d8b76a !important;
}

.formula-toc.formula-ad-rail {
  display: block !important;
  align-self: start !important;
}

.formula-toc.formula-ad-rail .formula-toc-banner {
  margin: 0 !important;
  width: min(100%, 300px) !important;
  max-width: 300px !important;
}

.news-panel.is-active .news-head,
.news-panel.is-active h1.news-title,
.news-panel.is-active .news-title,
.news-panel.is-active .news-root > h1 {
  display: none !important;
}

.news-panel.is-active .news-root {
  padding-top: var(--rutl-page-top-gap, 1rem) !important;
}

.builder-panel.is-active .builder-t2-passive-slot.is-filled,
.builder-panel.is-active .builder-t2-side-rail .builder-t2-passive-slot.is-filled {
  border-color: rgba(207, 168, 84, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(207, 168, 84, 0.18), 0 0 12px rgba(207, 168, 84, 0.12) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-close {
  top: 0.9rem !important;
  right: 0.9rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card.is-active {
  border-color: rgba(207, 168, 84, 0.82) !important;
  background: linear-gradient(135deg, rgba(52, 41, 20, 0.88), rgba(27, 27, 26, 0.96)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 226, 130, 0.08), 0 0 16px rgba(207, 168, 84, 0.14) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-card.is-active b {
  color: #ead391 !important;
}

.wargames-panel.is-active .rutl-banner-site-left,
.bugtracker-panel.is-active .rutl-banner-site-left {
  width: min(var(--rutl-banner-computed-width, 320px), 360px) !important;
  max-width: min(var(--rutl-banner-computed-width, 320px), 360px) !important;
}

/* RUTL formulas use the embedded vertical ad rail instead of the global left banner. */
body:has(.formulas-panel.is-active) .rutl-banner-site-left {
  display: none !important;
}

/* RUTL banner and mobile builder corrections 20260805 */
.formula-toc.formula-ad-rail {
  justify-self: center !important;
  width: min(100%, 190px) !important;
  max-width: 190px !important;
}

.formula-toc.formula-ad-rail .formula-toc-banner {
  width: min(100%, 190px) !important;
  max-width: 190px !important;
  border: 1px solid rgba(211, 174, 91, 0.28) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(211, 174, 91, 0.10), rgba(9, 9, 9, 0.88)) !important;
  padding: 2px !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.06), 0 14px 30px rgba(0, 0, 0, 0.36) !important;
  line-height: 0 !important;
}

.formula-toc.formula-ad-rail .formula-toc-banner img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 506 / 1024 !important;
  object-fit: cover !important;
  border-radius: 7px !important;
  display: block !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner {
  justify-self: end !important;
  width: max-content !important;
  max-width: min(100%, 40rem) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner a {
  width: max-content !important;
  max-width: 100% !important;
  display: block !important;
  border: 1px solid rgba(211, 174, 91, 0.28) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(211, 174, 91, 0.10), rgba(9, 9, 9, 0.88)) !important;
  padding: 2px !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner img {
  width: min(100%, 36rem) !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 2172 / 724 !important;
  object-fit: contain !important;
  border-radius: 7px !important;
  display: block !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  .formulas-panel.is-active .formula-toc.formula-ad-rail,
  .formulas-panel.is-active .formula-toc.formula-ad-rail .formula-toc-banner {
    display: none !important;
  }
}

@media (max-width: 1280px) {
  .builder-panel.is-active .builder-quest-layout {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-left-rail,
  .builder-panel.is-active .builder-gear-rail,
  .builder-panel.is-active .builder-main-stage,
  .builder-panel.is-active .builder-right-rail,
  .builder-panel.is-active .builder-mobile-description-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .builder-app[data-mobile-view="builds"] .builder-left-rail,
  .builder-app[data-mobile-view="gear"] .builder-gear-rail,
  .builder-app[data-mobile-view="stats"] .builder-right-rail,
  .builder-app[data-mobile-view="description"] .builder-mobile-description-panel {
    display: block !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-main-stage {
    display: block !important;
  }

  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-head,
  .builder-app[data-mobile-view="gear-detail"] .builder-item-dropdown,
  .builder-app[data-mobile-view="gear-detail"] .builder-item-dropdown-results,
  .builder-app[data-mobile-view="gear-detail"] .builder-weapon-filter {
    display: none !important;
  }

  body.has-rutl-builder-mobile-banner .rutl-banner-mobile {
    bottom: calc(4.95rem + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 4400 !important;
  }

  body.has-rutl-builder-mobile-banner .app-shell:has(.builder-panel.is-active) {
    padding-bottom: calc(var(--rutl-mobile-banner-space, 0px) + 5.35rem + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (min-width: 901px) {
  .builder-panel.is-active .builder-top-spacer,
  .builder-panel.is-active .builder-create-group.builder-left-create-group,
  .builder-panel.is-active .builder-top-spacer .builder-create-group.builder-left-create-group,
  .builder-panel.is-active .builder-top-spacer .builder-create-button,
  .builder-panel.is-active .builder-left-create-group .builder-create-button {
    width: var(--rutl-builder-left-col, 15rem) !important;
    min-width: 0 !important;
    max-width: var(--rutl-builder-left-col, 15rem) !important;
    box-sizing: border-box !important;
  }

  .builder-panel.is-active .builder-top-spacer {
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .builder-panel.is-active .builder-stat-banner {
    border: 1px solid rgba(211, 174, 91, 0.30) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(211, 174, 91, 0.09), rgba(9, 9, 9, 0.78)) !important;
    padding: 2px !important;
    box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.06), 0 10px 24px rgba(0, 0, 0, 0.30) !important;
    overflow: hidden !important;
  }

  .builder-panel.is-active .builder-stat-banner img {
    border-radius: 7px !important;
  }
}

/* RUTL mobile wargames compact filters 20260805 */
@media (max-width: 760px) {
  .wargames-panel.is-active,
  .wargames-panel.is-active .wargames-root,
  .wargames-panel.is-active .wargames-page,
  .wargames-panel.is-active .wargames-application,
  .wargames-panel.is-active .wargames-filters,
  .wargames-panel.is-active .wargames-empty,
  .wargames-panel.is-active .wargames-incoming,
  .wargames-panel.is-active .wargames-day,
  .wargames-panel.is-active .wargames-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .wargames-panel.is-active .wargames-root {
    padding-inline: 0.5rem !important;
  }

  .wargames-panel.is-active .wargames-filters {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.72rem !important;
    padding: 0.72rem !important;
  }

  .wargames-panel.is-active .wargames-filter-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.35rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .wargames-panel.is-active .wargames-filter-tab {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 0.35rem !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    line-height: 1.05 !important;
    min-height: 2.55rem !important;
  }

  .wargames-panel.is-active .wargames-date-filter {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .wargames-panel.is-active .wargames-date-picker,
  .wargames-panel.is-active .wargames-date-picker-control,
  .wargames-panel.is-active .wargames-date-picker-control > input[type="text"],
  .wargames-panel.is-active .wargames-date-reset,
  .wargames-panel.is-active .wargames-date-note {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .wargames-panel.is-active .wargames-date-picker {
    display: grid !important;
    grid-template-columns: minmax(2.3rem, auto) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.45rem !important;
  }

  .wargames-panel.is-active .wargames-date-picker > span:first-child {
    min-width: 2.3rem !important;
    max-width: 2.3rem !important;
    text-align: right !important;
  }

  .wargames-panel.is-active .wargames-date-note {
    display: block !important;
    text-align: center !important;
    padding-inline: 0.2rem !important;
  }
}

/* RUTL builder create button matches the visible left rail content width 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-root {
    --rutl-left-rail-visible-width: calc(var(--rutl-builder-left-col, 15rem) - var(--rutl-left-rail-gutter, 0.625rem));
  }

  .builder-panel.is-active .builder-top-spacer {
    inline-size: var(--rutl-left-rail-visible-width) !important;
    width: var(--rutl-left-rail-visible-width) !important;
    min-inline-size: 0 !important;
    max-inline-size: var(--rutl-left-rail-visible-width) !important;
    min-width: 0 !important;
    max-width: var(--rutl-left-rail-visible-width) !important;
    justify-self: start !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .builder-panel.is-active .builder-top-spacer .builder-left-create-group,
  .builder-panel.is-active .builder-create-group.builder-left-create-group {
    inline-size: 100% !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* RUTL item database banner keeps the frame on the actual image 20260805 */
.items-panel.is-active .item-db-card-head .item-db-inline-banner {
  justify-self: end !important;
  inline-size: min(100%, 36rem) !important;
  width: min(100%, 36rem) !important;
  max-inline-size: 36rem !important;
  max-width: 36rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner a {
  display: block !important;
  inline-size: 100% !important;
  width: 100% !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  padding: 2px !important;
  border: 1px solid rgba(211, 174, 91, 0.28) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(211, 174, 91, 0.10), rgba(9, 9, 9, 0.88)) !important;
  line-height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner img {
  display: block !important;
  inline-size: 100% !important;
  width: 100% !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  block-size: auto !important;
  height: auto !important;
  max-block-size: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 7px !important;
  background: transparent !important;
}

/* RUTL final hard overrides for items banner and builder create width 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-root {
    --rutl-left-rail-gutter: 0.75rem;
    --rutl-left-rail-visible-width: calc(var(--rutl-builder-left-col, 15rem) - var(--rutl-left-rail-gutter));
  }

  .builder-panel.is-active .builder-topbar-compact {
    grid-template-columns: var(--rutl-left-rail-visible-width) minmax(0, 1fr) var(--rutl-builder-right-col, 22.5rem) !important;
  }

  .builder-panel.is-active .builder-top-spacer,
  .builder-panel.is-active .builder-top-spacer .builder-left-create-group,
  .builder-panel.is-active .builder-create-group.builder-left-create-group {
    inline-size: var(--rutl-left-rail-visible-width) !important;
    width: var(--rutl-left-rail-visible-width) !important;
    min-inline-size: var(--rutl-left-rail-visible-width) !important;
    max-inline-size: var(--rutl-left-rail-visible-width) !important;
    min-width: var(--rutl-left-rail-visible-width) !important;
    max-width: var(--rutl-left-rail-visible-width) !important;
    box-sizing: border-box !important;
    justify-self: start !important;
    padding-right: 0 !important;
  }
}

.items-panel.is-active .item-db-card-head {
  overflow: visible !important;
  align-items: start !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner {
  display: block !important;
  inline-size: min(100%, 36rem) !important;
  width: min(100%, 36rem) !important;
  max-inline-size: 36rem !important;
  max-width: 36rem !important;
  block-size: auto !important;
  height: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  min-height: 0 !important;
  max-height: none !important;
  justify-self: end !important;
  align-self: start !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0.55rem 1.05rem rgba(0, 0, 0, 0.32)) !important;
  overflow: visible !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner a {
  display: block !important;
  inline-size: 100% !important;
  width: 100% !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  block-size: auto !important;
  height: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 2px !important;
  border: 1px solid rgba(211, 174, 91, 0.30) !important;
  border-radius: 10px !important;
  background: rgba(5, 5, 5, 0.72) !important;
  line-height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.items-panel.is-active .item-db-card-head .item-db-inline-banner img {
  display: block !important;
  inline-size: 100% !important;
  width: 100% !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  block-size: auto !important;
  height: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 2172 / 724 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 7px !important;
  background: transparent !important;
}

/* RUTL unified banner frame, placement and desktop scroll standards 20260805 */
:root {
  --rutl-desktop-banner-left: 1rem;
  --rutl-banner-frame-border: rgba(211, 174, 91, 0.46);
  --rutl-banner-frame-bg: linear-gradient(135deg, rgba(211, 174, 91, 0.12), rgba(9, 9, 9, 0.86));
}

.rutl-banner {
  padding: 2px !important;
  border: 1px solid var(--rutl-banner-frame-border) !important;
  border-radius: 10px !important;
  background: var(--rutl-banner-frame-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.08), 0 14px 30px rgba(0, 0, 0, 0.36) !important;
  overflow: hidden !important;
}

.rutl-banner .rutl-banner-link,
.rutl-banner img {
  border-radius: 7px !important;
}

.rutl-banner-site-left {
  left: var(--rutl-desktop-banner-left) !important;
}

.formula-toc.formula-ad-rail {
  position: fixed !important;
  left: var(--rutl-desktop-banner-left) !important;
  top: var(--rutl-banner-panel-top, calc(var(--site-header-height, 4.5rem) + var(--rutl-page-top-gap, 1rem))) !important;
  z-index: 4400 !important;
  justify-self: auto !important;
  width: min(190px, calc(100vw - 2rem)) !important;
  max-width: min(190px, calc(100vw - 2rem)) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.formula-toc.formula-ad-rail .formula-toc-banner,
.items-panel.is-active .item-db-card-head .item-db-inline-banner a,
.builder-panel.is-active .builder-stat-banner {
  padding: 2px !important;
  border: 1px solid var(--rutl-banner-frame-border) !important;
  border-radius: 10px !important;
  background: var(--rutl-banner-frame-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 180, 0.08), 0 14px 30px rgba(0, 0, 0, 0.32) !important;
  overflow: hidden !important;
}

.formula-toc.formula-ad-rail .formula-toc-banner img,
.items-panel.is-active .item-db-card-head .item-db-inline-banner img,
.builder-panel.is-active .builder-stat-banner img {
  border-radius: 7px !important;
}

@media (min-width: 901px) {
  .builder-panel.is-active .builder-topbar-compact {
    grid-template-columns: var(--rutl-builder-create-button-width, var(--rutl-left-rail-visible-width, var(--rutl-builder-left-col, 15rem))) minmax(0, 1fr) var(--rutl-builder-right-col, 22.5rem) !important;
  }

  .builder-panel.is-active .builder-top-spacer,
  .builder-panel.is-active .builder-top-spacer .builder-left-create-group,
  .builder-panel.is-active .builder-create-group.builder-left-create-group {
    inline-size: var(--rutl-builder-create-button-width, var(--rutl-left-rail-visible-width, var(--rutl-builder-left-col, 15rem))) !important;
    width: var(--rutl-builder-create-button-width, var(--rutl-left-rail-visible-width, var(--rutl-builder-left-col, 15rem))) !important;
    min-inline-size: 0 !important;
    max-inline-size: var(--rutl-builder-create-button-width, var(--rutl-left-rail-visible-width, var(--rutl-builder-left-col, 15rem))) !important;
    min-width: 0 !important;
    max-width: var(--rutl-builder-create-button-width, var(--rutl-left-rail-visible-width, var(--rutl-builder-left-col, 15rem))) !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 981px) {
  body:has(.items-panel.is-active),
  .app-shell:has(.items-panel.is-active),
  .app-shell:has(.items-panel.is-active) main,
  .items-panel.is-active,
  .items-panel.is-active .items-root {
    height: auto !important;
    min-height: 100svh !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .items-panel.is-active .item-db {
    height: auto !important;
    min-height: calc(100svh - var(--site-header-height, 4.5rem) - 2rem) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .items-panel.is-active .item-db-body {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .items-panel.is-active .item-db-card {
    height: auto !important;
    min-height: min(38rem, calc(100svh - var(--site-header-height, 4.5rem) - 8rem)) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .items-panel.is-active .item-db-list {
    max-height: calc(100svh - var(--site-header-height, 4.5rem) - 8.5rem) !important;
    overflow: hidden !important;
  }
}

/* RUTL hard final v2: banner frames, items scroll and builder left button 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-root {
    --rutl-builder-create-visible-width: calc(var(--rutl-builder-left-col, 15rem) - 0.625rem);
  }

  .builder-panel.is-active .builder-topbar.builder-topbar-compact {
    grid-template-columns: var(--rutl-builder-create-visible-width) minmax(0, 1fr) var(--rutl-builder-right-col, 22.5rem) !important;
  }

  .builder-panel.is-active .builder-topbar.builder-topbar-compact > .builder-top-spacer,
  .builder-panel.is-active .builder-topbar.builder-topbar-compact > .builder-top-spacer > .builder-create-group.builder-left-create-group {
    flex: 0 0 var(--rutl-builder-create-visible-width) !important;
    inline-size: var(--rutl-builder-create-visible-width) !important;
    width: var(--rutl-builder-create-visible-width) !important;
    min-inline-size: 0 !important;
    max-inline-size: var(--rutl-builder-create-visible-width) !important;
    min-width: 0 !important;
    max-width: var(--rutl-builder-create-visible-width) !important;
    justify-self: start !important;
    box-sizing: border-box !important;
  }
}

.rutl-banner,
.formula-toc.formula-ad-rail .formula-toc-banner,
.items-panel.is-active .item-db-card-head .item-db-inline-banner a,
.builder-panel.is-active .builder-stat-banner {
  border-color: rgba(211, 174, 91, 0.52) !important;
  background: linear-gradient(135deg, rgba(211, 174, 91, 0.13), rgba(6, 6, 6, 0.88)) !important;
}

.rutl-banner-site-left,
.formula-toc.formula-ad-rail {
  left: var(--rutl-desktop-banner-left, 1rem) !important;
}

@media (min-width: 981px) {
  html:has(.items-panel.is-active),
  body:has(.items-panel.is-active) {
    min-height: 100% !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .app-shell:has(.items-panel.is-active),
  .app-shell:has(.items-panel.is-active) main,
  .app-shell:has(.items-panel.is-active) .tab-panel.is-active,
  .items-panel.is-active,
  .items-panel.is-active .builder-root,
  .items-panel.is-active .item-db,
  .items-panel.is-active .item-db-body,
  .items-panel.is-active .item-db-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .items-panel.is-active .item-db {
    min-height: calc(100svh - var(--site-header-height, 4.5rem) - 2rem) !important;
    grid-template-rows: auto auto !important;
  }

  .items-panel.is-active .item-db-body {
    align-items: start !important;
  }

  .items-panel.is-active .item-db-list {
    height: calc(100svh - var(--site-header-height, 4.5rem) - 8.5rem) !important;
    min-height: 32rem !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .items-panel.is-active .item-db-list-scroll {
    height: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .items-panel.is-active .item-db-card {
    display: block !important;
    min-height: 0 !important;
  }

  .items-panel.is-active .item-db-card-head {
    display: grid !important;
    grid-template-columns: 4.35rem minmax(14rem, 1fr) minmax(27rem, 36rem) !important;
    align-items: start !important;
    gap: 0.9rem !important;
    overflow: visible !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner {
    grid-column: 3 !important;
    grid-row: 1 !important;
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: 36rem !important;
    max-width: 36rem !important;
    height: auto !important;
    justify-self: end !important;
    align-self: start !important;
    overflow: visible !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner a {
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    aspect-ratio: 2172 / 724 !important;
    padding: 2px !important;
    line-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .items-panel.is-active .item-db-card-head .item-db-inline-banner img {
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    block-size: 100% !important;
    height: 100% !important;
    max-block-size: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
  }
}

/* RUTL hard final v3: actual left-rail button and items document scroll 20260805 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-topbar.builder-topbar-compact > .builder-top-spacer {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .builder-panel.is-active .builder-left-rail > .builder-create-group.builder-left-create-group {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
  }
}

@media (max-width: 1280px) {
  .builder-panel.is-active .builder-left-rail > .builder-create-group.builder-left-create-group {
    display: none !important;
  }
}

body.rutl-items-scroll-page {
  height: auto !important;
  min-height: 100svh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.rutl-items-scroll-page .app-shell {
  height: auto !important;
  min-height: 100svh !important;
  overflow: visible !important;
  grid-template-rows: auto auto auto !important;
}

body.rutl-items-scroll-page main,
body.rutl-items-scroll-page .tab-panel.is-active,
body.rutl-items-scroll-page .items-panel.is-active,
body.rutl-items-scroll-page .items-panel.is-active .builder-root,
body.rutl-items-scroll-page .items-panel.is-active .item-db,
body.rutl-items-scroll-page .items-panel.is-active .item-db-body,
body.rutl-items-scroll-page .items-panel.is-active .item-db-card {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.rutl-items-scroll-page main {
  min-height: 0 !important;
}

body.rutl-items-scroll-page .items-panel.is-active .builder-root {
  min-height: 0 !important;
  padding-bottom: 1rem !important;
}

body.rutl-items-scroll-page .items-panel.is-active .item-db {
  min-height: calc(100svh - var(--site-header-height, 4.5rem) - 2rem) !important;
  grid-template-rows: auto auto !important;
}

body.rutl-items-scroll-page .items-panel.is-active .item-db-body {
  align-items: start !important;
}

body.rutl-items-scroll-page .items-panel.is-active .item-db-list {
  height: calc(100svh - var(--site-header-height, 4.5rem) - 8.5rem) !important;
  min-height: 32rem !important;
  max-height: none !important;
  overflow: hidden !important;
}

body.rutl-items-scroll-page .items-panel.is-active .item-db-list-scroll {
  height: 100% !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* RUTL hard final v4: universal banner gold frame and aligned left rail 20260805 */
:root {
  --rutl-desktop-banner-left: 0.75rem;
  --rutl-banner-frame-border: rgba(218, 181, 93, 0.62);
  --rutl-banner-frame-bg: linear-gradient(135deg, rgba(218, 181, 93, 0.14), rgba(4, 4, 4, 0.9));
}

.rutl-banner,
.rutl-banner-site-left,
.rutl-banner-builder-left,
.rutl-banner-builder-right,
.rutl-banner-map-sidebar,
.rutl-banner-mobile,
.formula-toc.formula-ad-rail .formula-toc-banner,
.items-panel.is-active .item-db-card-head .item-db-inline-banner a,
.builder-panel.is-active .builder-stat-banner {
  padding: 2px !important;
  border: 1px solid var(--rutl-banner-frame-border) !important;
  border-radius: 10px !important;
  background: var(--rutl-banner-frame-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 190, 0.10), 0 14px 30px rgba(0, 0, 0, 0.38) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.rutl-banner .rutl-banner-link,
.rutl-banner img,
.formula-toc.formula-ad-rail .formula-toc-banner img,
.items-panel.is-active .item-db-card-head .item-db-inline-banner img,
.builder-panel.is-active .builder-stat-banner img {
  border-radius: 7px !important;
}

.rutl-banner-site-left,
.rutl-banner-builder-left,
.formulas-panel.is-active .formula-toc.formula-ad-rail {
  left: var(--rutl-desktop-banner-left) !important;
}

.formulas-panel.is-active .formula-toc.formula-ad-rail {
  position: fixed !important;
  top: var(--rutl-banner-panel-top, calc(var(--site-header-height, 4.5rem) + var(--rutl-page-top-gap, 1rem))) !important;
  justify-self: auto !important;
  width: min(190px, calc(100vw - 1.5rem)) !important;
  max-width: min(190px, calc(100vw - 1.5rem)) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.formulas-panel.is-active .formula-toc.formula-ad-rail .formula-toc-banner {
  width: 100% !important;
  max-width: 190px !important;
  margin: 0 !important;
}

.formulas-panel.is-active .formula-toc.formula-ad-rail .formula-toc-banner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 506 / 1024 !important;
  object-fit: cover !important;
}

/* RUTL hard final v5: formulas flow, item-list height and mobile banner close 20260805 */
@media (min-width: 981px) {
  .formulas-panel.is-active .formulas-root {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .formulas-panel.is-active .formula-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .formulas-panel.is-active .formula-articles,
  .formulas-panel.is-active .formula-content,
  .formulas-panel.is-active .formula-article {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .formulas-panel.is-active .formula-toc.formula-ad-rail {
    position: fixed !important;
    left: var(--rutl-desktop-banner-left, 0.75rem) !important;
    top: var(--rutl-banner-panel-top, calc(var(--site-header-height, 4.5rem) + var(--rutl-page-top-gap, 1rem))) !important;
    z-index: 4400 !important;
    width: min(190px, calc(100vw - 1.5rem)) !important;
    max-width: min(190px, calc(100vw - 1.5rem)) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-body {
    align-items: stretch !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-list,
  body.rutl-items-scroll-page .items-panel.is-active .item-db-card {
    align-self: stretch !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-list {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-list-scroll {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

.rutl-banner-close {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

.rutl-banner-close::before {
  content: "";
  display: block;
  width: 0.72rem;
  height: 0.72rem;
  background: currentColor;
  clip-path: polygon(12% 0, 50% 38%, 88% 0, 100% 12%, 62% 50%, 100% 88%, 88% 100%, 50% 62%, 12% 100%, 0 88%, 38% 50%, 0 12%);
}

.rutl-banner-close {
  font-size: 0 !important;
}

@media (max-width: 760px) {
  .rutl-banner-close {
    top: 0.18rem !important;
    right: 0.18rem !important;
    width: 1.45rem !important;
    height: 1.45rem !important;
  }
}

/* RUTL hard final v6: formula content reserve and build-card engraving 20260805 */
@media (min-width: 1540px) {
  .formulas-panel.is-active .formulas-root {
    margin-left: calc(var(--rutl-desktop-banner-left, 0.75rem) + min(190px, calc(100vw - 1.5rem)) + 1rem) !important;
    width: calc(100% - var(--rutl-desktop-banner-left, 0.75rem) - min(190px, calc(100vw - 1.5rem)) - 1rem) !important;
    max-width: none !important;
  }
}

@media (min-width: 761px) and (max-width: 1539px) {
  .formulas-panel.is-active .formulas-root {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

.builds-panel.is-active .builder-catalog-card {
  --rutl-build-card-ember: rgba(215, 181, 96, 0.16) !important;
  --rutl-build-card-violet: rgba(123, 82, 154, 0.13) !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-color: rgba(218, 181, 93, 0.22) !important;
  background:
    linear-gradient(116deg, rgba(255, 239, 184, 0.055) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(132deg, transparent 0 17px, rgba(255, 255, 255, 0.026) 17px 18px, transparent 18px 36px),
    radial-gradient(circle at 86% 22%, var(--rutl-build-card-violet) 0%, transparent 31%),
    radial-gradient(circle at 18% 0%, rgba(218, 181, 93, 0.10) 0%, transparent 32%),
    linear-gradient(145deg, rgba(25, 25, 25, 0.985), rgba(9, 9, 10, 0.995) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 241, 190, 0.055),
    inset 0 0 0 1px rgba(0, 0, 0, 0.34),
    0 0.75rem 1.55rem rgba(0, 0, 0, 0.28) !important;
}

.builds-panel.is-active .builder-catalog-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(218, 181, 93, 0.11), transparent 34%),
    linear-gradient(135deg, transparent 0 58%, rgba(218, 181, 93, 0.075) 58% 58.7%, transparent 58.7% 100%),
    linear-gradient(155deg, transparent 0 68%, rgba(255, 255, 255, 0.035) 68% 68.6%, transparent 68.6% 100%) !important;
}

.builds-panel.is-active .builder-catalog-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 82% 52%, rgba(123, 82, 154, 0.12), transparent 23%) !important;
}

.builds-panel.is-active .builder-catalog-card:hover {
  border-color: rgba(218, 181, 93, 0.38) !important;
  background:
    linear-gradient(116deg, rgba(255, 239, 184, 0.07) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(132deg, transparent 0 17px, rgba(255, 255, 255, 0.032) 17px 18px, transparent 18px 36px),
    radial-gradient(circle at 86% 22%, rgba(142, 96, 174, 0.15) 0%, transparent 31%),
    radial-gradient(circle at 18% 0%, rgba(218, 181, 93, 0.13) 0%, transparent 32%),
    linear-gradient(145deg, rgba(28, 28, 28, 0.99), rgba(11, 11, 12, 0.995) 72%) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-card-main,
.builds-panel.is-active .builder-catalog-card .builder-catalog-card-side {
  position: relative !important;
  z-index: 1 !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-glow {
  opacity: 0.34 !important;
  filter: saturate(0.82) brightness(0.88) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-weapon {
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.72),
    0 0 0 1px rgba(218, 181, 93, 0.24),
    0 0.5rem 1rem rgba(0, 0, 0, 0.38) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-open {
  border-color: rgba(218, 181, 93, 0.48) !important;
  background: linear-gradient(180deg, rgba(54, 43, 24, 0.92), rgba(21, 19, 16, 0.98)) !important;
  color: #ead8a1 !important;
}

/* RUTL hard final v7: optical center for mobile banner close 20260805 */
.rutl-banner-mobile .rutl-banner-close {
  position: absolute !important;
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -999px !important;
}

.rutl-banner-mobile .rutl-banner-close::before,
.rutl-banner-mobile .rutl-banner-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 0.76rem !important;
  height: 0.115rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff7df !important;
  clip-path: none !important;
  transform-origin: center !important;
}

.rutl-banner-mobile .rutl-banner-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.rutl-banner-mobile .rutl-banner-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

@media (max-width: 760px) {
  .rutl-banner-mobile .rutl-banner-close {
    top: 0.18rem !important;
    right: 0.18rem !important;
    width: 1.45rem !important;
    height: 1.45rem !important;
  }
}

/* RUTL hard final v8: measured item-list scroller and formula top alignment 20260805 */
@media (min-width: 981px) {
  .formulas-panel.is-active .formula-toc.formula-ad-rail {
    top: calc(var(--rutl-banner-panel-top, calc(var(--site-header-height, 4.5rem) + var(--rutl-page-top-gap, 1rem))) + var(--rutl-page-top-gap, 1rem)) !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db,
  body.rutl-items-scroll-page .items-panel.is-active .item-db-body,
  body.rutl-items-scroll-page .items-panel.is-active .item-db-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-body {
    align-items: start !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-list {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    height: var(--rutl-item-detail-height, 42rem) !important;
    min-height: 0 !important;
    max-height: var(--rutl-item-detail-height, 42rem) !important;
    overflow: hidden !important;
    align-self: start !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-list-scroll {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

/* RUTL hard final v9: formula ad rail follows article top 20260805 */
@media (min-width: 981px) {
  .formulas-panel.is-active .formula-toc.formula-ad-rail {
    top: var(--rutl-formula-ad-top, calc(var(--site-header-height, 4.5rem) + var(--rutl-page-top-gap, 1rem) + clamp(0.9rem, 1.5vw, 1.5rem))) !important;
  }
}

/* RUTL hard final v10: T2 mastery side rail containment 20260805 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-t2-side-rail {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    gap: 0.65rem !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: calc(100svh - var(--site-header-height, 4.5rem) - 4rem) !important;
    padding: 0 0.25rem 0 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(202, 177, 112, 0.42) rgba(10, 10, 10, 0.55) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .builder-panel.is-active .builder-t2-side-rail::-webkit-scrollbar {
    width: 0.44rem !important;
  }

  .builder-panel.is-active .builder-t2-side-rail::-webkit-scrollbar-track {
    margin-block: 0.18rem !important;
    border-radius: 999px !important;
    background: rgba(10, 10, 10, 0.55) !important;
  }

  .builder-panel.is-active .builder-t2-side-rail::-webkit-scrollbar-thumb {
    border: 1px solid rgba(0, 0, 0, 0.42) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(216, 191, 124, 0.52), rgba(123, 99, 52, 0.58)) !important;
  }

  .builder-panel.is-active .builder-t2-side-rail > .builder-t2-common,
  .builder-panel.is-active .builder-t2-side-rail > .builder-t2-panel {
    flex: 0 0 auto !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    order: initial !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .builder-panel.is-active .builder-t2-side-rail > .builder-t2-common {
    order: 0 !important;
  }

  .builder-panel.is-active .builder-t2-side-rail > .builder-t2-panel {
    max-height: none !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-t2-side-rail > .builder-t2-node-summary {
    order: 1 !important;
  }

  .builder-panel.is-active .builder-t2-side-rail > .builder-t2-panel:nth-of-type(3) {
    order: 2 !important;
    max-height: min(23rem, calc(100svh - 34rem)) !important;
    min-height: 9rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .builder-panel.is-active .builder-t2-side-rail > .builder-t2-panel:nth-of-type(4) {
    order: 3 !important;
    max-height: 17rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 1280px) {
  .builder-panel.is-active .builder-t2-side-rail {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* RUTL hard final v11: T2 mastery calculations and passive picker spacing 20260805 */
.builder-panel.is-active .builder-t2-side-rail .builder-t2-common h3 small {
  color: #d8b76a !important;
  text-shadow: 0 0 10px rgba(216, 183, 106, 0.18) !important;
}

.builder-panel.is-active .builder-t2-passive-picker-panel {
  padding-top: 3.55rem !important;
}

.builder-panel.is-active .builder-t2-passive-picker-close {
  top: 0.72rem !important;
  right: 0.72rem !important;
  width: 2rem !important;
  height: 2rem !important;
  z-index: 5 !important;
}

.builder-panel.is-active .builder-t2-passive-picker-grid {
  max-height: calc(min(94svh, 48rem) - 4.45rem) !important;
}

@media (min-width: 981px) and (max-height: 780px) {
  .builder-panel.is-active .builder-t2-passive-picker-panel {
    padding-top: 3.35rem !important;
  }

  .builder-panel.is-active .builder-t2-passive-picker-grid {
    max-height: calc(96svh - 4.25rem) !important;
  }
}

/* RUTL builder desktop tab hitbox fix 20260806 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-main-stage > .builder-view-tabs {
    z-index: 80 !important;
    pointer-events: auto !important;
  }

  .builder-panel.is-active .builder-main-stage > .builder-view-tabs .builder-view-tab {
    position: relative !important;
    z-index: 81 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  .builder-panel.is-active .builder-topbar-compact {
    z-index: 20 !important;
  }
}

/* RUTL map filter active state restore 20260806 */
#mapPanel .category-button.is-active {
  border-color: rgba(235, 190, 96, 0.88) !important;
  background:
    linear-gradient(180deg, rgba(82, 61, 28, 0.96), rgba(38, 30, 21, 0.96)) !important;
  color: #fff4c8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 178, 0.16),
    0 0 0 1px rgba(235, 190, 96, 0.16),
    0 0 16px rgba(214, 157, 58, 0.18) !important;
}

#mapPanel .category-button.is-active img {
  filter: drop-shadow(0 0 5px rgba(246, 203, 112, 0.45));
}

#mapPanel .category-button.is-active span {
  color: #fff4c8 !important;
}


/* RUTL builder active subbuild and variant menu fix 20260806 */
.builder-panel.is-active .builder-build-list-scroll .builder-build-card.is-active {
  border-color: rgba(232, 190, 93, 0.86) !important;
  background:
    linear-gradient(90deg, rgba(232, 190, 93, 0.18), rgba(33, 24, 13, 0.18) 38%, rgba(18, 18, 20, 0.98)),
    linear-gradient(180deg, rgba(32, 31, 35, 0.98), rgba(18, 18, 22, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 185, 0.12),
    inset 0 0 0 1px rgba(232, 190, 93, 0.12),
    0 0 0 1px rgba(232, 190, 93, 0.08),
    0 0 18px rgba(211, 161, 64, 0.16) !important;
}

.builder-panel.is-active .builder-build-list-scroll .builder-build-card.is-active::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.42rem !important;
  bottom: 0.42rem !important;
  width: 0.18rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f3d47b, #a87b2e) !important;
  box-shadow: 0 0 10px rgba(232, 190, 93, 0.42) !important;
  pointer-events: none !important;
}

.builder-panel.is-active .builder-build-list-scroll .builder-build-card.is-active .builder-build-name {
  color: #ffe9ad !important;
  text-shadow: 0 0 10px rgba(232, 190, 93, 0.18) !important;
}

.builder-panel.is-active .builder-build-list-scroll:has(.builder-build-card.has-menu),
.builder-panel.is-active .builder-builds:has(.builder-build-card.has-menu),
.builder-panel.is-active .builder-left-rail:has(.builder-build-card.has-menu) {
  overflow: visible !important;
}

.builder-panel.is-active .builder-build-card.has-menu {
  z-index: 2200 !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-card-actions {
  position: relative !important;
  z-index: 2201 !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu {
  top: calc(100% + 0.35rem) !important;
  right: 0 !important;
  z-index: 2300 !important;
  border-color: rgba(232, 190, 93, 0.52) !important;
  background: linear-gradient(180deg, rgba(31, 28, 24, 0.98), rgba(18, 16, 18, 0.98)) !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.62), 0 0 0 1px rgba(232, 190, 93, 0.08) !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu button:hover,
.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu button:focus-visible {
  background: rgba(232, 190, 93, 0.14) !important;
  color: #ffe9ad !important;
}


/* RUTL picker and item database icons match equipped slots 20260806 */
.builder-panel.is-active .builder-item-icon:not(.is-empty),
.builder-panel.is-active .builder-choice-list .builder-choice-icon,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice-icon,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice > img,
.builder-panel.is-active .builder-choice-list .builder-choice > img,
.items-panel.is-active .item-db-icon,
.items-panel.is-active .item-db-card-icon {
  background:
    radial-gradient(circle at 50% 36%,
      color-mix(in srgb, var(--grade, #8e55be) 44%, #25202b 56%) 0%,
      color-mix(in srgb, var(--grade, #8e55be) 28%, #111114 72%) 48%,
      #050505 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(5, 5, 5, 0.78),
    inset 0 0 1.25rem rgba(0, 0, 0, 0.72),
    0 0 0 1px rgba(225, 198, 112, 0.5),
    0 0.16rem 0.48rem rgba(0, 0, 0, 0.5) !important;
}

.builder-panel.is-active .builder-item-icon:not(.is-empty) img,
.builder-panel.is-active .builder-choice-list .builder-choice-icon img,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice-icon img,
.builder-panel.is-active .builder-item-dropdown-results .builder-choice > img,
.builder-panel.is-active .builder-choice-list .builder-choice > img,
.items-panel.is-active .item-db-icon img,
.items-panel.is-active .item-db-card-icon img {
  filter: contrast(1.08) saturate(1.05) brightness(0.96) !important;
}

/* RUTL subbuild menu containment 20260806 */
.builder-panel.is-active .builder-build-list-scroll .builder-build-card,
.builder-panel.is-active .builder-build-list-scroll .builder-build-card.has-menu {
  max-width: 100% !important;
  min-width: 0 !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-card-actions {
  position: static !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu {
  right: 0.35rem !important;
  width: min(11rem, calc(100% - 0.7rem)) !important;
  min-width: 0 !important;
  max-width: calc(100% - 0.7rem) !important;
  box-sizing: border-box !important;
}


/* RUTL subbuild menu fixed overlay 20260806 */
.builder-panel.is-active .builder-build-list-scroll:has(.builder-build-card.has-menu),
.builder-panel.is-active .builder-builds:has(.builder-build-card.has-menu),
.builder-panel.is-active .builder-left-rail:has(.builder-build-card.has-menu) {
  min-width: 0 !important;
  max-width: var(--rutl-builder-left-rail-width, 18rem) !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu {
  position: fixed !important;
  left: auto;
  right: auto !important;
  top: auto;
  z-index: 9000 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}


/* RUTL build catalog forged cards 20260806 */
.builds-panel.is-active .builder-catalog-card {
  --rutl-card-gold: rgba(216, 176, 91, 0.34) !important;
  --rutl-card-gold-soft: rgba(216, 176, 91, 0.12) !important;
  --rutl-card-iron: rgba(19, 19, 20, 0.98) !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-color: rgba(216, 176, 91, 0.24) !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(216, 176, 91, 0.13) 0%, rgba(216, 176, 91, 0.035) 32%, transparent 58%),
    radial-gradient(ellipse at 92% 50%, rgba(216, 176, 91, 0.08) 0%, rgba(43, 36, 23, 0.08) 33%, transparent 64%),
    linear-gradient(180deg, rgba(28, 28, 29, 0.985), rgba(13, 13, 14, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 241, 190, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.65),
    inset 0 0 0 1px rgba(0, 0, 0, 0.34),
    0 0.7rem 1.35rem rgba(0, 0, 0, 0.28) !important;
}

.builds-panel.is-active .builder-catalog-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(216, 176, 91, 0.12), transparent 20%, transparent 80%, rgba(216, 176, 91, 0.07)),
    linear-gradient(180deg, rgba(255, 244, 205, 0.035), transparent 42%, rgba(0, 0, 0, 0.18)),
    radial-gradient(circle at 8% 12%, rgba(255, 230, 154, 0.09) 0 1px, transparent 1.5px),
    radial-gradient(circle at 42% 86%, rgba(255, 230, 154, 0.05) 0 1px, transparent 1.5px) !important;
}

.builds-panel.is-active .builder-catalog-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0.42rem !important;
  z-index: -1 !important;
  border-radius: 5px !important;
  pointer-events: none !important;
  border: 1px solid rgba(216, 176, 91, 0.08) !important;
  background:
    linear-gradient(90deg, transparent 0 2.2rem, rgba(216, 176, 91, 0.10) 2.2rem 2.28rem, transparent 2.28rem 100%),
    linear-gradient(180deg, transparent 0 calc(100% - 2.2rem), rgba(216, 176, 91, 0.08) calc(100% - 2.2rem) calc(100% - 2.12rem), transparent calc(100% - 2.12rem) 100%) !important;
  opacity: 0.82 !important;
}

.builds-panel.is-active .builder-catalog-card:hover {
  border-color: rgba(229, 190, 101, 0.42) !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(229, 190, 101, 0.16) 0%, rgba(229, 190, 101, 0.045) 34%, transparent 60%),
    radial-gradient(ellipse at 92% 50%, rgba(229, 190, 101, 0.105) 0%, rgba(43, 36, 23, 0.09) 34%, transparent 64%),
    linear-gradient(180deg, rgba(30, 30, 30, 0.99), rgba(14, 14, 15, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 241, 190, 0.11),
    inset 0 -1px 0 rgba(0, 0, 0, 0.68),
    inset 0 0 0 1px rgba(0, 0, 0, 0.34),
    0 0.85rem 1.55rem rgba(0, 0, 0, 0.32),
    0 0 1rem rgba(216, 176, 91, 0.055) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-card-main,
.builds-panel.is-active .builder-catalog-card .builder-catalog-card-side {
  position: relative !important;
  z-index: 1 !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-glow {
  opacity: 0.18 !important;
  filter: saturate(0.45) brightness(0.75) !important;
  background:
    radial-gradient(circle at 64% 42%, rgba(216, 176, 91, 0.18), transparent 34%),
    radial-gradient(circle at 82% 74%, rgba(148, 118, 63, 0.12), transparent 28%) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-weapon {
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.74),
    0 0 0 1px rgba(216, 176, 91, 0.28),
    0 0.48rem 0.95rem rgba(0, 0, 0, 0.4) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-open {
  border-color: rgba(216, 176, 91, 0.5) !important;
  background:
    linear-gradient(180deg, rgba(58, 46, 25, 0.92), rgba(25, 22, 17, 0.98)) !important;
  color: #ead8a1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 184, 0.12) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-open:hover {
  border-color: rgba(232, 196, 112, 0.68) !important;
  background:
    linear-gradient(180deg, rgba(73, 57, 29, 0.96), rgba(31, 26, 18, 0.98)) !important;
  color: #fff1bd !important;
}

/* RUTL subbuild menu portal final 20260806 */
.builder-panel.is-active .builder-build-list-scroll,
.builder-panel.is-active .builder-builds,
.builder-panel.is-active .builder-left-rail {
  min-width: 0 !important;
}

.builder-panel.is-active .builder-build-card.has-menu {
  z-index: auto !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-card-actions {
  position: static !important;
  z-index: auto !important;
}

.builder-panel.is-active .builder-build-menu.builder-build-menu-portal {
  position: fixed !important;
  left: 0;
  right: auto !important;
  top: 0;
  z-index: 9000 !important;
  min-width: 0 !important;
  width: 10.5rem !important;
  max-width: 10.5rem !important;
  box-sizing: border-box !important;
  border-color: rgba(232, 190, 93, 0.54) !important;
  background:
    linear-gradient(180deg, rgba(30, 28, 23, 0.99), rgba(15, 15, 16, 0.99)) !important;
  box-shadow:
    0 1rem 2rem rgba(0, 0, 0, 0.66),
    0 0 0 1px rgba(232, 190, 93, 0.08) !important;
}

.builder-panel.is-active .builder-build-menu.builder-build-menu-portal button:hover,
.builder-panel.is-active .builder-build-menu.builder-build-menu-portal button:focus-visible {
  background: rgba(232, 190, 93, 0.14) !important;
  color: #ffe9ad !important;
}

/* RUTL strict build catalog cards and author modal 20260806 */
.builds-panel.is-active .builder-catalog-card,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  --rutl-build-card-gold: rgba(216, 176, 91, 0.26) !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-color: rgba(216, 176, 91, 0.22) !important;
  background:
    radial-gradient(ellipse at 82% 46%, rgba(216, 176, 91, 0.075) 0%, rgba(216, 176, 91, 0.026) 32%, transparent 58%),
    linear-gradient(180deg, rgba(22, 22, 23, 0.99), rgba(11, 11, 12, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 241, 190, 0.055),
    inset 0 0 0 1px rgba(0, 0, 0, 0.46),
    0 0.72rem 1.35rem rgba(0, 0, 0, 0.32) !important;
}

.builds-panel.is-active .builder-catalog-card::before,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(216, 176, 91, 0.09), transparent 23%, transparent 78%, rgba(216, 176, 91, 0.05)),
    linear-gradient(180deg, rgba(255, 241, 190, 0.032), transparent 46%, rgba(0, 0, 0, 0.20)) !important;
}

.builds-panel.is-active .builder-catalog-card::after,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact::after {
  content: "" !important;
  position: absolute !important;
  inset: 0.38rem !important;
  z-index: -1 !important;
  border-radius: 5px !important;
  pointer-events: none !important;
  border: 1px solid rgba(216, 176, 91, 0.055) !important;
  background: none !important;
  opacity: 1 !important;
}

.builds-panel.is-active .builder-catalog-card:hover,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact:hover {
  border-color: rgba(229, 190, 101, 0.38) !important;
  background:
    radial-gradient(ellipse at 82% 46%, rgba(229, 190, 101, 0.10) 0%, rgba(229, 190, 101, 0.034) 34%, transparent 60%),
    linear-gradient(180deg, rgba(25, 25, 26, 0.99), rgba(12, 12, 13, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 241, 190, 0.08),
    inset 0 0 0 1px rgba(0, 0, 0, 0.46),
    0 0.88rem 1.55rem rgba(0, 0, 0, 0.36),
    0 0 1rem rgba(216, 176, 91, 0.04) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-card-main,
.builds-panel.is-active .builder-catalog-card .builder-catalog-card-side,
.builder-author-builds-list .builder-author-build-card .builder-catalog-card-main,
.builder-author-builds-list .builder-author-build-card .builder-catalog-card-side {
  position: relative !important;
  z-index: 1 !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-glow,
.builder-author-builds-list .builder-author-build-card .builder-catalog-art-glow {
  opacity: 0.13 !important;
  filter: saturate(0.32) brightness(0.72) !important;
  background:
    radial-gradient(circle at 64% 42%, rgba(216, 176, 91, 0.16), transparent 34%),
    radial-gradient(circle at 82% 74%, rgba(127, 105, 64, 0.09), transparent 28%) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-weapon,
.builder-author-builds-list .builder-author-build-card .builder-catalog-art-weapon {
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.74),
    0 0 0 1px rgba(216, 176, 91, 0.24),
    0 0.48rem 0.95rem rgba(0, 0, 0, 0.42) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-open,
.builder-author-builds-list .builder-author-build-card .builder-catalog-open {
  border-color: rgba(216, 176, 91, 0.5) !important;
  background: linear-gradient(180deg, rgba(48, 39, 23, 0.92), rgba(20, 18, 15, 0.98)) !important;
  color: #ead8a1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 184, 0.12) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-open:hover,
.builder-author-builds-list .builder-author-build-card .builder-catalog-open:hover {
  border-color: rgba(232, 196, 112, 0.7) !important;
  background: linear-gradient(180deg, rgba(62, 49, 26, 0.96), rgba(26, 22, 16, 0.98)) !important;
  color: #fff1bd !important;
}

.builder-author-builds-modal {
  width: min(44rem, calc(100vw - 1.5rem)) !important;
  max-width: calc(100vw - 1.5rem) !important;
  height: min(42rem, calc(100dvh - 1.5rem)) !important;
  max-height: calc(100dvh - 1.5rem) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 0.75rem !important;
  padding: 1.25rem !important;
  overflow: hidden !important;
  border-color: rgba(216, 176, 91, 0.34) !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(216, 176, 91, 0.07), transparent 42%),
    linear-gradient(180deg, rgba(20, 20, 21, 0.98), rgba(9, 9, 10, 0.995)) !important;
}

.builder-author-builds-modal h2 {
  margin: 0 !important;
  padding: 0 2.5rem 0 0 !important;
  text-align: center !important;
  color: #ffe6a4 !important;
}

.builder-author-builds-tier {
  justify-self: center !important;
  display: inline-flex !important;
  gap: 0.25rem !important;
  padding: 0.22rem !important;
  border: 1px solid rgba(216, 176, 91, 0.22) !important;
  border-radius: 0.42rem !important;
  background: rgba(12, 12, 14, 0.72) !important;
}

.builder-author-builds-tier button {
  min-width: 3rem !important;
  min-height: 2rem !important;
  border: 1px solid transparent !important;
  border-radius: 0.32rem !important;
  background: transparent !important;
  color: rgba(244, 235, 210, 0.82) !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.builder-author-builds-tier button.is-active {
  border-color: rgba(232, 190, 93, 0.68) !important;
  background: linear-gradient(180deg, rgba(73, 57, 29, 0.92), rgba(27, 23, 16, 0.98)) !important;
  color: #ffe8aa !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 184, 0.12) !important;
}

.builder-author-builds-modal .builder-author-builds-list {
  max-height: none !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0.08rem 0.45rem 0.08rem 0 !important;
  scrollbar-gutter: stable !important;
}

.builder-author-builds-modal .builder-catalog-muted,
.builder-author-builds-modal .builder-catalog-error {
  align-self: start !important;
}

@media (max-width: 720px) {
  .builder-author-builds-modal {
    width: min(100%, calc(100vw - 1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    height: min(40rem, calc(100dvh - 1rem)) !important;
    max-height: calc(100dvh - 1rem) !important;
    padding: 1rem !important;
  }

  .builder-author-builds-modal h2 {
    text-align: left !important;
    font-size: clamp(1.18rem, 5.4vw, 1.55rem) !important;
  }
}

/* RUTL final clean build cards, author modal and body menu 20260806 */
.builder-panel.is-active .builder-build-list-scroll:has(.builder-build-card.has-menu),
.builder-panel.is-active .builder-builds:has(.builder-build-card.has-menu),
.builder-panel.is-active .builder-left-rail:has(.builder-build-card.has-menu),
.builder-panel.is-active .builder-build-list-scroll,
.builder-panel.is-active .builder-builds,
.builder-panel.is-active .builder-left-rail {
  min-width: 0 !important;
  width: auto !important;
  max-width: var(--rutl-builder-left-rail-width, 18rem) !important;
  overflow-x: hidden !important;
}

.builder-panel.is-active .builder-build-list-scroll {
  overflow-y: auto !important;
}

.builder-build-menu.builder-build-menu-portal {
  position: fixed !important;
  display: grid !important;
  left: 0;
  top: 0;
  right: auto !important;
  z-index: 2147483000 !important;
  width: 10.5rem !important;
  min-width: 0 !important;
  max-width: 10.5rem !important;
  box-sizing: border-box !important;
  padding: 0.35rem !important;
  border: 1px solid rgba(216, 176, 91, 0.56) !important;
  border-radius: 0.38rem !important;
  background: linear-gradient(180deg, rgba(24, 23, 21, 0.995), rgba(11, 11, 12, 0.995)) !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(0, 0, 0, 0.7) !important;
  transform: none !important;
  contain: none !important;
}

.builder-build-menu.builder-build-menu-portal button {
  min-height: 2.2rem !important;
  padding: 0.6rem 0.7rem !important;
  border: 0 !important;
  border-radius: 0.28rem !important;
  background: transparent !important;
  color: #f4ead2 !important;
  font-weight: 850 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.builder-build-menu.builder-build-menu-portal button:hover,
.builder-build-menu.builder-build-menu-portal button:focus-visible {
  background: rgba(216, 176, 91, 0.14) !important;
  color: #ffe7a6 !important;
}

.builds-panel.is-active .builder-catalog-card,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-color: rgba(216, 176, 91, 0.24) !important;
  background: linear-gradient(180deg, rgba(24, 24, 25, 0.995), rgba(12, 12, 13, 0.998)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 184, 0.055),
    inset 0 0 0 1px rgba(0, 0, 0, 0.48),
    0 0.58rem 1.1rem rgba(0, 0, 0, 0.34) !important;
}

.builds-panel.is-active .builder-catalog-card::before,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(216, 176, 91, 0.055), transparent 18%, transparent 82%, rgba(216, 176, 91, 0.035)) !important;
}

.builds-panel.is-active .builder-catalog-card::after,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact::after {
  content: "" !important;
  position: absolute !important;
  inset: 0.36rem !important;
  z-index: -1 !important;
  border-radius: 5px !important;
  pointer-events: none !important;
  border: 1px solid rgba(216, 176, 91, 0.045) !important;
  background: none !important;
  opacity: 1 !important;
}

.builds-panel.is-active .builder-catalog-card:hover,
.builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact:hover {
  border-color: rgba(232, 196, 112, 0.42) !important;
  background: linear-gradient(180deg, rgba(27, 27, 28, 0.995), rgba(13, 13, 14, 0.998)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 184, 0.075),
    inset 0 0 0 1px rgba(0, 0, 0, 0.48),
    0 0.72rem 1.32rem rgba(0, 0, 0, 0.38),
    0 0 0.75rem rgba(216, 176, 91, 0.035) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-glow,
.builder-author-builds-list .builder-author-build-card .builder-catalog-art-glow {
  opacity: 0.10 !important;
  filter: saturate(0.22) brightness(0.7) !important;
  background: radial-gradient(circle at 64% 46%, rgba(216, 176, 91, 0.14), transparent 36%) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-art-weapon,
.builder-author-builds-list .builder-author-build-card .builder-catalog-art-weapon {
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.76),
    0 0 0 1px rgba(216, 176, 91, 0.26),
    0 0.42rem 0.85rem rgba(0, 0, 0, 0.45) !important;
}

.builds-panel.is-active .builder-catalog-card .builder-catalog-open,
.builder-author-builds-list .builder-author-build-card .builder-catalog-open {
  border-color: rgba(216, 176, 91, 0.52) !important;
  background: linear-gradient(180deg, rgba(45, 36, 22, 0.95), rgba(18, 17, 15, 0.99)) !important;
  color: #ead8a1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 184, 0.12) !important;
}

.builder-author-builds-modal {
  width: min(44rem, calc(100vw - 1.5rem)) !important;
  height: min(48rem, calc(100dvh - 1.25rem)) !important;
  max-width: calc(100vw - 1.5rem) !important;
  max-height: calc(100dvh - 1.25rem) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  padding: 1.25rem !important;
  overflow: hidden !important;
  border-color: rgba(216, 176, 91, 0.38) !important;
  background: linear-gradient(180deg, rgba(20, 20, 21, 0.995), rgba(8, 8, 9, 0.998)) !important;
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 238, 184, 0.055) !important;
}

.builder-author-builds-modal h2,
.builder-author-builds-modal .builder-author-builds-tier {
  flex: 0 0 auto !important;
}

.builder-modal-card.builder-author-builds-modal:has(.builder-author-builds-list) .builder-author-builds-list,
.builder-author-builds-modal .builder-author-builds-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0.08rem 0.45rem 0.08rem 0 !important;
  scrollbar-gutter: stable !important;
}

.builder-author-builds-modal .builder-catalog-muted,
.builder-author-builds-modal .builder-catalog-error {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

@media (max-width: 720px) {
  .builder-author-builds-modal {
    width: min(100%, calc(100vw - 1rem)) !important;
    height: min(44rem, calc(100dvh - 1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: calc(100dvh - 1rem) !important;
    padding: 1rem !important;
  }
}



/* RUTL final portal subbuild menu and author builds modal fix 20260806 */
.builder-build-menu.builder-build-menu-portal[data-positioned="false"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.builder-build-menu.builder-build-menu-portal[data-positioned="true"] {
  visibility: visible !important;
  opacity: 1 !important;
}

.builder-build-menu.builder-build-menu-portal {
  right: auto !important;
  bottom: auto !important;
  max-width: calc(100vw - 1rem) !important;
  transform: translate3d(0, 0, 0) !important;
}

.builder-author-builds-modal .builder-author-builds-tier {
  align-self: center !important;
  justify-self: center !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
}

.builder-author-builds-modal .builder-author-builds-tier button {
  width: auto !important;
  flex: 0 0 auto !important;
}

.builder-modal-card.builder-author-builds-modal:has(.builder-author-builds-list) .builder-author-builds-list,
.builder-author-builds-modal .builder-author-builds-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 0.65rem !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.builder-author-builds-modal .builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  height: auto !important;
  min-height: 7.15rem !important;
  max-height: none !important;
  align-self: start !important;
  grid-template-columns: minmax(0, 1fr) 8.4rem !important;
  gap: 0.75rem !important;
  padding: 0.72rem 0.82rem !important;
}

.builder-author-builds-modal .builder-author-builds-list .builder-catalog-card-main {
  min-height: 0 !important;
  justify-content: start !important;
  gap: 0.28rem !important;
}

.builder-author-builds-modal .builder-author-builds-list .builder-catalog-card-side {
  min-height: 5.9rem !important;
  align-self: stretch !important;
}

/* RUTL final author card layout lock 20260806 */
.builder-author-builds-modal .builder-author-builds-list .builder-author-build-card.builder-catalog-card-compact {
  display: grid !important;
  place-items: stretch !important;
}


/* RUTL final local subbuild menu anchor 20260806 */
.builder-panel.is-active .builder-build-list-scroll,
.builder-panel.is-active .builder-builds {
  overflow-x: hidden !important;
}

.builder-panel.is-active .builder-build-list-scroll .builder-build-card,
.builder-panel.is-active .builder-build-list-scroll .builder-build-card.has-menu {
  position: relative !important;
  overflow: visible !important;
  contain: none !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu,
.builder-build-card.has-menu .builder-build-menu {
  position: absolute !important;
  z-index: 80 !important;
  top: 2.65rem !important;
  right: 0.55rem !important;
  left: auto !important;
  bottom: auto !important;
  display: grid !important;
  width: min(10.75rem, calc(100% - 1.1rem)) !important;
  min-width: 0 !important;
  max-width: calc(100% - 1.1rem) !important;
  padding: 0.35rem !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(216, 176, 91, 0.64) !important;
  border-radius: 0.42rem !important;
  background: linear-gradient(180deg, rgba(24, 23, 21, 0.995), rgba(10, 10, 11, 0.995)) !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(0, 0, 0, 0.75) !important;
  transform: none !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu button,
.builder-build-card.has-menu .builder-build-menu button {
  min-height: 2.2rem !important;
  padding: 0.58rem 0.68rem !important;
  border: 0 !important;
  border-radius: 0.3rem !important;
  background: transparent !important;
  color: #f4ead2 !important;
  font-weight: 850 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu button:hover,
.builder-panel.is-active .builder-build-card.has-menu .builder-build-menu button:focus-visible,
.builder-build-card.has-menu .builder-build-menu button:hover,
.builder-build-card.has-menu .builder-build-menu button:focus-visible {
  background: rgba(216, 176, 91, 0.14) !important;
  color: #ffe7a6 !important;
}


/* RUTL final body portal subbuild menu no clipping 20260806 */
body > .builder-build-menu.builder-build-menu-portal {
  position: fixed !important;
  display: grid !important;
  left: 0;
  top: 0;
  right: auto !important;
  bottom: auto !important;
  z-index: 2147483000 !important;
  width: 10.75rem !important;
  min-width: 0 !important;
  max-width: calc(100vw - 1rem) !important;
  box-sizing: border-box !important;
  padding: 0.35rem !important;
  border: 1px solid rgba(216, 176, 91, 0.64) !important;
  border-radius: 0.42rem !important;
  background: linear-gradient(180deg, rgba(24, 23, 21, 0.995), rgba(10, 10, 11, 0.995)) !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(0, 0, 0, 0.75) !important;
  transform: none !important;
  contain: none !important;
  overflow: visible !important;
}

body > .builder-build-menu.builder-build-menu-portal[data-positioned="false"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body > .builder-build-menu.builder-build-menu-portal[data-positioned="true"] {
  visibility: visible !important;
  opacity: 1 !important;
}

body > .builder-build-menu.builder-build-menu-portal button {
  min-height: 2.2rem !important;
  padding: 0.58rem 0.68rem !important;
  border: 0 !important;
  border-radius: 0.3rem !important;
  background: transparent !important;
  color: #f4ead2 !important;
  font-weight: 850 !important;
  text-align: left !important;
  cursor: pointer !important;
}

body > .builder-build-menu.builder-build-menu-portal button:hover,
body > .builder-build-menu.builder-build-menu-portal button:focus-visible {
  background: rgba(216, 176, 91, 0.14) !important;
  color: #ffe7a6 !important;
}


/* RUTL desktop subbuild compare modal 20260808 */
.builder-compare-builds-button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.48rem !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(216, 176, 91, 0.58) !important;
  border-radius: 0.38rem !important;
  background: linear-gradient(180deg, rgba(41, 34, 22, 0.96), rgba(17, 16, 15, 0.995)) !important;
  color: #f4e2ad !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 184, 0.12), 0 0.45rem 1rem rgba(0, 0, 0, 0.28) !important;
}

.builder-compare-builds-button svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: 0.88 !important;
}

.builder-compare-builds-button:hover:not(:disabled),
.builder-compare-builds-button:focus-visible:not(:disabled) {
  border-color: rgba(232, 194, 104, 0.78) !important;
  color: #ffe9ad !important;
  background: linear-gradient(180deg, rgba(58, 45, 24, 0.98), rgba(19, 17, 14, 0.995)) !important;
}

.builder-compare-builds-button:disabled {
  cursor: default !important;
  opacity: 0.48 !important;
  filter: grayscale(0.25) !important;
}

.builder-compare-modal {
  width: min(94rem, calc(100vw - 2rem)) !important;
  height: min(46rem, calc(100dvh - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;
  max-height: calc(100dvh - 2rem) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.85rem !important;
  padding: 1.1rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 176, 91, 0.38) !important;
  border-radius: 0.58rem !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(216, 176, 91, 0.07), transparent 36%),
    linear-gradient(180deg, rgba(19, 19, 20, 0.995), rgba(8, 8, 9, 0.998)) !important;
  box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, 0.72), inset 0 1px 0 rgba(255, 238, 184, 0.06) !important;
}

.builder-compare-head {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 24rem) !important;
  gap: 1rem !important;
  align-items: end !important;
  padding-right: 2.4rem !important;
}

.builder-compare-head h2 {
  margin: 0 !important;
  color: #ffe6a4 !important;
  font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.builder-compare-head p {
  margin: 0.28rem 0 0 !important;
  color: rgba(241, 228, 196, 0.72) !important;
  font-size: 0.9rem !important;
}

.builder-compare-head p b {
  color: #f3d689 !important;
  font-weight: 700 !important;
}

.builder-compare-search {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 2.45rem !important;
  border: 1px solid rgba(216, 176, 91, 0.24) !important;
  border-radius: 0.42rem !important;
  background: rgba(18, 18, 19, 0.98) !important;
  color: #f7efdc !important;
  padding: 0 0.85rem !important;
  font-weight: 620 !important;
  outline: none !important;
}

.builder-compare-search:focus {
  border-color: rgba(232, 194, 104, 0.68) !important;
  box-shadow: 0 0 0 2px rgba(216, 176, 91, 0.13) !important;
}

.builder-compare-scroll {
  min-height: 0 !important;
  overflow: auto !important;
  border: 1px solid rgba(216, 176, 91, 0.18) !important;
  border-radius: 0.45rem !important;
  background: rgba(7, 7, 8, 0.62) !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.45) rgba(10, 10, 10, 0.62) !important;
}

.builder-compare-scroll::-webkit-scrollbar {
  width: 0.55rem !important;
  height: 0.55rem !important;
}

.builder-compare-scroll::-webkit-scrollbar-track {
  background: rgba(10, 10, 10, 0.62) !important;
}

.builder-compare-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 191, 124, 0.54), rgba(123, 99, 52, 0.62)) !important;
}

.builder-compare-grid {
  --compare-label-width: 14.2rem;
  --compare-build-width: 13.4rem;
  min-width: max(100%, var(--compare-table-width, 40rem)) !important;
}

.builder-compare-header-row,
.builder-compare-row {
  display: grid !important;
  grid-template-columns: var(--compare-label-width) repeat(var(--compare-columns), minmax(var(--compare-build-width), 1fr)) !important;
}

.builder-compare-header-row {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  background: linear-gradient(180deg, rgba(20, 20, 20, 0.995), rgba(12, 12, 13, 0.995)) !important;
  border-bottom: 1px solid rgba(216, 176, 91, 0.22) !important;
}

.builder-compare-corner,
.builder-compare-stat-name {
  position: sticky !important;
  left: 0 !important;
  z-index: 4 !important;
  background: linear-gradient(180deg, rgba(18, 18, 19, 0.995), rgba(10, 10, 11, 0.995)) !important;
}

.builder-compare-corner {
  z-index: 12 !important;
  padding: 0.85rem 0.9rem !important;
  color: rgba(255, 236, 184, 0.9) !important;
  font-weight: 760 !important;
  border-right: 1px solid rgba(216, 176, 91, 0.18) !important;
}

.builder-compare-build-head {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem !important;
  padding: 0.72rem 0.75rem !important;
  border-left: 1px solid rgba(255, 255, 255, 0.045) !important;
}

.builder-compare-build-head.is-active {
  position: sticky !important;
  left: var(--compare-label-width) !important;
  z-index: 11 !important;
  background: linear-gradient(180deg, rgba(42, 34, 20, 0.995), rgba(15, 14, 12, 0.995)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(232, 194, 104, 0.24),
    0.45rem 0 0.85rem rgba(0, 0, 0, 0.32) !important;
}

.builder-compare-build-head strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #f8edd2 !important;
  font-weight: 730 !important;
  line-height: 1.15 !important;
}

.builder-compare-build-head span {
  display: block !important;
  margin-top: 0.2rem !important;
  color: #d9b96d !important;
  font-size: 0.78rem !important;
  font-weight: 680 !important;
}

.builder-compare-build-head p {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  gap: 0.24rem !important;
  margin: 0 !important;
}

.builder-compare-build-head img,
.builder-compare-build-head p > span {
  width: 1.85rem !important;
  height: 1.85rem !important;
  border: 1px solid var(--grade, rgba(216, 176, 91, 0.42)) !important;
  border-radius: 0.32rem !important;
  background: radial-gradient(circle at 50% 42%, rgba(90, 63, 128, 0.48), rgba(14, 13, 16, 0.98)) !important;
  object-fit: cover !important;
}

.builder-compare-body {
  min-width: 100% !important;
}

.builder-compare-group-heading {
  display: grid !important;
  grid-template-columns: var(--compare-label-width) minmax(0, 1fr) !important;
  min-width: 100% !important;
  border-top: 1px solid rgba(216, 176, 91, 0.32) !important;
  border-bottom: 1px solid rgba(216, 176, 91, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(93, 70, 30, 0.22), rgba(216, 176, 91, 0.055) 38%, rgba(10, 10, 11, 0.02)) !important;
}

.builder-compare-group-title {
  position: sticky !important;
  left: 0 !important;
  z-index: 5 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.62rem 0.9rem 0.5rem !important;
  color: #f0cf7c !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  background: linear-gradient(180deg, rgba(20, 18, 14, 0.995), rgba(11, 10, 9, 0.995)) !important;
  border-right: 1px solid rgba(216, 176, 91, 0.16) !important;
}

.builder-compare-group-title span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
}

.builder-compare-group-title span::before {
  content: "" !important;
  width: 0.42rem !important;
  height: 0.42rem !important;
  border-radius: 50% !important;
  background: #d8b05b !important;
  box-shadow: 0 0 0 3px rgba(216, 176, 91, 0.12) !important;
}

.builder-compare-group-rule {
  min-width: 0 !important;
  background: linear-gradient(90deg, rgba(216, 176, 91, 0.12), rgba(216, 176, 91, 0.025) 46%, rgba(216, 176, 91, 0.08)) !important;
}

.builder-compare-row {
  border-top: 1px solid rgba(255, 255, 255, 0.055) !important;
}

.builder-compare-stat-name,
.builder-compare-value {
  min-width: 0 !important;
  min-height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  padding: 0.52rem 0.78rem !important;
}

.builder-compare-stat-name {
  border-right: 1px solid rgba(216, 176, 91, 0.16) !important;
  color: rgba(246, 239, 218, 0.92) !important;
  font-weight: 680 !important;
  line-height: 1.18 !important;
}

.builder-compare-stat-name span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.builder-compare-value {
  position: relative !important;
  justify-content: space-between !important;
  gap: 0.55rem !important;
  border-left: 1px solid rgba(255, 255, 255, 0.035) !important;
  color: #f5ead2 !important;
}

.builder-compare-row .builder-compare-value:nth-child(2) {
  position: sticky !important;
  left: var(--compare-label-width) !important;
  z-index: 3 !important;
  background: linear-gradient(180deg, rgba(17, 16, 14, 0.995), rgba(10, 10, 10, 0.995)) !important;
  border-right: 1px solid rgba(216, 176, 91, 0.18) !important;
  box-shadow: 0.45rem 0 0.85rem rgba(0, 0, 0, 0.26) !important;
}

.builder-compare-value.has-delta.is-positive {
  background: linear-gradient(90deg, rgba(116, 177, 126, 0.12), transparent 42%) !important;
  box-shadow: inset 0.18rem 0 0 rgba(136, 198, 145, 0.62) !important;
}

.builder-compare-value.has-delta.is-negative {
  background: linear-gradient(90deg, rgba(192, 91, 82, 0.13), transparent 42%) !important;
  box-shadow: inset 0.18rem 0 0 rgba(210, 112, 101, 0.62) !important;
}

.builder-compare-value.has-delta.is-mixed {
  background: linear-gradient(90deg, rgba(202, 177, 112, 0.1), transparent 42%) !important;
  box-shadow: inset 0.18rem 0 0 rgba(202, 177, 112, 0.5) !important;
}

.builder-compare-value b {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  font-weight: 720 !important;
  line-height: 1.18 !important;
}

.builder-compare-value em {
  flex: 0 0 auto !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  color: rgba(222, 213, 190, 0.68) !important;
}

.builder-compare-value em.is-base,
.builder-compare-value em.is-neutral {
  color: rgba(222, 213, 190, 0.58) !important;
}

.builder-compare-value em.is-positive {
  color: #f0cf7c !important;
}

.builder-compare-value em.is-negative {
  color: #e2a091 !important;
}

.builder-compare-value em.is-mixed {
  color: #cbbca2 !important;
}

.builder-compare-empty {
  grid-column: 1 / -1 !important;
  padding: 1.2rem !important;
  color: rgba(241, 228, 196, 0.72) !important;
}

@media (max-width: 1280px) {
  .builder-compare-builds-button {
    display: none !important;
  }
}

@media (max-width: 720px) {
  .builder-compare-modal {
    width: calc(100vw - 1rem) !important;
    height: calc(100dvh - 1rem) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: calc(100dvh - 1rem) !important;
    padding: 0.85rem !important;
  }

  .builder-compare-head {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-right: 2.35rem !important;
  }

  .builder-compare-grid {
    --compare-label-width: 10.5rem;
    --compare-build-width: 11.25rem;
  }
}

/* RUTL builder desktop left rail top alignment 20260808 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-root {
    --rutl-builder-left-rail-lift: 3.25rem;
  }

  .builder-panel.is-active .builder-quest-layout {
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-left-rail {
    position: relative !important;
    z-index: 21 !important;
    margin-top: calc(-1 * var(--rutl-builder-left-rail-lift)) !important;
    height: calc(100% + var(--rutl-builder-left-rail-lift)) !important;
    max-height: calc(100% + var(--rutl-builder-left-rail-lift)) !important;
  }
}


/* RUTL compare readability and sticky edge pass 20260808 */
.builder-compare-modal {
  font-weight: 400 !important;
}

.builder-compare-head h2 {
  font-weight: 650 !important;
}

.builder-compare-head p,
.builder-compare-search {
  font-weight: 460 !important;
}

.builder-compare-head p b,
.builder-compare-corner,
.builder-compare-build-head strong,
.builder-compare-group-title,
.builder-compare-stat-name,
.builder-compare-value b,
.builder-compare-value em {
  font-weight: 560 !important;
}

.builder-compare-build-head span,
.builder-compare-group-title span {
  font-weight: 520 !important;
}

.builder-compare-scroll {
  padding-left: 0 !important;
  scrollbar-gutter: stable !important;
}

.builder-compare-grid {
  margin-left: 0 !important;
}

.builder-compare-corner,
.builder-compare-stat-name,
.builder-compare-group-title {
  left: 0 !important;
  transform: translateX(0) !important;
}

.builder-compare-row .builder-compare-value:nth-child(2),
.builder-compare-build-head.is-active {
  left: var(--compare-label-width) !important;
  transform: translateX(0) !important;
}


/* RUTL subbuild folders 20260808 */
.builder-panel.is-active .builder-build-list-scroll {
  display: grid !important;
  gap: 0.34rem !important;
  align-content: start !important;
}

.builder-panel.is-active .builder-build-list-scroll .builder-build-card {
  margin: 0 !important;
}

.builder-panel.is-active .builder-build-folder {
  --folder-color: #d8b05b;
  position: relative !important;
  display: grid !important;
  gap: 0.34rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.34rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: 3px solid color-mix(in srgb, var(--folder-color) 86%, #111 14%) !important;
  border-radius: 0.38rem !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--folder-color) 12%, transparent), transparent 38%),
    linear-gradient(180deg, rgba(25, 25, 26, 0.98), rgba(13, 13, 14, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 184, 0.045), 0 0.45rem 0.9rem rgba(0, 0, 0, 0.22) !important;
  overflow: visible !important;
}

.builder-panel.is-active .builder-build-folder.is-dragging {
  opacity: 0.62 !important;
}

.builder-panel.is-active .builder-build-folder-head {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
  min-height: 2rem !important;
  padding: 0.08rem 0.08rem 0.08rem 0.18rem !important;
  cursor: grab !important;
}

.builder-panel.is-active .builder-build-folder-head:active {
  cursor: grabbing !important;
}

.builder-panel.is-active .builder-build-folder-title {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.36rem !important;
  min-width: 0 !important;
  color: #f5ead0 !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
}

.builder-panel.is-active .builder-build-folder-title svg {
  flex: 0 0 auto !important;
  width: 1.05rem !important;
  height: 1.05rem !important;
  fill: none !important;
  stroke: color-mix(in srgb, var(--folder-color) 88%, #fff 12%) !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.builder-panel.is-active .builder-build-folder-title span {
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.builder-panel.is-active .builder-build-folder-title small {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 1.45rem !important;
  min-height: 1.15rem !important;
  padding: 0 0.35rem !important;
  border: 1px solid color-mix(in srgb, var(--folder-color) 40%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--folder-color) 12%, #101010 88%) !important;
  color: #fff3c8 !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
}

.builder-panel.is-active .builder-build-folder-menu-trigger,
.builder-panel.is-active .builder-add-folder {
  display: inline-grid !important;
  place-items: center !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  border: 1px solid rgba(216, 176, 91, 0.32) !important;
  border-radius: 0.3rem !important;
  background: linear-gradient(180deg, rgba(36, 35, 32, 0.98), rgba(18, 18, 18, 0.98)) !important;
  color: #ead8a1 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.builder-panel.is-active .builder-build-folder-menu-trigger span {
  width: 0.22rem !important;
  height: 0.22rem !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: 0 0.38rem 0 currentColor, 0 -0.38rem 0 currentColor !important;
}

.builder-panel.is-active .builder-build-folder-menu-trigger span + span {
  display: none !important;
}

.builder-panel.is-active .builder-add-folder svg {
  width: 1.08rem !important;
  height: 1.08rem !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.builder-panel.is-active .builder-build-folder-menu {
  position: absolute !important;
  top: calc(100% + 0.28rem) !important;
  right: 0.08rem !important;
  z-index: 85 !important;
  display: grid !important;
  width: min(10.8rem, calc(100% - 0.2rem)) !important;
  padding: 0.35rem !important;
  border: 1px solid rgba(216, 176, 91, 0.62) !important;
  border-radius: 0.42rem !important;
  background: linear-gradient(180deg, rgba(24, 23, 21, 0.995), rgba(10, 10, 11, 0.995)) !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(0, 0, 0, 0.75) !important;
}

.builder-panel.is-active .builder-build-folder-menu button {
  min-height: 2.12rem !important;
  padding: 0.55rem 0.65rem !important;
  border: 0 !important;
  border-radius: 0.28rem !important;
  background: transparent !important;
  color: #f4ead2 !important;
  font-weight: 760 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.builder-panel.is-active .builder-build-folder-menu button:hover,
.builder-panel.is-active .builder-build-folder-menu button:focus-visible {
  background: rgba(216, 176, 91, 0.14) !important;
  color: #ffe7a6 !important;
}

.builder-panel.is-active .builder-build-folder-items {
  display: grid !important;
  gap: 0.34rem !important;
  min-width: 0 !important;
}

.builder-panel.is-active .builder-build-folder-empty {
  min-height: 3.2rem !important;
  display: grid !important;
  place-items: center !important;
  border: 1px dashed color-mix(in srgb, var(--folder-color) 38%, transparent) !important;
  border-radius: 0.34rem !important;
  background: rgba(0, 0, 0, 0.16) !important;
  color: rgba(244, 234, 210, 0.62) !important;
  font-size: 0.78rem !important;
  font-weight: 620 !important;
}

.builder-panel.is-active .builder-build-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2.65rem !important;
  gap: 0.36rem !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}

.builder-panel.is-active .builder-build-actions .builder-add-variant {
  width: 100% !important;
  min-width: 0 !important;
}

.builder-panel.is-active .builder-build-actions .builder-add-folder {
  width: 2.65rem !important;
  min-width: 2.65rem !important;
  height: 2.35rem !important;
}

.builder-folder-modal-card {
  width: min(30rem, calc(100vw - 1.5rem)) !important;
  border-color: rgba(216, 176, 91, 0.38) !important;
}

.builder-folder-color-field {
  display: grid !important;
  gap: 0.45rem !important;
}

.builder-folder-color-field > span {
  color: #cfc2aa !important;
  font-size: 0.82rem !important;
  font-weight: 720 !important;
}

.builder-folder-color-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
}

.builder-folder-color-choice {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.42rem !important;
  min-height: 2.25rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.35rem !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #f0e7d3 !important;
  cursor: pointer !important;
  font-weight: 720 !important;
  padding: 0.35rem 0.55rem !important;
}

.builder-folder-color-choice i {
  width: 0.9rem !important;
  height: 0.9rem !important;
  border-radius: 50% !important;
  background: var(--folder-color) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.55), 0 0 0.5rem color-mix(in srgb, var(--folder-color) 42%, transparent) !important;
}

.builder-folder-color-choice.is-active {
  border-color: rgba(216, 176, 91, 0.62) !important;
  background: rgba(216, 176, 91, 0.11) !important;
  color: #ffe8aa !important;
}

@media (max-width: 720px) {
  .builder-folder-color-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 901px) {
  .builder-panel.is-active .builder-quest-layout {
    align-items: start !important;
  }

  .builder-panel.is-active .builder-left-rail {
    padding-top: 0 !important;
  }
}

/* RUTL subbuild wheel and left rail alignment final 20260808 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-left-rail {
    margin-top: calc(-1 * var(--rutl-builder-left-rail-lift, 3.25rem)) !important;
    height: calc(100% + var(--rutl-builder-left-rail-lift, 3.25rem)) !important;
    max-height: calc(100% + var(--rutl-builder-left-rail-lift, 3.25rem)) !important;
  }
}

.builder-panel.is-active .builder-build-list-scroll {
  overscroll-behavior-y: auto !important;
}

/* RUTL builder compact icon menus and folder polish 20260808 */
@media (min-width: 1281px) {
  .builder-panel.is-active .builder-root {
    --rutl-builder-left-rail-lift: 4rem !important;
  }

  .builder-panel.is-active .builder-left-rail {
    margin-top: calc(-1 * var(--rutl-builder-left-rail-lift, 4rem)) !important;
    height: calc(100% + var(--rutl-builder-left-rail-lift, 4rem)) !important;
    max-height: calc(100% + var(--rutl-builder-left-rail-lift, 4rem)) !important;
  }
}

.builder-build-menu-trigger,
.builder-panel.is-active .builder-build-menu-trigger,
.builder-panel.is-active .builder-build-folder-menu-trigger {
  display: inline-grid !important;
  place-items: center !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  border: 0 !important;
  border-radius: 0.36rem !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(239, 224, 184, 0.86) !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.builder-build-menu-trigger:hover,
.builder-build-menu-trigger:focus-visible,
.builder-panel.is-active .builder-build-menu-trigger:hover,
.builder-panel.is-active .builder-build-menu-trigger:focus-visible,
.builder-panel.is-active .builder-build-folder-menu-trigger:hover,
.builder-panel.is-active .builder-build-folder-menu-trigger:focus-visible {
  background: rgba(216, 176, 91, 0.08) !important;
  color: #ffe5a4 !important;
  outline: none !important;
}

.builder-build-menu-trigger[aria-expanded="true"],
.builder-panel.is-active .builder-build-folder-menu-trigger[aria-expanded="true"] {
  background: rgba(216, 176, 91, 0.12) !important;
  color: #ffe39a !important;
}

.builder-build-menu-trigger span,
.builder-panel.is-active .builder-build-folder-menu-trigger span {
  width: 0.22rem !important;
  height: 0.22rem !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: 0 0.4rem 0 currentColor, 0 -0.4rem 0 currentColor !important;
}

.builder-build-menu-trigger span + span,
.builder-panel.is-active .builder-build-folder-menu-trigger span + span {
  display: none !important;
}

.builder-folder-modal-card {
  width: min(30rem, calc(100vw - 1.5rem)) !important;
  gap: 1rem !important;
  border: 1px solid rgba(216, 176, 91, 0.54) !important;
  border-radius: 0.48rem !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 176, 91, 0.09), transparent 42%),
    linear-gradient(180deg, rgba(22, 21, 20, 0.995), rgba(9, 9, 10, 0.995)) !important;
  box-shadow: 0 1.4rem 3.2rem rgba(0, 0, 0, 0.72), inset 0 1px 0 rgba(255, 238, 184, 0.06) !important;
  padding: 1.15rem !important;
}

.builder-folder-modal-card h2 {
  margin: 0 !important;
  color: #f4ddb0 !important;
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.builder-folder-modal-card .builder-save-field,
.builder-folder-color-field {
  display: grid !important;
  gap: 0.42rem !important;
  text-align: left !important;
}

.builder-folder-modal-card .builder-save-field > span,
.builder-folder-color-field > span {
  color: #dccaa6 !important;
  font-size: 0.84rem !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
}

.builder-folder-modal-card .builder-save-field input {
  min-height: 2.6rem !important;
  border: 1px solid rgba(216, 176, 91, 0.32) !important;
  border-radius: 0.36rem !important;
  background: linear-gradient(180deg, rgba(31, 31, 30, 0.96), rgba(18, 18, 18, 0.96)) !important;
  color: #f7ecd5 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  font-weight: 430 !important;
  outline: none !important;
  padding: 0.55rem 0.65rem !important;
}

.builder-folder-modal-card .builder-save-field input:focus {
  border-color: rgba(236, 199, 114, 0.82) !important;
  box-shadow: 0 0 0 2px rgba(216, 176, 91, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.builder-folder-color-grid {
  gap: 0.46rem !important;
}

.builder-folder-color-choice {
  min-height: 2.35rem !important;
  border-color: rgba(216, 176, 91, 0.18) !important;
  background: linear-gradient(180deg, rgba(31, 31, 30, 0.9), rgba(16, 16, 16, 0.94)) !important;
  color: rgba(246, 236, 214, 0.9) !important;
  font-weight: 520 !important;
}

.builder-folder-color-choice:hover,
.builder-folder-color-choice:focus-visible {
  border-color: rgba(216, 176, 91, 0.46) !important;
  background: rgba(216, 176, 91, 0.09) !important;
  outline: none !important;
}

.builder-folder-color-choice.is-active {
  border-color: rgba(232, 194, 104, 0.82) !important;
  background: linear-gradient(180deg, rgba(72, 55, 24, 0.54), rgba(28, 25, 18, 0.96)) !important;
  color: #ffe8aa !important;
  box-shadow: inset 0 0 0 1px rgba(255, 238, 184, 0.08) !important;
}

.builder-folder-modal-card .builder-confirm-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin-top: 0.15rem !important;
}

.builder-folder-modal-card .builder-confirm-actions button {
  min-width: 6.25rem !important;
  min-height: 2.4rem !important;
  border-radius: 0.36rem !important;
  font-weight: 600 !important;
}

.builder-folder-modal-card .builder-confirm-actions .primary {
  border: 1px solid rgba(216, 176, 91, 0.68) !important;
  background: linear-gradient(180deg, rgba(104, 78, 31, 0.98), rgba(51, 38, 17, 0.98)) !important;
  color: #ffe5a4 !important;
}

.builder-compare-modal {
  font-synthesis-weight: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  font-weight: 380 !important;
}

.builder-compare-head h2 {
  font-weight: 560 !important;
}

.builder-compare-head p,
.builder-compare-search,
.builder-compare-build-head span,
.builder-compare-group-title span {
  font-weight: 430 !important;
}

.builder-compare-head p b,
.builder-compare-corner,
.builder-compare-build-head strong,
.builder-compare-group-title,
.builder-compare-stat-name,
.builder-compare-value b,
.builder-compare-value em {
  font-weight: 500 !important;
}

.builder-compare-value b {
  font-weight: 510 !important;
}

.builder-compare-value em {
  font-weight: 440 !important;
}


.builder-heroic-panel {
  display: grid;
  gap: 0.6rem;
  margin: 0.7rem 0;
}

.builder-heroic-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
  gap: 0.6rem;
  align-items: start;
}

.builder-heroic-column {
  display: grid;
  gap: 0.6rem;
  min-width: 0;
}

.builder-heroic-effects-column {
  align-content: start;
}

.builder-heroic-card {
  display: grid;
  gap: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.7rem;
}

.builder-heroic-card h3,
.builder-heroic-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  margin: 0;
}

.builder-heroic-card h3 {
  color: #f2f2f2;
  font-size: 0.9rem;
}

.builder-heroic-card h3 small {
  color: #b7b7b7;
  font-size: 0.74rem;
}

.builder-heroic-card label,
.builder-heroic-select-grid {
  display: grid;
  gap: 0.4rem;
}

.builder-heroic-card label span {
  color: #b9b9b9;
  font-size: 0.78rem;
  font-weight: 800;
}

.builder-heroic-card select {
  width: 100%;
  min-height: 2rem;
  border: 1px solid #393939;
  border-radius: 4px;
  background: #242424;
  color: #ededed;
  padding: 0 0.55rem;
}

.builder-resonance-picker,
.builder-heroic-picker {
  position: relative;
}

.builder-resonance-trigger,
.builder-heroic-trigger {
  width: 100%;
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  border: 1px solid #393939;
  border-radius: 4px;
  background: #242424;
  color: #ededed;
  cursor: pointer;
  padding: 0.35rem 0.55rem;
  text-align: left;
}

.builder-heavy-detail-loading {
  border: 1px solid rgba(255, 211, 122, 0.22);
  border-radius: 8px;
  padding: 0.8rem 0.95rem;
  color: var(--muted);
  background: rgba(255, 211, 122, 0.06);
  font-weight: 700;
}

.builder-resonance-trigger:hover,
.builder-resonance-picker.is-open .builder-resonance-trigger,
.builder-heroic-trigger:hover,
.builder-heroic-picker.is-open .builder-heroic-trigger {
  border-color: #c9a34f;
  background: #2a2418;
}

.builder-resonance-trigger > span:last-child,
.builder-heroic-trigger > span:last-child {
  color: #d7bd77;
  flex: 0 0 auto;
  font-weight: 900;
}

.builder-resonance-options,
.builder-heroic-options {
  position: absolute;
  z-index: 80;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.15rem;
  max-height: min(18rem, 42vh);
  overflow: auto;
  border: 1px solid rgba(201, 163, 79, 0.42);
  border-radius: 6px;
  background: #111;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55);
  padding: 0.35rem;
}

.builder-resonance-option,
.builder-heroic-option {
  width: 100%;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #ededed;
  cursor: pointer;
  padding: 0.45rem 0.5rem;
  text-align: left;
}

.builder-resonance-option:hover,
.builder-resonance-option.is-active,
.builder-heroic-option:hover,
.builder-heroic-option.is-active {
  background: rgba(201, 163, 79, 0.16);
}

.builder-resonance-choice-line,
.builder-heroic-choice-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.builder-resonance-choice-line b,
.builder-heroic-choice-line b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #f3ead4;
  white-space: nowrap;
}

.builder-resonance-card {
  align-self: start;
}

.builder-gear-grid .builder-slot[data-slot="belt"] + .builder-slot[data-slot="earring"] {
  grid-column: auto;
  justify-self: center;
}

.builder-resonance-choice-line em,
.builder-heroic-choice-line em {
  color: #f4d27a;
  flex: 0 0 auto;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.builder-heroic-card-head button,
.builder-heroic-levels button {
  min-height: 1.85rem;
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  background: #262626;
  color: #ddd;
  cursor: pointer;
  font-weight: 800;
  padding: 0 0.55rem;
}

.builder-heroic-card-head button:hover,
.builder-heroic-levels button:hover {
  border-color: #c9a34f;
  color: #f4d27a;
}

.builder-heroic-levels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.builder-heroic-trait-list {
  display: grid;
  gap: 0.32rem;
}

.builder-heroic-trait .builder-heroic-levels {
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.builder-heroic-trait .builder-heroic-levels button {
  min-width: 1.55rem;
  min-height: 1.55rem;
  padding: 0 0.35rem;
}

.builder-heroic-levels button.is-active {
  border-color: #c9a34f;
  background: #9a661d;
  color: #fff;
}

.builder-heroic-effect-preview {
  display: grid;
  gap: 0.25rem;
}

.builder-heroic-effect-preview p {
  margin: 0;
  color: #d6d6d6;
  font-size: 0.82rem;
}

.builder-heroic-effect-preview b {
  color: #fff;
}

.builder-heroic-warning {
  margin: 0;
  border: 1px solid rgba(244, 210, 122, 0.32);
  border-radius: 5px;
  background: rgba(201, 163, 79, 0.1);
  color: #f4d27a;
  padding: 0.55rem 0.65rem;
  font-weight: 800;
}

.builder-skill-core-summary,
.builder-skill-core-choice {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
}

.builder-skill-core-summary img,
.builder-skill-core-summary i,
.builder-skill-core-choice img,
.builder-skill-core-choice i {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 5px;
  background: #151515;
  border: 1px solid #3a3a3a;
  object-fit: cover;
}

.builder-skill-core-summary b,
.builder-skill-core-choice b {
  display: block;
  color: #fff;
}

.builder-skill-core-choice strong {
  display: block;
  margin-top: 0.12rem;
  color: #f4d27a;
  font-size: 0.84rem;
  line-height: 1.25;
}

.builder-skill-core-summary em,
.builder-skill-core-choice small,
.builder-skill-core-choice em {
  display: block;
  color: #b9b9b9;
  font-size: 0.76rem;
  font-style: normal;
}

.builder-skill-core-summary > button {
  width: 2rem;
  height: 2rem;
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  background: #242424;
  color: #ddd;
}

.builder-skill-core-list {
  display: grid;
  gap: 0.45rem;
  max-height: min(62vh, 42rem);
  overflow: auto;
}

.builder-skill-core-modal-card {
  grid-template-rows: auto auto auto minmax(0, 1fr);
  max-height: min(44rem, calc(100dvh - 2rem));
  overflow: hidden !important;
}

.builder-skill-core-modal-card .builder-skill-core-list {
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding-right: 0.35rem;
}

.builder-skill-core-choice {
  width: 100%;
  border: 1px solid #353535;
  border-radius: 6px;
  background: #202020;
  color: inherit;
  cursor: pointer;
  padding: 0.6rem;
  text-align: left;
}

.builder-skill-core-choice:hover,
.builder-skill-core-choice.is-active {
  border-color: #c9a34f;
  background: #2a2418;
}

.builder-skill-core-stats {
  display: grid;
  gap: 0.2rem;
  margin-top: 0.3rem;
}

.builder-skill-core-stats p {
  margin: 0;
  font-size: 0.78rem;
}

.builder-fixed-level {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.15rem;
  margin-top: 0.65rem;
  color: #d8d8d8;
  font-size: 0.86rem;
}

.builder-fixed-level span {
  color: #b8b8b8;
  font-weight: 800;
}

.builder-fixed-level b {
  color: #ff9a3d;
  font-size: 1rem;
}

.builder-fixed-level em {
  color: #8f8f8f;
  font-style: normal;
}

@media (max-width: 760px) {
  .builder-heroic-layout {
    grid-template-columns: 1fr;
  }
}

/* RUTL accessible light theme 20260809 */
html[data-rutl-theme="dark"] {
  color-scheme: dark;
}

.theme-toggle {
  width: 2.55rem;
  max-width: 2.55rem;
  min-height: 2.55rem;
  padding: 0;
  gap: 0;
  border-color: rgba(232, 220, 190, 0.22) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #efe7d7 !important;
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
  border-color: rgba(246, 216, 146, 0.58) !important;
  background: rgba(246, 202, 116, 0.11) !important;
  color: #ffe7a8 !important;
}

.theme-toggle-icon {
  position: relative;
  width: 1.05rem;
  height: 1.05rem;
  border: 2px solid currentColor;
  border-radius: 999px;
  background: linear-gradient(90deg, currentColor 0 50%, transparent 50% 100%);
  box-shadow: none;
}

html[data-rutl-theme="light"] {
  color-scheme: light;
  --bg: #f2efe7;
  --panel: rgba(255, 252, 244, 0.94);
  --panel-strong: rgba(255, 250, 239, 0.98);
  --line: rgba(92, 75, 47, 0.18);
  --line-strong: rgba(142, 105, 39, 0.36);
  --text: #25211a;
  --muted: #6f6659;
  --dim: #887e70;
  --gold: #8a6420;
  --gold-soft: rgba(173, 129, 43, 0.14);
  --green: #237b52;
  --danger: #9f3d45;
  --rutl-surface: rgba(255, 252, 244, 0.95);
  --rutl-surface-2: rgba(248, 242, 231, 0.94);
  --rutl-surface-3: rgba(240, 231, 216, 0.9);
  --rutl-border: rgba(92, 75, 47, 0.18);
  --rutl-border-strong: rgba(142, 105, 39, 0.36);
  --rutl-accent: #8a6420;
  --rutl-accent-2: #6e4fa4;
  --rutl-soft: #5f584f;
  --rutl-focus: rgba(173, 129, 43, 0.22);
  --shadow: 0 16px 40px rgba(82, 70, 52, 0.15);
}

html[data-rutl-theme="light"] body {
  background: #f2efe7 !important;
  color: var(--text) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-rutl-theme="light"] .app-shell {
  background:
    radial-gradient(circle at top left, rgba(194, 155, 77, 0.08), transparent 30rem),
    linear-gradient(180deg, #f4f1ea, #ebe6db) !important;
}

html[data-rutl-theme="light"] :where(
  .site-header,
  .tabs,
  .seo-prerender,
  .static-card,
  .news-card,
  .news-pill,
  .weather-card,
  .weather-table-card,
  .formula-article,
  .formula-topbar,
  .calculator-card,
  .calculator-topbar,
  .services-hero,
  .service-card,
  .item-db,
  .item-db-list,
  .item-db-card,
  .item-db-filters,
  .item-db-section,
  .map-sidebar,
  .sidebar-card,
  .map-card,
  .builder-root,
  .builder-app,
  .builder-card,
  .builder-panel-card,
  .builder-topbar,
  .builder-title-strip,
  .builder-build-card,
  .builder-slot-detail,
  .builder-gear-card,
  .builder-section,
  .builder-rune-card,
  .builder-heroic-card,
  .builder-catalog-card,
  .builder-catalog-filters,
  .builder-modal-card,
  .builder-tooltip-card,
  .builder-skill-tooltip-card,
  .builder-build-menu,
  .builder-tag-menu,
  .builder-item-menu,
  .builder-skill-core-choice,
  .builder-skill-core-summary,
  .builder-rune-picker,
  .builder-dropdown,
  .modal-inner,
  .feedback-form,
  .site-auth-inner,
  .telegram-auth-inner,
  .site-profile-card,
  .bugtracker-hero,
  .bugtracker-card,
  .wargames-hero,
  .wargames-action-panel,
  .wargames-filter-panel,
  .wargames-card,
  .wargames-incoming,
  .wargames-modal,
  .wargames-date-panel,
  .wargames-time-panel,
  .leaflet-popup-content-wrapper
) {
  border-color: rgba(92, 75, 47, 0.18) !important;
  background: linear-gradient(180deg, rgba(255, 252, 244, 0.96), rgba(246, 240, 228, 0.96)) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] :where(.tab-panel, main, .builder-panel.is-active, .items-panel.is-active, .builds-panel.is-active, .formulas-panel.is-active, .calculator-panel.is-active, .wargames-panel.is-active, .bugtracker-panel.is-active) {
  color: var(--text) !important;
  background-color: transparent !important;
}

html[data-rutl-theme="light"] :where(.tabs, .header-actions, .builder-top-actions, .builder-save-actions, .builder-build-actions, .modal-actions, .site-profile-actions, .wargames-modal-actions) {
  box-shadow: none !important;
}

html[data-rutl-theme="light"] :where(
  .tab,
  .icon-link,
  .small-action,
  .plain-button,
  .square-button,
  .header-icon-button,
  .feedback-button,
  .auth-button,
  .builder-top-actions button,
  .builder-build-actions button,
  .builder-square-button,
  .builder-view-tab,
  .builder-grade-tabs button,
  .builder-rarity-filter button,
  .builder-modal-grade-tabs button,
  .builder-rune-grade-tabs button,
  .builder-rune-picker-tabs button,
  .builder-skill-preset-actions button,
  .builder-catalog-tabs button,
  .builder-combat-tab,
  .calculator-kind-toggle button,
  .calculator-cc-types button,
  .calculator-base-buttons button,
  .wargames-card-command,
  .wargames-secondary-action
) {
  border-color: rgba(92, 75, 47, 0.2) !important;
  background: rgba(255, 252, 244, 0.76) !important;
  color: #332b20 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] :where(.tab:hover, .icon-link:hover, .small-action:hover, .plain-button:hover, .square-button:hover, .builder-top-actions button:hover, .builder-build-actions button:hover) {
  border-color: rgba(142, 105, 39, 0.44) !important;
  background: rgba(244, 232, 207, 0.9) !important;
  color: #241f18 !important;
}

html[data-rutl-theme="light"] :where(.tab.is-active, .builder-view-tab.is-active, .builder-grade-tabs button.is-active, .builder-rarity-filter button.is-active, .builder-modal-grade-tabs button.is-active, .builder-rune-grade-tabs button.is-active, .builder-rune-picker-tabs button.is-active, .builder-catalog-tabs button.is-active, .builder-combat-tab.is-active, .calculator-kind-toggle button.is-active, .calculator-cc-types button.is-active, .calculator-base-buttons button.is-active) {
  border-color: rgba(142, 105, 39, 0.5) !important;
  background: linear-gradient(180deg, rgba(235, 206, 142, 0.46), rgba(223, 203, 162, 0.58)) !important;
  color: #372613 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
}

html[data-rutl-theme="light"] .support,
html[data-rutl-theme="light"] .support:hover,
html[data-rutl-theme="light"] .support:focus-visible {
  border-color: rgba(142, 105, 39, 0.42) !important;
  background: linear-gradient(180deg, rgba(250, 238, 205, 0.96), rgba(226, 203, 153, 0.96)) !important;
  color: #392913 !important;
}

html[data-rutl-theme="light"] .support .support-icon,
html[data-rutl-theme="light"] .support .support-text strong,
html[data-rutl-theme="light"] .support:hover .support-text strong,
html[data-rutl-theme="light"] .support:focus-visible .support-text strong {
  color: #614214 !important;
}

html[data-rutl-theme="light"] .support .support-text small,
html[data-rutl-theme="light"] .support:hover .support-text small,
html[data-rutl-theme="light"] .support:focus-visible .support-text small {
  color: #73654f !important;
}

html[data-rutl-theme="light"] .theme-toggle {
  border-color: rgba(92, 75, 47, 0.22) !important;
  background: rgba(255, 252, 244, 0.8) !important;
  color: #514737 !important;
}

html[data-rutl-theme="light"] .theme-toggle-icon {
  background: linear-gradient(90deg, transparent 0 50%, currentColor 50% 100%);
}

html[data-rutl-theme="light"] :where(
  input,
  textarea,
  select,
  option,
  .search-box,
  .builder-search,
  .builder-select,
  .builder-field,
  .builder-tag-trigger,
  .builder-filter-input,
  .item-db-search,
  .item-db-filter,
  .feedback-form input,
  .feedback-form textarea,
  .feedback-form select,
  .wargames-form input,
  .wargames-form textarea,
  .wargames-form select
) {
  border-color: rgba(92, 75, 47, 0.22) !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #25211a !important;
  caret-color: #5d431b !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] input::placeholder,
html[data-rutl-theme="light"] textarea::placeholder {
  color: #81776a !important;
}

html[data-rutl-theme="light"] :where(
  [class*="-menu"],
  [class*="-dropdown"],
  [class*="-popover"],
  [class*="-picker"],
  [class*="-tooltip"],
  .builder-modal-card,
  .modal-inner
) {
  border-color: rgba(92, 75, 47, 0.18) !important;
  background-color: rgba(255, 252, 244, 0.97) !important;
  color: var(--text) !important;
}

html[data-rutl-theme="light"] .modal::backdrop,
html[data-rutl-theme="light"] dialog::backdrop {
  background: rgba(58, 50, 39, 0.32) !important;
  backdrop-filter: blur(3px);
}

html[data-rutl-theme="light"] .wargames-modal-backdrop {
  background: rgba(58, 50, 39, 0.32) !important;
  backdrop-filter: blur(3px);
}

html[data-rutl-theme="light"] :where(
  h1, h2, h3, h4,
  .brand-name,
  .static-card h1,
  .news-head h1,
  .news-card h2,
  .weather-card-title,
  .formula-topbar h1,
  .calculator-topbar h1,
  .builder-panel-title h2,
  .builder-card-head h2,
  .builder-title-display,
  .builder-build-name,
  .builder-catalog-card-title h3,
  .builder-slot-detail h2,
  .builder-slot-detail h3,
  .builder-tooltip-card h3,
  .item-db-hero h1,
  .item-db-card h2,
  .item-db h3,
  .wargames-page h1,
  .bugtracker-page h1,
  .modal h2
) {
  color: #2d251a !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] :where(
  p,
  li,
  td,
  th,
  dd,
  dt,
  .static-copy p,
  .seo-prerender p,
  .seo-prerender ul,
  .builder-app p,
  .builder-app label,
  .builder-trait-row,
  .builder-heroic-effect-preview p,
  .item-db p,
  .feedback-form p,
  .wargames-card-meta,
  .bugtracker-body
) {
  color: #40382e !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] :where(
  small,
  .muted,
  .builder-muted,
  .builder-note,
  .builder-card-meta,
  .builder-catalog-meta,
  .item-db-muted,
  .item-db-empty,
  .item-db-source-empty,
  .builder-heroic-card h3 small,
  .builder-heroic-card label span,
  .builder-skill-core-choice small,
  .builder-skill-core-choice em,
  .builder-skill-core-summary em
) {
  color: #6f6659 !important;
}

html[data-rutl-theme="light"] :where(
  a,
  .static-action,
  .item-db-source-title,
  .builder-catalog-title,
  .builder-tooltip-section-title,
  .builder-fixed-level b,
  .builder-heroic-warning,
  .accent,
  .gold
) {
  color: #765316 !important;
}

html[data-rutl-theme="light"] :where(.primary-button, .builder-catalog-primary, .wargames-modal-actions .builder-catalog-primary) {
  border-color: rgba(125, 91, 24, 0.42) !important;
  background: linear-gradient(180deg, #d8b763, #ad842f) !important;
  color: #241907 !important;
}

html[data-rutl-theme="light"] :where(.danger, .builder-delete-button, .builder-remove-button, .builder-trash-button, .builder-danger-trigger, .builder-icon-danger, .builder-catalog-primary.is-danger) {
  border-color: rgba(159, 61, 69, 0.34) !important;
  background: rgba(159, 61, 69, 0.1) !important;
  color: #7f2630 !important;
}

html[data-rutl-theme="light"] .builder-slot:not(.filled) .builder-frame,
html[data-rutl-theme="light"] .builder-slot:not(.filled) .builder-frame::before {
  background: #e7dfd1 !important;
}

html[data-rutl-theme="light"] :where(.builder-slot.filled .builder-frame, .builder-weapon-row .builder-slot.filled .builder-frame) {
  filter: saturate(0.86) brightness(1.08);
}

html[data-rutl-theme="light"] :where(.builder-slot-level, .builder-slot-score, .builder-stat-value, .builder-summary-value, .item-db-stat-list b, .item-db-weapon-damage b) {
  color: #251d13 !important;
}

html[data-rutl-theme="light"] :where(.builder-rune-dot, .builder-slot-dots i, .builder-trait-check, .builder-heroic-levels button) {
  border-color: rgba(92, 75, 47, 0.22) !important;
  background-color: rgba(227, 215, 191, 0.8) !important;
}

html[data-rutl-theme="light"] :where(.builder-slot-dots i.on, .builder-trait-check.is-active, .builder-heroic-levels button.is-active) {
  border-color: rgba(118, 83, 22, 0.5) !important;
  background-color: #b89142 !important;
  color: #fffaf0 !important;
}

html[data-rutl-theme="light"] :where(.leaflet-container, #map) {
  background: #e6ddce !important;
}

html[data-rutl-theme="light"] :where(.leaflet-popup-tip) {
  background: #fffaf0 !important;
}

html[data-rutl-theme="light"] ::selection {
  background: rgba(173, 129, 43, 0.26);
  color: #241907;
}


/* RUTL empty equipment picker height fix 20260809 */
.builder-panel.is-active .builder-equipment-view:has(.builder-slot-detail.is-empty.has-dropdown) {
  min-height: min(42rem, calc(100dvh - 6.75rem)) !important;
  overflow: visible !important;
}

.builder-panel.is-active .builder-slot-detail.is-empty.has-dropdown {
  min-height: min(38rem, calc(100dvh - 9.25rem)) !important;
  overflow: visible !important;
}

.builder-panel.is-active .builder-slot-detail.is-empty.has-dropdown .builder-item-dropdown {
  max-height: min(31.5rem, calc(100dvh - 14rem)) !important;
}

.builder-panel.is-active .builder-slot-detail.is-empty.has-dropdown .builder-item-dropdown-results {
  min-height: 12rem !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

@media (max-height: 760px) {
  .builder-panel.is-active .builder-equipment-view:has(.builder-slot-detail.is-empty.has-dropdown) {
    min-height: min(34rem, calc(100dvh - 5.75rem)) !important;
  }

  .builder-panel.is-active .builder-slot-detail.is-empty.has-dropdown {
    min-height: min(30rem, calc(100dvh - 8rem)) !important;
  }

  .builder-panel.is-active .builder-slot-detail.is-empty.has-dropdown .builder-item-dropdown {
    max-height: min(25rem, calc(100dvh - 12.4rem)) !important;
  }
}

@media (max-width: 900px) {
  .builder-app[data-mobile-view="gear-detail"] .builder-equipment-view:has(.builder-slot-detail.is-empty.has-dropdown),
  .builder-panel.is-active .builder-equipment-view:has(.builder-slot-detail.is-empty.has-dropdown) {
    min-height: min(36rem, calc(100dvh - 7rem)) !important;
  }

  .builder-panel.is-active .builder-slot-detail.is-empty.has-dropdown {
    min-height: min(31rem, calc(100dvh - 9rem)) !important;
  }

  .builder-panel.is-active .builder-slot-detail.is-empty.has-dropdown .builder-item-dropdown {
    max-height: min(26rem, calc(100dvh - 13.2rem)) !important;
  }
}

/* RUTL comprehensive public light theme 20260809 */
html[data-rutl-theme="light"] {
  color-scheme: light;
  --rutl-light-page: #e7e1d4;
  --rutl-light-shell: #f1ece2;
  --rutl-light-card: #fbf6eb;
  --rutl-light-card-2: #f0e7d8;
  --rutl-light-card-3: #e7dcc9;
  --rutl-light-ink: #211c16;
  --rutl-light-text: #30281f;
  --rutl-light-muted: #655b4d;
  --rutl-light-dim: #7b7163;
  --rutl-light-line: rgba(78, 61, 37, 0.22);
  --rutl-light-line-strong: rgba(126, 88, 25, 0.42);
  --rutl-light-gold: #7a5618;
  --rutl-light-gold-strong: #5d3f12;
  --rutl-light-gold-soft: rgba(176, 128, 39, 0.18);
  --rutl-light-purple: #6d438e;
  --rutl-light-blue: #2c6794;
  --rutl-light-green: #256947;
  --rutl-light-red: #8c3039;
  --rutl-light-shadow: 0 16px 40px rgba(68, 54, 34, 0.16);
  --rutl-light-shadow-soft: 0 8px 24px rgba(68, 54, 34, 0.1);
  --bg: var(--rutl-light-page);
  --panel: rgba(251, 246, 235, 0.98);
  --panel-strong: rgba(255, 250, 240, 0.99);
  --line: var(--rutl-light-line);
  --line-strong: var(--rutl-light-line-strong);
  --text: var(--rutl-light-text);
  --muted: var(--rutl-light-muted);
  --dim: var(--rutl-light-dim);
  --gold: var(--rutl-light-gold);
  --gold-soft: var(--rutl-light-gold-soft);
  --green: var(--rutl-light-green);
  --danger: var(--rutl-light-red);
  --rutl-surface: rgba(251, 246, 235, 0.98);
  --rutl-surface-2: rgba(240, 231, 216, 0.96);
  --rutl-surface-3: rgba(228, 217, 198, 0.92);
  --rutl-border: var(--rutl-light-line);
  --rutl-border-strong: var(--rutl-light-line-strong);
  --rutl-accent: var(--rutl-light-gold);
  --rutl-accent-2: var(--rutl-light-purple);
  --rutl-soft: var(--rutl-light-muted);
  --rutl-focus: rgba(176, 128, 39, 0.24);
  --shadow: var(--rutl-light-shadow);
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) {
  background: var(--rutl-light-page) !important;
  color: var(--rutl-light-text) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .app-shell {
  background:
    linear-gradient(180deg, rgba(246, 241, 231, 0.98), rgba(226, 217, 201, 0.98)),
    var(--rutl-light-page) !important;
  color: var(--rutl-light-text) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) main,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .tab-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .tab-panel.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page).rutl-items-scroll-page main,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page).rutl-items-scroll-page .app-shell,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page).rutl-items-scroll-page .items-panel.is-active {
  background: transparent !important;
  color: var(--rutl-light-text) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-header,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-footer,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) footer {
  border-color: rgba(87, 68, 41, 0.2) !important;
  background: linear-gradient(180deg, rgba(255, 251, 241, 0.98), rgba(238, 229, 213, 0.98)) !important;
  color: var(--rutl-light-text) !important;
  box-shadow: 0 8px 24px rgba(69, 53, 30, 0.1) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .tabs,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .header-actions,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-top-actions,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-save-actions,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-build-actions,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .modal-actions,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-profile-actions,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-modal-actions {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .header-weather-mini,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .header-weather-mini b,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .header-weather-mini strong,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .header-weather-row {
  color: #765a24 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .mobile-menu-toggle,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .tab,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .icon-link,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .support,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .small-action,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .plain-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .square-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .header-icon-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .feedback-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .auth-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .primary-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-top-actions button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-build-actions button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-square-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-view-tab,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-grade-tabs button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rarity-filter button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-modal-grade-tabs button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-grade-tabs button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-picker-tabs button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-preset-actions button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-tabs button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-combat-tab,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-mode,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-kind-toggle button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-cc-types button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-base-buttons button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-card-command,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-secondary-action,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-action,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .category-button {
  border-color: rgba(85, 65, 38, 0.24) !important;
  background: rgba(255, 250, 240, 0.86) !important;
  color: #31281e !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .tab:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .icon-link:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .small-action:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .plain-button:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .square-button:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-top-actions button:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-build-actions button:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-card-command:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .category-button:hover {
  border-color: rgba(126, 88, 25, 0.48) !important;
  background: rgba(243, 230, 202, 0.95) !important;
  color: #21180f !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .tab.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-view-tab.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-grade-tabs button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rarity-filter button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-modal-grade-tabs button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-grade-tabs button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-picker-tabs button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-tabs button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-combat-tab.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-mode.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-kind-toggle button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-cc-types button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-base-buttons button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-card-command.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .category-button.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .category-button[aria-pressed="true"] {
  border-color: rgba(96, 65, 18, 0.56) !important;
  background: linear-gradient(180deg, #876528, #4f3a1f) !important;
  color: #fff5d7 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 246, 218, 0.22), 0 8px 18px rgba(81, 58, 22, 0.18) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .support,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .support:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .support:focus-visible {
  border-color: rgba(126, 88, 25, 0.42) !important;
  background: linear-gradient(180deg, rgba(254, 239, 200, 0.98), rgba(225, 197, 139, 0.98)) !important;
  color: #352511 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .support .support-icon,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .support .support-text strong {
  color: #5f4114 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .support .support-text small {
  color: #6f614a !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .theme-toggle {
  border-color: rgba(85, 65, 38, 0.26) !important;
  background: rgba(255, 250, 240, 0.9) !important;
  color: #403626 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .theme-toggle-icon {
  background: linear-gradient(90deg, transparent 0 50%, currentColor 50% 100%) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) input,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) textarea,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) select,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) option,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .search-box,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-search,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-select,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-field,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-tag-trigger,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-filter-input,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-search,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-filter,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-modal-search,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .feedback-form input,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .feedback-form textarea,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .feedback-form select,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-form input,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-form textarea,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-form select {
  border-color: rgba(85, 65, 38, 0.26) !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #271f16 !important;
  caret-color: var(--rutl-light-gold-strong) !important;
  text-shadow: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) input::placeholder,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) textarea::placeholder {
  color: #7b7163 !important;
  opacity: 1 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) input:focus,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) textarea:focus,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) select:focus,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) button:focus-visible,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) a:focus-visible {
  outline: 2px solid rgba(126, 88, 25, 0.45) !important;
  outline-offset: 2px !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .seo-prerender,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .static-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-pill,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-table-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-article,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-topbar,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-content,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-topbar,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-shell,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .services-hero,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .service-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-list,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-filters,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-section,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-source-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-perk-body,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .map-sidebar,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .sidebar-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .map-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-root,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-app,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-topbar,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-title-strip,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-build-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot-detail,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-gear-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-section,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-heroic-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-shell,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-filters,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-hero,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-panel-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-filters,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-hero,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-action-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-filter-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-incoming,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-modal,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-date-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-time-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .modal-inner,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .feedback-form,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-auth-inner,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .telegram-auth-inner,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-profile-inner,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-profile-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .leaflet-popup-content-wrapper {
  border-color: var(--rutl-light-line) !important;
  background: linear-gradient(180deg, rgba(255, 250, 240, 0.98), rgba(240, 231, 216, 0.97)) !important;
  color: var(--rutl-light-text) !important;
  box-shadow: var(--rutl-light-shadow-soft) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-left-rail,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-builds,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-build-folder,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-build-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-gear-rail,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-main-stage,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-main-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-equipment-view,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-slot-detail,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-item-summary,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-traits,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-runes,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-rune-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-set-effects,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-right-rail,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-stat-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-summary-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-modal-card {
  border-color: var(--rutl-light-line) !important;
  background: linear-gradient(180deg, rgba(255, 250, 240, 0.98), rgba(238, 229, 213, 0.98)) !important;
  color: var(--rutl-light-text) !important;
  box-shadow: var(--rutl-light-shadow-soft) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-gear-rail,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-main-stage,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel.is-active .builder-right-rail,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-layout,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-root {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-choice,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-stat-row,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-trait-row,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-choice,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-core-choice,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-t2-passive-picker-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-row,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-stat-row,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-slot,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-stat,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-ticket,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-request-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-officer-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-profile-build-card {
  border-color: rgba(85, 65, 38, 0.18) !important;
  background: rgba(255, 250, 240, 0.82) !important;
  color: var(--rutl-light-text) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-choice:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-choice.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-row:hover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-row.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-slot.is-live,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-slot.is-next,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .site-profile-build-card:hover {
  border-color: rgba(126, 88, 25, 0.38) !important;
  background: rgba(246, 233, 205, 0.95) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-item-dropdown,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-build-menu,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-build-folder-menu,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-tag-menu,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-tag-menu,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-preset-menu,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-preset-weapon-menu,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-artifact-select-menu,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-picker-popover,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-t2-passive-picker-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-tooltip-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-tooltip-card,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-date-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-time-panel,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .leaflet-popup-content-wrapper {
  border-color: var(--rutl-light-line-strong) !important;
  background: #fffaf0 !important;
  color: var(--rutl-light-text) !important;
  box-shadow: var(--rutl-light-shadow) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-modal,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-picker-shade,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-modal-backdrop {
  background: rgba(54, 46, 35, 0.34) !important;
  backdrop-filter: blur(3px);
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .modal::backdrop,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) dialog::backdrop {
  background: rgba(54, 46, 35, 0.34) !important;
  backdrop-filter: blur(3px);
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) h2,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) h3,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) h4,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) h5,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) h6,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .brand-name,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .static-card h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-head h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-card h2,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-card-title,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-topbar h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-topbar h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-panel-title h2,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-card-head h2,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-title-display,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-build-name,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-card-title h3,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot-detail h2,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot-detail h3,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-tooltip-card h3,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-hero h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-card h2,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db h3,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-page h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-page h1,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .modal h2 {
  color: var(--rutl-light-ink) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) li,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) td,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) th,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) dd,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) dt,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) label,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) output,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .static-copy p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .seo-prerender p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .seo-prerender ul,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-app p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-app label,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-trait-row,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-heroic-effect-preview p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .feedback-form p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-card-meta,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-body,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-text {
  color: #3b3228 !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) small,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) em,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) time,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .muted,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-meta,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-chip,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-kicker,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-empty,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-muted,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-note,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-card-meta,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-meta,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-muted,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-empty,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-source-empty,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-heroic-card h3 small,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-heroic-card label span,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-core-choice small,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-core-choice em,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-core-summary em,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-muted,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-muted {
  color: var(--rutl-light-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) a,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .static-action,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-source-title,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-title,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-tooltip-section-title,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-fixed-level b,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-heroic-warning,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .accent,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .gold,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-content a,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-content strong,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-content mark {
  color: var(--rutl-light-gold) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-content a,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-content mark,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .static-copy mark {
  background: rgba(176, 128, 39, 0.14) !important;
  border-radius: 4px;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .primary-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-primary,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-modal-actions .builder-catalog-primary {
  border-color: rgba(126, 88, 25, 0.48) !important;
  background: linear-gradient(180deg, #d4af56, #a67b28) !important;
  color: #21180f !important;
  box-shadow: 0 10px 18px rgba(110, 78, 24, 0.18) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .danger,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-delete-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-remove-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-trash-button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-danger-trigger,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-icon-danger,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-catalog-primary.is-danger {
  border-color: rgba(140, 48, 57, 0.34) !important;
  background: rgba(140, 48, 57, 0.1) !important;
  color: var(--rutl-light-red) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot:not(.filled) .builder-frame,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot:not(.filled) .builder-frame::before {
  background: #e2d7c5 !important;
  border-color: rgba(85, 65, 38, 0.28) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot.filled .builder-frame,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-weapon-row .builder-slot.filled .builder-frame {
  filter: saturate(0.9) brightness(1.06);
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot-level,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot-score,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-stat-value,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-summary-value,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-stat-list b,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-weapon-damage b,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-countdown,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-result-value,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-result strong,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-stat strong {
  color: var(--rutl-light-ink) !important;
  text-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-dot,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot-dots i,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-trait-check,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-heroic-levels button {
  border-color: rgba(85, 65, 38, 0.26) !important;
  background-color: rgba(222, 210, 188, 0.88) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot-dots i.on,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-trait-check.is-active,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-heroic-levels button.is-active {
  border-color: rgba(96, 65, 18, 0.5) !important;
  background-color: #b4883b !important;
  color: #fff8e8 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-grade-tabs button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rarity-filter button,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-modal-grade-tabs button {
  background: rgba(255, 250, 240, 0.86) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-grade-tabs button:not(.is-active),
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rarity-filter button:not(.is-active),
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-modal-grade-tabs button:not(.is-active) {
  color: var(--grade-color, var(--rutl-light-text)) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-list-scroll,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-item-dropdown-results,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-rune-picker-list,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-skill-core-list,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .bugtracker-list,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .wargames-list {
  scrollbar-color: rgba(126, 88, 25, 0.42) rgba(225, 214, 194, 0.76) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .leaflet-container,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) #map {
  background: #d9d4c8 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .leaflet-popup-tip {
  background: #fffaf0 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-timeline,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .weather-timeline-shell,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .calculator-bar,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-poll-track {
  background: rgba(61, 48, 31, 0.14) !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .formula-content img,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .news-gallery img,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .rutl-banner img,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .item-db-icon img,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-choice-icon img,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .builder-slot img {
  color: initial !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) ::selection {
  background: rgba(176, 128, 39, 0.26);
  color: #21180f;
}

/* RUTL item sources readable grouped view 20260811 */
.items-panel.is-active .item-db-sources {
  display: grid !important;
  gap: 0.85rem !important;
  overflow: visible !important;
}

.items-panel.is-active .item-db-source-overview {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.42rem !important;
  margin: -0.08rem 0 0.08rem !important;
}

.items-panel.is-active .item-db-source-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  min-height: 2rem !important;
  padding: 0.26rem 0.55rem !important;
  border: 1px solid rgba(211, 174, 92, 0.24) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(42, 34, 21, 0.82), rgba(24, 22, 20, 0.92)) !important;
  color: #f2dfac !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.items-panel.is-active .item-db-source-pill b,
.items-panel.is-active .item-db-source-pill em {
  font-style: normal !important;
  font-weight: 840 !important;
}

.items-panel.is-active .item-db-source-pill em {
  min-width: 1.35rem !important;
  padding: 0.13rem 0.36rem !important;
  border-radius: 999px !important;
  background: rgba(220, 190, 112, 0.16) !important;
  color: #fff7d7 !important;
  text-align: center !important;
}

.items-panel.is-active .item-db-source-pill-icon {
  display: grid !important;
  place-items: center !important;
  width: 1.32rem !important;
  height: 1.32rem !important;
  flex: 0 0 auto !important;
}

.items-panel.is-active .item-db-source-pill-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45)) !important;
}

.items-panel.is-active .item-db-source-sections {
  display: grid !important;
  gap: 0.86rem !important;
}

.items-panel.is-active .item-db-source-section {
  display: grid !important;
  gap: 0.58rem !important;
  padding-top: 0.82rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.075) !important;
}

.items-panel.is-active .item-db-source-section:first-child {
  padding-top: 0 !important;
  border-top: 0 !important;
}

.items-panel.is-active .item-db-source-section-head {
  display: grid !important;
  grid-template-columns: 2.45rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.64rem !important;
}

.items-panel.is-active .item-db-source-section-icon {
  display: grid !important;
  place-items: center !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
  border: 1px solid rgba(211, 174, 92, 0.24) !important;
  border-radius: 7px !important;
  background: radial-gradient(circle at 45% 25%, rgba(248, 218, 136, 0.2), rgba(38, 32, 23, 0.88) 66%) !important;
}

.items-panel.is-active .item-db-source-section-icon img {
  width: 2.05rem !important;
  height: 2.05rem !important;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.5)) !important;
}

.items-panel.is-active .item-db-source-section-head h4 {
  margin: 0 !important;
  color: #fff2c6 !important;
  font-size: 0.95rem !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

.items-panel.is-active .item-db-source-section-head p {
  margin: 0.18rem 0 0 !important;
  color: #bdb2ca !important;
  font-size: 0.76rem !important;
  font-weight: 720 !important;
}

.items-panel.is-active .item-db-source-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)) !important;
  gap: 0.42rem 0.55rem !important;
}

.items-panel.is-active .item-db-source-section-craft .item-db-source-list {
  grid-template-columns: 1fr !important;
}

.items-panel.is-active .item-db-source-row {
  display: grid !important;
  grid-template-columns: 2.3rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.56rem !important;
  min-height: 3.25rem !important;
  padding: 0.46rem 0.52rem !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.014)) !important;
}

.items-panel.is-active .item-db-source-section-box .item-db-source-row {
  border-color: rgba(99, 204, 185, 0.14) !important;
}

.items-panel.is-active .item-db-source-section-craft .item-db-source-row {
  grid-template-columns: 2.8rem minmax(0, 1fr) !important;
  border-color: rgba(211, 174, 92, 0.22) !important;
  background: linear-gradient(180deg, rgba(58, 43, 22, 0.42), rgba(23, 21, 19, 0.86)) !important;
}

.items-panel.is-active .item-db-source-row-icon {
  display: grid !important;
  place-items: center !important;
  width: 2.3rem !important;
  height: 2.3rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(211, 174, 92, 0.18) !important;
  border-radius: 6px !important;
  background: rgba(12, 12, 14, 0.66) !important;
}

.items-panel.is-active .item-db-source-section-craft .item-db-source-row-icon {
  width: 2.8rem !important;
  height: 2.8rem !important;
}

.items-panel.is-active .item-db-source-row-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.items-panel.is-active .item-db-source-row-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.18rem !important;
}

.items-panel.is-active .item-db-source-row-main > b {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: #fff8e8 !important;
  font-size: 0.88rem !important;
  line-height: 1.18 !important;
  font-weight: 880 !important;
}

.items-panel.is-active .item-db-source-row-main p {
  margin: 0 !important;
  color: #cfc7db !important;
  font-size: 0.78rem !important;
  line-height: 1.22 !important;
  font-weight: 650 !important;
}

.items-panel.is-active .item-db-source-chip-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.28rem !important;
  margin-top: 0.08rem !important;
}

.items-panel.is-active .item-db-source-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.3rem !important;
  padding: 0.13rem 0.42rem !important;
  border: 1px solid rgba(155, 120, 234, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(89, 63, 145, 0.16) !important;
  color: #d9c7ff !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  font-weight: 820 !important;
}

.items-panel.is-active .item-db-craft-cost {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem !important;
  max-width: 18rem !important;
  margin-top: 0.2rem !important;
  padding: 0.32rem 0.5rem !important;
  border: 1px solid rgba(211, 174, 92, 0.16) !important;
  border-radius: 6px !important;
  background: rgba(0, 0, 0, 0.18) !important;
}

.items-panel.is-active .item-db-craft-cost span {
  color: #cabfcb !important;
  font-size: 0.74rem !important;
  font-weight: 720 !important;
}

.items-panel.is-active .item-db-craft-cost b {
  color: #ffd872 !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
}

.items-panel.is-active .item-db-source-row .item-db-materials {
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)) !important;
  gap: 0.38rem 0.55rem !important;
  margin-top: 0.46rem !important;
}

.items-panel.is-active .item-db-source-row .item-db-materials span {
  min-height: 2.1rem !important;
  padding: 0.16rem 0.24rem !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.items-panel.is-active .item-db-source-row .item-db-materials b {
  color: #fff0a8 !important;
  font-weight: 900 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .items-panel.is-active .item-db-source-pill,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .items-panel.is-active .item-db-source-row {
  border-color: rgba(105, 79, 40, 0.18) !important;
  background: rgba(255, 250, 240, 0.72) !important;
  box-shadow: none !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .items-panel.is-active .item-db-source-section-head h4,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .items-panel.is-active .item-db-source-row-main > b {
  color: #312515 !important;
}

html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .items-panel.is-active .item-db-source-section-head p,
html[data-rutl-theme="light"] body:not(.rutl-admin-feedback-page) .items-panel.is-active .item-db-source-row-main p {
  color: #6c5d49 !important;
}

@media (max-width: 760px) {
  .items-panel.is-active .item-db-source-list,
  .items-panel.is-active .item-db-source-row .item-db-materials {
    grid-template-columns: 1fr !important;
  }

  .items-panel.is-active .item-db-source-pill {
    min-height: 1.85rem !important;
    font-size: 0.74rem !important;
  }

  .items-panel.is-active .item-db-source-row {
    grid-template-columns: 2.1rem minmax(0, 1fr) !important;
  }

  .items-panel.is-active .item-db-source-row-icon {
    width: 2.1rem !important;
    height: 2.1rem !important;
  }
}

/* RUTL items: stable left rail and cheaper scrolling 20260812 */
@media (min-width: 981px) {
  body.rutl-items-scroll-page .items-panel.is-active .item-db-body {
    align-items: start !important;
    overflow: visible !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-list {
    position: sticky !important;
    top: calc(var(--site-header-height, 4.5rem) + 0.75rem) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100svh - var(--site-header-height, 4.5rem) - 1.5rem) !important;
    overflow: hidden !important;
    align-self: start !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-list-scroll {
    height: auto !important;
    max-height: calc(100svh - var(--site-header-height, 4.5rem) - 6.25rem) !important;
    align-content: start !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    contain: content !important;
  }

  body.rutl-items-scroll-page .items-panel.is-active .item-db-row {
    contain: content !important;
  }
}

/* RUTL items: keep filters compact during live search rerenders 20260812 */
.items-panel.is-active .item-db {
  align-items: start !important;
}

.items-panel.is-active .item-db-filters {
  align-self: start !important;
  align-items: end !important;
  min-height: 0 !important;
  height: auto !important;
}

.items-panel.is-active .item-db-search,
.items-panel.is-active .item-db-filter-select {
  align-self: end !important;
  grid-template-rows: auto 2.35rem !important;
  min-height: 0 !important;
  height: auto !important;
}

.items-panel.is-active .item-db-filters input,
.items-panel.is-active .item-db-select-trigger {
  min-height: 2.35rem !important;
  max-height: 2.35rem !important;
}

/* RUTL builds: search runs only from the button and filters stay compact 20260812 */
.builds-panel.is-active .builder-catalog-filters {
  align-items: end !important;
  min-height: 0 !important;
}

.builds-panel.is-active .builder-catalog-filter-search.is-wide,
.builds-panel.is-active .builder-catalog-filter-select,
.builds-panel.is-active .builder-catalog-class-filter,
.builds-panel.is-active .builder-catalog-tag-filter,
.builds-panel.is-active .builder-catalog-tier-control {
  align-self: end !important;
  min-height: 0 !important;
  height: auto !important;
}

.builds-panel.is-active .builder-catalog-filter-search.is-wide input,
.builds-panel.is-active .builder-catalog-search-submit {
  height: 3rem !important;
  min-height: 3rem !important;
  max-height: 3rem !important;
}

.builds-panel.is-active .builder-catalog-filter-search.is-wide input:focus {
  border-color: rgba(211, 174, 92, 0.62) !important;
  box-shadow: 0 0 0 2px rgba(211, 174, 92, 0.13) !important;
}

/* RUTL items: hard lock filter row height while search rerenders 20260813 */
.items-panel.is-active .item-db {
  grid-template-rows: min-content minmax(0, 1fr) !important;
}

.items-panel.is-active .item-db-filters {
  display: grid !important;
  grid-auto-rows: min-content !important;
  align-content: start !important;
  align-items: start !important;
  height: fit-content !important;
  max-height: 4.75rem !important;
  overflow: visible !important;
}

.items-panel.is-active .item-db-search,
.items-panel.is-active .item-db-filter-select {
  display: grid !important;
  grid-template-rows: 1rem 2.35rem !important;
  align-self: start !important;
}

/* RUTL auction prices 20260814 */
.rutl-lucent-icon {
  width: 1.05em;
  height: 1.05em;
  object-fit: contain;
  vertical-align: -0.16em;
}

.builder-auction-summary-main,
.builder-catalog-auction-summary strong,
.item-db-row-price,
.rutl-auction-price-value {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  min-width: 0;
}

.builder-auction-summary,
.builder-catalog-auction-summary {
  color: #ffe5a6;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.15;
}

.builder-auction-summary {
  display: flex;
  align-items: center;
  gap: 0.34rem;
  width: 100%;
  min-width: 0;
}

.builder-catalog-auction-summary {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  gap: 0.38rem;
  width: 100%;
  min-width: 0;
  margin-top: 0.1rem;
}

.builder-catalog-auction-summary > span {
  color: rgba(232, 222, 205, 0.72);
  font-size: 0.72rem;
  font-weight: 760;
}

.builder-catalog-auction-summary strong {
  font-weight: 900;
}

.builder-auction-summary em,
.builder-catalog-auction-summary em {
  color: #a9c7ff;
  font-style: normal;
  font-weight: 800;
}

.builder-auction-help {
  display: inline-grid;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  border: 1px solid rgba(169, 199, 255, 0.36);
  border-radius: 999px;
  color: #dbe8ff;
  background: rgba(78, 104, 150, 0.24);
  font-size: 0.72rem;
  line-height: 1;
}

.builder-tooltip-section.auction-prices,
.item-db-auction {
  border-color: rgba(255, 211, 126, 0.16) !important;
  background: linear-gradient(180deg, rgba(255, 211, 126, 0.07), rgba(64, 82, 122, 0.08)) !important;
}

.builder-tooltip-section.auction-prices h4,
.item-db-auction h3 {
  margin: 0 0 0.55rem;
  color: #ffe3a3;
  font-size: 0.92rem;
}

.builder-tooltip-section.auction-prices p,
.item-db-auction p,
.builder-auction-slot-price p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
}

.builder-tooltip-section.auction-prices p.is-best,
.item-db-auction p.is-best,
.builder-auction-slot-price p.is-best {
  color: #fff2c8;
}

.rutl-auction-price-value b {
  color: #ffe4a2;
  white-space: nowrap;
}

.rutl-auction-price-value em {
  color: #9fb9ed;
  font-size: 0.72rem;
  font-style: normal;
}

.rutl-auction-trend {
  display: inline-block;
  width: 0.68rem;
  height: 0.58rem;
  flex: 0 0 auto;
  border: 0 !important;
  background: currentColor;
}

.rutl-auction-trend.is-up {
  color: #ff6969;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.rutl-auction-trend.is-down {
  color: #58e09a;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.rutl-auction-price-missing {
  color: #8f879a;
  font-size: 0.78rem;
}

.builder-tooltip-section.auction-prices p,
.item-db-auction p {
  grid-template-columns: minmax(7.5rem, 1fr) 9rem;
}

.builder-tooltip-section.auction-prices .rutl-auction-price-value,
.item-db-auction .rutl-auction-price-value {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr) 2rem 0.72rem;
  justify-self: stretch;
  gap: 0.28rem;
}

.builder-tooltip-section.auction-prices .rutl-auction-price-missing,
.item-db-auction .rutl-auction-price-missing {
  justify-self: stretch;
  text-align: left;
}

.item-db-auction {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 7px;
  margin-top: 0.62rem;
  padding: 12px;
}

.item-db-card-title .item-db-auction.is-compact {
  width: min(100%, 34rem);
  margin-top: 0.52rem;
  padding: 0.55rem 0.65rem 0.65rem;
  border-color: rgba(255, 211, 126, 0.2) !important;
  background: rgba(255, 211, 126, 0.055) !important;
}

.item-db-card-title .item-db-auction.is-compact h3 {
  margin: 0 0 0.32rem;
  font-size: 0.78rem;
}

.item-db-card-title .item-db-auction.is-compact p {
  grid-template-columns: minmax(5.8rem, 1fr) 7.6rem;
  gap: 0.45rem;
  margin: 0.16rem 0;
  font-size: 0.75rem;
}

.item-db-card-title .item-db-auction.is-compact .rutl-auction-price-value {
  grid-template-columns: 0.9rem minmax(0, 1fr) 1.7rem 0.65rem;
}

.item-db-card-title .item-db-auction.is-compact .rutl-auction-price-missing {
  font-size: 0.72rem;
}

.item-db-card-title .item-db-auction.is-compact .item-db-auction-chart {
  margin-top: 0.55rem;
  min-height: 8.7rem;
}

.item-db-card-title .item-db-auction.is-compact .item-db-auction-chart svg {
  height: 6.55rem;
}

.item-db-card-title .item-db-auction.is-compact .rutl-auction-chart-empty {
  margin-top: 0.55rem;
  min-height: 5.2rem;
}

.item-db-row-price {
  margin-top: 0.1rem;
  color: #ffe4a2;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
}

.build-auction-tooltip {
  width: min(376px, calc(100vw - 16px));
  max-height: none;
  overflow-x: hidden;
  overflow-y: visible;
}

.build-auction-tooltip * {
  min-width: 0;
}

.build-auction-tooltip header {
  padding: 0.55rem 0.7rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.build-auction-tooltip header h3 {
  margin: 0 0 0.24rem;
  font-size: 0.88rem;
}

.build-auction-tooltip header p {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  color: #d9d2e4;
}

.builder-auction-slot-price {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 0.42rem;
  align-items: center;
  min-height: 2.72rem;
  padding: 0.28rem 0.62rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.builder-auction-slot-head {
  display: grid;
  justify-items: center;
  gap: 0.12rem;
}

.builder-auction-slot-label {
  color: #f7ebd6;
  font-size: 0.6rem;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

.builder-auction-slot-icon {
  display: grid;
  place-items: center;
  width: 1.72rem;
  height: 1.72rem;
  border: 1px solid rgba(217, 189, 118, 0.28);
  border-radius: 5px;
  background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--grade, #777) 56%, transparent), rgba(0, 0, 0, 0.28) 68%), #161616;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
}

.builder-auction-slot-icon img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  object-fit: contain;
}

.builder-auction-slot-rows {
  display: grid;
  gap: 0.12rem;
}

.builder-auction-slot-price p {
  grid-column: auto;
  margin: 0;
  grid-template-columns: minmax(4.8rem, 1fr) 6.9rem;
  gap: 0.32rem;
  font-size: 0.68rem;
  line-height: 1.08;
}

.builder-auction-slot-price p > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-auction-slot-price .rutl-auction-price-value {
  display: grid;
  grid-template-columns: 0.82rem 4.2rem 1rem 0.58rem;
  width: 6.9rem;
  align-items: center;
  gap: 0.18rem;
  justify-self: end;
}

.builder-auction-slot-price .rutl-auction-price-value .rutl-lucent-icon {
  justify-self: start;
}

.builder-auction-slot-price .rutl-auction-price-value b {
  justify-self: start;
}

.builder-auction-slot-price .rutl-auction-price-value em {
  justify-self: end;
}

.builder-auction-slot-price .rutl-auction-price-missing {
  justify-self: end;
  width: 6.9rem;
  max-width: 6.9rem;
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 560px) {
  .builder-auction-slot-price {
    grid-template-columns: 2.7rem minmax(0, 1fr);
    padding-inline: 0.62rem;
  }

  .builder-auction-slot-icon {
    width: 1.68rem;
    height: 1.68rem;
  }

  .builder-auction-slot-icon img {
    max-width: 1.46rem;
    max-height: 1.46rem;
  }
}

.builder-auction-prices-view {
  display: grid;
  gap: 0.9rem;
  min-height: 0;
  overflow: visible;
  overscroll-behavior: contain;
  padding-right: 0.35rem;
  scrollbar-gutter: stable;
}

.builder-auction-prices-head,
.builder-auction-build-chart header,
.builder-auction-price-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  min-width: 0;
}

.builder-auction-prices-head h2 {
  margin: 0;
  color: #fff4d2;
}

.builder-auction-prices-head p {
  margin: 0.22rem 0 0;
  color: rgba(232, 222, 205, 0.72);
  font-size: 0.85rem;
}

.builder-auction-period-tabs {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.24rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
}

.builder-auction-period-tabs button {
  min-height: 2rem;
  padding: 0 0.72rem;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #d9d1c4;
  background: transparent;
  font-weight: 850;
}

.builder-auction-period-tabs button.is-active {
  border-color: rgba(255, 190, 72, 0.55);
  color: #ffe7ac;
  background: rgba(255, 190, 72, 0.16);
}

.builder-auction-build-chart,
.builder-auction-price-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(10, 10, 14, 0.42);
}

.builder-auction-build-chart {
  padding: 0.78rem;
}

.builder-auction-build-chart header {
  margin-bottom: 0.62rem;
}

.builder-auction-build-chart header span,
.builder-auction-price-card header b {
  display: block;
  color: rgba(232, 222, 205, 0.7);
  font-size: 0.74rem;
  font-weight: 800;
}

.builder-auction-build-chart header strong {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.18rem;
  color: #ffe5a6;
  font-size: 1.2rem;
}

.builder-auction-build-chart header em {
  color: #a9c7ff;
  font-style: normal;
  font-weight: 900;
}

.builder-auction-price-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 0.7rem;
}

.builder-auction-price-card {
  display: grid;
  gap: 0.58rem;
  padding: 0.66rem;
}

.builder-auction-price-card header {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr) auto;
}

.builder-auction-price-icon {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(217, 189, 118, 0.28);
  border-radius: 6px;
  background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--grade, #777) 58%, transparent), rgba(0, 0, 0, 0.34) 70%), #151318;
}

.builder-auction-price-icon img {
  max-width: 2.05rem;
  max-height: 2.05rem;
  object-fit: contain;
}

.builder-auction-price-card header strong {
  display: block;
  overflow: hidden;
  color: #f2e8d6;
  font-size: 0.86rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-auction-price-current .rutl-auction-price-value {
  display: grid;
  grid-template-columns: 1rem minmax(3.6rem, auto) 1.5rem 0.7rem;
  align-items: center;
}

.builder-auction-price-lines {
  display: grid;
  gap: 0.18rem;
  padding-top: 0.34rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.builder-auction-price-lines p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 8.2rem;
  align-items: center;
  margin: 0;
  color: #d9d1c4;
  font-size: 0.76rem;
}

.builder-auction-price-lines .rutl-auction-price-value {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr) 1.8rem 0.65rem;
  justify-self: stretch;
}

.rutl-auction-chart {
  display: grid;
  grid-template-columns: 4.85rem minmax(0, 1fr) 2.4rem;
  grid-template-rows: auto minmax(7.8rem, auto) auto;
  gap: 0.35rem 0.55rem;
  min-height: 10.6rem;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(217, 189, 118, 0.12);
  border-radius: 7px;
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 207, 101, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.18));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  padding: 0.56rem 0.62rem 0.48rem;
}

.rutl-auction-chart.is-price-only {
  grid-template-columns: 4.85rem minmax(0, 1fr);
}

.rutl-auction-chart-large {
  min-height: 12rem;
}

.rutl-auction-chart svg {
  display: block;
  grid-column: 2;
  grid-row: 2;
  width: 100%;
  height: 8.2rem;
  min-width: 0;
}

.rutl-auction-chart-large svg {
  height: 9.2rem;
}

.rutl-auction-chart-legend {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  color: rgba(232, 222, 205, 0.66);
  font-size: 0.68rem;
  font-weight: 850;
}

.rutl-auction-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.rutl-auction-chart-legend i {
  display: block;
  width: 0.85rem;
  height: 0.18rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffe59a, #ffbb37);
  box-shadow: 0 0 8px rgba(255, 190, 72, 0.28);
}

.rutl-auction-chart-legend .is-volume i {
  width: 0.85rem;
  height: 0.18rem;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(137, 172, 255, 0.78), rgba(83, 116, 194, 0.46));
  box-shadow: 0 0 8px rgba(113, 145, 217, 0.18);
}

.rutl-auction-chart-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  color: rgba(232, 222, 205, 0.72);
  font-size: 0.65rem;
  font-weight: 850;
  line-height: 1;
}

.rutl-auction-chart-axis span {
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
  min-width: 0;
}

.rutl-auction-chart-axis.is-price {
  grid-column: 1;
  grid-row: 2;
  align-items: flex-start;
}

.rutl-auction-chart-axis.is-price .rutl-lucent-icon {
  width: 0.72rem;
  height: 0.72rem;
}

.rutl-auction-chart-axis.is-volume {
  grid-column: 3;
  grid-row: 2;
  align-items: flex-end;
  color: #9fc0ff;
}

.rutl-auction-chart-timeline {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
  color: rgba(232, 222, 205, 0.58);
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1.15;
}

.rutl-auction-chart-timeline span:nth-child(2) {
  text-align: center;
}

.rutl-auction-chart-timeline span:nth-child(3) {
  text-align: right;
}

.rutl-auction-chart-grid line {
  stroke: rgba(255, 255, 255, 0.075);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.rutl-auction-chart-grid line.is-vertical {
  stroke: rgba(255, 255, 255, 0.04);
}

.rutl-auction-chart-area {
  fill: rgba(255, 202, 91, 0.105);
}

.rutl-auction-chart-line {
  fill: none;
  stroke: #ffd15f;
  stroke-width: 2.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 4px rgba(255, 194, 72, 0.32));
}

.rutl-auction-chart-volume-line {
  fill: none;
  stroke: rgba(126, 162, 244, 0.62);
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 3px rgba(108, 143, 221, 0.22));
}

.rutl-auction-chart-empty {
  display: grid;
  place-items: center;
  min-height: 8rem;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  color: rgba(232, 222, 205, 0.58);
  font-size: 0.8rem;
  font-weight: 800;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding-bottom: 1.4rem;
  scrollbar-gutter: stable;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) .builder-auction-prices-view {
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 720px) {
  .builder-auction-prices-head,
  .builder-auction-build-chart header {
    align-items: stretch;
    flex-direction: column;
  }

  .builder-auction-period-tabs {
    width: 100%;
  }

  .builder-auction-period-tabs button {
    flex: 1 1 0;
  }

  .builder-auction-price-grid {
    grid-template-columns: 1fr;
  }

  .builder-auction-prices-view {
    padding-right: 0.45rem;
  }

  .rutl-auction-chart {
    grid-template-columns: 4.25rem minmax(0, 1fr) 2rem;
    gap-inline: 0.3rem;
    padding-inline: 0.4rem;
  }

  .rutl-auction-chart.is-price-only {
    grid-template-columns: 4.25rem minmax(0, 1fr);
  }

  .rutl-auction-chart-axis,
  .rutl-auction-chart-timeline {
    font-size: 0.58rem;
  }
}

/* RUTL local build titles wrap 20260814 */
.builder-panel.is-active .builder-build-list-scroll .builder-build-card {
  height: auto !important;
  align-items: start !important;
}

.builder-panel.is-active .builder-build-list-scroll .builder-build-main {
  min-width: 0 !important;
  min-height: 0 !important;
}

.builder-panel.is-active .builder-build-list-scroll .builder-build-name {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.builder-panel.is-active .builder-build-list-scroll .builder-build-card-actions {
  align-self: start !important;
  padding-top: 0.1rem !important;
}

/* RUTL builder tabs stay visible while auction prices scroll 20260814 */
.builder-panel.is-active .builder-view-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 120 !important;
  background: linear-gradient(180deg, #050505 0%, rgba(5, 5, 5, 0.98) 72%, rgba(5, 5, 5, 0) 100%) !important;
  padding-top: 0.15rem !important;
  padding-bottom: 0.05rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) {
  position: relative !important;
  z-index: 1 !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) .builder-auction-prices-view {
  position: relative !important;
  z-index: 0 !important;
}

/* RUTL prices tab keeps section tabs pinned 20260815 */
.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: stretch !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) .builder-view-tabs {
  position: relative !important;
  top: auto !important;
  z-index: 240 !important;
  flex: 0 0 auto !important;
  background: linear-gradient(180deg, #050505 0%, rgba(5, 5, 5, 0.98) 100%) !important;
  padding-top: 0.15rem !important;
  padding-bottom: 0.08rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) .builder-auction-prices-view {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

/* RUTL final prices tab layout + Premium ad controls 20260815 */
.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-items: stretch !important;
  align-content: stretch !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  padding-bottom: 0 !important;
  scrollbar-color: rgba(201, 177, 112, 0.48) rgba(8, 8, 8, 0.62) !important;
  scrollbar-width: thin !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-view-tabs {
  display: flex !important;
  position: relative !important;
  z-index: 260 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) .builder-auction-prices-view {
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.35rem !important;
}

.builder-auction-view-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 260 !important;
  margin: -0.1rem -0.35rem 0.8rem !important;
  padding: 0.14rem 0.35rem 0.24rem !important;
  background: linear-gradient(180deg, #050505 0%, rgba(5, 5, 5, 0.98) 82%, rgba(5, 5, 5, 0) 100%) !important;
}

.builder-auction-view-tabs .builder-view-tabs {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  display: flex !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.builder-auction-view-tabs .builder-view-tabs::-webkit-scrollbar {
  display: none !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view)::-webkit-scrollbar {
  width: 0.46rem !important;
  height: 0.46rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view)::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(8, 8, 8, 0.62) !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view)::-webkit-scrollbar-thumb {
  border: 1px solid rgba(10, 10, 10, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 187, 116, 0.7), rgba(128, 113, 79, 0.72)) !important;
}

.premium-selected-item.is-empty .premium-item-copy {
  display: grid !important;
  gap: 0.2rem !important;
}

.premium-selected-item.is-empty .premium-item-copy b,
.premium-selected-item.is-empty .premium-item-copy small {
  display: block !important;
  white-space: normal !important;
}

.premium-switch {
  min-width: 8rem;
}

.premium-switch span svg {
  width: 1.12rem;
  height: 1.12rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* RUTL prices tab scroll containment 20260815 */
.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-items: stretch !important;
  align-content: stretch !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-view-tabs {
  display: flex !important;
  position: relative !important;
  top: auto !important;
  z-index: 220 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-top: 0.15rem !important;
  padding-bottom: 0.08rem !important;
  background: linear-gradient(180deg, #050505 0%, rgba(5, 5, 5, 0.98) 100%) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) .builder-auction-prices-view {
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding-right: 0.35rem !important;
  scrollbar-color: rgba(201, 177, 112, 0.48) rgba(8, 8, 8, 0.62) !important;
  scrollbar-width: thin !important;
}

.builder-auction-view-tabs {
  display: none !important;
}

.builder-panel.is-active .builder-auction-prices-view::-webkit-scrollbar {
  width: 0.46rem !important;
  height: 0.46rem !important;
}

.builder-panel.is-active .builder-auction-prices-view::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(8, 8, 8, 0.62) !important;
}

.builder-panel.is-active .builder-auction-prices-view::-webkit-scrollbar-thumb {
  border: 1px solid rgba(10, 10, 10, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 187, 116, 0.7), rgba(128, 113, 79, 0.72)) !important;
}

/* RUTL recovery guard: Premium support cards + prices tab containment 20260816 */
.premium-support-panel {
  display: grid;
  gap: 0.95rem;
  border: 1px solid rgba(236, 203, 142, 0.2);
  border-radius: 0.85rem;
  background:
    radial-gradient(circle at 86% 0%, rgba(88, 133, 225, 0.13), transparent 26rem),
    linear-gradient(180deg, rgba(18, 20, 31, 0.94), rgba(8, 9, 15, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 1rem 3.25rem rgba(0, 0, 0, 0.3);
  padding: 1.05rem;
}

.premium-support-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}

.premium-support-head span {
  color: #9fc6ff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.premium-support-head h2 {
  margin: 0.18rem 0 0;
  color: #fff2cc;
  font-size: 1.15rem;
}

.premium-support-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.8rem;
}

.premium-support-plan {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
  border: 1px solid rgba(255, 213, 132, 0.18);
  border-radius: 0.72rem;
  background:
    linear-gradient(135deg, rgba(255, 205, 98, 0.08), rgba(91, 129, 218, 0.07)),
    rgba(4, 5, 10, 0.54);
  padding: 0.82rem;
}

.premium-support-plan b {
  color: #ffe59a;
  font-size: 1.35rem;
  line-height: 1;
}

.premium-support-plan span {
  color: #9fc6ff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.premium-support-plan .premium-primary,
.premium-support-head .premium-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.6rem;
  height: 2.6rem;
  line-height: 1;
  text-align: center;
}

.premium-support-warning {
  margin: 0;
  color: rgba(245, 236, 218, 0.78);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.55;
}

.premium-support-warning a {
  color: #8dbbff;
  font-weight: 950;
  text-decoration: none;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-self: start !important;
  align-content: start !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-top: 0 !important;
  scrollbar-gutter: auto !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs {
  grid-row: 1 !important;
  display: flex !important;
  align-items: end !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  position: relative !important;
  top: auto !important;
  z-index: 260 !important;
  min-height: 2.45rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 6.5rem !important;
  background: transparent !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs::-webkit-scrollbar {
  display: none !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-auction-prices-view {
  grid-row: 2 !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding: 0.75rem 0.9rem 2.8rem 0.75rem !important;
  scrollbar-color: rgba(201, 177, 112, 0.48) rgba(8, 8, 8, 0.62) !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-auction-prices-view::-webkit-scrollbar {
  width: 0.46rem !important;
  height: 0.46rem !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-auction-prices-view::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(8, 8, 8, 0.62) !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-auction-prices-view::-webkit-scrollbar-thumb {
  border: 1px solid rgba(10, 10, 10, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 187, 116, 0.7), rgba(128, 113, 79, 0.72)) !important;
}

@media (max-width: 900px) {
  .premium-support-plans {
    grid-template-columns: 1fr;
  }

  .premium-support-head {
    align-items: stretch;
    flex-direction: column;
  }

  .builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs {
    padding-left: 0 !important;
  }
}

/* RUTL recovery lock 20260816: prices layout, mastery hero icons, premium controls */
.builder-t2-node.is-hero .builder-t2-node-art {
  display: block !important;
  border-radius: 50%;
  object-fit: cover;
  opacity: 0.96;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.72)) saturate(1.08) contrast(1.06);
  z-index: 4;
}

.builder-t2-node.is-locked.is-hero .builder-t2-node-art {
  opacity: 0.74;
  filter: grayscale(0.46) brightness(0.72) contrast(1.08);
}

.builder-t2-mini-node.is-hero {
  overflow: hidden;
}

.builder-t2-mini-node.is-hero .builder-t2-mini-node-bg,
.builder-t2-mini-node.is-hero .builder-t2-mini-node-art {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.builder-t2-mini-node.is-hero .builder-t2-mini-node-bg {
  width: 116%;
  height: 116%;
  opacity: 0.82;
  z-index: 1;
}

.builder-t2-mini-node.is-hero .builder-t2-mini-node-art {
  width: 82%;
  height: 82%;
  object-fit: cover;
  opacity: 0.96;
  z-index: 2;
}

.builder-t2-node.is-attribute-stat:not(.is-locked) .builder-t2-node-icon {
  filter: drop-shadow(0 0 6px rgba(255, 220, 122, 0.36));
}

.builder-t2-node.is-attribute-stat:not(.is-locked) .builder-t2-node-icon::before {
  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.9),
    0 0 0 4px rgba(255, 218, 116, 0.32),
    0 0 0 6px rgba(142, 95, 255, 0.2),
    inset 0 0 10px rgba(255, 255, 255, 0.08);
}

.builder-t2-node.is-attribute-stat.is-active .builder-t2-node-icon::before {
  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.92),
    0 0 0 5px color-mix(in srgb, var(--t2-node-color, #ff5d65) 54%, transparent),
    0 0 0 8px rgba(255, 224, 126, 0.18),
    0 0 16px color-mix(in srgb, var(--t2-node-color, #ff5d65) 92%, transparent),
    0 0 32px color-mix(in srgb, var(--t2-node-color, #ff5d65) 60%, transparent),
    inset 0 0 12px rgba(255, 255, 255, 0.18) !important;
}

.builder-t2-node-attribute-mark {
  position: absolute;
  right: -2px;
  top: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(255, 238, 178, 0.9);
  border-radius: 4px;
  background: linear-gradient(135deg, #ffe27a 0 47%, #8f6cff 53% 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.82), 0 0 8px rgba(255, 218, 116, 0.42);
  pointer-events: none;
  transform: rotate(45deg);
  z-index: 10;
}

.builder-t2-node-attribute-mark::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 2px;
  background: rgba(16, 14, 18, 0.72);
}

.builder-t2-node.is-locked .builder-t2-node-attribute-mark {
  opacity: 0.46;
  filter: grayscale(0.7);
}

.builder-t2-mini-node.is-attribute-stat {
  border-color: rgba(255, 220, 122, 0.54);
  box-shadow: 0 0 0 1px rgba(142, 95, 255, 0.24), 0 0 8px rgba(255, 220, 122, 0.22);
}

.builder-t2-mini-node .builder-t2-node-attribute-mark {
  right: -4px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
}

.builder-t2-mini-node .builder-t2-node-attribute-mark::after {
  inset: 2px;
  border-radius: 1px;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-self: start !important;
  align-content: start !important;
  align-items: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-mobile-modal-close {
  display: none !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-view-tabs {
  grid-row: 1 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  top: auto !important;
  z-index: 320 !important;
  flex: 0 0 auto !important;
  align-items: end !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 2.45rem !important;
  margin: 0 !important;
  padding: 0 0 0 6.5rem !important;
  background: transparent !important;
  transform: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  pointer-events: auto !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-view-tabs::-webkit-scrollbar {
  display: none !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-auction-prices-view {
  grid-row: 2 !important;
  display: grid !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: #202020 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 0.75rem 0.9rem 4.5rem 0.75rem !important;
  scrollbar-color: rgba(201, 177, 112, 0.48) rgba(8, 8, 8, 0.62) !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-auction-prices-view::-webkit-scrollbar {
  width: 0.46rem !important;
  height: 0.46rem !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-auction-prices-view::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(8, 8, 8, 0.62) !important;
}

.builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-auction-prices-view::-webkit-scrollbar-thumb {
  border: 1px solid rgba(10, 10, 10, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(216, 187, 116, 0.7), rgba(128, 113, 79, 0.72)) !important;
}

.premium-page .premium-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.58rem !important;
  white-space: nowrap !important;
}

.premium-page .premium-price-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.24rem !important;
  min-width: max-content !important;
}

.premium-page .premium-price b {
  display: inline-block;
  min-width: max-content;
}

.premium-page .premium-price-count,
.premium-page .premium-offer-count {
  margin-left: 0.42rem !important;
  color: #9ec2ff !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  min-width: 1.4em !important;
  text-align: left !important;
}

.premium-add-row {
  align-items: end !important;
}

.premium-add-row input,
.premium-threshold input,
.premium-toggle,
.premium-switch,
.premium-primary,
.premium-remove {
  box-sizing: border-box !important;
  min-height: 2.55rem !important;
  height: 2.55rem !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.premium-toggle,
.premium-switch,
.premium-primary,
.premium-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.premium-snipe-card {
  align-items: end !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(7.25rem, auto) minmax(7rem, 8rem) 4.35rem 10rem 2.55rem !important;
  column-gap: 0.62rem !important;
}

.premium-snipe-price {
  align-self: center !important;
  display: grid !important;
  gap: 0.25rem !important;
}

.premium-threshold {
  align-self: end !important;
  display: grid !important;
  gap: 0.25rem !important;
}

.premium-toggle input,
.premium-switch input {
  margin: 0 !important;
}

.premium-toggle-notify,
.premium-switch {
  gap: 0.48rem !important;
  min-width: 8.8rem !important;
}

.premium-toggle-icon,
.premium-switch span {
  display: grid !important;
  place-items: center !important;
  width: 1.58rem !important;
  height: 1.58rem !important;
  min-width: 1.58rem !important;
  border-radius: 0.52rem !important;
  background: linear-gradient(135deg, #9df5dd, #89aaff) !important;
  color: #061014 !important;
}

.premium-toggle-icon svg,
.premium-switch svg {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  fill: none !important;
}

.premium-remove {
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
}

/* RUTL recovery lock 20260816b: prices keep the regular builder tab geometry. */
.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) {
  display: block !important;
  justify-content: flex-start !important;
  position: relative !important;
  align-self: start !important;
  align-content: start !important;
  align-items: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  scrollbar-gutter: auto !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  z-index: 340 !important;
  flex: none !important;
  align-items: end !important;
  justify-content: flex-start !important;
  width: max-content !important;
  max-width: min(100%, calc(100vw - 2rem)) !important;
  min-width: 0 !important;
  min-height: 2.08rem !important;
  height: 2.08rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  transform: translate(-50%, -100%) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  pointer-events: auto !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs::-webkit-scrollbar {
  display: none !important;
}

.builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-auction-prices-view {
  display: block !important;
  align-self: start !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: #202020 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 0.75rem 0.9rem 5.5rem 0.75rem !important;
  scrollbar-color: rgba(201, 177, 112, 0.48) rgba(8, 8, 8, 0.62) !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin !important;
}

@media (max-width: 900px) {
  .builder-panel.is-active .builder-main-stage:has(.builder-auction-prices-view) > .builder-view-tabs {
    padding-left: 0 !important;
  }

  .premium-snipe-card {
    grid-template-columns: 1fr !important;
  }
}

/* RUTL prices tab hit-test repair 20260817.
   Keep the visual alignment from the regular builder tabs, but do not paint
   the buttons outside their parent: browsers can draw that area yet ignore
   clicks on the clipped half. */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) {
    display: grid !important;
    grid-template-rows: 2.2rem minmax(0, 1fr) !important;
    position: relative !important;
    z-index: 9400 !important;
    justify-self: stretch !important;
    align-self: start !important;
    align-content: stretch !important;
    justify-content: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: calc(100% + 2.2rem) !important;
    max-height: calc(100% + 2.2rem) !important;
    min-height: 0 !important;
    margin-top: -2.2rem !important;
    padding: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  .builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs {
    grid-row: 1 !important;
    display: flex !important;
    align-items: end !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 9500 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 2.2rem !important;
    min-height: 2.2rem !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
    overflow: visible !important;
    pointer-events: auto !important;
    scrollbar-width: none !important;
  }

  .builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-view-tabs .builder-view-tab {
    position: relative !important;
    z-index: 9501 !important;
    flex: 0 0 auto !important;
    height: 2.08rem !important;
    min-height: 2.08rem !important;
    max-height: 2.08rem !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }

  .builder-panel.is-active .builder-main-stage:has(> .builder-auction-prices-view) > .builder-auction-prices-view {
    grid-row: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
  }
}

/* RUTL tooltip z-order above prices tab hitbox 20260817.
   The prices tab needs a high layer for its tab hitbox; tooltips are body-level
   overlays and must stay above it. */
.builder-hover-tooltip,
body > .builder-hover-tooltip,
.builder-hover-tooltip.is-pinned,
.builder-hover-tooltip.is-build-auction,
.builder-hover-tooltip.is-t2-mastery,
.builder-hover-tooltip.is-mobile-item,
.builder-hover-tooltip.is-mobile-breakdown {
  z-index: 2147482000 !important;
}

/* Equipment catalog final layer: keep the modal controls above local hotfixes. */
.builder-equipment-view > .builder-equipment-actions {
  position: absolute !important;
  top: 0.75rem !important;
  right: 0.75rem !important;
  z-index: 12 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.55rem !important;
}

.builder-equipment-view > .builder-equipment-actions .builder-source-pill {
  height: 2rem !important;
  min-height: 2rem !important;
  min-width: auto !important;
  padding: 0 0.65rem !important;
  border-radius: 4px !important;
}

.builder-equipment-view > .builder-equipment-actions .builder-source-pill svg {
  width: 14px !important;
  height: 14px !important;
}

.builder-equipment-view.has-equipment-actions .builder-equipment-head {
  padding-right: 18.5rem !important;
}

.builder-equipment-view:not(.has-source-button).has-equipment-actions .builder-equipment-head {
  padding-right: 9.5rem !important;
}

.builder-equipment-catalog-top-actions .builder-modal-corner-close {
  position: static !important;
  inset: auto !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 !important;
}

.builder-equipment-catalog-modal .builder-equipment-catalog-card {
  max-width: calc(100vw - min(4vw, 48px)) !important;
  max-height: calc(100vh - min(4vw, 48px)) !important;
}

.builder-panel.is-active .builder-item-select {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 0.85rem !important;
}

.builder-panel.is-active .builder-item-select > .builder-item-select-copy {
  min-width: 0 !important;
  overflow: hidden !important;
}

.builder-panel.is-active .builder-item-select > .builder-item-select-side {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.55rem !important;
  min-width: max-content !important;
  overflow: visible !important;
  color: #ffe4a2 !important;
  font-size: 0.82rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.builder-panel.is-active .builder-item-select > .builder-item-select-side .builder-item-auction-price {
  font-size: 0.82rem !important;
}

@media (max-width: 980px) {
  .builder-equipment-view.has-equipment-actions .builder-equipment-head,
  .builder-equipment-view:not(.has-source-button).has-equipment-actions .builder-equipment-head {
    padding-right: 0 !important;
  }

  .builder-equipment-view > .builder-equipment-actions {
    position: static !important;
    margin: -0.2rem 0 0.75rem !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  .builder-equipment-catalog-modal .builder-equipment-catalog-card {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}

.builder-equipment-catalog-modal {
  padding: min(1vw, 12px) !important;
}

.builder-equipment-catalog-modal .builder-equipment-catalog-card {
  width: min(1880px, calc(100vw - min(2vw, 24px))) !important;
  height: calc(100dvh - min(2vw, 24px)) !important;
  max-width: calc(100vw - min(2vw, 24px)) !important;
  max-height: calc(100dvh - min(2vw, 24px)) !important;
  gap: 0.55rem !important;
}

.builder-equipment-catalog-controls {
  grid-template-columns:
    minmax(260px, 1.45fr)
    minmax(128px, 0.62fr)
    minmax(128px, 0.62fr)
    minmax(128px, 0.62fr)
    minmax(148px, 0.66fr)
    minmax(168px, 0.78fr)
    minmax(148px, 0.66fr) !important;
  align-items: end !important;
}

.builder-equipment-catalog-dropdown {
  position: relative !important;
  min-width: 0 !important;
  display: grid !important;
}

.builder-equipment-catalog-dropdown-trigger {
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.45rem !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  border-radius: 7px !important;
  background: rgba(35,35,38,0.96) !important;
  color: #fff8e6 !important;
  padding: 0 0.75rem !important;
  font: inherit !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.builder-equipment-catalog-dropdown-trigger:hover,
.builder-equipment-catalog-dropdown-trigger.is-open {
  border-color: rgba(236,198,103,0.68) !important;
  box-shadow: 0 0 0 2px rgba(236,198,103,0.12) !important;
}

.builder-equipment-catalog-dropdown-trigger > span {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-equipment-catalog-dropdown-trigger b {
  min-width: 1.25rem !important;
  height: 1.25rem !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(183,124,255,0.3) !important;
  color: #e6ccff !important;
  font-size: 0.76rem !important;
}

.builder-equipment-catalog-dropdown-trigger em {
  color: #d8c07e !important;
  font-style: normal !important;
  flex: 0 0 auto !important;
}

.builder-equipment-catalog-dropdown > .builder-equipment-catalog-popover {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  z-index: 30 !important;
  width: min(420px, 82vw) !important;
  max-height: min(470px, 64vh) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 0.5rem !important;
  padding: 0.65rem !important;
  border: 1px solid rgba(236,198,103,0.34) !important;
  border-radius: 9px !important;
  background: #111114 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,0.55) !important;
}

.builder-equipment-catalog-popover-search {
  display: grid !important;
  gap: 0.25rem !important;
  color: #b5aa9b !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
}

.builder-equipment-catalog-popover-search input {
  height: 2.25rem !important;
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  border-radius: 7px !important;
  background: rgba(35,35,38,0.96) !important;
  color: #fff8e6 !important;
  padding: 0 0.65rem !important;
  font: inherit !important;
  font-weight: 850 !important;
}

.builder-equipment-catalog-check-list {
  align-content: start !important;
  min-height: 0 !important;
}

.builder-equipment-catalog-check-list button {
  min-width: 0 !important;
}

.builder-equipment-catalog-check-list button strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.builder-equipment-catalog-dropdown-empty {
  min-height: 3rem !important;
  display: grid !important;
  place-items: center !important;
  color: #9e9586 !important;
  font-weight: 900 !important;
}

.builder-equipment-catalog-table-wrap {
  min-height: 0 !important;
  grid-template-rows: minmax(0, 1fr) !important;
  overflow: hidden !important;
}

.builder-equipment-catalog-scroll {
  min-width: 0 !important;
  overflow: auto !important;
  padding-bottom: 1.2rem !important;
}

.builder-equipment-catalog-row {
  width: 100% !important;
  min-width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  overflow: hidden !important;
}

.builder-equipment-catalog-cell {
  height: 64px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.builder-equipment-catalog-name,
.builder-equipment-catalog-name b,
.builder-equipment-catalog-name small {
  max-width: 100% !important;
  min-width: 0 !important;
}

.builder-equipment-catalog-icon,
.builder-equipment-catalog-name {
  cursor: help !important;
}

.builder-equipment-catalog-open {
  display: none !important;
}

.builder-equipment-catalog-missing {
  color: #91899a !important;
  font-weight: 900 !important;
}

@media (max-width: 1200px) {
  .builder-equipment-catalog-controls {
    grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(120px, 0.55fr)) !important;
  }
}

/* Premium is a regular page, not the fixed-height builder workspace. */
body:has(.premium-panel.is-active) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.app-shell:has(.premium-panel.is-active) {
  grid-template-rows: auto minmax(0, auto) auto !important;
  height: auto !important;
  min-height: 100dvh !important;
  overflow: visible !important;
}

.app-shell:has(.premium-panel.is-active) main,
.app-shell:has(.premium-panel.is-active) .tab-panel.is-active,
.premium-panel.is-active,
.premium-panel.is-active .premium-root {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.app-shell:has(.premium-panel.is-active) .site-footer {
  display: none !important;
}

.app-shell:has(.premium-panel.is-active) .site-header {
  min-height: 3.8rem !important;
  padding-block: 0.45rem !important;
  align-self: start !important;
}

.app-shell:has(.premium-panel.is-active) .brand-logo {
  height: 2.85rem !important;
}

.app-shell:has(.weather-panel.is-active) .site-footer,
.app-shell:has(.formulas-panel.is-active) .site-footer,
.app-shell:has(.calculator-panel.is-active) .site-footer {
  display: none !important;
}

.builder-panel.is-active .builder-heroic-card:has(.builder-resonance-picker.is-open),
.builder-panel.is-active .builder-heroic-card:has(.builder-heroic-picker.is-open),
.builder-panel.is-active .builder-resonance-picker.is-open,
.builder-panel.is-active .builder-heroic-picker.is-open {
  position: relative !important;
  z-index: 9200 !important;
}

.builder-panel.is-active .builder-resonance-options,
.builder-panel.is-active .builder-heroic-options {
  position: fixed !important;
  left: var(--rutl-picker-left, 0px) !important;
  top: var(--rutl-picker-top, 0px) !important;
  right: auto !important;
  width: var(--rutl-picker-width, 100%) !important;
  z-index: 9201 !important;
  max-height: var(--rutl-picker-max-height, min(22rem, calc(100dvh - 11rem))) !important;
}

/* RUTL T2/T2 Raid mode switch layout 20260823 */
.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: max-content !important;
  display: inline-grid !important;
  grid-template-columns: max-content max-content !important;
  justify-content: start !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch button,
.builder-panel.is-active .builder-tier-switch button,
.builds-panel.is-active .builder-catalog-tier-slider button,
.builder-author-builds-tier button {
  white-space: nowrap !important;
}

.builder-panel.is-active .builder-top-actions.builder-top-actions-single > .builder-tier-switch button {
  width: max-content !important;
  min-width: 2.85rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  font-size: 0.74rem !important;
}

/* RUTL heroic equipment scroll and column placement 20260827 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-main-stage:has(> .builder-equipment-view) {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .builder-panel.is-active .builder-main-stage > .builder-equipment-view {
    flex: 1 1 0 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable both-edges !important;
    scroll-padding-bottom: 1.25rem !important;
  }

  .builder-heroic-layout.is-single-column {
    grid-template-columns: minmax(0, 1fr);
  }

  .builder-heroic-layout.is-single-column .builder-heroic-traits-column:empty {
    display: none;
  }
}

.builder-panel.is-active .builder-heroic-trait {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

.builder-panel.is-active .builder-heroic-trait .builder-trait-toggle {
  min-width: 0 !important;
}

.builder-panel.is-active .builder-heroic-trait .builder-heroic-levels {
  width: max-content !important;
}

/* RUTL equipment tabs/dropdown clipping guard 20260828 */
@media (min-width: 901px) {
  .builder-panel.is-active .builder-main-stage:has(> .builder-equipment-view) {
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-main-stage:has(> .builder-equipment-view) > .builder-view-tabs {
    pointer-events: auto !important;
    overflow: visible !important;
  }

  .builder-panel.is-active .builder-main-stage:has(> .builder-equipment-view) > .builder-equipment-view {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

.builder-panel.is-active .builder-resonance-options,
.builder-panel.is-active .builder-heroic-options {
  left: var(--rutl-picker-left, 0.5rem) !important;
  top: var(--rutl-picker-top, 0.5rem) !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--rutl-picker-width, min(26rem, calc(100vw - 1rem))) !important;
  min-width: min(13.75rem, calc(100vw - 1rem)) !important;
  max-width: calc(100vw - 1rem) !important;
  max-height: var(--rutl-picker-max-height, min(22rem, calc(100dvh - 1rem))) !important;
}

/* RUTL author modal and catalog mode sizing 20260823d */
.builder-modal-card.builder-author-builds-modal {
  box-sizing: border-box !important;
  width: min(44rem, calc(100vw - 1.5rem)) !important;
  height: min(48rem, calc(100dvh - 1.25rem)) !important;
  min-width: min(44rem, calc(100vw - 1.5rem)) !important;
  min-height: min(48rem, calc(100dvh - 1.25rem)) !important;
  max-width: calc(100vw - 1.5rem) !important;
  max-height: calc(100dvh - 1.25rem) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.builder-modal-card.builder-author-builds-modal .builder-author-builds-list,
.builder-modal-card.builder-author-builds-modal .builder-author-builds-list.is-empty {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 0.65rem !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0.08rem 0.45rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable both-edges !important;
}

.builder-modal-card.builder-author-builds-modal .builder-author-build-card.builder-catalog-card-compact,
.builder-modal-card.builder-author-builds-modal .builder-author-builds-empty,
.builder-modal-card.builder-author-builds-modal .builder-author-builds-status {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.builder-modal-card.builder-author-builds-modal .builder-author-builds-empty,
.builder-modal-card.builder-author-builds-modal .builder-author-builds-status {
  align-self: start !important;
  justify-self: stretch !important;
  min-height: 3.2rem !important;
  height: auto !important;
  padding: 0.85rem 1rem !important;
  text-align: center !important;
}

.builds-panel.is-active .builder-catalog-tier-control {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.builds-panel.is-active .builder-catalog-tier-control .builder-catalog-tier-slider {
  display: inline-grid !important;
  grid-template-columns: max-content max-content max-content !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-content: start !important;
  white-space: nowrap !important;
}

.builds-panel.is-active .builder-catalog-tier-slider button {
  width: max-content !important;
  min-width: 2.85rem !important;
}

@media (min-width: 1181px) {
  .builds-panel.is-active .builder-catalog-filters {
    grid-template-columns:
      minmax(17rem, 1.15fr)
      max-content
      minmax(11.25rem, 0.72fr)
      minmax(10.25rem, 0.7fr)
      minmax(16rem, 1.1fr)
      minmax(6.5rem, max-content) !important;
    column-gap: 0.62rem !important;
    align-items: end !important;
  }

  .builds-panel.is-active .builder-catalog-class-filter {
    min-width: 0 !important;
  }

  .builds-panel.is-active .builder-catalog-tag-filter,
  .builds-panel.is-active .builder-catalog-filter-select {
    min-width: 0 !important;
  }
}

@media (max-width: 720px) {
  .builder-modal-card.builder-author-builds-modal {
    width: min(100%, calc(100vw - 1rem)) !important;
    min-width: min(100%, calc(100vw - 1rem)) !important;
    height: min(44rem, calc(100dvh - 1rem)) !important;
    min-height: min(44rem, calc(100dvh - 1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: calc(100dvh - 1rem) !important;
  }
}

/* RUTL buff picker and heroic earring row guard 20260829 */
.builder-panel.is-active .builder-slot-detail.has-dropdown .builder-item-dropdown-results {
  align-content: start !important;
  align-items: start !important;
  grid-auto-rows: max-content !important;
}

.builder-panel.is-active .builder-slot-detail.has-dropdown .builder-item-dropdown-results .builder-choice {
  height: auto !important;
  min-height: 3.75rem !important;
  align-self: start !important;
}

.builder-panel.is-active .builder-slot-detail.has-dropdown .builder-item-dropdown-results .builder-choice > span {
  align-self: center !important;
}

.builder-panel.is-active .builder-buff-choice > span {
  min-width: 0 !important;
}

.builder-panel.is-active .builder-buff-choice b,
.builder-panel.is-active .builder-buff-choice small {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.builder-panel.is-active .builder-buff-tooltip-card {
  padding: 0.85rem !important;
}

.builder-panel.is-active .builder-buff-tooltip-card header {
  gap: 0.85rem !important;
  padding-bottom: 0.78rem !important;
}

.builder-panel.is-active .builder-buff-tooltip-stat {
  gap: 0.9rem !important;
  padding: 0.42rem 0.55rem !important;
}

.builder-panel.is-active .builder-buff-slot {
  background: color-mix(in srgb, var(--grade, #d7ba69) 13%, #171716) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 241, 190, 0.2),
    inset 0 0 0 2px rgba(7, 7, 8, 0.78),
    0 0 0 1px rgba(0, 0, 0, 0.9),
    0 0 0 2px color-mix(in srgb, var(--grade, #d7ba69) 56%, #241a0c),
    0 0.18rem 0.48rem rgba(0, 0, 0, 0.38) !important;
}

.builder-panel.is-active .builder-buff-rail {
  justify-content: center !important;
  justify-items: center !important;
  width: calc((2.35rem * 4) + (0.38rem * 3)) !important;
  max-width: 100% !important;
  margin: 0.5rem auto 0 !important;
  padding: 0.18rem 0.48rem 0.34rem !important;
  overflow: visible !important;
}

.builder-panel.is-active .builder-buff-slot::before {
  display: none !important;
}

.builder-panel.is-active .builder-buff-slot.is-empty {
  background: #181818 !important;
  opacity: 0.82 !important;
}

.builder-panel.is-active .builder-buff-slot.is-filled {
  background: color-mix(in srgb, var(--grade, #b26dff) 17%, #171719) !important;
}

.builder-buff-slot.is-territory-selected,
.builder-panel.is-active .builder-buff-slot.is-territory-selected {
  background:
    radial-gradient(circle at 50% 40%, rgba(49, 109, 66, 0.62), rgba(18, 37, 23, 0.96) 68%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(210, 240, 190, 0.24),
    inset 0 0 0 2px rgba(7, 9, 7, 0.78),
    0 0 0 1px rgba(0, 0, 0, 0.9),
    0 0 0 2px rgba(70, 154, 84, 0.72),
    0 0.18rem 0.52rem rgba(0, 0, 0, 0.42) !important;
}

.builder-panel.is-active .builder-buff-frame {
  background: transparent !important;
}

/* RUTL buff picker polish 20260830 */
.builder-panel.is-active .builder-buff-picker-list {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(202, 177, 112, 0.56) rgba(8, 8, 8, 0.55) !important;
}

.builder-panel.is-active .builder-buff-picker-list::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

.builder-panel.is-active .builder-buff-picker-list::-webkit-scrollbar-track {
  background: rgba(8, 8, 8, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 222, 139, 0.08) !important;
}

.builder-panel.is-active .builder-buff-picker-list::-webkit-scrollbar-thumb {
  min-height: 2.75rem !important;
  border: 2px solid rgba(8, 8, 8, 0.55) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(202, 177, 112, 0.88), rgba(91, 70, 30, 0.86)) !important;
}

.builder-panel.is-active .builder-buff-picker-list::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(236, 211, 137, 0.95), rgba(125, 94, 37, 0.92)) !important;
}

.builder-hover-tooltip:has(.builder-buff-tooltip-card) {
  max-width: min(24rem, calc(100vw - 1rem)) !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

.builder-hover-tooltip .builder-buff-tooltip-card {
  width: min(24rem, calc(100vw - 1rem)) !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.builder-hover-tooltip .builder-buff-tooltip-card,
.builder-hover-tooltip .builder-buff-tooltip-card * {
  box-sizing: border-box !important;
}

.builder-hover-tooltip .builder-buff-tooltip-card header,
.builder-hover-tooltip .builder-buff-tooltip-heading,
.builder-hover-tooltip .builder-buff-tooltip-description,
.builder-hover-tooltip .builder-buff-tooltip-stats,
.builder-hover-tooltip .builder-buff-tooltip-stat,
.builder-hover-tooltip .builder-buff-tooltip-stat span {
  min-width: 0 !important;
  max-width: 100% !important;
}

.builder-hover-tooltip .builder-buff-tooltip-card header h3,
.builder-hover-tooltip .builder-buff-tooltip-description,
.builder-hover-tooltip .builder-buff-tooltip-stat span {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

.builder-hover-tooltip .builder-buff-tooltip-stat b {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* RUTL weather T1/T2 rain timers 20260831 */
.header-weather-mini {
  min-width: 14.4rem !important;
}

.header-weather-row.is-rain {
  grid-template-columns: 0.86rem 3.45rem minmax(8.2rem, max-content) !important;
}

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

@media (max-width: 720px) {
  .header-weather-mini {
    min-width: 12.6rem !important;
  }

  .header-weather-row.is-rain {
    grid-template-columns: 0.86rem 3.25rem minmax(7.2rem, 1fr) !important;
  }
}

/* BUILD TLWG donate page */
.donate-page { max-width: 640px; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
.donate-page h1 { margin: 0 0 0.25rem; font-size: 1.75rem; letter-spacing: 0.02em; }
.donate-page .subtitle { opacity: 0.6; font-size: 0.85rem; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 1.25rem; }
.donate-page .donate-lead { margin-bottom: 1.5rem; line-height: 1.6; }
.donate-page .section-title { font-weight: 700; margin: 1.75rem 0 0.75rem; font-size: 1.05rem; }
.donate-page .crypto-card { display: flex; flex-direction: column; gap: 0.35rem; padding: 0.85rem 1rem; border: 1px solid rgba(197, 169, 102, 0.35); border-radius: 10px; margin-bottom: 0.6rem; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; }
.donate-page .crypto-card:hover { border-color: #c5a966; }
.donate-page .crypto-card.is-copied { border-color: #4caf7d; background: rgba(76, 175, 125, 0.08); }
.donate-page .crypto-title { display: flex; justify-content: space-between; align-items: center; font-weight: 600; }
.donate-page .crypto-title i { opacity: 0.5; }
.donate-page .crypto-card.is-copied .crypto-title i::after { content: " \2713"; opacity: 1; color: #4caf7d; }
.donate-page .crypto-address { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.85rem; word-break: break-all; opacity: 0.85; }
.donate-page .widget-container { margin: 0.5rem 0 1.5rem; }
.donate-page .widget-container iframe { max-width: 100%; }
.donate-page .btn-back { display: inline-block; padding: 0.5rem 1rem; border-radius: 8px; border: 1px solid rgba(197, 169, 102, 0.4); text-decoration: none; }

/* Migration notice (rutl.org -> build.tlwg.ru) + EU mirror offer */
.notice-stack {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6200;
  display: flex;
  flex-direction: column;
}
.migration-notice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.6rem 2.75rem;
  background: #c5a966;
  color: #0d0d0b;
  font-weight: 600;
  font-size: 0.92rem;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.migration-notice.eu-notice {
  background: #4f7cff;
  color: #ffffff;
}
.migration-notice[hidden] {
  display: none;
}
.migration-notice a {
  color: inherit;
}
.migration-notice-close {
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  color: inherit;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
}
.migration-notice-close:hover {
  opacity: 1;
}

/* RUTL static/home page scroll fix 20261101-106: enable page scrolling
   on desktop for the home welcome and static pages (/donate, /about,
   /contacts, /terms, /privacy) — same pattern as builds/items panels.
   Mobile rules with !important remain in charge under their media queries. */
body:has(.static-panel.is-active),
body:has(.aion-home-panel.is-active) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.app-shell:has(.static-panel.is-active),
.app-shell:has(.aion-home-panel.is-active) {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}
.app-shell:has(.static-panel.is-active) main,
.app-shell:has(.aion-home-panel.is-active) main,
.app-shell:has(.static-panel.is-active) .tab-panel.is-active,
.app-shell:has(.aion-home-panel.is-active) .tab-panel.is-active,
.static-panel.is-active,
.aion-home-panel.is-active {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}