:root {
  color-scheme: dark;
  --bg: #101112;
  --panel: #191b1d;
  --panel2: #202225;
  --line: #2c2d30;
  --text: #f4f1e9;
  --muted: #a7a8aa;
  --gold: #f4bd50;
  --red: #ba473b;
  --green: #8ac497;
  --radius: 10px;
  --sidebar: 230px;
  font-family:
    Inter,
    Segoe UI,
    Arial,
    sans-serif;
  font-size: 16px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  line-height: 1.5;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: wait;
}
a,
button {
  touch-action: manipulation;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}
button {
  color: inherit;
}
img {
  max-width: 100%;
  display: block;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: clamp(1.8rem, 2.7vw, 2.8rem);
  letter-spacing: -0.055em;
  line-height: 1.16;
  font-weight: 800;
  margin-bottom: 12px;
}
h2 {
  font-size: 1.35rem;
  letter-spacing: -0.025em;
}
h3 {
  font-size: 1.05rem;
  line-height: 1.4;
}
p {
  color: var(--muted);
}
.gold {
  color: var(--gold);
}
.icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  vertical-align: middle;
}
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--sidebar);
  z-index: 30;
  border-right: 1px solid var(--line);
  background: #141516;
  display: flex;
  flex-direction: column;
  padding: 24px 18px 16px;
  overflow: visible;
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 30px;
  padding: 0 6px;
  white-space: nowrap;
  font-size: 1.2rem;
  letter-spacing: -0.05em;
  font-weight: 900;
}
.brand img {
  width: 47px;
  height: 47px;
  border-radius: 10px;
}
.brand small {
  display: block;
  font-size: 0.62rem;
  letter-spacing: 0.13em;
  color: #a7a7a5;
  margin-top: 2px;
}
.nav-label {
  color: #747679;
  font-size: 0.69rem;
  letter-spacing: 0.17em;
  font-weight: 700;
  margin: 0 14px 12px;
}
.nav-section + .nav-section { margin-top: 22px; }
.sidebar nav {
  display: grid;
  gap: 3px;
  margin: 0;
}
.sidebar nav a {
  padding: 10px 13px;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 13px;
  border-radius: 7px;
  font-size: 0.9rem;
  color: #aaaeb2;
  transition:
    background 0.18s,
    color 0.18s;
}
.sidebar nav a:hover {
  background: #212326;
  color: #fff;
}
.sidebar nav a[aria-current] {
  background: #30291c;
  color: var(--gold);
  box-shadow: inset 3px 0 var(--gold);
  font-weight: 650;
}
.nav-dot {
  height: 5px;
  width: 5px;
  background: var(--gold);
  border-radius: 50%;
  margin-left: auto;
}
.top-discord { display: inline-flex; align-items: center; gap: 8px; color: #c9beff; background: #282337; border: 1px solid #44385f; border-radius: 7px; padding: 9px 13px; min-height: 40px; font-size: .84rem; font-weight: 650; white-space: nowrap; }
.top-discord:hover { background: #362c4c; color: #fff; }
.sidebar-bottom {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7e8183;
  font-size: 0.75rem;
  margin: auto 10px 0;
  padding-top: 22px;
}
.online-dot {
  width: 6px;
  height: 6px;
  display: inline-block;
  background: var(--green);
  border-radius: 50%;
}
.version {
  margin-left: auto;
  color: #555;
}
.app {
  margin-left: var(--sidebar);
}
.topbar {
  height: 83px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  padding: 0 38px;
  justify-content: space-between;
  gap: 20px;
  background: #141516;
}
.breadcrumb {
  display: flex;
  gap: 16px;
  font-size: 0.88rem;
  color: #9b9ca0;
  min-width: 0;
}
.breadcrumb span {
  color: #525459;
}
.breadcrumb b {
  color: #dfdedb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.top-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.language-form {
  margin: 0;
}
.language-button {
  border: 0;
  background: none;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 10px 0;
}
.language-button span {
  color: var(--muted);
  margin-left: 6px;
}
.button {
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 6px;
  padding: 12px 19px;
  min-height: 44px;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.3;
  transition:
    background 0.2s,
    transform 0.2s;
  text-align: center;
}
.button:hover {
  transform: translateY(-1px);
}
.primary {
  background: var(--gold);
  color: #211b0d;
  border-color: #ffd77b;
  box-shadow: 0 3px 0 #977035;
}
.primary:hover {
  background: #ffd478;
}
.secondary {
  background: #242629;
  border-color: #35373b;
  color: var(--text);
}
.secondary:hover {
  background: #303236;
}
.discord-button {
  background: #6d59cb;
  color: white;
  border-color: #8370df;
  padding: 11px 16px;
}
.text-link {
  font-size: 0.83rem;
  color: var(--muted);
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.text-link:hover {
  color: var(--gold);
}
.main {
  max-width: 1660px;
  padding: 36px 38px 62px;
  margin: 0 auto;
  min-height: calc(100vh - 255px);
}
.catalog-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 26px;
}
.page-heading {
  margin-bottom: 30px;
}
.catalog-heading .page-heading {
  margin: 0;
}
.page-heading p {
  font-size: 0.94rem;
  margin-bottom: 0;
}
.eyebrow {
  display: block;
  color: var(--gold);
  font-size: 0.65rem;
  font-weight: 750;
  letter-spacing: 0.18em;
  margin-bottom: 12px;
}
.catalog-intro {
  display: grid;
  grid-template-columns: 1fr 1.25fr 0.62fr;
  min-height: 208px;
  overflow: hidden;
  border: 1px solid #4a3824;
  background: #221d17;
  border-radius: var(--radius);
  margin-bottom: 30px;
}
.intro-content {
  padding: 26px 27px;
  position: relative;
  z-index: 1;
}
.intro-content h2 {
  font-size: 1.6rem;
  line-height: 1.12;
  margin-bottom: 12px;
  color: #ffeac4;
  font-weight: 800;
  letter-spacing: -0.04em;
}
.intro-content p {
  font-size: 0.81rem;
  color: #b6aa98;
  margin-bottom: 13px;
  max-width: 320px;
}
.intro-content a {
  color: var(--gold);
  font-size: 0.8rem;
  font-weight: 650;
}
.intro-content a .icon {
  width: 16px;
}
.intro-content .eyebrow {
  font-size: 0.61rem;
  color: #d2ad6e;
}
.intro-art {
  position: relative;
  min-width: 0;
  overflow: hidden;
}
.intro-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
}
.intro-art:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #221d17 0%,
    transparent 16%,
    transparent 85%,
    #221d17 100%
  );
}
.intro-side {
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid #443320;
  position: relative;
}
.intro-side .eyebrow {
  font-size: 0.6rem;
  color: #c6a675;
}
.intro-side strong {
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1;
  color: #ffdea3;
  letter-spacing: -0.04em;
}
.intro-side strong small {
  display: block;
  font-size: 0.75rem;
  color: #aa9b84;
  letter-spacing: 0;
  margin-top: 9px;
  font-weight: 400;
}
.intro-side > div {
  font-size: 0.65rem;
  color: #c5bcae;
  border-top: 1px solid #433629;
  padding-top: 17px;
  margin-top: 22px;
  white-space: nowrap;
  display: flex;
  gap: 8px;
  align-items: center;
}
.intro-side .icon {
  width: 16px;
  height: 16px;
  color: var(--gold);
}
.catalog-controls {
  margin-bottom: 27px;
}
.catalog-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  margin-bottom: 20px;
}
.segmented {
  display: flex;
  background: #1c1e20;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  gap: 4px;
}
.segmented button,
.segmented a {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  border-radius: 4px;
  color: #b2b3b7;
  padding: 9px 16px;
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
}
.segmented .active {
  background: #35302a;
  color: var(--gold);
  box-shadow: 0 1px 3px #0003;
}
.segmented .icon {
  width: 17px;
  height: 17px;
}
.search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding-left: 14px;
  max-width: 370px;
  flex: 1;
  background: #1a1c1e;
  color: #7f8286;
}
.search-field input {
  background: none;
  border: 0;
  padding: 12px 0;
  min-width: 0;
  flex: 1;
  color: var(--text);
  font-size: 0.85rem;
  outline: none;
}
.search-field:focus-within {
  border-color: var(--gold);
}
.icon-button {
  background: transparent;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--muted);
}
.filter-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1.2fr auto;
  gap: 12px;
}
.filter-row label,
.form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.73rem;
  color: #aaaeb2;
  font-weight: 500;
}
.filter-row select {
  width: 100%;
  min-width: 0;
  font-size: 0.83rem;
}
select,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
textarea {
  border: 1px solid #36383c;
  border-radius: 5px;
  background: #1c1e20;
  color: var(--text);
  padding: 11px 12px;
  max-width: 100%;
}
select {
  cursor: pointer;
  padding-right: 24px;
}
textarea {
  resize: vertical;
  min-height: 130px;
  line-height: 1.65;
}
.filter-row .apply-filter {
  align-self: end;
  background: #252628;
  border-color: #36383c;
  padding: 12px;
  min-height: 43px;
}
.apply-filter span {
  display: none;
}
.search-field input {
  border: 0;
  background: none;
  padding: 12px 0;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin: 0 0 19px;
}
.section-heading h2 {
  margin: 0;
  font-size: 1.18rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
}
.count-badge {
  font-size: 0.72rem;
  color: #bebfc1;
  background: #242629;
  padding: 3px 9px;
  border-radius: 5px;
  letter-spacing: 0;
  font-weight: 500;
}
.base-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.base-card {
  border: 1px solid #333436;
  background: var(--panel);
  border-radius: 9px;
  overflow: hidden;
  transition:
    border-color 0.2s,
    transform 0.2s;
  min-width: 0;
}
.base-card:hover {
  border-color: #85693d;
  transform: translateY(-3px);
}
.base-picture {
  display: block;
  position: relative;
  background: #232922;
  aspect-ratio: 1.48;
  overflow: hidden;
}
.base-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s;
}
.base-card:hover .base-picture img {
  transform: scale(1.035);
}
.hall-badge {
  position: absolute;
  top: 13px;
  left: 13px;
  border: 1px solid #d8bd80;
  background: #e6c78e;
  color: #32261a;
  padding: 4px 9px;
  font-weight: 800;
  font-size: 0.79rem;
  border-radius: 4px;
  box-shadow: 0 2px 3px #0005;
}
.featured-badge {
  position: absolute;
  right: 13px;
  top: 13px;
  background: #f4bd50;
  color: #382700;
  padding: 4px;
  border-radius: 4px;
}
.picture-hover {
  position: absolute;
  inset: auto 0 0;
  background: linear-gradient(transparent, #000c);
  padding: 22px 16px 12px;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.2s;
}
.base-card:hover .picture-hover,
.base-card:focus-within .picture-hover {
  opacity: 1;
}
.base-body {
  padding: 16px 17px 0;
}
.base-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.type-tag {
  font-size: 0.65rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  padding: 3px 7px;
  border: 1px solid #544936;
  border-radius: 3px;
  color: #ddbd7f;
  background: #362f24;
}
.type-war,
.type-cwl {
  background: #3c2422;
  color: #ec9689;
  border-color: #63352e;
}
.type-farming {
  background: #2e3624;
  color: #b4ce87;
  border-color: #4a5835;
}
.type-hybrid {
  background: #292c3c;
  color: #a5aedb;
  border-color: #414862;
}
.base-source {
  color: #898c8e;
  font-size: 0.69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 65%;
}
.base-body h3 {
  margin: 0 0 15px;
  font-size: 0.94rem;
  font-weight: 650;
  height: 2.7em;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-stats {
  display: flex;
  gap: 19px;
  border-top: 1px solid var(--line);
  min-height: 48px;
  align-items: center;
  color: #b1b1af;
  font-size: 0.72rem;
}
.card-stats > span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.card-stats .icon {
  width: 14px;
  height: 14px;
  color: #808386;
}
.card-stats > span:first-child .icon {
  color: var(--gold);
}
.card-arrow {
  margin-left: auto;
}
.card-arrow .icon {
  width: 19px;
  height: 19px;
  color: #c4bfae;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-top: 34px;
}
.pagination > span {
  font-size: 0.82rem;
  color: var(--muted);
}
footer {
  border-top: 1px solid var(--line);
  padding: 26px 38px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  font-size: 0.77rem;
  color: #7f8387;
}
footer > div {
  display: flex;
  align-items: center;
  gap: 22px;
}
footer .icon {
  width: 14px;
  height: 14px;
}
footer p {
  font-size: 0.68rem;
  color: #75787a;
  margin: 0;
  flex-basis: 100%;
}
footer p a {
  color: #92938f;
}
.footer-brand {
  font-size: 1.1rem;
  font-weight: 900;
  color: #ddd;
  letter-spacing: -0.05em;
}
.footer-brand span {
  color: var(--gold);
}
.status-note {
  display: flex;
  gap: 8px;
  font-size: 0.79rem;
  color: #c1ac85;
  margin-top: -13px;
  align-items: center;
}
.notice {
  padding: 14px 18px;
  border-radius: 6px;
  background: #23342b;
  border: 1px solid #405c48;
  color: #c1dfc8;
  margin-bottom: 24px;
  font-size: 0.9rem;
}
.notice.error {
  background: #392321;
  border-color: #76443d;
  color: #f4bdb7;
}
.empty-state {
  padding: 65px 25px;
  text-align: center;
  border: 1px dashed #393c3e;
  border-radius: 10px;
  background: #17191a;
}
.empty-state > .icon {
  width: 38px;
  height: 38px;
  color: #b39151;
  margin-bottom: 20px;
}
.empty-state h3 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.empty-state p {
  font-size: 0.9rem;
  margin-bottom: 0;
}
.panel {
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: var(--radius);
  padding: 25px;
  margin-bottom: 22px;
}
.panel h2 {
  margin-bottom: 20px;
}
.narrow {
  max-width: 870px;
  margin: 0 auto;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.form-field {
  font-size: 0.9rem;
}
.form-field small {
  color: #909498;
  font-size: 0.77rem;
  line-height: 1.6;
  font-weight: 400;
}
.full {
  grid-column: 1/-1;
}
.check-label {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #bdc0c1;
  font-size: 0.87rem;
  font-weight: 400;
}
.check-label input {
  width: 18px;
  height: 18px;
  accent-color: var(--gold);
  flex: none;
  margin-top: 3px;
}
.form-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 24px;
}
.upload-field {
  border: 1px dashed #5f5645;
  border-radius: 6px;
  padding: 25px;
  background: #23221d;
}
.upload-field input {
  font-size: 0.83rem;
  width: 100%;
}
.upload-preview {
  max-height: 340px;
  object-fit: contain;
  width: 100%;
  margin-top: 18px;
  background: #111;
}
.upload-preview[hidden] {
  display: none;
}
.tag-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 15px 0;
}
.tag {
  font-size: 0.75rem;
  background: #24282a;
  border: 1px solid #3b3e3f;
  border-radius: 4px;
  padding: 4px 9px;
  color: #afb4b5;
}
.detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 25px;
}
.detail-image {
  width: 100%;
  max-height: 680px;
  object-fit: contain;
  background: #0b0d0b;
  border: 1px solid var(--line);
  border-radius: 9px;
  margin-bottom: 25px;
}
.detail-title {
  margin: 25px 0;
}
.detail-title .base-meta {
  justify-content: flex-start;
  gap: 12px;
}
.detail-title h1 {
  max-width: 1100px;
}
.detail-side .panel {
  position: sticky;
  top: 24px;
}
.detail-side .button {
  width: 100%;
  margin-bottom: 12px;
}
.detail-actions {
  display: flex;
  gap: 10px;
  margin: 10px 0 21px;
}
.detail-actions form {
  flex: 1;
}
.detail-actions button {
  height: 45px;
  margin: 0;
}
.is-active {
  color: var(--gold) !important;
  border-color: #8d723f !important;
  background: #3a3020 !important;
}
.metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 20px 0;
  margin-bottom: 22px;
  text-align: center;
}
.metrics strong {
  display: block;
  font-size: 1.25rem;
  color: #f1e2c3;
}
.metrics small {
  display: block;
  color: #999b9d;
  font-size: 0.69rem;
  margin-top: 4px;
}
.author-row {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  font-size: 0.9rem;
}
.author-row small {
  display: block;
  color: #929595;
  font-size: 0.73rem;
}
.avatar {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
  flex: none;
}
.avatar-letter {
  background: #493e28;
  color: #f5cb75;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 750;
}
.avatar-large {
  width: 86px;
  height: 86px;
  font-size: 2.2rem;
  border: 2px solid #d5aa5e;
  border-radius: 14px;
}
.user-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.83rem;
}
.user-pill .avatar {
  width: 34px;
  height: 34px;
}
.muted {
  color: var(--muted);
}
.small {
  font-size: 0.79rem;
}
.prose {
  white-space: pre-line;
  overflow-wrap: anywhere;
  color: #bdc0c1;
  font-size: 0.95rem;
  line-height: 1.8;
}
.source-link {
  color: var(--gold);
  font-size: 0.83rem;
  word-break: break-word;
}
.comment {
  border-top: 1px solid var(--line);
  padding: 20px 0;
}
.comment:last-child {
  padding-bottom: 0;
}
.comment .author-row {
  margin-bottom: 10px;
}
.comment p {
  margin-bottom: 8px;
  white-space: pre-line;
  overflow-wrap: anywhere;
  font-size: 0.9rem;
}
.comment time {
  font-size: 0.73rem;
  color: #87898a;
  margin-left: auto;
}
.small-button {
  font-size: 0.76rem;
  padding: 7px 12px;
  min-height: 35px;
}
.danger {
  background: #3d2423;
  color: #efad9e;
  border: 1px solid #694139;
}
.rating-form {
  display: flex;
  gap: 10px;
  align-items: end;
}
.rating-form select {
  min-width: 90px;
}
.rating-form .button {
  width: auto;
  margin: 0;
}
.report-details summary {
  color: #b0a293;
  font-size: 0.83rem;
  cursor: pointer;
  margin-top: 20px;
}
.report-details textarea {
  width: 100%;
  margin: 15px 0 10px;
}
.inline-form {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.inline-form input:not([type="hidden"]) {
  flex: 1;
  min-width: 120px;
}
.profile-header {
  background: linear-gradient(110deg, #342b1d, #191b1d 65%);
  border: 1px solid #4d402b;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  gap: 22px;
  align-items: center;
  margin-bottom: 28px;
}
.profile-header h1 {
  margin-bottom: 6px;
  font-size: 2rem;
}
.profile-header p {
  margin-bottom: 8px;
  font-size: 0.82rem;
}
.profile-header .tag {
  color: #b7d7a5;
  border-color: #3c5943;
  background: #26372b;
}
.profile-header .profile-actions {
  margin-left: auto;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.profile-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
}
.profile-columns .base-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.list-row {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
}
.list-row:last-child {
  border-bottom: 0;
}
.list-row strong {
  display: block;
  font-size: 0.94rem;
}
.list-row small {
  color: #999;
  font-size: 0.76rem;
}
.list-row .right {
  margin-left: auto;
  display: flex;
  gap: 7px;
  align-items: center;
  flex-wrap: wrap;
}
.status-badge {
  font-size: 0.67rem;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  background: #322c1f;
  color: #e8c47b;
}
.status-approved {
  color: #acdcaa;
  background: #243725;
}
.status-rejected,
.status-hidden {
  background: #382625;
  color: #dba29e;
}
.stat-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.stat-list dt {
  font-size: 0.73rem;
  color: #8e9396;
}
.stat-list dd {
  margin: 3px 0 0;
  font-size: 1.2rem;
  font-weight: 700;
}
.collection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.collection-card {
  background: #1b1d1f;
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.collection-card > .icon {
  width: 34px;
  height: 34px;
  color: var(--gold);
  margin-bottom: 18px;
}
.collection-card h2 {
  font-size: 1.2rem;
  margin-bottom: 6px;
}
.collection-card p {
  font-size: 0.8rem;
}
.collection-card form {
  margin-top: 20px;
}
.leaderboard {
  width: 100%;
  border-collapse: collapse;
}
.leaderboard td,
.leaderboard th {
  padding: 20px 16px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  font-size: 0.9rem;
}
.leaderboard th {
  color: #91979c;
  font-size: 0.73rem;
  letter-spacing: 0.03em;
  font-weight: 500;
}
.leaderboard .rank {
  color: var(--gold);
  font-weight: 750;
  font-size: 1.3rem;
}
.leaderboard .author-row {
  margin: 0;
}
.table-scroll {
  overflow-x: auto;
}
.news-list {
  display: grid;
  gap: 16px;
}
.news-card {
  padding: 25px;
  display: flex;
  gap: 23px;
  align-items: flex-start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}
.news-index {
  font-weight: 800;
  color: #7d6641;
  font-size: 2.4rem;
  line-height: 1;
}
.news-card h2 {
  margin: 9px 0 12px;
  font-size: 1.23rem;
}
.news-card .meta {
  font-size: 0.77rem;
  color: #92989e;
  display: flex;
  gap: 15px;
}
.news-card .text-link {
  color: var(--gold);
}

.event-groups {
  display: grid;
  gap: 30px;
}
.event-group {
  min-width: 0;
}
.event-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 13px;
  padding: 0 2px 11px;
  border-bottom: 1px solid var(--line);
}
.event-group-header h2 {
  margin: 0;
  font-size: 1.08rem;
  letter-spacing: 0.01em;
}
.event-group-live .event-group-header h2 { color: #7fdb9f; }
.event-group-upcoming .event-group-header h2 { color: var(--gold); }
.event-group-ended .event-group-header h2 { color: #8e949b; }
.event-group-count {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  color: #c8c4bc;
  font-size: 0.76rem;
  font-weight: 800;
}
.event-list {
  display: grid;
  gap: 12px;
}
.event-card {
  display: flex;
  gap: 23px;
  padding: 25px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-bottom: 16px;
}
.event-date {
  min-width: 70px;
  background: #322b1f;
  border: 1px solid #5b4727;
  border-radius: 6px;
  text-align: center;
  padding: 12px;
  color: var(--gold);
  align-self: start;
}
.event-date strong {
  display: block;
  font-size: 1.7rem;
}
.event-date span {
  font-size: 0.7rem;
}
.event-card h3 {
  margin: 10px 0;
  font-size: 1.25rem;
}
.event-card p {
  margin: 12px 0 0;
  font-size: 0.88rem;
}
.event-card time {
  font-size: 0.8rem;
  color: #a7a29b;
}
.event-live {
  border-left: 3px solid #4ea96d;
}
.event-upcoming {
  border-left: 3px solid #8d7239;
}
.event-ended {
  opacity: 0.68;
  border-left: 3px solid #555b62;
}
.event-ended h3 {
  color: #a2a5a8;
}
.login-panel {
  text-align: center;
  max-width: 620px;
  margin: 35px auto;
  padding: 45px;
}
.login-panel img {
  width: 104px;
  height: 104px;
  margin: 0 auto 25px;
  border-radius: 20px;
}
.login-panel h1 {
  font-size: 2.2rem;
}
.login-panel .button {
  margin-top: 10px;
}
.discord-cover {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
  border-radius: 12px;
}
.admin-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 20px 0 28px;
}
.admin-tabs a {
  padding: 9px 14px;
  border: 1px solid var(--line);
  border-radius: 5px;
  font-size: 0.85rem;
}
.admin-tabs a.active {
  background: #3b3020;
  color: var(--gold);
  border-color: #785e36;
}
.admin-card {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  padding: 24px 0;
}
.admin-card img {
  width: 180px;
  height: 135px;
  object-fit: cover;
  border-radius: 6px;
}
.admin-card h3 {
  margin-bottom: 10px;
}
.admin-card p {
  font-size: 0.86rem;
  margin-bottom: 12px;
}
.admin-card .form-actions {
  margin-top: 12px;
}
.admin-card .form-actions form {
  display: contents;
}
.settings-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.88rem;
}
.settings-row:last-child {
  border-bottom: 0;
}
.toast {
  position: fixed;
  bottom: 28px;
  left: calc(50% + var(--sidebar) / 2);
  transform: translate(-50%, 25px);
  opacity: 0;
  visibility: hidden;
  background: #efe5cd;
  color: #211d14;
  box-shadow: 0 8px 35px #0008;
  max-width: min(520px, 90vw);
  padding: 14px 22px;
  border-radius: 7px;
  font-size: 0.88rem;
  z-index: 70;
  transition:
    opacity 0.2s,
    transform 0.2s;
}
.toast.visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.mobile-menu,
.mobile-close,
.nav-scrim {
  display: none;
}
.skip-link {
  position: fixed;
  top: -100px;
  left: 20px;
  z-index: 99;
  padding: 10px;
  background: var(--gold);
  color: #111;
}
.skip-link:focus {
  top: 10px;
}
.image-unavailable {
  object-fit: contain !important;
  padding: 30px;
  background: #242925;
  color: #c6cdbd;
  font-size: 0.8rem;
}
.error-page {
  padding: 50px 0;
  max-width: 650px;
  margin: auto;
}
.error-code {
  font-size: 6rem;
  color: #675331;
  font-weight: 900;
  letter-spacing: -0.07em;
}
.mt {
  margin-top: 25px;
}
.mb {
  margin-bottom: 25px;
}
.no-margin {
  margin: 0;
}
.word-wrap {
  overflow-wrap: anywhere;
}
.w-full {
  width: 100%;
}
@media (min-width: 1700px) {
  .base-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1250px) {
  :root {
    --sidebar: 208px;
  }
  .main {
    padding: 30px 26px 50px;
  }
  .topbar {
    padding: 0 26px;
  }
  .base-grid {
    gap: 17px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .catalog-heading {
    align-items: flex-start;
  }
  .catalog-heading .button {
    white-space: nowrap;
    padding: 11px 14px;
    margin-top: 20px;
  }
  .intro-side {
    display: none;
  }
  .catalog-intro {
    grid-template-columns: 1fr 1.3fr;
  }
  .filter-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .filter-row .apply-filter span {
    display: block;
  }
  .collection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .detail-grid {
    grid-template-columns: minmax(0, 1fr) 285px;
  }
  .profile-columns {
    grid-template-columns: 1fr;
  }
  .profile-columns > aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    order: -1;
  }
  .profile-header {
    flex-wrap: wrap;
  }
  .profile-header .profile-actions {
    margin-left: 0;
  }
  .brand {
    font-size: 1.1rem;
    padding: 0;
  }
  .brand img {
    width: 41px;
    height: 41px;
  }
  .sidebar {
    padding-left: 14px;
    padding-right: 14px;
  }
  .sidebar nav a {
    font-size: 0.86rem;
  }
}
@media (max-width: 960px) {
  :root {
    --sidebar: 0px;
  }
  .sidebar {
    transform: translateX(-100%);
    visibility: hidden;
    width: 290px;
    transition: transform 0.2s;
  }
  .menu-open .sidebar {
    visibility: visible;
    transform: translateX(0);
  }
  .mobile-menu,
  .mobile-close {
    display: inline-flex;
  }
  .mobile-close {
    position: absolute;
    right: 9px;
    top: 22px;
  }
  .menu-open .nav-scrim {
    display: block;
    position: fixed;
    inset: 0;
    background: #0009;
    z-index: 29;
  }
  .menu-open {
    overflow: hidden;
  }
  .sidebar .nav-label:first-of-type {
    margin-top: 10px;
  }
  .topbar {
    height: 72px;
    padding: 0 24px;
  }
  .breadcrumb {
    margin-right: auto;
  }
  .top-actions {
    gap: 15px;
  }
  .main {
    padding: 29px 24px 45px;
  }
  .catalog-heading {
    gap: 20px;
  }
  .catalog-heading h1 {
    font-size: 2.1rem;
  }
  .detail-grid {
    grid-template-columns: minmax(0, 1fr) 290px;
  }
  .toast {
    left: 50%;
  }
}
@media (max-width: 650px) {
  .main {
    padding: 23px 16px 36px;
  }
  .topbar {
    padding: 0 13px;
    gap: 8px;
    height: 66px;
  }
  .breadcrumb {
    font-size: 0.82rem;
    gap: 8px;
  }
  .breadcrumb > b {
    max-width: 115px;
  }
  .breadcrumb > span,
  .breadcrumb {
    color: #aaa;
  }
  .top-actions {
    gap: 10px;
  }
  .discord-button {
    padding: 9px 11px;
    font-size: 0.73rem;
    min-height: 38px;
  }
  .topbar .discord-button .icon {
    display: none;
  }
  .topbar .discord-button span {
    max-width: 90px;
    line-height: 1.25;
  }
  .language-button {
    font-size: 0.75rem;
  }
  .user-pill > span:not(.avatar) {
    display: none;
  }
  .catalog-heading {
    display: block;
    margin-bottom: 22px;
  }
  .catalog-heading h1 {
    font-size: 2rem;
    line-height: 1.15;
    max-width: 340px;
  }
  .page-heading p {
    font-size: 0.86rem;
    line-height: 1.6;
  }
  .catalog-heading .button {
    margin-top: 17px;
    font-size: 0.82rem;
  }
  .eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.13em;
  }
  .catalog-intro {
    min-height: 180px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 24px;
  }
  .intro-content {
    padding: 19px 17px;
  }
  .intro-content h2 {
    font-size: 1.3rem;
  }
  .intro-content .eyebrow {
    font-size: 0.52rem;
    letter-spacing: 0.08em;
  }
  .intro-content p {
    display: none;
  }
  .intro-art img {
    object-position: 52% center;
  }
  .intro-content a {
    font-size: 0.74rem;
  }
  .catalog-toolbar {
    display: block;
    margin-bottom: 17px;
  }
  .segmented {
    width: max-content;
    max-width: 100%;
    margin-bottom: 13px;
  }
  .segmented button,
  .segmented a {
    padding: 9px 11px;
    font-size: 0.8rem;
  }
  .search-field {
    max-width: none;
    width: 100%;
  }
  .filter-row {
    grid-template-columns: 1fr 1fr;
    gap: 13px 10px;
  }
  .filter-row label {
    font-size: 0.7rem;
  }
  .filter-row select {
    font-size: 0.8rem;
    padding: 11px 8px;
  }
  .base-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .base-picture {
    aspect-ratio: 1.5;
  }
  .base-body {
    padding: 17px 18px 0;
  }
  .base-body h3 {
    height: auto;
    min-height: 1.35em;
    font-size: 1rem;
  }
  .card-stats {
    min-height: 50px;
    font-size: 0.8rem;
  }
  .card-stats .icon {
    width: 16px;
    height: 16px;
  }
  .base-meta {
    margin-bottom: 11px;
  }
  .base-source {
    font-size: 0.74rem;
  }
  .type-tag {
    font-size: 0.68rem;
  }
  .section-heading h2 {
    font-size: 1.12rem;
  }
  .section-heading .text-link {
    font-size: 0.73rem;
  }
  .status-note {
    font-size: 0.74rem;
    line-height: 1.6;
  }
  .status-note .icon {
    flex: none;
  }
  .detail-grid {
    display: flex;
    flex-direction: column;
  }
  .detail-side {
    order: -1;
  }
  .detail-side .panel {
    position: static;
  }
  .detail-side .panel .metrics {
    margin-bottom: 15px;
  }
  .detail-title h1 {
    font-size: 1.8rem;
  }
  .detail-image {
    max-height: 500px;
  }
  .detail-actions {
    margin-bottom: 16px;
  }
  .panel {
    padding: 20px;
  }
  .form-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .full {
    grid-column: auto;
  }
  .form-actions > .button {
    width: 100%;
  }
  .collection-grid {
    grid-template-columns: 1fr;
  }
  .profile-header {
    padding: 22px;
    gap: 16px;
  }
  .profile-header h1 {
    font-size: 1.7rem;
    overflow-wrap: anywhere;
  }
  .profile-header .avatar-large {
    width: 65px;
    height: 65px;
  }
  .profile-columns > aside {
    display: block;
  }
  .profile-columns .base-grid {
    grid-template-columns: 1fr;
  }
  .list-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .list-row .right {
    margin-left: 0;
  }
  .leaderboard th,
  .leaderboard td {
    padding: 17px 11px;
    font-size: 0.8rem;
  }
  .leaderboard .author-row {
    min-width: 160px;
  }
  .leaderboard .avatar {
    width: 33px;
    height: 33px;
  }
  .news-card {
    padding: 20px;
    gap: 15px;
  }
  .news-index {
    font-size: 1.8rem;
  }
  .news-card h2 {
    font-size: 1.1rem;
  }
  .event-card {
    padding: 18px;
    gap: 15px;
  }
  .event-date {
    min-width: 57px;
    padding: 8px;
  }
  .event-date strong {
    font-size: 1.4rem;
  }
  .event-card h3 {
    font-size: 1.08rem;
  }
  .event-card time {
    font-size: 0.73rem;
  }
  .login-panel {
    padding: 28px 20px;
    margin-top: 15px;
  }
  .login-panel h1 {
    font-size: 1.8rem;
  }
  .admin-card {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .admin-card img {
    width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: contain;
  }
  .admin-tabs {
    gap: 6px;
  }
  .admin-tabs a {
    padding: 8px 10px;
    font-size: 0.78rem;
  }
  .settings-row {
    font-size: 0.8rem;
    gap: 12px;
  }
  .pagination {
    gap: 13px;
  }
  .pagination .button {
    padding: 10px 12px;
    font-size: 0.77rem;
  }
  .pagination > span {
    font-size: 0.75rem;
  }
  footer {
    padding: 25px 19px;
    gap: 15px;
  }
  footer > div {
    gap: 13px;
    flex-wrap: wrap;
  }
  footer p {
    font-size: 0.66rem;
  }
  .toast {
    bottom: 16px;
  }
  .comment time {
    font-size: 0.65rem;
  }
  .comment .author-row {
    gap: 9px;
  }
  .comment .avatar {
    width: 34px;
    height: 34px;
  }
  .empty-state {
    padding: 40px 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}
/* Readability for frequently used controls and secondary metadata. */
.nav-label,
.eyebrow {
  font-size: 0.75rem;
}
.brand small {
  font-size: 0.65rem;
}
.base-source,
.type-tag,
.intro-side > div,
.intro-side .eyebrow,
.intro-content .eyebrow,
.card-stats,
.count-badge {
  font-size: 0.75rem;
}
.filter-row label {
  font-size: 0.875rem;
}
.filter-row select,
.button,
.segmented a,
.search-field input {
  font-size: 0.875rem;
}
.base-body h3 {
  font-size: 1rem;
}
.status-badge {
  font-size: 0.75rem;
}
hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 22px 0;
}
.catalog-intro .eyebrow {
  letter-spacing: 0.09em;
}
@media (max-width: 650px) {
  .intro-content .eyebrow {
    font-size: 0.7rem;
  }
  .intro-content {
    padding: 19px 14px;
  }
  .intro-content h2 {
    font-size: 1.25rem;
  }
  .filter-row label {
    font-size: 0.8125rem;
  }
  .filter-row select {
    font-size: 0.875rem;
  }
  .segmented a {
    font-size: 0.8125rem;
  }
  .topbar .discord-button {
    font-size: 0.75rem;
  }
}

/* Administration and clan profiles */
.admin-help { max-width: 920px; margin: -2px 0 26px; line-height: 1.7; }
.admin-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.admin-stat { position: relative; border: 1px solid var(--line); background: #191b1c; border-radius: 10px; padding: 23px; display: flex; flex-direction: column; gap: 9px; }
.admin-stat:hover { border-color: #756038; background: #211f19; }
.admin-stat-label { display: flex; align-items: center; gap: 9px; color: #ddd4be; font-size: .84rem; }
.admin-stat strong { font-size: 2.5rem; line-height: 1.2; color: var(--gold); }
.admin-stat > span:last-of-type { color: var(--muted); font-size: .8rem; max-width: 90%; }
.admin-stat > .icon { position: absolute; right: 17px; bottom: 21px; color: var(--gold); }
.admin-intro .form-actions { margin-top: 22px; }
.admin-workflow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; counter-reset: workflow; list-style: none; padding: 0; margin: 26px 0; }
.admin-workflow li { counter-increment: workflow; }
.admin-workflow li::before { content: '0' counter(workflow); display: block; color: var(--gold); font-size: .8rem; font-weight: 800; margin-bottom: 10px; }
.admin-workflow p { font-size: .88rem; line-height: 1.65; }
.admin-import-note { border-top: 1px solid var(--line); padding-top: 10px; }
.admin-import-note p { font-size: .88rem; }
.admin-connection-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; }
.api-result { border-left: 3px solid var(--green); padding: 14px 18px; background: #151917; margin: 20px 0; overflow-wrap: anywhere; }
.api-result-error { border-color: var(--gold); background: #221e16; }
.api-result p { line-height: 1.65; margin-bottom: 0; }
.stack { display: grid; gap: 10px; }
.stack .button { justify-self: start; }
.clan-heading { display: flex; align-items: center; gap: 22px; margin-bottom: 25px; }
.clan-heading .page-heading { margin: 0; }
.clan-heading .page-heading h1 { overflow-wrap: anywhere; }
.clan-heading .button { margin-left: auto; flex-shrink: 0; }
.clan-emblem { display: grid; place-items: center; width: 112px; height: 112px; border-radius: 22px; background: radial-gradient(ellipse at top,#4a3b1d,#1b1b18); border: 1px solid #4c4027; flex-shrink: 0; }
.clan-emblem img { object-fit: contain; }
.clan-emblem > .icon { width: 54px; height: 54px; color: var(--gold); }
.clan-data-status { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 22px; font-size: .78rem; color: var(--muted); }
.clan-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; padding: 14px 0; }
.clan-stats > div { display: grid; gap: 7px; }
.clan-stats span { color: var(--muted); font-size: .84rem; }
.clan-stats strong { font-size: 2rem; }
.clan-stats small { font-size: 1rem; color: var(--muted); font-weight: 400; }
.clan-meta { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 12px; }
.member-search { max-width: 350px; flex: 1; }
.member-search input { width: 100%; }
.clan-members { min-width: 670px; }
.clan-members tr[hidden] { display: none; }
.clan-lookup { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.clan-lookup label { display: grid; gap: 8px; flex: 1; min-width: 150px; }
@media (max-height: 720px) {
  .sidebar { padding-top: 16px; }
  .sidebar .brand { margin-bottom: 18px; }
  .sidebar .nav-label { margin-bottom: 7px; }
  .sidebar nav { gap: 1px; }
  .sidebar nav a { padding-top: 7px; padding-bottom: 7px; min-height: 36px; }
  .nav-section + .nav-section { margin-top: 16px; }
  .sidebar-bottom { padding-top: 14px; }
  .mobile-close { top: 16px; }
}
@media (max-height: 620px) { .sidebar-bottom { display: none; } }
@media (min-width: 961px) and (max-height: 580px) {
  /* Very short windows use the page's natural scroll, never a second sidebar scrollbar. */
  .sidebar { position: static; width: auto; display: flex; flex-direction: row; align-items: center; gap: 24px; padding: 14px 20px; border-right: 0; border-bottom: 1px solid var(--line); }
  .sidebar .brand { margin: 0; }
  .sidebar .nav-label { display: none; }
  .sidebar nav { display: flex; flex-wrap: wrap; gap: 4px; }
  .sidebar nav a { padding: 7px 10px; }
  .nav-section + .nav-section { margin: 0; }
  .app { margin-left: 0; }
}
@media (max-width: 960px) {
  .admin-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-connection-grid { grid-template-columns: 1fr; }
  .clan-heading { flex-wrap: wrap; }
  .clan-heading .button { margin-left: 0; }
}
@media (min-width: 480px) and (max-width: 960px) and (max-height: 580px) {
  .sidebar { width: min(540px,100%); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-content: start; padding: 12px 16px; }
  .sidebar .brand { grid-column: 1 / -1; margin: 0; }
  .sidebar .nav-label { margin-top: 0; }
  .sidebar .nav-section { margin: 0; }
  .sidebar nav a { min-height: 36px; padding: 6px 10px; }
  .mobile-close { top: 14px; right: 14px; }
}
@media (max-width: 650px) {
  .top-discord { padding: 8px; }
  .top-discord span { display: none; }
  .breadcrumb { min-width: 0; flex: 1; overflow: hidden; }
  .breadcrumb b { display: none; }
  .breadcrumb > span { display: none; }
  .top-actions { flex-shrink: 0; }
  .admin-stat-grid { gap: 10px; }
  .admin-stat { padding: 16px; }
  .admin-stat strong { font-size: 2rem; }
  .admin-stat > .icon { display: none; }
  .admin-stat > span:last-of-type { max-width: none; }
  .admin-workflow { grid-template-columns: 1fr; gap: 15px; }
  .admin-workflow p { margin-bottom: 0; }
  .clan-emblem { width: 72px; height: 72px; border-radius: 15px; }
  .clan-emblem img { width: 62px; height: 62px; }
  .clan-heading { gap: 14px; }
  .clan-heading .page-heading h1 { font-size: 1.75rem; }
  .clan-heading > div:nth-child(2) { flex: 1; min-width: 0; }
  .clan-heading .button { width: 100%; }
  .clan-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .clan-stats strong { font-size: 1.7rem; }
  .section-bar { flex-wrap: wrap; gap: 14px; }
  .member-search { min-width: 100%; }
}
.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; }
.section-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.section-bar h2 { margin: 0; }

/* Community discovery and the author's studio. */
.community-banner { display:flex; align-items:center; gap:20px; padding:23px 26px; margin-bottom:28px; border:1px solid #55472c; border-radius:12px; background:linear-gradient(110deg,#2b261a,#191b1c 75%); }
.community-banner-icon { width:54px; height:54px; display:grid; place-items:center; border:1px solid #685332; border-radius:12px; background:#3b2f1c; color:var(--gold); flex-shrink:0; }
.community-banner-icon .icon { width:27px; height:27px; }
.community-banner strong { display:block; font-size:1.12rem; margin-bottom:5px; }
.community-banner p { margin:0; font-size:.875rem; line-height:1.65; }
.community-banner .button { margin-left:auto; flex-shrink:0; }
.recruit-toolbar { display:flex; justify-content:space-between; align-items:start; gap:18px; margin-bottom:20px; flex-wrap:wrap; }
.recruit-toolbar .segmented { flex-wrap:wrap; }
.clan-lookup-toggle { max-width:420px; padding:12px 0; }
.clan-lookup-toggle summary { color:var(--muted); cursor:pointer; font-size:.85rem; }
.clan-lookup-toggle summary .icon { width:17px; height:17px; margin-right:5px; }
.clan-lookup-toggle .clan-lookup { margin-top:14px; }
.recruit-filters { display:grid; grid-template-columns:1.5fr repeat(4,minmax(0,1fr)); gap:16px; padding:22px; }
.recruit-filters > label,.creator-filters > label { display:grid; gap:8px; color:var(--muted); font-size:.8rem; min-width:0; }
.recruit-filters input:not([type="checkbox"]),.recruit-filters select,.creator-filters input,.creator-filters select { width:100%; min-width:0; }
.recruit-filter-actions { grid-column:1/-1; display:flex; gap:18px; align-items:center; flex-wrap:wrap; padding-top:6px; }
.recruit-filter-actions .check-label { margin-right:auto; font-size:.85rem; }
.recruit-grid,.creator-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-bottom:26px; }
.recruit-card { --ad-accent:#e6b95e; display:flex; flex-direction:column; position:relative; min-width:0; border:1px solid #3c392f; border-radius:12px; padding:23px; background:radial-gradient(ellipse at 95% 0%,#342b1c 0,transparent 48%),#191b1c; }
.recruit-card::before { content:''; position:absolute; height:3px; width:48px; left:23px; top:-1px; background:var(--ad-accent); border-radius:0 0 3px 3px; }
.recruit-player { --ad-accent:#8abac4; border-color:#303e42; background:radial-gradient(ellipse at 95% 0%,#1c3037 0,transparent 48%),#191b1c; }
.recruit-card-top { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:20px; }
.recruit-card-top .eyebrow { font-size:.68rem; letter-spacing:.13em; color:var(--ad-accent); }
.ad-id { font-size:.74rem; color:#989b9c; font-variant-numeric:tabular-nums; }
.recruit-identity { display:flex; gap:16px; align-items:center; min-width:0; }
.recruit-identity > div:last-child { min-width:0; }
.recruit-identity h2 { margin:0 0 5px; font-size:1.4rem; letter-spacing:-.03em; overflow-wrap:anywhere; }
.recruit-emblem { width:76px; height:80px; display:grid; place-items:center; border-radius:14px; background:#0b0d0e70; border:1px solid #ffffff12; flex-shrink:0; }
.recruit-emblem img { object-fit:contain; }
.recruit-emblem > .icon { width:35px; height:35px; color:var(--ad-accent); }
.recruit-tags { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0; }
.recruit-tags > span { display:flex; align-items:center; gap:6px; padding:5px 9px; background:#ffffff06; border:1px solid #ffffff12; border-radius:5px; color:#c5c6c6; font-size:.73rem; }
.recruit-tags .icon { width:14px; height:14px; color:var(--ad-accent); }
.recruit-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:17px 0; border-top:1px solid #ffffff0e; border-bottom:1px solid #ffffff0e; }
.recruit-metrics > div { min-width:0; }
.recruit-metrics span { display:block; color:var(--muted); font-size:.76rem; margin-bottom:6px; }
.recruit-metrics strong { font-size:1.2rem; }
.recruit-capacity { margin:18px 0 0; }
.recruit-capacity > div { display:flex; justify-content:space-between; gap:10px; font-size:.76rem; margin-bottom:9px; }
.recruit-capacity b { color:var(--text); margin-left:6px; font-weight:500; }
.recruit-capacity progress { display:block; width:100%; height:5px; border:0; border-radius:8px; background:#303132; accent-color:var(--ad-accent); }
.recruit-capacity progress::-webkit-progress-bar { background:#303132; border-radius:8px; }
.recruit-capacity progress::-webkit-progress-value { background:var(--ad-accent); border-radius:8px; }
.recruit-capacity progress::-moz-progress-bar { background:var(--ad-accent); border-radius:8px; }
.recruit-description { padding:20px 0; font-size:.88rem; line-height:1.7; overflow-wrap:anywhere; }
.recruit-description p { margin-bottom:10px; color:#c3c4c4; }
.recruit-description p:last-child { margin-bottom:0; }
.recruit-description summary { cursor:pointer; color:var(--ad-accent); font-size:.8rem; margin-bottom:8px; }
.recruit-description > .small { color:var(--muted); }
.recruit-description .icon { width:15px; height:15px; }
.recruit-card-footer { margin-top:auto; border-top:1px solid #ffffff0e; padding-top:15px; }
.recruit-validity { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:.73rem; margin-bottom:16px; }
.recruit-validity .icon { width:15px; height:15px; }
.recruit-validity.gold { color:var(--gold); }
.recruit-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.recruit-actions > :only-child { grid-column:1/-1; }
.recruit-actions .button { font-size:.82rem; padding:11px; }
.creator-filters { display:flex; flex-wrap:wrap; align-items:end; gap:16px; padding:20px 22px; }
.creator-filters > label:first-child { flex:1; min-width:160px; }
.creator-filters > label:nth-child(2) { min-width:200px; }
.creator-filters .text-link { align-self:center; }
.creator-card { min-width:0; border:1px solid var(--line); border-radius:12px; background:var(--panel); padding:23px; display:flex; flex-direction:column; }
.creator-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.creator-identity > div { min-width:0; }
.creator-identity .avatar-large { width:60px; height:60px; font-size:1.7rem; }
.creator-identity h2 { font-size:1.2rem; margin:0 0 4px; overflow-wrap:anywhere; }
.creator-verified { display:inline-flex; align-items:center; gap:5px; color:#a5cba6; font-size:.7rem; }
.creator-verified .icon { width:14px; height:14px; }
.creator-rank { margin-left:auto; align-self:start; color:var(--gold); font-size:.8rem; padding:6px 8px; border:1px solid #56462b; border-radius:6px; white-space:nowrap; }
.creator-bio { margin:18px 0; font-size:.85rem; line-height:1.65; overflow-wrap:anywhere; }
.creator-previews { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:auto; }
.creator-previews a { position:relative; overflow:hidden; border-radius:6px; border:1px solid var(--line); background:#101212; }
.creator-previews img { width:100%; height:auto; aspect-ratio:1.25; object-fit:cover; transition:transform .2s; }
.creator-previews a:hover img { transform:scale(1.04); }
.creator-previews span { position:absolute; bottom:5px; left:5px; border-radius:4px; background:#101112e8; color:var(--gold); font-size:.66rem; padding:2px 5px; }
.creator-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:19px 0; margin-top:8px; }
.creator-metrics strong { display:block; font-size:1.35rem; }
.creator-metrics span { color:var(--muted); font-size:.75rem; }
.creator-empty { text-align:center; padding:50px 24px; }
.creator-empty > .icon { width:38px; height:38px; color:var(--gold); margin-bottom:18px; }
.creator-empty p { max-width:520px; margin:0 auto 22px; line-height:1.75; }
.creator-how { border-top:1px solid var(--line); padding-top:26px; margin-top:38px; }
.creator-how h2 { font-size:1.2rem; }
.creator-how ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; padding:0; counter-reset:creator-step; }
.creator-how li { counter-increment:creator-step; }
.creator-how li::before { content:'0' counter(creator-step); display:block; color:var(--gold); font-size:.75rem; font-weight:700; margin-bottom:9px; }
.creator-how p { font-size:.85rem; line-height:1.7; margin:8px 0 0; }
.studio-panel { scroll-margin-top:20px; }
.studio-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0 12px; }
.studio-tabs a { display:inline-flex; gap:9px; align-items:center; padding:8px 11px; border:1px solid var(--line); border-radius:6px; color:var(--muted); font-size:.75rem; }
.studio-tabs a[aria-current] { color:var(--gold); border-color:#7b6237; background:#332b1d; }
.studio-tabs span { color:var(--text); font-variant-numeric:tabular-nums; }
.studio-row { display:flex; gap:16px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
.studio-row:last-of-type { border-bottom:0; }
.studio-image { width:100px; flex-shrink:0; }
.studio-image img { width:100%; height:72px; object-fit:cover; border-radius:6px; }
.studio-info { flex:1; min-width:0; }
.studio-info h3 { font-size:.95rem; margin:7px 0 5px; overflow-wrap:anywhere; }
.studio-info p { margin:0; font-size:.73rem; }
.studio-actions { display:flex; flex-wrap:wrap; justify-content:end; gap:7px; max-width:235px; }
.studio-actions form { margin:0; }
.studio-actions .button { font-size:.75rem; }
.studio-empty { margin:28px 0; }
.layout-danger { display:flex; align-items:center; gap:24px; border-color:#683936; background:#261b1b; margin-top:24px; }
.layout-danger h2 { font-size:1.1rem; margin-bottom:8px; }
.layout-danger p { font-size:.86rem; line-height:1.7; margin:0; }
.layout-danger form { flex-shrink:0; }
.danger-button { color:#f5b0a9; background:#542925; border-color:#79423d; }
.danger-button:hover { background:#71312d; color:#fff; }
.confirm-dialog { color:var(--text); border:1px solid #65443c; background:#1c1b1b; border-radius:14px; padding:30px; width:min(480px,calc(100% - 32px)); box-shadow:0 20px 80px #0008; }
.confirm-dialog::backdrop { background:#000b; }
.confirm-dialog h2 { margin:16px 0 10px; }
.confirm-dialog p { line-height:1.7; overflow-wrap:anywhere; }
.confirm-dialog .form-actions { justify-content:end; margin-top:22px; }
.dialog-mark { width:44px; height:44px; display:grid; place-items:center; border-radius:10px; background:#4b2824; color:#e9a79e; }
@media (min-width:1700px) { .recruit-grid,.creator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1250px) {
  .recruit-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .recruit-search { grid-column:span 2; }
  .studio-row { flex-wrap:wrap; }
  .studio-actions { max-width:none; width:100%; justify-content:start; padding-left:116px; }
}
@media (max-width:960px) {
  .community-banner { flex-wrap:wrap; gap:16px; }
  .community-banner > div:nth-child(2) { flex:1; }
  .community-banner .button { margin-left:74px; }
  .creator-identity { flex-wrap:wrap; }
  .creator-identity .avatar-large { width:48px; height:48px; }
}
@media (max-width:650px) {
  .community-banner { padding:20px; }
  .community-banner-icon { display:none; }
  .community-banner strong { font-size:1rem; }
  .community-banner .button { margin-left:0; width:100%; }
  .recruit-toolbar { gap:12px; }
  .recruit-toolbar .segmented { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .recruit-toolbar .segmented a { min-width:0; flex-wrap:wrap; justify-content:center; padding:10px; text-align:center; font-size:.75rem; white-space:normal; }
  .recruit-toolbar .segmented .icon { display:none; }
  .recruit-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:17px; gap:12px; }
  .recruit-filter-actions { gap:12px; }
  .recruit-filter-actions .check-label { width:100%; }
  .recruit-grid,.creator-grid { grid-template-columns:1fr; gap:17px; }
  .recruit-card,.creator-card { padding:20px; }
  .recruit-identity { gap:12px; }
  .recruit-identity h2 { font-size:1.22rem; }
  .recruit-emblem { width:62px; height:68px; }
  .recruit-emblem img { width:58px; height:58px; }
  .recruit-metrics { gap:8px; }
  .recruit-metrics strong { font-size:1.1rem; }
  .recruit-validity { font-size:.7rem; }
  .section-heading { flex-wrap:wrap; gap:10px; }
  .creator-filters { padding:17px; gap:12px; }
  .creator-filters > label { width:100%; }
  .creator-filters .button { width:100%; }
  .creator-how ol { grid-template-columns:1fr; gap:22px; }
  .studio-row { gap:12px; }
  .studio-image { width:74px; }
  .studio-image img { height:60px; }
  .studio-actions { padding-left:0; }
  .studio-panel > .section-heading .button { width:auto; }
  .layout-danger { flex-direction:column; align-items:start; padding:20px; gap:16px; }
  .layout-danger form,.layout-danger .button { width:100%; }
  .confirm-dialog { padding:24px; }
}
:root { --live-green: #87c99c; }
.live-status { color: var(--live-green); font-size: 11px; text-align: right; margin: -14px 0 14px; min-height: 16px; }
.live-status::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; margin-right: 7px; }
.live-status[data-state="offline"],.live-status[data-state="pending"] { color: #e9b954; }

.soft-divider { border: 0; border-top: 1px solid var(--border, #2b2d31); margin: 18px 0; }

/* 1.4.0 daily layout maintenance */
.maintenance-body{min-height:100vh;background:#101112}.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:28px}.maintenance-card{width:min(720px,100%);text-align:center;padding:42px}.maintenance-card>img{display:block;margin:0 auto 18px}.maintenance-card h1{margin:10px 0 14px}.maintenance-card p{max-width:590px;margin-left:auto;margin-right:auto}.maintenance-pulse{display:inline-flex;align-items:center;gap:10px;margin:18px auto;padding:10px 14px;border:1px solid var(--border,#2b2d30);background:#151719}.maintenance-pulse span{width:10px;height:10px;border-radius:50%;background:currentColor;animation:maintenancePulse 1.2s ease-in-out infinite}.maintenance-card .form-actions{justify-content:center}@keyframes maintenancePulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}

/* v1.5.0 - Admin layout synchronization scheduler */
.sync-dashboard { display:flex; flex-direction:column; gap:20px; }
.sync-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.sync-hero h2,.sync-panel h2,.sync-test-panel h2 { margin:4px 0 7px; }
.sync-hero p,.sync-test-panel .section-heading p { margin:0; color:var(--muted); max-width:760px; line-height:1.65; }
.sync-lock-state { flex:0 0 auto; display:flex; align-items:center; gap:10px; border:1px solid var(--line); background:#151718; border-radius:8px; padding:12px 14px; font-size:.78rem; }
.sync-state-dot { width:8px; height:8px; border-radius:50%; background:#62c783; box-shadow:0 0 0 4px rgba(98,199,131,.08); }
.sync-lock-state.is-locked .sync-state-dot { background:#e6ae58; box-shadow:0 0 0 4px rgba(230,174,88,.08); animation:syncPulse 1.15s infinite; }
@keyframes syncPulse { 50% { opacity:.38; } }
.sync-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:20px; align-items:start; }
.sync-panel { min-width:0; }
.sync-panel .section-heading,.sync-test-panel .section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.sync-toggle { display:flex; gap:13px; align-items:flex-start; border:1px solid var(--line); background:#151718; border-radius:8px; padding:15px; margin-bottom:18px; cursor:pointer; }
.sync-toggle input { width:18px; height:18px; margin-top:2px; accent-color:#cba45a; }
.sync-toggle span { display:flex; flex-direction:column; gap:5px; }
.sync-toggle small { color:var(--muted); line-height:1.5; }
.sync-time-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sync-days { border:0; padding:0; margin:18px 0; }
.sync-days legend { font-size:.78rem; color:#ddd4be; font-weight:700; margin-bottom:9px; }
.sync-day-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.sync-day-grid label { position:relative; cursor:pointer; }
.sync-day-grid input { position:absolute; opacity:0; pointer-events:none; }
.sync-day-grid span { display:block; text-align:center; border:1px solid var(--line); background:#151718; border-radius:7px; padding:10px 7px; font-size:.77rem; color:var(--muted); transition:.15s ease; }
.sync-day-grid input:checked + span { border-color:#8f713b; background:#282217; color:#f4d897; }
.sync-day-grid input:focus-visible + span { outline:2px solid #cba45a; outline-offset:2px; }
.sync-schedule-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 18px; }
.sync-schedule-summary div,.sync-status-list div { border:1px solid var(--line); background:#151718; border-radius:7px; padding:12px; }
.sync-schedule-summary span,.sync-status-list span { display:block; color:var(--muted); font-size:.72rem; margin-bottom:5px; }
.sync-schedule-summary strong,.sync-status-list strong { font-size:.84rem; color:#eee7d8; overflow-wrap:anywhere; }
.sync-status-pill { display:inline-flex; align-items:center; min-height:29px; border:1px solid var(--line); border-radius:999px; padding:5px 10px; font-size:.72rem; font-weight:800; white-space:nowrap; }
.sync-status-pill.state-idle { color:var(--muted); }
.sync-status-pill.state-queued { color:#e8bd68; border-color:#66532f; background:#221e16; }
.sync-status-pill.state-running { color:#e8bd68; border-color:#66532f; background:#221e16; }
.sync-status-pill.state-success { color:#7fd69b; border-color:#315e40; background:#152119; }
.sync-status-pill.state-failed { color:#ef8e8e; border-color:#6f3434; background:#251616; }
.sync-status-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:18px; }
.sync-instant-note { border-left:2px solid #a78344; padding-left:12px; line-height:1.6; }
.sync-test-panel { margin-bottom:10px; }
.sync-test-actions { display:flex; align-items:end; flex-wrap:wrap; gap:10px; }
.sync-test-actions form { display:flex; align-items:end; flex-wrap:wrap; gap:10px; margin:0; }
.sync-test-duration { min-width:180px; margin:0; }
@media (max-width: 980px) {
  .sync-grid { grid-template-columns:1fr; }
  .sync-day-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .sync-hero,.sync-panel .section-heading,.sync-test-panel .section-heading { align-items:stretch; flex-direction:column; }
  .sync-lock-state { align-self:flex-start; }
  .sync-time-grid,.sync-schedule-summary,.sync-status-list { grid-template-columns:1fr; }
  .sync-day-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sync-test-actions,.sync-test-actions form { align-items:stretch; flex-direction:column; width:100%; }
  .sync-test-actions .button,.sync-test-actions form,.sync-test-duration { width:100%; }
}

/* 1.6.0 performance: keep off-screen card layout/paint work out of the critical path. */
.base-card,.creator-card,.recruit-card,.news-card,.event-card{content-visibility:auto;contain-intrinsic-size:1px 420px}
body.is-navigating #main{opacity:.72;pointer-events:none;transition:opacity .1s ease}
@media (prefers-reduced-motion:reduce){body.is-navigating #main{transition:none}}

/* === ClashHub CoC Data Suite v1.7.0 ======================================= */
.coc-nav-section { margin-top: 18px !important; }
.coc-command,.exact-clan-jump,.player-lookup-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:30px; background:linear-gradient(125deg,#221e17 0,#191b1d 48%,#181a1c 100%); border-color:#514329; }
.coc-command > div,.exact-clan-jump > div,.player-lookup-hero > div { max-width:720px; }
.coc-command h2,.exact-clan-jump h2,.player-lookup-hero h2 { font-size:clamp(1.35rem,2vw,2rem); margin:7px 0 8px; }
.coc-command p,.exact-clan-jump p,.player-lookup-hero p { margin:0; }
.coc-tag-jump,.player-tag-form { display:flex; align-items:flex-end; gap:10px; min-width:min(100%,420px); }
.coc-tag-jump .form-field,.player-tag-form .form-field { flex:1; }
.coc-tag-jump .button,.player-tag-form .button { min-height:44px; white-space:nowrap; }
.coc-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:22px; }
.coc-feature-grid.compact { margin-top:0; }
.coc-feature-card { position:relative; min-width:0; min-height:245px; padding:25px; border:1px solid #38352d; border-radius:10px; background:linear-gradient(145deg,#211e19,#191b1d 54%); transition:transform .18s,border-color .18s,background .18s; }
a.coc-feature-card:hover { transform:translateY(-3px); border-color:#8b6e38; background:linear-gradient(145deg,#292318,#1b1d1f 58%); }
.coc-feature-card.passive { min-height:190px; }
.coc-feature-card h2 { font-size:1.35rem; margin:12px 0 8px; }
.coc-feature-card h3 { margin:12px 0 8px; font-size:1.05rem; }
.coc-feature-card p { font-size:.84rem; line-height:1.65; margin-bottom:22px; }
.coc-feature-card .text-link { position:absolute; left:25px; bottom:22px; color:var(--gold); display:flex; align-items:center; gap:8px; font-size:.82rem; }
.coc-feature-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid #5a4a2d; background:#2c271e; border-radius:9px; color:var(--gold); }
.coc-feature-icon .icon { width:25px; height:25px; }
.coc-api-map .section-heading { margin-bottom:18px; }
.coc-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.coc-module { display:flex; gap:14px; min-width:0; padding:20px; background:#1a1c1e; }
.coc-module > span { width:38px; height:38px; display:grid; place-items:center; flex:none; color:var(--gold); background:#27231b; border-radius:7px; }
.coc-module strong { display:block; font-size:.9rem; margin-bottom:4px; }
.coc-module p { margin:0; font-size:.75rem; line-height:1.55; }
.gold-pass-dates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.gold-pass-dates > div { padding:20px; background:#1a1c1e; }
.gold-pass-dates span { display:block; color:var(--muted); font-size:.72rem; margin-bottom:6px; }
.gold-pass-dates strong { font-size:1rem; }
.coc-filter-panel { padding:18px 20px; }
.coc-filter-grid { display:grid; grid-template-columns:1.2fr 2fr .7fr auto; gap:12px; align-items:end; }
.coc-filter-submit { min-height:43px; }
.coc-tabs { display:flex; gap:5px; overflow-x:auto; padding:3px 0 14px; margin-bottom:10px; scrollbar-width:thin; }
.coc-tabs a { white-space:nowrap; padding:9px 13px; border:1px solid #323438; background:#1a1c1e; border-radius:6px; color:#aeb1b3; font-size:.8rem; }
.coc-tabs a:hover { color:#fff; border-color:#575044; }
.coc-tabs a[aria-current] { background:#30291c; border-color:#6b5835; color:var(--gold); }
.leaderboard-shell { padding:20px 0 0; overflow:hidden; }
.leaderboard-shell > .section-heading { padding:0 24px; }
.coc-leaderboard td,.coc-leaderboard th { padding-top:14px; padding-bottom:14px; }
.coc-rank-identity { display:flex; align-items:center; gap:11px; min-width:220px; }
.coc-rank-identity img { width:42px; height:42px; object-fit:contain; }
.coc-rank-identity strong,.coc-rank-identity small { display:block; }
.coc-rank-identity small { color:var(--muted); font-size:.69rem; margin-top:2px; }
.rank-delta { display:inline-flex; min-width:54px; justify-content:center; padding:4px 7px; border-radius:4px; background:#242629; color:#aaa; font-size:.73rem; }
.rank-delta.up { color:#9ed4a8; background:#1e3024; }
.rank-delta.down { color:#eba49d; background:#372422; }
.finder-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.finder-wide { grid-column:span 2; }
.finder-actions { grid-column:1/-1; display:flex; gap:10px; }
.clan-finder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.finder-clan-card { min-width:0; border:1px solid #333538; background:#191b1d; border-radius:10px; padding:21px; }
.finder-clan-head { display:flex; align-items:center; gap:13px; }
.finder-clan-head img { width:68px; height:68px; object-fit:contain; }
.finder-clan-head h3 { margin:0 0 3px; font-size:1.12rem; }
.clan-level { margin-left:auto; align-self:flex-start; border:1px solid #5c4c2c; color:var(--gold); background:#2b261c; border-radius:4px; padding:4px 8px; font-size:.68rem; font-weight:800; }
.finder-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:18px 0; background:#2b2d30; border:1px solid #2b2d30; border-radius:6px; overflow:hidden; }
.finder-stats span { padding:12px; background:#1e2022; min-width:0; }
.finder-stats small,.finder-stats strong { display:block; }
.finder-stats small { color:var(--muted); font-size:.64rem; margin-bottom:4px; }
.finder-stats strong { font-size:.78rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.finder-clan-footer { border-top:1px solid var(--line); padding-top:15px; margin-top:13px; display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--muted); font-size:.76rem; }
.coc-player-hero { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:20px; align-items:center; border:1px solid #433a2b; background:linear-gradient(120deg,#211d17,#17191b 55%); padding:27px; border-radius:10px; margin-bottom:17px; }
.player-league-emblem { width:96px; height:96px; display:grid; place-items:center; }
.player-league-emblem img { width:92px; height:92px; object-fit:contain; }
.player-league-emblem > .icon { width:54px; height:54px; color:var(--gold); }
.coc-player-title h1 { margin:3px 0 7px; }
.player-tag-line { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--gold); font-size:.8rem; }
.coc-player-hero .profile-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.coc-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.coc-stat-grid.compact { margin:0; }
.coc-stat-card { border:1px solid #323438; background:#1a1c1e; border-radius:7px; padding:15px; min-width:0; }
.coc-stat-card span { display:block; color:var(--muted); font-size:.69rem; margin-bottom:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coc-stat-card strong { display:block; font-size:1.18rem; color:#f0d194; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coc-two-col { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.player-clan-card { display:flex; align-items:center; gap:13px; border:1px solid #35373a; background:#1c1e20; padding:15px; border-radius:7px; }
.player-clan-card img { width:68px; height:68px; object-fit:contain; }
.player-clan-card > span { min-width:0; flex:1; }
.player-clan-card strong,.player-clan-card small,.player-clan-card em { display:block; }
.player-clan-card small { color:var(--gold); font-size:.72rem; }
.player-clan-card em { color:var(--muted); font-size:.68rem; font-style:normal; margin-top:3px; }
.unit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.unit-card { min-width:0; display:flex; align-items:center; gap:12px; border:1px solid #313336; background:#1c1e20; padding:13px 14px; border-radius:6px; }
.unit-card > div:first-child { min-width:0; flex:1; }
.unit-card strong,.unit-card span { display:block; }
.unit-card > div:first-child strong { font-size:.83rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.unit-card > div:first-child span { font-size:.65rem; color:var(--muted); margin-top:2px; }
.unit-level { display:flex; align-items:baseline; gap:3px; color:var(--gold); }
.unit-level small { color:var(--muted); font-size:.54rem; }
.unit-level strong { font-size:1.05rem; }
.unit-level span { color:var(--muted); font-size:.65rem; }
.unit-card .status-badge { font-size:.58rem; }
.achievement-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.achievement-card { border:1px solid #313336; background:#1c1e20; padding:17px; border-radius:7px; min-width:0; }
.achievement-top { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:.65rem; }
.achievement-stars { color:var(--gold); letter-spacing:2px; }
.achievement-card h3 { margin:11px 0 6px; }
.achievement-card p { min-height:3.2em; font-size:.75rem; line-height:1.55; }
.progress { height:5px; background:#303236; border-radius:99px; overflow:hidden; margin:12px 0 6px; }
.progress span { height:100%; display:block; background:var(--gold); }
.achievement-card > small { color:var(--muted); font-size:.64rem; }
.battle-list { display:grid; gap:9px; }
.battle-card { display:flex; align-items:center; gap:15px; border:1px solid #303236; background:#1c1e20; border-radius:7px; padding:14px; }
.battle-mark { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:6px; background:#2c261c; color:var(--gold); }
.battle-card > div:nth-child(2) { flex:1; min-width:0; }
.battle-card h3 { margin:3px 0 5px; }
.battle-meta { display:flex; gap:12px; flex-wrap:wrap; color:var(--muted); font-size:.72rem; }
.clan-tabs { margin-top:-4px; }
.war-live-panel { border-color:#4d3a2e; background:linear-gradient(135deg,#211d19,#191b1d 60%); }
.war-scoreboard { display:grid; grid-template-columns:1fr 100px 1fr; align-items:center; gap:15px; padding:20px; border:1px solid #34363a; background:#17191b; border-radius:8px; }
.war-team { display:grid; gap:5px; }
.war-team.right { text-align:right; }
.war-team strong { font-size:1.15rem; }
.war-team > span { color:var(--gold); font-size:1.7rem; font-weight:800; }
.war-team small { color:var(--muted); }
.war-vs { text-align:center; color:var(--muted); }
.war-vs b { display:block; color:#e4c47f; font-size:1.4rem; }
.war-vs span { font-size:.7rem; }
.war-meta-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:13px; background:var(--line); border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.war-meta-grid > div { background:#1c1e20; padding:14px; }
.war-meta-grid span,.war-meta-grid strong { display:block; }
.war-meta-grid span { color:var(--muted); font-size:.65rem; margin-bottom:4px; }
.war-meta-grid strong { font-size:.8rem; }
.warlog-list { display:grid; gap:9px; }
.warlog-card { display:grid; grid-template-columns:1fr auto 160px; align-items:center; gap:18px; border:1px solid #303236; background:#1c1e20; border-left:3px solid #777; border-radius:6px; padding:13px 15px; }
.warlog-card.result-win { border-left-color:#72b987; }
.warlog-card.result-lose { border-left-color:#c46156; }
.warlog-card.result-tie { border-left-color:#b59b62; }
.warlog-card strong,.warlog-card small { display:block; }
.warlog-card small { color:var(--muted); font-size:.65rem; }
.warlog-score { display:flex; gap:10px; color:var(--gold); font-weight:800; font-size:1.05rem; }
.warlog-card > div:last-child { text-align:right; }
.raid-grid { display:grid; gap:14px; }
.raid-card { border:1px solid #323438; background:#1b1d1f; border-radius:8px; padding:18px; }
.raid-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:15px; }
.raid-head h3 { margin:4px 0 0; }

@media (max-width: 1150px) {
  .coc-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .coc-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .unit-grid,.achievement-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .finder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .finder-wide { grid-column:span 2; }
  .finder-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 850px) {
  .coc-command,.exact-clan-jump,.player-lookup-hero { align-items:stretch; flex-direction:column; }
  .coc-tag-jump,.player-tag-form { width:100%; min-width:0; }
  .coc-feature-grid,.clan-finder-grid,.coc-two-col { grid-template-columns:1fr; }
  .coc-filter-grid { grid-template-columns:1fr 1fr; }
  .coc-filter-submit { grid-column:1/-1; }
  .coc-player-hero { grid-template-columns:auto 1fr; }
  .coc-player-hero .profile-actions { grid-column:1/-1; justify-content:flex-start; }
  .war-scoreboard { grid-template-columns:1fr 70px 1fr; }
  .war-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .warlog-card { grid-template-columns:1fr auto; }
  .warlog-card > div:last-child { grid-column:1/-1; text-align:left; }
}
@media (max-width: 600px) {
  .coc-command,.exact-clan-jump,.player-lookup-hero { padding:20px; }
  .coc-tag-jump,.player-tag-form { flex-direction:column; align-items:stretch; }
  .coc-module-grid,.gold-pass-dates,.coc-filter-grid,.finder-grid,.coc-stat-grid,.unit-grid,.achievement-grid { grid-template-columns:1fr; }
  .finder-wide { grid-column:auto; }
  .finder-actions { flex-direction:column; }
  .finder-actions .button { width:100%; }
  .finder-stats { grid-template-columns:1fr 1fr; }
  .coc-player-hero { grid-template-columns:1fr; text-align:center; }
  .player-league-emblem { margin:0 auto; }
  .player-tag-line,.coc-player-hero .profile-actions { justify-content:center; }
  .coc-player-hero .profile-actions .button { width:100%; }
  .war-scoreboard { grid-template-columns:1fr; text-align:center; }
  .war-team.right { text-align:center; }
  .war-vs { padding:6px 0; }
  .war-meta-grid { grid-template-columns:1fr; }
  .battle-card { align-items:flex-start; }
  .battle-card > .button { margin-left:auto; }
}

/* v1.7.1 — real Clash of Clans asset pilot */
.asset-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;background:linear-gradient(125deg,#241f18,#191b1d 62%);border-color:#4d402b}.asset-intro h2{margin:6px 0 8px;font-size:1.55rem}.asset-intro p{max-width:760px;margin:0}.magic-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.magic-item-card{min-width:0;overflow:hidden;border:1px solid #393633;border-radius:10px;background:linear-gradient(150deg,#202225,#181a1c 68%);transition:transform .16s ease,border-color .16s ease}.magic-item-card:hover{transform:translateY(-2px);border-color:#745f39}.magic-item-art{min-height:152px;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 45%,rgba(224,177,80,.14),transparent 56%),#151719;border-bottom:1px solid #2c2e31}.magic-item-art img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.38))}.magic-item-copy{padding:17px 18px 19px}.magic-item-copy h3{font-size:1.03rem;margin:5px 0 8px}.magic-item-copy p{font-size:.78rem;line-height:1.6;margin:0 0 10px;color:var(--muted)}.magic-item-copy small{display:block;color:#797d81;font-size:.68rem}.asset-source-note{display:flex;gap:14px;align-items:flex-start}.asset-source-note>div:first-child{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid #4f432e;border-radius:8px;color:var(--gold);background:#29241b}.asset-source-note strong{display:block;margin-bottom:4px}.asset-source-note p{margin:0;font-size:.78rem}.coc-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1180px){.magic-item-grid,.coc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.asset-intro{align-items:flex-start;flex-direction:column}.magic-item-grid,.coc-feature-grid{grid-template-columns:1fr}.magic-item-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.magic-item-art{min-height:100%;padding:12px}.magic-item-art img{width:92px;height:92px}.magic-item-copy{padding:15px}}

/* v1.7.2 — real CoC artwork inside Player profiles */
.coc-stat-card-art{display:flex;align-items:center;gap:12px;padding:10px 14px}.coc-stat-card-art>div{min-width:0}.coc-stat-art{width:58px;height:58px;object-fit:contain;flex:none;filter:drop-shadow(0 7px 8px rgba(0,0,0,.32))}.unit-card-visual{position:relative;min-height:90px;padding:10px 12px}.unit-art{position:relative;width:68px;height:68px;flex:none;display:grid;place-items:center;border:1px solid #34373a;border-radius:8px;background:radial-gradient(circle at 50% 38%,rgba(224,177,80,.13),transparent 63%),#16181a;overflow:hidden}.unit-art img{position:relative;z-index:2;width:64px;height:64px;object-fit:contain;padding:2px;filter:drop-shadow(0 6px 7px rgba(0,0,0,.34))}.unit-art-fallback{position:absolute;z-index:1;inset:0;display:grid!important;place-items:center;color:#8b8f93!important;font-size:1.35rem!important;font-weight:800;margin:0!important}.unit-art img.image-unavailable{display:none!important}.unit-copy{min-width:0;flex:1}.unit-copy strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-copy span{font-size:.63rem;color:var(--muted);margin-top:3px}.inline-coc-art{display:flex!important;align-items:center;justify-content:flex-end;gap:7px}.inline-coc-art img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}.inline-coc-art img.image-unavailable,.coc-stat-art.image-unavailable{display:none!important}@media(max-width:680px){.unit-card-visual{min-height:84px}.unit-art{width:62px;height:62px}.unit-art img{width:58px;height:58px}.coc-stat-art{width:50px;height:50px}}
.unit-card-visual > .unit-art{flex:none;min-width:68px}.unit-card-visual > .unit-copy{flex:1;min-width:0}@media(max-width:680px){.unit-card-visual > .unit-art{min-width:62px}}

/* v1.7.3 — full real CoC visual asset pass */
.coc-visual-value{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;max-width:100%}.coc-visual-value>img{width:24px;height:24px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}.coc-visual-value>img.image-unavailable{display:none!important}.coc-visual-value>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-list dd .coc-visual-value{justify-content:flex-end}.coc-stat-card-art.compact-art .coc-stat-art{width:44px;height:44px}.coc-label-tag{display:inline-flex!important;align-items:center;gap:6px}.coc-label-tag img{width:22px;height:22px;object-fit:contain;flex:none}.coc-label-tag img.image-unavailable{display:none!important}.asset-heading{display:flex;align-items:center;gap:9px}.asset-heading>img{width:30px;height:30px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.3))}.asset-heading>img.image-unavailable{display:none!important}.table-head-asset{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.table-head-asset img{width:18px;height:18px;object-fit:contain;flex:none}.table-head-asset img.image-unavailable{display:none!important}.finder-min-th{display:inline-flex;align-items:center;gap:6px}.finder-min-th img{width:31px;height:31px;object-fit:contain;flex:none}.finder-stats .coc-visual-value{font-size:.78rem}.finder-stats .coc-visual-value>img{width:20px;height:20px}.member-identity{display:inline-flex;align-items:center;gap:8px;min-width:0}.member-identity>img{width:31px;height:31px;object-fit:contain;flex:none}.member-identity>img.image-unavailable{display:none!important}.member-identity>span{display:grid;min-width:0}.member-identity>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clan-stats-assets>div{position:relative;grid-template-columns:auto 1fr;align-items:center;column-gap:11px}.clan-stats-assets>div>img{grid-row:1/4;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.28))}.clan-stats-assets>div>img.image-unavailable{display:none!important}.clan-stats-assets>div>span,.clan-stats-assets>div>strong,.clan-stats-assets>div>small{grid-column:2}.clan-stat-generic{grid-row:1/4;width:42px;height:42px;display:grid;place-items:center;color:var(--gold)}.clan-stat-generic svg{width:28px;height:28px}.war-team-badge{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.32));margin-bottom:3px}.war-team-badge.image-unavailable{display:none!important}.war-team.right .war-team-badge{margin-left:auto}.warlog-opponent{display:flex;align-items:center;gap:10px;min-width:0}.warlog-opponent img{width:38px;height:38px;object-fit:contain;flex:none}.warlog-opponent img.image-unavailable{display:none!important}.warlog-opponent>span{min-width:0}.coc-stars-visual{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.coc-stars-visual img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.coc-stars-visual img.is-empty{opacity:.18;filter:grayscale(1)}.coc-stars-visual strong{font-size:.7rem;margin-left:3px;color:var(--muted)}.battle-mark img{width:34px;height:34px;object-fit:contain}.battle-mark img.image-unavailable{display:none!important}.leaderboard-score .coc-visual-value>img{width:25px;height:25px}.leaderboard-location-flag{width:25px;height:18px;object-fit:cover;border:1px solid #45484c;border-radius:2px;vertical-align:middle;margin-right:7px}.leaderboard-location-flag.image-unavailable{display:none!important}.league-art-inline{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:5px}.league-art-inline.image-unavailable{display:none!important}.resource-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.resource-showcase-card{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid #343638;background:#1b1d1f;border-radius:7px}.resource-showcase-card img{width:40px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 5px 6px rgba(0,0,0,.28))}.resource-showcase-card img.image-unavailable{display:none!important}.resource-showcase-card span{min-width:0;font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coc-feature-icon.real-asset{border:none;background:transparent;width:52px;height:52px}.coc-feature-icon.real-asset img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(0,0,0,.3))}.coc-feature-icon.real-asset img.image-unavailable{display:none!important}.coc-module>span.real-asset{background:transparent;border-color:transparent}.coc-module>span.real-asset img{width:34px;height:34px;object-fit:contain}.gold-pass-panel .gold-pass-title{display:inline-flex;align-items:center;gap:9px}.gold-pass-panel .gold-pass-title img{width:34px;height:34px;object-fit:contain}.coc-player-title .player-location{display:inline-flex;align-items:center;gap:6px}.coc-player-title .player-location img{width:22px;height:15px;object-fit:cover;border-radius:2px}.image-unavailable[data-coc-asset]{display:none!important}
@media(max-width:1150px){.resource-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.resource-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.clan-stats-assets>div{grid-template-columns:1fr;text-align:center}.clan-stats-assets>div>img,.clan-stat-generic{grid-row:auto;grid-column:1;margin:0 auto}.clan-stats-assets>div>span,.clan-stats-assets>div>strong,.clan-stats-assets>div>small{grid-column:1}.war-team.right .war-team-badge{margin-left:auto;margin-right:auto}.war-team .war-team-badge{margin-left:auto;margin-right:auto}}
.coc-nav-art{width:20px!important;height:20px!important;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.coc-nav-art.image-unavailable{display:none!important}

/* === ClashHub CoC Wiki v1.10.0 =========================================== */
.wiki-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:34px;min-height:270px;overflow:hidden;margin-bottom:18px;padding:34px;border-color:#54452d;background:radial-gradient(circle at 82% 42%,rgba(209,161,68,.16),transparent 31%),linear-gradient(125deg,#272116 0,#1a1c1e 55%,#151719 100%)}
.wiki-hero:after{content:"";position:absolute;right:-85px;bottom:-150px;width:390px;height:390px;border:1px solid rgba(222,181,100,.07);transform:rotate(35deg);pointer-events:none}.wiki-hero-copy{position:relative;z-index:2;max-width:800px}.wiki-hero h2{font-size:clamp(1.6rem,3vw,2.6rem);margin:7px 0 10px}.wiki-hero p{max-width:760px;margin:0;line-height:1.72}.wiki-kpis{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.wiki-kpis>span{min-width:110px;padding:10px 13px;border:1px solid #403a30;border-radius:7px;background:rgba(16,17,18,.7)}.wiki-kpis strong,.wiki-kpis small{display:block}.wiki-kpis strong{font-size:1.05rem;color:#f1cf8a}.wiki-kpis small{margin-top:2px;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.07em}.wiki-hero-art{position:relative;height:210px;z-index:1}.wiki-hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.46))}.wiki-hero-art img:nth-child(1){right:105px;bottom:4px;width:150px;height:150px}.wiki-hero-art img:nth-child(2){right:20px;top:8px;width:96px;height:96px;transform:rotate(8deg)}.wiki-hero-art img:nth-child(3){right:0;bottom:10px;width:88px;height:88px;transform:rotate(-8deg)}
.wiki-search-panel{padding:17px 18px;margin-bottom:13px}.wiki-search-form{display:grid;grid-template-columns:minmax(260px,2fr) minmax(190px,1fr) auto auto;gap:10px;align-items:end}.wiki-search-form .form-field{margin:0}.wiki-category-strip{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 12px;margin-bottom:10px;scrollbar-width:thin}.wiki-category-chip{display:inline-flex;align-items:center;gap:7px;flex:none;padding:8px 11px;border:1px solid #313438;border-radius:999px;background:#191b1d;color:#aeb1b4;font-size:.72rem;transition:border-color .15s,background .15s,color .15s}.wiki-category-chip b{min-width:24px;padding:2px 6px;border-radius:99px;background:#27292c;color:#888c90;font-size:.61rem;text-align:center}.wiki-category-chip:hover,.wiki-category-chip.active{border-color:#715c36;background:#292318;color:#f0d192}.wiki-category-chip.active b{background:#44381f;color:#f2d38f}
.wiki-browser{margin-top:4px}.wiki-browser>.section-heading{margin-bottom:14px}.wiki-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.wiki-card{position:relative;display:grid;grid-template-rows:155px auto;min-width:0;overflow:hidden;border:1px solid #34373a;border-radius:9px;background:linear-gradient(150deg,#202225,#181a1c 72%);color:inherit;transition:transform .16s,border-color .16s,background .16s}.wiki-card:hover{transform:translateY(-2px);border-color:#765f39;background:linear-gradient(150deg,#27231c,#191b1d 72%)}.wiki-card-art{position:relative;display:grid;place-items:center;padding:14px;border-bottom:1px solid #2c2f32;background:radial-gradient(circle at 50% 43%,rgba(210,165,78,.13),transparent 54%),#151719}.wiki-card-art>img{width:125px;height:125px;object-fit:contain;filter:drop-shadow(0 10px 11px rgba(0,0,0,.38))}.wiki-variant-count{position:absolute;right:9px;bottom:8px;padding:4px 7px;border:1px solid #51462f;border-radius:999px;background:#211d16;color:#e2bd71;font-size:.62rem}.wiki-card-copy{display:block;min-width:0;padding:14px 15px 16px}.wiki-card-copy>.eyebrow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wiki-card-copy>strong{display:block;margin:5px 0 4px;font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wiki-card-copy>small{display:block;color:var(--muted);font-size:.65rem}.wiki-extension-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.wiki-extension-row em{padding:2px 5px;border:1px solid #303338;border-radius:3px;background:#17191b;color:#7f8387;font-size:.55rem;font-style:normal}.wiki-card-arrow{position:absolute;right:11px;top:11px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:rgba(12,13,14,.7);color:#bd9953;opacity:.72}.wiki-card-arrow .icon{width:14px;height:14px}.wiki-file-fallback{display:grid;place-items:center;width:88px;height:88px;border:1px dashed #42464b;border-radius:12px;color:#6f7478;background:#1b1d20}.wiki-file-fallback.large{width:150px;height:150px}.wiki-file-fallback .icon{width:36px;height:36px}.wiki-pagination{margin:18px 0}.wiki-source-note{display:flex;align-items:flex-start;gap:14px;margin-top:18px}.wiki-source-note>div:first-child{width:46px;height:46px;display:grid;place-items:center;flex:none;border:1px solid #4c412f;border-radius:8px;background:#252117}.wiki-source-note>div:first-child img{width:36px;height:36px;object-fit:contain}.wiki-source-note strong{display:block;margin-bottom:4px}.wiki-source-note p{margin:0;line-height:1.55;font-size:.76rem}
.wiki-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start;margin-bottom:18px}.wiki-detail-main{padding:0;overflow:hidden}.wiki-detail-hero{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:26px;padding:28px;background:radial-gradient(circle at 12% 45%,rgba(215,168,77,.13),transparent 31%),linear-gradient(120deg,#211d17,#191b1d 63%)}.wiki-detail-art{min-height:225px;display:grid;place-items:center}.wiki-detail-art img{max-width:220px;width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.42))}.wiki-detail-copy h2{font-size:clamp(1.5rem,2.4vw,2.25rem);margin:6px 0 10px}.wiki-lead{max-width:720px;line-height:1.72;color:#b8bbbe}.wiki-game-data{padding:24px 28px;border-top:1px solid var(--line)}.wiki-original-info{margin:0 0 17px;padding:14px 16px;border-left:2px solid #80683d;background:#191b1d}.wiki-original-info p{margin:6px 0 0;white-space:normal}.wiki-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);border-radius:7px;overflow:hidden}.wiki-meta-grid>div{min-width:0;padding:13px;background:#191b1d}.wiki-meta-grid span,.wiki-meta-grid strong{display:block}.wiki-meta-grid span{color:var(--muted);font-size:.62rem;margin-bottom:4px}.wiki-meta-grid strong{font-size:.78rem;overflow-wrap:anywhere}.wiki-detail-side{display:grid;gap:14px}.wiki-detail-side .panel{margin:0}.wiki-action-stack{display:grid;gap:8px}.wiki-action-stack .button{justify-content:flex-start}.word-wrap{overflow-wrap:anywhere;word-break:break-word}.mt{margin-top:14px}
.wiki-level-panel{margin-bottom:18px;padding:0;overflow:hidden}.wiki-level-panel>.section-heading{padding:20px 22px 0}.wiki-level-table{min-width:720px}.wiki-level-table th,.wiki-level-table td{padding:11px 13px;vertical-align:middle}.wiki-level-table .coc-visual-value>img{width:22px;height:22px}.wiki-variants-section{margin-top:6px}.wiki-variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wiki-variant-card{display:grid;grid-template-rows:145px auto;min-width:0;overflow:hidden;border:1px solid #34373a;border-radius:8px;background:#1a1c1e}.wiki-variant-art{display:grid;place-items:center;padding:12px;border-bottom:1px solid #2b2e31;background:#151719}.wiki-variant-art img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(0,0,0,.36))}.wiki-variant-copy{min-width:0;padding:12px 13px}.wiki-variant-copy strong,.wiki-variant-copy small{display:block}.wiki-variant-copy strong{font-size:.8rem}.wiki-variant-copy small{margin-top:4px;color:#767a7e;font-size:.59rem;line-height:1.45}.wiki-variant-actions{display:flex;gap:10px;margin-top:10px;font-size:.66rem}.wiki-variant-actions a,.wiki-variant-actions button{padding:0;border:0;background:none;color:#d5b36b;cursor:pointer;font:inherit}.wiki-variant-actions a:hover,.wiki-variant-actions button:hover{color:#f2d18a}.unit-card-wiki{color:inherit;text-decoration:none;transition:border-color .14s,background .14s,transform .14s}.unit-card-wiki:hover{border-color:#6e5936;background:#211e19;transform:translateY(-1px)}.unit-wiki-hint{position:absolute;right:8px;top:6px!important;margin:0!important;color:#9d814a!important;font-size:.54rem!important;opacity:.8}.unit-wiki-hint:after{content:" ↗"}.wiki-card,.wiki-variant-card{content-visibility:auto;contain-intrinsic-size:1px 260px}
@media(max-width:1220px){.wiki-grid,.wiki-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wiki-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.wiki-hero{grid-template-columns:1fr}.wiki-hero-art{display:none}.wiki-search-form{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto}.wiki-search-form>.button.secondary{grid-column:1/-1;width:max-content}.wiki-grid,.wiki-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-detail-grid{grid-template-columns:1fr}.wiki-detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wiki-hero{padding:23px 19px;min-height:0}.wiki-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wiki-kpis>span{min-width:0;padding:8px}.wiki-kpis strong{font-size:.9rem}.wiki-kpis small{font-size:.53rem}.wiki-search-form{grid-template-columns:1fr}.wiki-search-form>.button,.wiki-search-form>.button.secondary{grid-column:auto;width:100%}.wiki-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wiki-card{grid-template-rows:120px auto}.wiki-card-art{padding:8px}.wiki-card-art>img{width:96px;height:96px}.wiki-card-copy{padding:11px}.wiki-card-copy>strong{font-size:.76rem}.wiki-card-arrow{display:none}.wiki-detail-hero{grid-template-columns:1fr;padding:20px}.wiki-detail-art{min-height:170px}.wiki-detail-art img{height:170px;max-width:180px}.wiki-game-data{padding:18px 20px}.wiki-meta-grid{grid-template-columns:1fr 1fr}.wiki-detail-side{grid-template-columns:1fr}.wiki-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wiki-variant-card{grid-template-rows:110px auto}.wiki-variant-art img{width:90px;height:90px}.wiki-variant-copy{padding:10px}.wiki-level-panel>.section-heading{padding:17px 18px 0}}
@media(max-width:410px){.wiki-grid,.wiki-variant-grid{grid-template-columns:1fr}.wiki-card{grid-template-columns:108px minmax(0,1fr);grid-template-rows:auto}.wiki-card-art{border-right:1px solid #2c2f32;border-bottom:0;min-height:112px}.wiki-card-art>img{width:86px;height:86px}.wiki-meta-grid{grid-template-columns:1fr}}
.coc-wiki-inline-link{display:inline-flex;color:inherit;text-decoration:none;border-radius:5px}.coc-wiki-inline-link:hover{background:#2a251b;box-shadow:0 0 0 1px #5f4d2f}.coc-wiki-inline-link .coc-visual-value{padding:2px 4px}

/* ClashHub CoC Wiki v1.10.0 — encyclopedia UX */
.wiki-home-hero{min-height:330px}.wiki-hero-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;max-width:720px;margin-top:22px;padding:7px;border:1px solid #5a4a2d;background:#111315}.wiki-hero-search-icon{display:grid;place-items:center;width:38px;color:#cda65d}.wiki-hero-search-icon .icon{width:19px;height:19px}.wiki-hero-search input{min-width:0;height:42px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;font-size:.92rem}.wiki-search-hints{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.wiki-search-hints span{padding:3px 7px;border:1px solid #36312a;background:#191916;color:#807866;font-size:.58rem;font-weight:700;letter-spacing:.03em}
.wiki-start-section{margin:22px 0}.wiki-start-section>.section-heading p{max-width:800px;margin:5px 0 0}.wiki-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wiki-system-card{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 22px;align-items:center;min-height:116px;border:1px solid #34373a;background:linear-gradient(145deg,#202225,#17191b);color:inherit;overflow:hidden;transition:.16s}.wiki-system-card:hover{border-color:#80683d;background:linear-gradient(145deg,#282319,#191b1d);transform:translateY(-2px)}.wiki-system-art{height:100%;display:grid;place-items:center;background:radial-gradient(circle,rgba(218,171,81,.14),transparent 65%);border-right:1px solid #2c2f32}.wiki-system-art img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 9px 9px rgba(0,0,0,.35))}.wiki-system-card>span:nth-child(2){display:block;min-width:0;padding:12px}.wiki-system-card b,.wiki-system-card small,.wiki-system-card em{display:block}.wiki-system-card b{font-size:.84rem}.wiki-system-card small{margin-top:5px;color:#898d90;font-size:.62rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wiki-system-card em{margin-top:7px;color:#bf9a52;font-size:.58rem;font-style:normal}.wiki-system-card>.icon{width:15px;height:15px;color:#80683d}
.wiki-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;overflow:hidden;background:#303337}.wiki-capability{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px;background:#191b1d}.wiki-capability-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #58482c;background:#242016;color:#d0a85b}.wiki-capability-icon .icon{width:21px;height:21px}.wiki-capability b{font-size:.78rem}.wiki-capability p{margin:5px 0 0;color:#85898d;font-size:.65rem;line-height:1.5}
.wiki-breadcrumbs{display:flex;align-items:center;gap:8px;min-width:0;margin:-2px 0 13px;color:#72767a;font-size:.66rem}.wiki-breadcrumbs a{color:#a58b59}.wiki-breadcrumbs b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb1b4}.wiki-article-hero{display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px;align-items:center;min-height:330px;padding:30px 34px;margin:0 0 16px;overflow:hidden;background:radial-gradient(circle at 13% 50%,rgba(214,165,70,.14),transparent 31%),linear-gradient(120deg,#201d18 0,#181a1c 62%,#141617 100%);border-color:#4d412d}.wiki-article-art{min-height:260px;display:grid;place-items:center}.wiki-article-art img{width:260px;height:260px;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.48))}.wiki-article-intro{min-width:0}.wiki-article-kicker{display:flex;flex-wrap:wrap;gap:6px}.wiki-article-kicker span{padding:4px 7px;border:1px solid #4a402d;background:#252117;color:#c09d59;font-size:.57rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wiki-article-intro h1{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.wiki-article-intro .wiki-lead{max-width:880px;margin:0;color:#afb2b5;font-size:.83rem;line-height:1.75}.wiki-fact-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.wiki-fact-pill{display:flex;align-items:center;gap:9px;min-height:47px;padding:6px 10px;border:1px solid #3c3f42;background:#17191b;color:inherit}.wiki-fact-pill:hover{border-color:#745f38;background:#211e18}.wiki-fact-pill img{width:34px;height:34px;object-fit:contain}.wiki-fact-pill.plain{padding-right:15px}.wiki-fact-pill>.icon,.wiki-fact-icon .icon{width:23px;height:23px;color:#caa45a}.wiki-fact-pill small,.wiki-fact-pill b{display:block}.wiki-fact-pill small{font-size:.52rem;color:#74787c;text-transform:uppercase;letter-spacing:.06em}.wiki-fact-pill b{margin-top:2px;font-size:.67rem}.wiki-fact-icon{display:grid;place-items:center;width:34px;height:34px}.wiki-article-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.wiki-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.wiki-article-main{display:grid;gap:16px;min-width:0}.wiki-article-sidebar{display:grid;gap:12px;position:sticky;top:18px}.wiki-article-sidebar .panel{margin:0}.wiki-article-sidebar h3{margin:4px 0 11px;font-size:.82rem}.wiki-toc nav{display:grid;gap:2px}.wiki-toc a{padding:7px 8px;border-left:2px solid #34373a;color:#94989b;font-size:.66rem}.wiki-toc a:hover{border-color:#c39a4e;background:#211e18;color:#e2c27f}.wiki-side-actions{display:grid;gap:7px}.wiki-side-actions h3{margin-bottom:4px}.wiki-side-actions .button{justify-content:flex-start}.wiki-infobox .stat-list{margin-top:8px}
.wiki-overview-panel,.wiki-upgrade-guide,.wiki-level-focus,.wiki-unlocks-panel{margin:0}.wiki-overview-panel>.section-heading,.wiki-upgrade-guide>.section-heading,.wiki-level-focus>.section-heading,.wiki-unlocks-panel>.section-heading{margin-bottom:15px}.wiki-data-freshness{padding:4px 7px;border:1px solid #3c4937;background:#182019;color:#91b784;font-size:.56rem;font-weight:700}.wiki-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#303337;border:1px solid #303337}.wiki-overview-grid>div{padding:12px;background:#191b1d}.wiki-overview-grid span,.wiki-overview-grid b{display:block}.wiki-overview-grid span{color:#74787c;font-size:.57rem}.wiki-overview-grid b{margin-top:4px;font-size:.72rem;overflow-wrap:anywhere}
.wiki-upgrade-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wiki-upgrade-steps>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;padding:11px 12px;border:1px solid #323539;background:#181a1c}.wiki-upgrade-steps>div>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #675532;background:#292318;color:#d4ad60;font-size:.65rem;font-weight:900}.wiki-upgrade-steps p{margin:3px 0 0;color:#a4a8ab;font-size:.68rem;line-height:1.5}.wiki-lifetime-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.wiki-lifetime-summary>div{padding:11px 12px;border:1px solid #34373a;background:#151719}.wiki-lifetime-summary small,.wiki-lifetime-summary b{display:block}.wiki-lifetime-summary small{color:#73777a;font-size:.55rem}.wiki-lifetime-summary b{margin-top:4px;font-size:.75rem}.wiki-resource-number{display:flex!important;align-items:center;gap:6px}.wiki-resource-number img{width:24px;height:24px;object-fit:contain}.wiki-growth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.wiki-growth-grid>div{padding:11px;border:1px solid #33402f;background:#171d17}.wiki-growth-grid span,.wiki-growth-grid b,.wiki-growth-grid em{display:block}.wiki-growth-grid span{color:#7b8279;font-size:.55rem}.wiki-growth-grid b{margin-top:3px;font-size:.72rem}.wiki-growth-grid em{margin-top:3px;color:#8fbd80;font-size:.59rem;font-style:normal}
.wiki-level-switcher{display:flex;gap:5px;overflow-x:auto;padding:1px 1px 10px;scrollbar-width:thin}.wiki-level-switcher a{display:grid;place-items:center;min-width:36px;height:34px;border:1px solid #34373a;background:#17191b;color:#888c8f;font-size:.65rem;font-weight:800}.wiki-level-switcher a:hover,.wiki-level-switcher a.active{border-color:#886d39;background:#2c2518;color:#f0cb80}.wiki-level-dashboard{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:10px}.wiki-level-requirements,.wiki-level-stats{border:1px solid #303337;background:#17191b;padding:14px}.wiki-level-requirements>div:not(.wiki-level-costs){display:flex;align-items:center;gap:8px;margin-top:9px;color:#a3a7aa;font-size:.68rem}.wiki-level-requirements .coc-visual-value img{width:34px;height:34px}.wiki-square-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3b3e42;color:#c49d54}.wiki-square-icon .icon{width:17px;height:17px}.wiki-level-costs{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.wiki-level-costs>span{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:7px 9px;border:1px solid #3b3830;background:#201d17}.wiki-level-costs img{grid-row:1/3;width:28px;height:28px;object-fit:contain}.wiki-level-costs b{font-size:.7rem}.wiki-level-costs small{font-size:.51rem;color:#827966}.wiki-level-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:#303337}.wiki-level-stats>div{min-height:82px;padding:13px;background:#17191b}.wiki-level-stats small,.wiki-level-stats b,.wiki-level-stats em{display:block}.wiki-level-stats small{color:#777b7f;font-size:.56rem}.wiki-level-stats b{margin-top:5px;font-size:1.05rem}.wiki-level-stats em{margin-top:5px;font-size:.57rem;font-style:normal}.wiki-level-stats em.positive{color:#8dbb80}.wiki-level-stats em.negative{color:#c77878}.wiki-level-table tr.selected td{background:#262116!important}.wiki-level-table tbody tr{cursor:pointer}.wiki-level-table tbody tr:hover td{background:#202326}.wiki-table-cost{display:flex;flex-wrap:wrap;gap:7px}.wiki-table-cost>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.wiki-table-cost img{width:20px;height:20px;object-fit:contain}
.wiki-unlock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wiki-unlock-card{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;gap:9px;align-items:center;min-height:72px;padding:7px 10px;border:1px solid #34373a;background:#181a1c;color:inherit}.wiki-unlock-card:hover{border-color:#765f38;background:#211e18}.wiki-unlock-card img{width:58px;height:58px;object-fit:contain}.wiki-unlock-card small,.wiki-unlock-card b{display:block}.wiki-unlock-card small{font-size:.53rem;color:#837d71}.wiki-unlock-card b{margin-top:3px;font-size:.68rem}.wiki-unlock-card>.icon{width:14px;height:14px;color:#a4864c}
.wiki-related-section{margin-top:2px}.wiki-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wiki-related-card{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;min-height:92px;border:1px solid #34373a;background:#191b1d;color:inherit;overflow:hidden}.wiki-related-card:hover{border-color:#745e38;background:#211e18}.wiki-related-card>span{display:grid;place-items:center;height:100%;border-right:1px solid #2e3134;background:#151719}.wiki-related-card img{width:64px;height:64px;object-fit:contain}.wiki-related-card>div{min-width:0;padding:9px}.wiki-related-card small,.wiki-related-card b,.wiki-related-card em{display:block}.wiki-related-card small{color:#9f834c;font-size:.5rem}.wiki-related-card b{margin-top:3px;font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wiki-related-card em{margin-top:4px;color:#6f7478;font-size:.52rem;font-style:normal}.wiki-related-card>.icon{position:absolute;right:7px;top:7px;width:12px;height:12px;color:#80683d}
.wiki-assets-details{padding:0;overflow:hidden;margin:0}.wiki-assets-details>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;cursor:pointer;list-style:none}.wiki-assets-details>summary::-webkit-details-marker{display:none}.wiki-assets-details>summary span span,.wiki-assets-details>summary b{display:block}.wiki-assets-details>summary>span:last-child{color:#9f834c;font-size:.62rem}.wiki-assets-details[open]>summary{border-bottom:1px solid #303337}.wiki-assets-details .wiki-variant-grid{padding:14px}
@media(max-width:1250px){.wiki-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wiki-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wiki-unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.wiki-article-layout{grid-template-columns:1fr}.wiki-article-sidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.wiki-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-lifetime-summary,.wiki-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.wiki-article-hero{grid-template-columns:220px minmax(0,1fr);gap:20px;padding:24px}.wiki-article-art{min-height:210px}.wiki-article-art img{width:205px;height:205px}.wiki-capabilities{grid-template-columns:1fr}.wiki-level-dashboard{grid-template-columns:1fr}.wiki-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-article-sidebar{grid-template-columns:1fr 1fr}.wiki-toc{grid-column:1/-1}}
@media(max-width:650px){.wiki-home-hero{padding:22px 18px}.wiki-hero-search{grid-template-columns:auto minmax(0,1fr);padding:5px}.wiki-hero-search .button{grid-column:1/-1;width:100%}.wiki-system-grid{grid-template-columns:1fr}.wiki-system-card{grid-template-columns:78px minmax(0,1fr) 18px;min-height:102px}.wiki-system-art img{width:66px;height:66px}.wiki-article-hero{grid-template-columns:1fr;text-align:left;padding:20px}.wiki-article-art{min-height:190px}.wiki-article-art img{width:190px;height:190px}.wiki-fact-pills{display:grid;grid-template-columns:1fr 1fr}.wiki-article-actions .button{flex:1}.wiki-upgrade-steps{grid-template-columns:1fr}.wiki-overview-grid{grid-template-columns:1fr 1fr}.wiki-level-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-unlock-grid,.wiki-related-grid{grid-template-columns:1fr}.wiki-article-sidebar{grid-template-columns:1fr}.wiki-toc{grid-column:auto}.wiki-lifetime-summary,.wiki-growth-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.wiki-fact-pills,.wiki-overview-grid,.wiki-lifetime-summary,.wiki-growth-grid{grid-template-columns:1fr}.wiki-level-stats{grid-template-columns:1fr 1fr}.wiki-system-card small{display:none}.wiki-article-actions{display:grid}.wiki-breadcrumbs{font-size:.58rem}}
.wiki-th-cap-track{margin-top:12px;padding-top:12px;border-top:1px solid #303337}.wiki-th-cap-track>div{display:flex;gap:6px;overflow-x:auto;padding-top:8px}.wiki-th-cap-track a{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;min-width:105px;padding:7px 9px;border:1px solid #36393d;background:#16181a;color:inherit}.wiki-th-cap-track a:hover{border-color:#765f38;background:#211e18}.wiki-th-cap-track img{grid-row:1/3;width:34px;height:34px;object-fit:contain}.wiki-th-cap-track span{font-size:.52rem;color:#827c70}.wiki-th-cap-track b{font-size:.65rem}.wiki-ability-panel{margin-top:10px;padding:12px;border:1px solid #3c382f;background:#1c1915}.wiki-ability-panel>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.wiki-ability-panel>div>span{padding:9px;border:1px solid #3a3d40;background:#17191b}.wiki-ability-panel small,.wiki-ability-panel b{display:block}.wiki-ability-panel small{color:#767a7e;font-size:.52rem}.wiki-ability-panel b{margin-top:4px;font-size:.7rem}@media(max-width:650px){.wiki-ability-panel>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wiki-game-quote{margin:0 0 12px;padding:12px 14px;border-left:2px solid #7d6538;background:#17191b}.wiki-game-quote p{margin:5px 0 0;color:#969a9d;font-size:.67rem;line-height:1.6}

/* Wiki PRO planner + reverse relations */
.wiki-remaining-panel{margin-top:18px;padding:18px;border:1px solid var(--border);background:rgba(255,255,255,.025);display:grid;grid-template-columns:minmax(180px,.6fr) 1fr;gap:18px;align-items:center}.wiki-remaining-panel h3{margin:4px 0 0;font-size:1.05rem}.wiki-remaining-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.wiki-remaining-stats>span{padding:12px;border:1px solid var(--border);background:rgba(0,0,0,.18);display:flex;flex-direction:column;gap:5px}.wiki-remaining-stats small{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.wiki-remaining-stats b{display:flex;align-items:center;gap:7px;font-size:1rem}.wiki-remaining-stats img{object-fit:contain}.wiki-upgrade-steps:empty{display:none}@media(max-width:760px){.wiki-remaining-panel{grid-template-columns:1fr}.wiki-remaining-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Wiki Hall progression map — v1.10.2 phone-first responsive redesign */
.wiki-hall-explorer-v2{margin:22px 0;padding:24px;overflow:clip;container-type:inline-size;container-name:hallmap}
.wiki-hall-section-heading{margin-bottom:18px}.wiki-hall-section-heading p{max-width:760px}
.wiki-hall-worlds{display:grid;gap:18px}
.wiki-hall-world{min-width:0;border:1px solid #33383d;background:#151719;overflow:hidden}
.wiki-hall-world-home{border-top:2px solid #b28a43}.wiki-hall-world-builder{border-top:2px solid #687d93}
.wiki-hall-world-header{min-height:92px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #2e3236;background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.008) 56%,transparent)}
.wiki-hall-world-emblem{width:68px;height:68px;display:grid;place-items:center;border:1px solid #3a3e42;background:#101214}
.wiki-hall-world-emblem img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,.34))}
.wiki-hall-world-copy{min-width:0}.wiki-hall-world-copy .eyebrow{font-size:.59rem}.wiki-hall-world-copy h3{margin:3px 0 4px;font-size:1.03rem}.wiki-hall-world-copy p{margin:0;color:var(--muted);font-size:.69rem;line-height:1.45}
.wiki-hall-world-count{min-width:58px;display:grid;place-items:center;padding:8px 12px;border-left:1px solid #34383c;color:#ddd}.wiki-hall-world-count b{font-size:1.25rem;line-height:1}.wiki-hall-world-count small{margin-top:4px;color:var(--muted);font-size:.55rem;font-weight:800;letter-spacing:.08em}
.wiki-hall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px;padding:12px;min-width:0}
.wiki-hall-card{min-width:0;min-height:96px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid #2f3337;background:#1a1c1e;color:inherit;text-decoration:none;position:relative;overflow:hidden;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.wiki-hall-card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:width .15s ease}
.wiki-hall-world-builder .wiki-hall-card::after{background:#8299b0}
.wiki-hall-card:hover,.wiki-hall-card:focus-visible{border-color:#6f5a34;background:#202225;transform:translateY(-2px);outline:none}.wiki-hall-world-builder .wiki-hall-card:hover,.wiki-hall-world-builder .wiki-hall-card:focus-visible{border-color:#5b6f82}.wiki-hall-card:hover::after,.wiki-hall-card:focus-visible::after{width:100%}
.wiki-hall-card-art{width:72px;height:72px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.07),transparent 62%)}
.wiki-hall-card-art img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.33))}
.wiki-hall-card-copy{min-width:0;display:grid;align-content:center}.wiki-hall-card-copy small{color:#888e93;font-size:.56rem;font-weight:700;white-space:nowrap}.wiki-hall-card-copy strong{margin-top:2px;font-size:.78rem;white-space:nowrap}.wiki-hall-card-copy em{display:flex;align-items:center;gap:4px;margin-top:7px;color:#aa8b53;font-size:.55rem;font-style:normal;font-weight:800;white-space:nowrap}.wiki-hall-world-builder .wiki-hall-card-copy em{color:#8fa4b8}.wiki-hall-card-copy .icon{width:11px;height:11px}
@media(max-width:1100px){.wiki-hall-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}

/* Fallback for browsers without container queries and narrow/zoomed layouts. */
@media(max-width:900px){
  .wiki-hall-explorer-v2{padding:18px 14px}
  .wiki-hall-grid{display:flex!important;grid-template-columns:none!important;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:12px;padding:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pinch-zoom}
  .wiki-hall-grid::-webkit-scrollbar{display:none}
  .wiki-hall-card{flex:0 0 calc(100% - 38px);width:calc(100% - 38px);scroll-snap-align:start;scroll-snap-stop:always}
}

@container hallmap (max-width:760px){
  .wiki-hall-explorer-v2{padding:16px 12px 14px;margin:16px 0;overflow:clip}
  .wiki-hall-section-heading{margin:0 2px 14px;padding:0}.wiki-hall-section-heading h2{margin-top:5px;font-size:1.02rem;line-height:1.25}.wiki-hall-section-heading p{margin-top:7px;font-size:.7rem;line-height:1.5}
  .wiki-hall-worlds{gap:12px}
  .wiki-hall-world{border-left:1px solid #303438;border-right:1px solid #303438}
  .wiki-hall-world-header{min-height:72px;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;padding:9px 11px}
  .wiki-hall-world-emblem{width:50px;height:50px}.wiki-hall-world-emblem img{width:47px;height:47px}
  .wiki-hall-world-copy .eyebrow{font-size:.52rem;letter-spacing:.11em}.wiki-hall-world-copy h3{margin:2px 0;font-size:.86rem}.wiki-hall-world-copy p{font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wiki-hall-world-count{min-width:42px;padding:5px 7px;border-left:1px solid #303438}.wiki-hall-world-count b{font-size:.98rem}.wiki-hall-world-count small{font-size:.48rem}
  .wiki-hall-grid{display:flex!important;grid-template-columns:none!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;gap:10px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:10px;padding:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pinch-zoom}
  .wiki-hall-grid::-webkit-scrollbar{display:none}
  .wiki-hall-grid::after{content:"";flex:0 0 1px}
  .wiki-hall-card{flex:0 0 calc(100% - 34px);width:calc(100% - 34px);max-width:none;min-height:104px;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:11px 13px;scroll-snap-align:start;scroll-snap-stop:always;transform:none!important}
  .wiki-hall-card-art{width:80px;height:80px}.wiki-hall-card-art img{width:76px;height:76px}
  .wiki-hall-card-copy small{font-size:.59rem}.wiki-hall-card-copy strong{margin-top:3px;font-size:.9rem}.wiki-hall-card-copy em{margin-top:8px;font-size:.62rem}.wiki-hall-card-copy .icon{width:12px;height:12px}
}

@container hallmap (max-width:480px){
  .wiki-hall-explorer-v2{padding:14px 8px 12px;border-left:0;border-right:0;border-radius:0}
  .wiki-hall-section-heading{margin-left:4px;margin-right:4px}.wiki-hall-section-heading p{font-size:.66rem}
  .wiki-hall-world-header{grid-template-columns:48px minmax(0,1fr) auto;padding:8px 9px;gap:8px}
  .wiki-hall-world-emblem{width:44px;height:44px}.wiki-hall-world-emblem img{width:42px;height:42px}
  .wiki-hall-world-copy p{display:none}.wiki-hall-world-count{min-width:38px;padding:4px 6px}.wiki-hall-world-count b{font-size:.9rem}
  .wiki-hall-grid{padding:9px 8px;gap:8px;scroll-padding-inline:8px}
  .wiki-hall-card{flex-basis:calc(100% - 24px);width:calc(100% - 24px);min-height:96px;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:9px 11px}
  .wiki-hall-card-art{width:70px;height:70px}.wiki-hall-card-art img{width:67px;height:67px}
  .wiki-hall-card-copy small{font-size:.54rem}.wiki-hall-card-copy strong{font-size:.83rem}.wiki-hall-card-copy em{font-size:.58rem}
}

@container hallmap (max-width:360px){
  .wiki-hall-explorer-v2{padding-left:6px;padding-right:6px}
  .wiki-hall-world-header{grid-template-columns:44px minmax(0,1fr)}
  .wiki-hall-world-count{display:none}
  .wiki-hall-world-emblem{width:40px;height:40px}.wiki-hall-world-emblem img{width:38px;height:38px}
  .wiki-hall-card{flex-basis:calc(100% - 18px);width:calc(100% - 18px);grid-template-columns:64px minmax(0,1fr)}
  .wiki-hall-card-art{width:64px;height:64px}.wiki-hall-card-art img{width:61px;height:61px}
}
/* CoC Wiki v1.10.0 correctness + readability pass */
@media (min-width:901px){
  .wiki-category-strip{flex-wrap:wrap;overflow:visible;padding-bottom:4px}
}
.wiki-unlock-card span>em{display:block;margin-top:4px;color:#b89a63;font-size:.55rem;font-style:normal;font-weight:700;letter-spacing:.02em}
.wiki-upgrade-card span>em{color:#8fb2d8}
.wiki-hall-upgrades-panel{border-color:#34404d}

/* Wiki correctness / source verification */
.wiki-verification-panel{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;margin:0;border-color:#3b4939;background:linear-gradient(135deg,#192019,#181a1c 64%)}
.wiki-verification-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #50604d;background:#202920;color:#a7ca98}.wiki-verification-icon .icon{width:23px;height:23px}.wiki-verification-panel h3{margin:4px 0 6px;font-size:.9rem}.wiki-verification-panel p{margin:0 0 7px;color:var(--muted);font-size:.7rem;line-height:1.55}.wiki-verification-panel .source-link{font-size:.64rem;font-weight:700}.wiki-capacity-card em{color:#91b784!important}
@media(max-width:650px){.wiki-verification-panel{grid-template-columns:40px minmax(0,1fr)}.wiki-verification-icon{width:40px;height:40px}}

/* CoC Wiki v1.10.0 — verified progression details */
.wiki-merge-requirement a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
.wiki-merge-requirement a:hover{border-bottom-color:currentColor}
.wiki-special-mechanic{margin-top:16px;padding:16px 18px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;gap:16px;align-items:flex-start}
.wiki-special-mechanic>.eyebrow{min-width:74px;color:var(--gold)}
.wiki-special-mechanic div{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.wiki-special-mechanic b{width:100%;font-size:15px}
.wiki-special-mechanic p{width:100%;margin:0;color:var(--muted);line-height:1.55}
.wiki-special-mechanic a{color:var(--gold);font-weight:800;text-decoration:none}
.wiki-special-mechanic span:not(.eyebrow){font-size:12px;color:var(--muted)}
@media(max-width:700px){.wiki-special-mechanic{flex-direction:column;gap:8px}}

/* ========================================================================== 
   ClashHub v1.10.3 — site-wide mobile hardening + Wiki Hall select menus
   ========================================================================== */
html,body{max-width:100%;overflow-x:clip}
.app,.main,#main,#live-content{min-width:0;max-width:100%}
.panel,.base-card,.creator-card,.recruit-card,.news-card,.event-card,.finder-clan-card,.coc-feature-card{min-width:0}
pre,code,.word-wrap,.prose{overflow-wrap:anywhere;word-break:break-word}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.wiki-hall-mobile-selectors{display:none}

@media(max-width:960px){
  .sidebar{width:min(330px,92vw);max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .app{margin-left:0;width:100%}
  .topbar{position:sticky;top:0;z-index:20;width:100%;min-width:0}
  .main{width:100%;max-width:100%}
  .top-actions{min-width:0}
}

@media(max-width:900px){
  /* Wiki: on phones/tablets the Hall progression is intentionally a native select UI. */
  .wiki-hall-explorer-v2{padding:18px;margin:18px 0;overflow:visible;container-type:normal}
  .wiki-hall-worlds{display:none!important}
  .wiki-hall-mobile-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .wiki-hall-mobile-select{display:grid;gap:11px;min-width:0;padding:14px;border:1px solid #34383c;background:#151719}
  .wiki-hall-mobile-home{border-top:2px solid #b28a43}
  .wiki-hall-mobile-builder{border-top:2px solid #687d93}
  .wiki-hall-mobile-select-title{display:flex;align-items:center;gap:11px;min-width:0}
  .wiki-hall-mobile-select-title img{width:46px;height:46px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 7px rgba(0,0,0,.35))}
  .wiki-hall-mobile-select-title span{min-width:0;display:grid}
  .wiki-hall-mobile-select-title b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wiki-hall-mobile-select-title small{margin-top:2px;color:var(--muted);font-size:.68rem}
  .wiki-hall-mobile-select select{width:100%;min-width:0;min-height:46px;background:#1b1d20;border-color:#41454a;font-weight:700;color:#f3efe7}
  .wiki-hall-mobile-home select:focus{border-color:#8b6b37}
  .wiki-hall-mobile-builder select:focus{border-color:#657b90}
}

@media(max-width:760px){
  :root{font-size:15px}
  body{min-width:0}
  .main{padding:18px 12px 32px}
  .topbar{height:60px;padding:0 10px;gap:7px}
  .mobile-menu{width:40px;height:40px;flex:none}
  .breadcrumb{min-width:0;max-width:none;font-size:.76rem;gap:6px}
  .top-actions{gap:7px}
  .top-discord{display:none}
  .language-button{min-width:42px;padding:8px 6px;text-align:center}
  .user-pill{min-width:38px}
  .user-pill .avatar{width:32px;height:32px}
  .topbar .discord-button{padding:8px 10px;min-height:38px}
  .panel{padding:16px;border-radius:8px}
  .page-heading{margin-bottom:20px}
  .page-heading h1,.catalog-heading h1{font-size:clamp(1.65rem,8vw,2rem);overflow-wrap:anywhere}
  .page-heading p{font-size:.84rem;line-height:1.55}
  .section-heading{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:16px}
  .section-heading>div{min-width:0;width:100%}
  .section-heading h2{font-size:1.08rem;overflow-wrap:anywhere}
  .section-heading p{font-size:.8rem;line-height:1.55}
  .button{min-height:44px;padding:11px 14px}
  .form-actions{display:grid!important;grid-template-columns:1fr;gap:9px;width:100%}
  .form-actions>.button,.form-actions>form,.form-actions>form>.button{width:100%}
  .inline-form{display:grid;grid-template-columns:1fr;width:100%;align-items:stretch}
  .inline-form>*{min-width:0;width:100%}
  .settings-row{align-items:flex-start;flex-direction:column;gap:10px}

  /* Catalog/layouts */
  .catalog-intro{grid-template-columns:1fr;min-height:0;margin-bottom:20px}
  .intro-content{padding:18px}
  .intro-content p{display:block;max-width:none;font-size:.78rem}
  .intro-art{display:none}
  .catalog-toolbar{display:grid;grid-template-columns:1fr;gap:10px}
  .segmented{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .segmented::-webkit-scrollbar{display:none}
  .segmented a,.segmented button{flex:1;justify-content:center;min-width:max-content}
  .search-field{max-width:none;width:100%}
  .filter-row{grid-template-columns:1fr;gap:10px}
  .filter-row .apply-filter{width:100%}
  .base-grid,.collection-grid{grid-template-columns:1fr!important;gap:14px}
  .base-picture{aspect-ratio:1.55}
  .card-stats{flex-wrap:wrap;gap:10px}
  .detail-title,.detail-actions{min-width:0}
  .detail-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .detail-actions .button{width:100%}

  /* Profiles/community */
  .profile-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:17px;gap:12px}
  .profile-header .profile-actions{grid-column:1/-1;margin:4px 0 0;width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .profile-header .profile-actions .button{width:100%}
  .profile-columns,.profile-columns>aside{display:block!important}
  .stat-list{grid-template-columns:1fr 1fr;gap:11px}
  .news-card,.event-card{padding:16px;gap:12px}
  .news-card .meta{flex-wrap:wrap;gap:7px 12px}
  .event-card{align-items:flex-start}
  .event-date{min-width:52px;padding:7px}
  .community-banner{flex-direction:column;align-items:flex-start;padding:18px;gap:13px}
  .community-banner .button{margin-left:0;width:100%}
  .recruit-toolbar{display:grid;grid-template-columns:1fr;width:100%;gap:12px}
  .recruit-toolbar .segmented{width:100%}
  .recruit-filters,.creator-filters{grid-template-columns:1fr!important;padding:16px!important;gap:11px!important}
  .recruit-filter-actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px}
  .recruit-filter-actions .check-label{margin:0}
  .recruit-filter-actions .button{width:100%}
  .recruit-grid,.creator-grid{grid-template-columns:1fr!important;gap:14px}
  .recruit-card,.creator-card{padding:17px}
  .recruit-identity{align-items:flex-start}
  .recruit-emblem{width:62px;height:66px}
  .recruit-metrics,.creator-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}
  .recruit-actions{grid-template-columns:1fr}
  .creator-previews{grid-template-columns:repeat(3,minmax(0,1fr))}
  .creator-how ol{grid-template-columns:1fr}
  .clan-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}
  .clan-heading .button{grid-column:1/-1;width:100%;margin:0}
  .clan-data-status{gap:8px}
  .clan-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .clan-lookup{display:grid;grid-template-columns:1fr;width:100%}
  .member-search{max-width:none;width:100%}
  .clan-members{min-width:650px}

  /* Admin */
  .admin-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:5px}
  .admin-tabs::-webkit-scrollbar{display:none}
  .admin-tabs a{flex:none;white-space:nowrap}
  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .admin-stat{padding:14px}
  .admin-workflow,.admin-connection-grid{grid-template-columns:1fr!important}
  .sync-grid,.sync-time-grid,.sync-schedule-summary,.sync-status-list{grid-template-columns:1fr!important}
  .sync-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* CoC data pages */
  .coc-command,.exact-clan-jump,.player-lookup-hero{flex-direction:column;align-items:stretch;gap:16px;padding:18px}
  .coc-tag-jump,.player-tag-form{display:grid;grid-template-columns:1fr;min-width:0;width:100%}
  .coc-tag-jump .button,.player-tag-form .button{width:100%}
  .coc-feature-grid,.coc-module-grid,.gold-pass-dates,.clan-finder-grid,.coc-two-col{grid-template-columns:1fr!important}
  .coc-feature-card{min-height:0;padding:18px 18px 56px}
  .coc-feature-card.passive{min-height:0;padding-bottom:18px}
  .coc-feature-card .text-link{left:18px;bottom:17px}
  .coc-filter-grid,.finder-grid{grid-template-columns:1fr!important}
  .finder-wide,.finder-actions{grid-column:auto}
  .finder-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .finder-actions .button{width:100%}
  .finder-clan-card{padding:16px}
  .finder-clan-head{align-items:flex-start;flex-wrap:wrap}
  .clan-level{margin-left:0}
  .finder-stats{grid-template-columns:1fr 1fr}
  .finder-clan-footer{align-items:flex-start;flex-direction:column}
  .coc-tabs{margin-inline:-2px;padding-bottom:10px}
  .coc-player-hero{grid-template-columns:1fr!important;text-align:center;padding:18px;gap:13px}
  .player-league-emblem{margin:auto;width:78px;height:78px}.player-league-emblem img{width:74px;height:74px}
  .player-tag-line{justify-content:center}
  .coc-player-hero .profile-actions{justify-content:stretch;display:grid;grid-template-columns:1fr;width:100%}
  .coc-player-hero .profile-actions .button{width:100%}
  .coc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .unit-grid,.achievement-grid{grid-template-columns:1fr!important}
  .unit-card{padding:12px}
  .battle-card{align-items:flex-start;flex-wrap:wrap}
  .war-scoreboard{grid-template-columns:1fr!important;text-align:center;padding:15px}
  .war-meta-grid{grid-template-columns:1fr 1fr!important}
  .warlog-card{grid-template-columns:1fr!important;gap:10px}
  .leaderboard-shell>.section-heading{padding-inline:16px}
  .coc-leaderboard{min-width:720px}

  /* Wiki */
  .wiki-hero{padding:18px;min-height:0;margin-bottom:14px}
  .wiki-hero h2{font-size:1.55rem}
  .wiki-hero p{font-size:.8rem;line-height:1.55}
  .wiki-hero-search{display:grid!important;grid-template-columns:1fr!important;gap:8px}
  .wiki-hero-search input,.wiki-hero-search .button{width:100%}
  .wiki-search-hints{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.wiki-search-hints::-webkit-scrollbar{display:none}.wiki-search-hints span{flex:none}
  .wiki-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wiki-system-grid{grid-template-columns:1fr!important;gap:9px}
  .wiki-system-card{min-width:0}
  .wiki-capabilities{grid-template-columns:1fr!important}
  .wiki-hall-explorer-v2{padding:16px 14px;border-radius:8px}
  .wiki-hall-section-heading{margin:0 0 13px!important}
  .wiki-hall-section-heading h2{font-size:1.08rem!important}
  .wiki-hall-section-heading p{font-size:.78rem!important;line-height:1.5!important}
  .wiki-hall-mobile-selectors{grid-template-columns:1fr;gap:10px}
  .wiki-hall-mobile-select{padding:12px}
  .wiki-search-panel{padding:14px}
  .wiki-search-form{grid-template-columns:1fr!important;gap:9px}
  .wiki-search-form>.button,.wiki-search-form>.button.secondary{width:100%!important;grid-column:auto!important}
  .wiki-category-strip{margin-inline:-2px;padding-bottom:10px;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.wiki-category-strip::-webkit-scrollbar{display:none}
  .wiki-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .wiki-card{grid-template-rows:118px auto}
  .wiki-card-art>img{width:92px;height:92px}
  .wiki-detail-grid,.wiki-article-layout{grid-template-columns:1fr!important}
  .wiki-article-sidebar{position:static;grid-template-columns:1fr!important}
  .wiki-toc{display:none}
  .wiki-detail-hero{grid-template-columns:1fr;padding:17px;gap:14px}
  .wiki-detail-art{min-height:150px}.wiki-detail-art img{height:150px;max-width:160px}
  .wiki-game-data{padding:16px}
  .wiki-meta-grid,.wiki-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wiki-level-panel>.section-heading{padding:15px 14px 0}
  .wiki-level-table{min-width:680px}
  .wiki-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .wiki-source-note{padding:14px;gap:10px}
  .wiki-special-mechanic{padding:13px;gap:7px}

  /* Footer/dialogs */
  footer{padding:22px 14px;display:grid;gap:12px}
  footer>div{display:flex;flex-wrap:wrap;gap:10px}
  .confirm-dialog{width:calc(100% - 24px);max-width:520px;padding:0}
  .confirm-dialog form{padding:18px}
  .toast{max-width:calc(100vw - 24px);width:max-content;padding:12px 15px}
}

@media(max-width:520px){
  :root{font-size:15px}
  .main{padding:14px 10px 28px}
  .topbar{padding-inline:8px}
  .breadcrumb{font-size:.72rem}
  .language-button span{display:none}
  .panel{padding:14px}
  .intro-content{padding:15px}
  .intro-content h2{font-size:1.2rem}
  .intro-content p{font-size:.75rem}
  .filter-row{grid-template-columns:1fr!important}
  .admin-stat-grid,.clan-stats,.coc-stat-grid,.war-meta-grid{grid-template-columns:1fr 1fr!important}
  .recruit-metrics,.creator-metrics{grid-template-columns:1fr 1fr 1fr}
  .finder-stats{grid-template-columns:1fr 1fr}
  .wiki-grid,.wiki-variant-grid{grid-template-columns:1fr!important}
  .wiki-card{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto;min-height:110px}
  .wiki-card-art{border-right:1px solid #2c2f32;border-bottom:0;min-height:110px}
  .wiki-card-art>img{width:82px;height:82px}
  .wiki-card-copy{align-self:center}
  .wiki-kpis{grid-template-columns:1fr 1fr 1fr}
  .wiki-kpis>span{padding:7px 6px;text-align:center}
  .wiki-kpis small{font-size:.5rem}
  .wiki-meta-grid,.wiki-overview-grid{grid-template-columns:1fr!important}
  .wiki-hall-mobile-select-title img{width:42px;height:42px}
  .wiki-hall-mobile-select select{font-size:.9rem}
  .news-card{display:grid;grid-template-columns:auto 1fr}
  .news-card>div:last-child{min-width:0}
  .event-card{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .event-card>div:last-child{min-width:0}
  .profile-header{grid-template-columns:56px minmax(0,1fr);padding:14px}
  .profile-header .avatar-large{width:56px;height:56px}
  .profile-header h1{font-size:1.4rem}
  .admin-stat-grid{grid-template-columns:1fr!important}
  .admin-stat strong{font-size:1.75rem}
  .sidebar{width:100vw;max-width:100vw}
}

@media(max-width:360px){
  .main{padding-inline:8px}
  .topbar{padding-inline:6px}
  .breadcrumb{display:none}
  .top-actions{margin-left:auto}
  .panel{padding:12px}
  .wiki-hall-explorer-v2{padding:13px 10px}
  .wiki-kpis{grid-template-columns:1fr}
  .coc-stat-grid,.clan-stats,.finder-stats,.war-meta-grid{grid-template-columns:1fr!important}
  .recruit-metrics,.creator-metrics{grid-template-columns:1fr}
}

/* === ClashHub v1.10.6 — desktop navigation + unified account menu ========== */
.sidebar{
  padding:22px 14px 20px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#343638 transparent;
}
.sidebar .brand{padding:0 8px;margin-bottom:26px;gap:12px}
.sidebar .nav-section{width:100%}
.sidebar .nav-section + .nav-section{margin-top:24px}
.sidebar .nav-label{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 10px 9px;
  min-height:22px;
  color:#72767a;
}
.sidebar .nav-label .icon{width:13px;height:13px;stroke-width:1.9}
.sidebar nav{gap:4px}
.sidebar nav a{
  width:100%;
  min-height:43px;
  padding:10px 11px;
  gap:11px;
  border-radius:7px;
  line-height:1.2;
}
.sidebar nav a > .icon,
.sidebar .sidebar-art-slot{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
}
.sidebar nav a > .icon{width:20px;height:20px;margin:1px}
.sidebar .coc-nav-art{width:21px;height:21px;object-fit:contain;margin:0}
.sidebar .sidebar-game-art .coc-nav-art{width:23px;height:23px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.42));transition:transform .18s ease,filter .18s ease}
.sidebar nav a:hover .sidebar-game-art .coc-nav-art,.sidebar nav a[aria-current] .sidebar-game-art .coc-nav-art{transform:scale(1.07);filter:drop-shadow(0 2px 5px rgba(0,0,0,.48)) brightness(1.08)}

.sidebar nav a > span:not(.nav-dot):not(.sidebar-art-slot){min-width:0}
.sidebar .nav-dot{flex:0 0 5px}
.sidebar-bottom{display:none!important}

.top-account-actions{gap:0;margin-left:auto}
.account-menu{position:relative;margin:0}
.account-menu > summary{list-style:none}
.account-menu > summary::-webkit-details-marker{display:none}
.account-summary{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 9px 5px 6px;
  border:1px solid transparent;
  border-radius:8px;
  cursor:pointer;
  color:#ecebea;
  user-select:none;
  transition:background .16s,border-color .16s;
}
.account-summary:hover,.account-menu[open] .account-summary{background:#202225;border-color:#34373a}
.account-summary > .icon{width:16px;height:16px;color:#777b80;transition:transform .16s}
.account-menu[open] .account-summary > .icon:last-child{transform:rotate(180deg)}
.account-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:8px;overflow:hidden;display:grid;place-items:center}
.account-avatar .avatar,.account-avatar.avatar{width:36px;height:36px;border-radius:8px;object-fit:cover}
.account-avatar.large{width:44px;height:44px;flex-basis:44px}
.account-avatar.large .avatar,.account-avatar.large.avatar{width:44px;height:44px;border-radius:9px}
.account-summary-label{display:flex;flex-direction:column;min-width:0;line-height:1.12;text-align:left}
.account-summary-label strong{font-size:.82rem;font-weight:700;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-summary-label small{margin-top:4px;color:#7f8387;font-size:.62rem;font-weight:600}
.account-guest-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #36393d;background:#202225;border-radius:8px;color:#b9bdc2}
.account-guest-icon .icon{width:18px;height:18px}

.account-dropdown{
  position:absolute;
  z-index:80;
  top:calc(100% + 9px);
  right:0;
  width:min(350px,calc(100vw - 24px));
  padding:8px;
  border:1px solid #34373a;
  border-radius:10px;
  background:#17191b;
  box-shadow:0 20px 55px rgba(0,0,0,.46);
}
.account-dropdown::before{content:"";position:absolute;right:20px;top:-6px;width:10px;height:10px;background:#17191b;border-left:1px solid #34373a;border-top:1px solid #34373a;transform:rotate(45deg)}
.account-dropdown-head{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;border-bottom:1px solid #2b2d30;margin-bottom:6px}
.account-dropdown-head > span:last-child{min-width:0;display:flex;flex-direction:column}
.account-dropdown-head strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-dropdown-head small{font-size:.61rem;color:#74787d;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-menu-group{display:grid;gap:2px}
.account-menu-group + .account-menu-group{margin-top:6px;padding-top:6px;border-top:1px solid #292b2e}
.account-menu-group a,.account-menu-button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#c4c7ca;
  font-size:.79rem;
  text-align:left;
}
.account-menu-group a:hover,.account-menu-button:hover{background:#232528;color:#fff}
.account-menu-group a .icon,.account-menu-button .icon{width:18px;height:18px;color:#979ca1}
.account-menu-group a > span,.account-menu-button > span{flex:1}
.account-menu-group a > .icon:last-child{width:14px;height:14px;margin-left:auto;color:#6f7479}
.account-menu-group form{margin:0}
.account-logout-group{border-top:1px solid #392b2b!important}
.account-logout-group .account-menu-button{color:#dca09a}
.account-logout-group .account-menu-button .icon{color:#c77a72}
.account-menu-secondary{border-top:1px solid #292b2e}

.account-language-block{margin-top:6px;padding:9px 8px 8px;border-top:1px solid #292b2e}
.account-menu-title{display:flex;align-items:center;gap:8px;color:#74797e;font-size:.62rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;margin:0 3px 8px}
.account-menu-title .icon{width:14px;height:14px}
.account-language-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.account-language-option{min-width:0;display:grid;grid-template-columns:25px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:8px;border:1px solid #303337;border-radius:7px;background:#1c1e20;color:#b8bcc0}
.account-language-option:hover{border-color:#5b5037;background:#242119;color:#fff}
.account-language-option.is-active{border-color:#745c2d;background:#2b261b;color:#f5d48d}
.account-language-option img{width:24px;height:17px;object-fit:cover;border-radius:2px;border:1px solid rgba(255,255,255,.12)}
.account-language-option > span{min-width:0;display:flex;flex-direction:column;line-height:1.05}
.account-language-option strong{font-size:.72rem;font-weight:700;white-space:nowrap}
.account-language-option small{font-size:.58rem;color:#777c81;margin-top:4px}
.account-language-option > .icon{width:14px;height:14px;color:var(--gold)}
.account-login-card{display:flex;align-items:center;gap:11px;padding:10px 10px 8px}
.account-login-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#272237;color:#c9beff;border:1px solid #44385f}
.account-login-card > div{display:flex;flex-direction:column;min-width:0}
.account-login-card strong{font-size:.8rem}.account-login-card small{font-size:.62rem;color:#777c81;margin-top:3px}
.account-login-button{display:flex;align-items:center;gap:9px;margin:3px 2px 8px;padding:10px 11px;border-radius:7px;background:#6d59cb;color:#fff;font-size:.78rem;font-weight:700}
.account-login-button:hover{background:#7a66dc}.account-login-button > span{flex:1}.account-login-button .icon{width:17px;height:17px}.account-login-button .icon:last-child{width:14px}

@media (max-width:960px){
  .sidebar{padding:20px 14px max(20px,env(safe-area-inset-bottom));overflow-y:auto}
  .account-dropdown{position:fixed;top:64px;right:10px;width:min(360px,calc(100vw - 20px));max-height:calc(100dvh - 76px);overflow:auto}
  .account-dropdown::before{display:none}
}
@media (max-width:620px){
  .account-summary{padding:4px;border-color:#303338;background:#1d1f21}
  .account-summary-label{display:none}
  .account-summary > .icon:last-child{display:none}
  .account-avatar{width:34px;height:34px;flex-basis:34px}
  .account-avatar .avatar,.account-avatar.avatar{width:34px;height:34px}
  .account-guest-icon{width:34px;height:34px}
  .account-language-options{grid-template-columns:1fr}
}

/* === ClashHub v1.10.7 — compact community profile ======================== */
.hub-profile-v2-hero{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar heading actions" "stats stats stats";
  align-items:center;gap:14px 18px;margin-bottom:14px;padding:20px 22px 14px;overflow:hidden;border:1px solid #3b3933;border-radius:11px;
  background:linear-gradient(115deg,#211e18 0,#181a1c 58%,#17191b 100%);
}
.hub-profile-v2-hero:after{content:"";position:absolute;inset:0 0 auto auto;width:300px;height:100%;pointer-events:none;background:linear-gradient(125deg,transparent 35%,rgba(200,153,72,.055));transform:skewX(-18deg) translateX(58px)}
.hub-profile-v2-avatar{grid-area:avatar;position:relative;z-index:1}.hub-profile-v2-avatar .avatar-large{width:78px;height:78px;border-radius:13px}
.hub-profile-v2-heading{grid-area:heading;position:relative;z-index:1;min-width:0}.hub-profile-v2-heading .eyebrow{color:#c79a48}.hub-profile-v2-heading h1{margin:4px 0 6px;font-size:clamp(1.65rem,2.6vw,2.2rem);line-height:1}
.hub-profile-v2-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:#8d9296;font-size:.69rem}.hub-profile-v2-meta span{display:inline-flex;align-items:center;gap:6px}.hub-profile-v2-meta .icon{width:14px;height:14px;color:#a9874d}
.hub-profile-v2-actions{grid-area:actions;position:relative;z-index:1;display:flex;align-items:center;gap:8px}.hub-profile-settings-trigger{flex:none;border:1px solid #3a3d40;border-radius:8px;background:#202224;color:#d4d0ca;transition:border-color .15s,background .15s,color .15s}.hub-profile-settings-trigger:hover{border-color:#735b33;background:#29241b;color:#f0bd5b}
.hub-profile-v2-stats{grid-area:stats;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid #34322d}
.hub-profile-v2-stats>div{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #2e3134;border-radius:7px;background:#181a1c}
.hub-profile-v2-stats>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#242118;color:#c79a48}.hub-profile-v2-stats>div>span .icon{width:15px;height:15px}.hub-profile-v2-stats small{min-width:0;color:#73787c;font-size:.57rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-profile-v2-stats strong{font-size:.88rem;color:#eeeae4}

.hub-profile-v2-coc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;min-width:0;margin-bottom:14px;border:1px solid #3b3933;border-radius:11px;overflow:hidden;background:#191b1d}
.hub-profile-v2-coc-main{min-width:0;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);align-items:center;gap:22px;padding:18px 22px}
.hub-profile-v2-coc-player{min-width:0;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px}.hub-profile-v2-th{display:block;width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(0,0,0,.45))}.hub-profile-v2-th-fallback{width:72px;height:72px;display:grid;place-items:center;color:#8d7342}.hub-profile-v2-th-fallback .icon{width:34px;height:34px}
.hub-profile-v2-coc-copy{min-width:0}.hub-profile-v2-coc-copy .eyebrow{color:#c79a48}.hub-profile-v2-coc-name{display:flex;align-items:center;gap:8px;margin:3px 0}.hub-profile-v2-coc-name h2{min-width:0;margin:0;font-size:1.28rem;overflow-wrap:anywhere}.hub-profile-v2-verified{width:21px;height:21px;flex:none;display:grid;place-items:center;border-radius:50%;background:#285c40;color:#c9f4d8}.hub-profile-v2-verified .icon{width:11px;height:11px}.hub-profile-v2-coc-copy>p{margin:0;color:#b88f49;font-size:.69rem;font-weight:700;letter-spacing:.04em}
.hub-profile-v2-game-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.hub-profile-v2-game-tags>span{min-height:24px;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #34373a;border-radius:5px;background:#1d1f21;color:#aeb1b4;font-size:.58rem;font-weight:650}.hub-profile-v2-game-tags .is-league img{width:18px;height:18px;object-fit:contain}
.hub-profile-v2-game-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hub-profile-v2-game-metrics>div{min-width:0;display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #2f3235;border-radius:6px;background:#17191b}.hub-profile-v2-game-metrics img{width:24px;height:24px;object-fit:contain;flex:none}.hub-profile-v2-game-metrics>div>.icon{width:21px;height:21px;flex:none;color:#b9904c}.hub-profile-v2-game-metrics span{min-width:0;display:flex;flex-direction:column}.hub-profile-v2-game-metrics small{font-size:.51rem;color:#73787c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-profile-v2-game-metrics strong{margin-top:1px;font-size:.76rem;color:#ece9e4}.hub-profile-v2-api-note{margin:0}
.hub-profile-v2-coc-side{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px 18px;border-left:1px solid #34373a;background:#17191b}.hub-profile-v2-clan{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #2e3134;border-radius:7px;color:inherit;text-decoration:none;background:#1b1d1f;transition:border-color .15s,background .15s}.hub-profile-v2-clan:hover{border-color:#5d4a2b;background:#211e18}.hub-profile-v2-clan>img{width:52px;height:52px;object-fit:contain}.hub-profile-v2-clan>span{width:46px;height:46px;display:grid;place-items:center}.hub-profile-v2-clan>div{min-width:0;display:flex;flex-direction:column}.hub-profile-v2-clan small{color:#777c80;font-size:.52rem;text-transform:uppercase;letter-spacing:.07em}.hub-profile-v2-clan strong{margin-top:2px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-profile-v2-clan em{margin-top:2px;color:#b88f49;font-size:.59rem;font-style:normal;font-weight:700}.hub-profile-v2-clan>.icon{width:15px;height:15px;color:#8e7445}.hub-profile-v2-coc-actions{display:flex;gap:7px;flex-wrap:wrap}.hub-profile-v2-coc-actions .button{flex:1 1 auto;justify-content:center}.hub-profile-v2-cache-note{position:absolute;left:22px;bottom:4px;margin:0;font-size:.52rem}.hub-profile-v2-coc.is-offline{grid-template-columns:1fr}.hub-profile-v2-coc.is-offline .hub-profile-v2-coc-side{display:none}
.hub-profile-v2-coc-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:14px;padding:13px 15px;border:1px dashed #484239;border-radius:9px;background:#1b1b1a}.hub-profile-v2-coc-empty>span{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;background:#272219;color:#bd944c}.hub-profile-v2-coc-empty>span .icon{width:20px;height:20px}.hub-profile-v2-coc-empty>div{display:flex;flex-direction:column;min-width:0}.hub-profile-v2-coc-empty strong{font-size:.82rem}.hub-profile-v2-coc-empty small{margin-top:2px;color:#7d8286;font-size:.63rem}

.hub-profile-v2-summary{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:12px;margin-bottom:18px}.hub-profile-v2-summary.is-single{grid-template-columns:1fr}.hub-profile-v2-about,.hub-profile-v2-network{margin:0;padding:15px 17px}.hub-profile-v2-section-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.hub-profile-v2-section-head .eyebrow{margin:0;color:#bc9148}.hub-profile-v2-section-head h2{margin:0;font-size:.92rem}.hub-profile-v2-about p{margin:0;color:#adb1b4;font-size:.75rem;line-height:1.55}.hub-profile-v2-server-chips{display:flex;flex-wrap:wrap;gap:6px}.hub-profile-v2-server-chips>span{min-width:0;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border:1px solid #2e3134;border-radius:6px;background:#191b1d;color:#aeb1b4}.hub-profile-v2-server-chips .icon{width:13px;height:13px;color:#9d87d2}.hub-profile-v2-server-chips strong{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-profile-v2-portfolio{min-width:0}.hub-profile-v2-portfolio-head{margin-bottom:10px}.hub-profile-v2-base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.hub-profile-v2-studio{margin-top:18px;border:1px solid #303337;border-radius:9px;background:#17191b;overflow:hidden}.hub-profile-v2-studio>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;color:#b9bdc0}.hub-profile-v2-studio>summary::-webkit-details-marker{display:none}.hub-profile-v2-studio>summary>span{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"icon title" "icon hint";align-items:center;column-gap:9px}.hub-profile-v2-studio>summary>span>.icon{grid-area:icon;width:18px;height:18px;color:#b68d48}.hub-profile-v2-studio>summary strong{grid-area:title;font-size:.74rem}.hub-profile-v2-studio>summary small{grid-area:hint;color:#6f7478;font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-profile-v2-studio>summary>.icon{width:15px;height:15px;transition:transform .15s}.hub-profile-v2-studio[open]>summary>.icon{transform:rotate(90deg)}.hub-profile-v2-studio-body{padding:0 14px 14px;border-top:1px solid #2c2f32}.hub-profile-v2-studio-body .studio-panel{margin-top:14px}

.hub-profile-settings-dialog{width:min(760px,calc(100vw - 28px));max-height:min(86vh,820px);padding:0;border:1px solid #44413a;border-radius:12px;background:#17191b;color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.62);overflow:hidden}.hub-profile-settings-dialog::backdrop{background:rgba(5,6,7,.78)}.hub-profile-settings-dialog-shell{display:flex;flex-direction:column;max-height:min(86vh,820px)}.hub-profile-settings-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #303337;background:#1b1d1f}.hub-profile-settings-dialog header h2{margin:3px 0 0;font-size:1.2rem}.hub-profile-settings-dialog header .eyebrow{color:#c79a48}.hub-profile-settings-dialog header .icon-button{flex:none;border:1px solid #34373a;border-radius:7px;background:#202224}.hub-profile-settings-dialog-content{display:grid;grid-template-columns:1fr 1fr;min-height:0;overflow:auto}.hub-profile-settings-dialog-content>section{min-width:0;padding:20px}.hub-profile-settings-dialog-content>section+section{border-left:1px solid #303337}.hub-profile-settings-modal-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.hub-profile-settings-modal-title>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #3e3a31;border-radius:7px;background:#211e18;color:#b48e4c}.hub-profile-settings-modal-title>span .icon{width:17px;height:17px}.hub-profile-settings-modal-title>div{min-width:0;display:flex;flex-direction:column}.hub-profile-settings-modal-title strong{font-size:.8rem}.hub-profile-settings-modal-title small{margin-top:3px;color:#74797d;font-size:.6rem;line-height:1.45}.hub-profile-settings-dialog textarea{min-height:104px;resize:vertical}.hub-profile-modal-actions{display:flex;justify-content:flex-end;margin-top:12px}.hub-profile-current-link{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:9px 10px;border:1px solid #31503c;border-radius:7px;background:#1d2b22}.hub-profile-current-link>span{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:#285c40;color:#c9f4d8}.hub-profile-current-link>span .icon{width:13px;height:13px}.hub-profile-current-link>div{min-width:0;display:flex;flex-direction:column}.hub-profile-current-link strong{font-size:.72rem}.hub-profile-current-link small{margin-top:2px;color:#91a197;font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-profile-unlink-form{margin-top:10px;padding-top:10px;border-top:1px solid #303337}.hub-profile-unlink{color:#d5968f!important;border-color:#4a3332!important}

@media(max-width:1260px){
  .hub-profile-v2-coc{grid-template-columns:minmax(0,1fr) 290px}.hub-profile-v2-coc-main{grid-template-columns:1fr;gap:13px}.hub-profile-v2-game-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-profile-v2-base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .hub-profile-v2-coc{grid-template-columns:1fr}.hub-profile-v2-coc-side{border-left:0;border-top:1px solid #34373a;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.hub-profile-v2-coc-actions{min-width:220px}.hub-profile-v2-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .hub-profile-v2-hero{grid-template-columns:62px minmax(0,1fr) auto;grid-template-areas:"avatar heading actions" "stats stats stats";padding:16px 14px 12px;gap:11px}.hub-profile-v2-avatar .avatar-large{width:62px;height:62px;border-radius:11px}.hub-profile-v2-heading .eyebrow{font-size:.56rem}.hub-profile-v2-heading h1{font-size:1.45rem}.hub-profile-v2-meta{font-size:.61rem}.hub-profile-v2-actions .button.primary{display:none}.hub-profile-settings-trigger{width:40px;height:40px}.hub-profile-v2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hub-profile-v2-stats>div{grid-template-columns:27px minmax(0,1fr) auto;padding:7px 8px}.hub-profile-v2-stats>div>span{width:27px;height:27px}
  .hub-profile-v2-coc-main{padding:14px}.hub-profile-v2-coc-player{grid-template-columns:72px minmax(0,1fr);gap:11px}.hub-profile-v2-th{width:68px;height:68px}.hub-profile-v2-game-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hub-profile-v2-coc-side{grid-template-columns:1fr;padding:12px 14px}.hub-profile-v2-coc-actions{min-width:0}.hub-profile-v2-summary{grid-template-columns:1fr}.hub-profile-v2-base-grid{grid-template-columns:1fr}.hub-profile-v2-coc-empty{grid-template-columns:auto minmax(0,1fr)}.hub-profile-v2-coc-empty>.button{grid-column:1/-1;width:100%}
  .hub-profile-settings-dialog-content{grid-template-columns:1fr}.hub-profile-settings-dialog-content>section+section{border-left:0;border-top:1px solid #303337}.hub-profile-settings-dialog{width:min(620px,calc(100vw - 18px));max-height:90vh}.hub-profile-settings-dialog-shell{max-height:90vh}
}
@media(max-width:480px){
  .hub-profile-v2-hero{grid-template-columns:52px minmax(0,1fr) 38px;padding:13px 11px 10px}.hub-profile-v2-avatar .avatar-large{width:52px;height:52px;border-radius:9px}.hub-profile-v2-heading h1{font-size:1.25rem}.hub-profile-v2-meta span:nth-child(n+2){display:none}.hub-profile-settings-trigger{width:38px;height:38px}.hub-profile-v2-stats>div{grid-template-columns:24px minmax(0,1fr);grid-template-areas:"icon label" "icon value"}.hub-profile-v2-stats>div>span{grid-area:icon;width:24px;height:24px}.hub-profile-v2-stats small{grid-area:label}.hub-profile-v2-stats strong{grid-area:value;font-size:.78rem}.hub-profile-v2-coc-player{grid-template-columns:60px minmax(0,1fr)}.hub-profile-v2-th{width:58px;height:58px}.hub-profile-v2-coc-name h2{font-size:1.08rem}.hub-profile-v2-game-tags .is-league{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-profile-v2-game-metrics>div{padding:7px}.hub-profile-v2-clan{grid-template-columns:44px minmax(0,1fr) auto}.hub-profile-v2-clan>img{width:44px;height:44px}.hub-profile-v2-coc-actions{display:grid;grid-template-columns:1fr}.hub-profile-v2-coc-actions .button{width:100%}.hub-profile-v2-about,.hub-profile-v2-network{padding:13px}.hub-profile-v2-section-head{align-items:flex-start;flex-direction:column;gap:2px}.hub-profile-v2-portfolio-head{align-items:flex-start}.hub-profile-v2-studio>summary small{display:none}.hub-profile-settings-dialog header{padding:14px}.hub-profile-settings-dialog-content>section{padding:15px}
}


/* === ClashHub v1.10.8 — unified CoC Explorer ============================= */
.explorer-command{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:28px;align-items:end;padding:26px;background:linear-gradient(125deg,#211d17 0,#191b1d 54%,#17191b 100%);border-color:#514329}.explorer-command-copy h2{margin:6px 0 8px;font-size:clamp(1.35rem,2vw,2rem)}.explorer-command-copy p{margin:0;max-width:760px}.explorer-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.explorer-search-form .form-field{min-width:0}.explorer-search-form .button{min-height:44px;white-space:nowrap}.explorer-entity-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 8px}.explorer-entity-tabs a{min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid #34373a;background:#191b1d;border-radius:7px;color:var(--muted);font-weight:800;text-decoration:none}.explorer-entity-tabs a[aria-current="page"]{background:#2a2419;border-color:#69542e;color:#f6c45d}.explorer-entity-tabs .icon{width:22px;height:22px}.explorer-view-tabs{display:flex;gap:8px;margin:0 0 14px}.explorer-view-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #34373a;background:#17191b;border-radius:6px;color:var(--muted);font-size:.78rem;font-weight:800;text-decoration:none}.explorer-view-tabs a[aria-current="page"]{color:#fff;border-color:#735a2d;background:#242018}.explorer-view-tabs .icon{width:17px;height:17px}.explorer-filter-panel{margin-bottom:14px}.explorer-ranking-filters{grid-template-columns:minmax(190px,1.1fr) minmax(220px,1.4fr) minmax(130px,.6fr) auto}.explorer-results-shell{margin-top:0}.explorer-search-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:20px;align-items:center;margin-bottom:14px}.explorer-search-note{display:flex;align-items:flex-start;gap:11px}.explorer-search-note>.icon{width:21px;height:21px;color:var(--gold);flex:none;margin-top:2px}.explorer-search-note strong{display:block;margin-bottom:3px}.explorer-search-note p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.55}.explorer-location-form .form-field{margin:0}.explorer-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.explorer-player-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto 20px;gap:12px;align-items:center;padding:14px;border:1px solid #33363a;background:#191b1d;border-radius:8px;text-decoration:none;color:inherit;transition:border-color .16s ease,transform .16s ease,background .16s ease}.explorer-player-card:hover{border-color:#705a31;background:#1d1f21;transform:translateY(-1px)}.explorer-player-art{width:58px;height:58px;display:grid;place-items:center}.explorer-player-art img{width:56px;height:56px;object-fit:contain}.explorer-player-art>.icon{width:31px;height:31px;color:var(--gold)}.explorer-player-copy{display:grid;min-width:0;gap:3px}.explorer-player-copy>strong{font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-player-copy>small{color:var(--gold);font-size:.7rem}.explorer-player-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:4px}.explorer-player-meta>b{font-size:.68rem;color:var(--muted);font-weight:700}.explorer-player-meta .coc-visual-value>img{width:17px;height:17px}.explorer-source-badge{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#999;padding:4px 6px;border:1px solid #383b3e;border-radius:4px;white-space:nowrap}.explorer-player-card>.icon{width:18px;height:18px;color:#8e7443}.explorer-clan-filters{margin-bottom:14px}.explorer-clan-filters .finder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.explorer-clan-filters .finder-actions{grid-column:1/-1;justify-content:flex-end}.button.ghost{background:transparent;border-color:#34373a;color:var(--muted)}
@media(max-width:980px){.explorer-command{grid-template-columns:1fr}.explorer-search-form{grid-template-columns:1fr auto}.explorer-ranking-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-player-grid{grid-template-columns:1fr}.explorer-clan-filters .finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-search-options{grid-template-columns:1fr}}
@media(max-width:700px){.explorer-command{padding:17px;gap:16px}.explorer-search-form{grid-template-columns:1fr}.explorer-search-form .button{width:100%}.explorer-entity-tabs{gap:7px}.explorer-entity-tabs a{min-height:50px;padding:10px}.explorer-view-tabs{display:grid;grid-template-columns:1fr 1fr}.explorer-view-tabs a{justify-content:center}.explorer-ranking-filters,.explorer-clan-filters .finder-grid{grid-template-columns:1fr!important}.explorer-ranking-filters .button,.explorer-clan-filters .button{width:100%}.explorer-player-card{grid-template-columns:48px minmax(0,1fr) 18px;padding:12px}.explorer-player-art{width:48px;height:48px}.explorer-player-art img{width:46px;height:46px}.explorer-source-badge{display:none}.explorer-player-meta{gap:5px}.explorer-clan-filters .finder-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.explorer-search-options{padding:14px}.explorer-location-form{width:100%}}

/* v1.10.12 — compact News & Events feed + real CoC sidebar artwork */
.sidebar-svg-slot{display:grid;place-items:center}.sidebar-svg-slot .icon{width:20px;height:20px}
.updates-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;padding:30px;border-color:#3b3428;background:linear-gradient(120deg,#1d1b17 0%,#17191a 54%,#151718 100%)}
.updates-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,181,82,.055),transparent 44%);pointer-events:none}
.updates-hero-copy{position:relative;z-index:2;max-width:820px}.updates-hero-copy h2{font-size:clamp(1.65rem,3vw,2.55rem);margin:7px 0 10px}.updates-hero-copy>p{max-width:760px;line-height:1.7;margin:0;color:var(--muted)}
.updates-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.updates-kpis>div{min-width:0;padding:13px 14px;border:1px solid #37393b;border-radius:7px;background:rgba(13,15,16,.62);display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.updates-kpis .icon{grid-row:1/3;width:20px;height:20px;color:#d8a84c}.updates-kpis strong{font-size:1.05rem;line-height:1.1;color:#f4f0e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.updates-kpis small{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.065em;margin-top:3px}.updates-kpi-icon{grid-row:1/3;width:11px;height:11px;border-radius:50%;margin-left:4px}.updates-kpi-icon.live-dot{background:#63d391;box-shadow:0 0 0 5px rgba(99,211,145,.1),0 0 18px rgba(99,211,145,.35)}
.updates-hero-art{position:relative;min-height:180px}.updates-art-icon{position:absolute;display:grid;place-items:center;border:1px solid #4b3e29;background:#1a1814;color:#efb552;transform:rotate(-7deg);box-shadow:0 22px 44px rgba(0,0,0,.25)}.updates-art-icon .icon{width:58px;height:58px}.updates-art-news{width:126px;height:126px;right:46px;top:18px}.updates-art-calendar{width:92px;height:92px;right:0;bottom:7px;transform:rotate(8deg);color:#f2d290;background:#191b1c}.updates-art-calendar .icon{width:42px;height:42px}
.updates-board{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:18px;align-items:start}.updates-section{padding:0;overflow:hidden}.updates-section-heading{padding:20px 22px;border-bottom:1px solid var(--border);margin:0;align-items:flex-start}.updates-section-heading h2{margin:4px 0 4px}.updates-section-heading p{margin:0;color:var(--muted);font-size:.8rem;max-width:620px;line-height:1.5}.updates-state-counts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.updates-state-counts span,.updates-news-count{border:1px solid #373a3d;background:#151718;padding:7px 9px;border-radius:5px;color:#aeb2b6;font-size:.7rem;white-space:nowrap}.updates-state-counts .is-live{color:#7cdf9f;border-color:#315743;background:#142019}.updates-news-count{min-width:36px;text-align:center;color:#efc674;border-color:#534425}
.updates-event-timeline{padding:4px 22px 14px}.updates-event-row{display:grid;grid-template-columns:50px 1px minmax(0,1fr);gap:14px;padding:17px 0}.updates-event-row+.updates-event-row{border-top:1px solid rgba(63,66,69,.65)}.updates-event-date{text-align:center;padding-top:1px}.updates-event-date strong{display:block;font-size:1.18rem;color:#f2d089;line-height:1}.updates-event-date span{display:block;margin-top:5px;color:#7e8388;font-size:.68rem}.updates-event-line{background:#34383a;position:relative}.updates-event-line:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:-3px;top:6px;background:#d2a24e;box-shadow:0 0 0 4px #17191a}.updates-event-row.is-live .updates-event-line:before{background:#63d391;box-shadow:0 0 0 4px #162019}.updates-event-row.is-ended{opacity:.65}.updates-event-content{min-width:0}.updates-event-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.updates-event-content h3{font-size:1rem;margin:0 0 5px}.updates-event-content time{font-size:.72rem;color:#a8adb1}.updates-event-content p{margin:7px 0;color:var(--muted);font-size:.82rem;line-height:1.5}.updates-event-content .text-link{font-size:.75rem}
.updates-news-feed{padding:4px 22px 14px}.updates-news-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:17px 0}.updates-news-item+.updates-news-item{border-top:1px solid rgba(63,66,69,.65)}.updates-news-number{font-size:.68rem;color:#c99843;font-weight:800;letter-spacing:.08em;padding-top:3px}.updates-news-body{min-width:0}.updates-news-meta{display:flex;justify-content:space-between;gap:12px;color:#858a8f;font-size:.67rem;text-transform:uppercase;letter-spacing:.045em}.updates-news-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.updates-news-meta time{white-space:nowrap}.updates-news-body h3{font-size:.96rem;line-height:1.35;margin:7px 0 8px}.updates-news-body h3 a{color:#f0eee9;text-decoration:none}.updates-news-body h3 a:hover{color:#f2bd5d}.updates-news-body .text-link{font-size:.72rem}
.updates-footer-note{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;color:#9ca1a5}.updates-footer-note>span{display:grid;place-items:center;color:#d7a84f}.updates-footer-note .icon{width:20px;height:20px}.updates-footer-note strong{display:block;color:#d7d9da;font-size:.78rem}.updates-footer-note p{margin:3px 0 0;font-size:.74rem;line-height:1.5}
@media(max-width:1180px){.updates-board{grid-template-columns:1fr}.updates-news-section{order:1}.updates-events-section{order:0}.updates-hero{grid-template-columns:minmax(0,1fr) 150px}.updates-art-news{right:20px;width:110px;height:110px}.updates-art-calendar{width:76px;height:76px}}
@media(max-width:760px){.updates-hero{display:block;padding:20px}.updates-hero-art{display:none}.updates-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.updates-section-heading{padding:17px;display:flex;gap:12px}.updates-section-heading p{font-size:.75rem}.updates-event-timeline,.updates-news-feed{padding-left:17px;padding-right:17px}.updates-event-row{grid-template-columns:40px 1px minmax(0,1fr);gap:11px}.updates-news-item{grid-template-columns:27px minmax(0,1fr);gap:9px}.updates-news-meta{display:block}.updates-news-meta time{display:block;margin-top:3px}.updates-footer-note{padding:14px}}
@media(max-width:430px){.updates-kpis{grid-template-columns:1fr}.updates-kpis>div{grid-template-columns:22px minmax(0,1fr)}.updates-state-counts{display:none}.updates-event-date strong{font-size:1rem}.updates-section-heading{display:block}.updates-news-count{display:none}}
.updates-event-emoji{display:inline-block;margin-right:7px;filter:saturate(.9);font-size:.95em}


/* === ClashHub v1.12.0 — clearer sidebar information architecture ======== */
.sidebar .nav-section{position:relative;padding:0 2px}
.sidebar .nav-section + .nav-section{margin-top:20px}
.sidebar .nav-label{
  gap:8px;margin:0 9px 8px;min-height:20px;
  color:#686d72;font-size:.61rem;letter-spacing:.16em;font-weight:800;
  text-transform:uppercase;white-space:nowrap;
}
.sidebar .nav-label .icon{width:12px;height:12px;color:#777c81}
.sidebar .nav-label i{height:1px;min-width:14px;flex:1;background:linear-gradient(90deg,#303336 0,rgba(48,51,54,0) 100%)}
.sidebar .nav-section.is-active .nav-label{color:#ba9148}
.sidebar .nav-section.is-active .nav-label .icon{color:#c89b4c}
.sidebar .nav-section.is-active .nav-label i{background:linear-gradient(90deg,rgba(185,141,66,.62) 0,rgba(185,141,66,0) 100%)}
.sidebar nav a{position:relative}
.sidebar nav a[aria-current]::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--gold)}
.sidebar nav a[aria-current]{box-shadow:none;padding-left:12px}

@media (max-width:960px){
  .sidebar .nav-section + .nav-section{margin-top:17px}
  .sidebar .nav-label{margin-bottom:6px}
}


/* === ClashHub v1.12.0 — clean sidebar =================================== */
/* Keep categories informational only. Never reuse the global .is-active utility
   on a whole sidebar section; it intentionally has a strong brown background. */
.sidebar .nav-section,
.sidebar .nav-section.is-active{
  position:relative;
  width:100%;
  padding:0!important;
  margin-inline:0;
  background:transparent!important;
  border:0!important;
  border-color:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}
.sidebar .nav-section + .nav-section{margin-top:18px}
.sidebar .nav-label{
  display:block;
  min-height:0;
  margin:0 10px 7px;
  padding:0;
  color:#62676b!important;
  font-size:.58rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
}
.sidebar .nav-label .icon,
.sidebar .nav-label i{display:none!important}
.sidebar nav{gap:2px}
.sidebar nav a{
  position:relative;
  min-height:40px;
  padding:8px 10px;
  gap:11px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:#a9adb1;
  font-size:.86rem;
  font-weight:500;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.sidebar nav a:hover{
  background:#1a1c1e;
  border-color:#26292c;
  color:#f0f1f1;
}
.sidebar nav a[aria-current]{
  padding-left:10px;
  background:linear-gradient(90deg,rgba(210,160,72,.11),rgba(210,160,72,.035));
  border-color:rgba(210,160,72,.16);
  color:#f1c46f;
  font-weight:700;
  box-shadow:none;
}
.sidebar nav a[aria-current]::before{
  content:"";
  position:absolute;
  left:-1px;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:0 2px 2px 0;
  background:#d3a04b;
}
.sidebar .sidebar-art-slot{
  width:23px;
  height:23px;
  flex:0 0 23px;
}
.sidebar .sidebar-game-art .coc-nav-art{
  width:23px;
  height:23px;
  object-fit:contain;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.36));
}
.sidebar nav a:hover .sidebar-game-art .coc-nav-art,
.sidebar nav a[aria-current] .sidebar-game-art .coc-nav-art{
  transform:scale(1.04);
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45)) brightness(1.06);
}
.sidebar .nav-dot{display:none!important}

@media(max-width:960px){
  .sidebar .nav-section + .nav-section{margin-top:16px}
  .sidebar .nav-label{margin:0 9px 6px;font-size:.57rem}
  .sidebar nav a{min-height:39px;padding:8px 9px}
}


/* v1.12.0 — external sources vs ClashHub community layouts */
.catalog-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.filter-row-split-catalog{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
.catalog-intro-sources .intro-side{background:linear-gradient(180deg,rgba(201,151,61,.035),transparent)}
.catalog-intro-community{border-color:rgba(218,169,79,.28)}
.community-authors{margin:0 0 24px}
.community-authors .section-heading{align-items:end;margin-bottom:12px}
.community-authors .section-heading h2{margin:3px 0 0}
.community-author-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.community-author-card{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);background:#17191a;color:inherit;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.community-author-card:hover{border-color:#6f5830;background:#1b1a17;transform:translateY(-1px)}
.community-author-card .avatar,.community-author-card .avatar-large{width:38px;height:38px;border-radius:7px}
.community-author-copy{min-width:0;display:grid;gap:2px}
.community-author-copy strong,.community-author-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-author-copy strong{font-size:.74rem}.community-author-copy small{font-size:.58rem;color:var(--muted)}
.community-author-verified{display:grid;place-items:center;color:#77c895}.community-author-verified .icon{width:15px;height:15px}
.base-card-author{display:flex;align-items:center;gap:7px;margin:-2px 0 9px;color:#b9bdc0;font-size:.64rem;min-width:0}
.base-card-author:hover{color:#e6bd6d}.base-card-author .avatar{width:22px;height:22px;border-radius:5px}.base-card-author>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-card-author>.icon{width:13px;height:13px;color:#6cc08d}
@media(max-width:1280px){.community-author-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.filter-row-split-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row-split-catalog .apply-filter{grid-column:1/-1}.community-author-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.catalog-heading-actions,.catalog-heading-actions .button{width:100%}.community-author-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.community-author-card{flex:0 0 min(82vw,260px);scroll-snap-align:start}.filter-row-split-catalog{grid-template-columns:1fr}}

/* v1.12.0 — compact catalog overview for external + community layouts */
.catalog-overview{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:96px;
  margin:0 0 22px;
  padding:15px 18px;
  border:1px solid #3b3429;
  background:linear-gradient(110deg,#1c1a17 0%,#17191a 62%,#151718 100%);
  border-radius:var(--radius);
  overflow:hidden;
}
.catalog-overview-community{border-color:rgba(218,169,79,.24)}
.catalog-overview-visual{
  display:grid;
  place-items:center;
  width:72px;
  height:64px;
  border-right:1px solid #343537;
  padding-right:12px;
}
.catalog-overview-visual img{
  width:58px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.35));
}
.catalog-overview-visual img.image-unavailable{display:none!important}
.catalog-overview-copy{min-width:0}
.catalog-overview-copy .eyebrow{margin:0 0 5px;font-size:.58rem;letter-spacing:.14em}
.catalog-overview-copy p{margin:0;max-width:820px;color:var(--muted);font-size:.76rem;line-height:1.55}
.catalog-overview-stat{
  min-width:170px;
  display:grid;
  grid-template-columns:auto;
  justify-items:end;
  padding-left:20px;
  border-left:1px solid #343537;
}
.catalog-overview-stat small{font-size:.54rem;font-weight:800;letter-spacing:.11em;color:#a99572;text-transform:uppercase}
.catalog-overview-stat strong{margin:2px 0 1px;font-size:1.55rem;line-height:1;color:#f6e0b7}
.catalog-overview-stat span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.6rem;white-space:nowrap}
.catalog-overview-stat .icon{width:13px;height:13px;color:var(--gold)}
@media(max-width:760px){
  .catalog-overview{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:0;padding:12px 13px;margin-bottom:15px}
  .catalog-overview-visual{width:52px;height:52px;padding-right:9px}
  .catalog-overview-visual img{width:44px;height:44px}
  .catalog-overview-copy .eyebrow{font-size:.53rem;margin-bottom:4px}
  .catalog-overview-copy p{font-size:.7rem;line-height:1.45}
  .catalog-overview-stat{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;justify-items:start;min-width:0;padding:8px 0 0;border-left:0;border-top:1px solid #303234}
  .catalog-overview-stat small{grid-column:1;grid-row:1;font-size:.5rem}
  .catalog-overview-stat strong{grid-column:1;grid-row:2;font-size:1.2rem}
  .catalog-overview-stat span{grid-column:2;grid-row:1/3;justify-self:end;font-size:.56rem}
}
@media(max-width:420px){
  .catalog-overview{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:11px}
  .catalog-overview-visual{width:44px;height:44px;padding-right:8px}
  .catalog-overview-visual img{width:38px;height:38px}
  .catalog-overview-copy p{font-size:.66rem}
}

/* v1.12.0 — compact News/Wiki headers + fully web-native clan recruitment */
.updates-compact-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.updates-compact-stats>span{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);background:#17191b;color:var(--muted);font-size:.66rem;font-weight:700}.updates-compact-stats b{color:#f5f1e8;font-size:.8rem}.updates-compact-stats .icon{width:15px;height:15px;color:var(--gold)}.updates-compact-stats .live-dot{width:8px;height:8px;border-radius:50%;background:#5fd58a;box-shadow:0 0 0 4px rgba(95,213,138,.11)}

.wiki-compact-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 18px;padding:12px 14px}.wiki-compact-search{display:grid;grid-template-columns:20px minmax(220px,1fr) minmax(180px,260px) auto auto;gap:8px;align-items:center;min-width:0}.wiki-compact-search-icon{display:grid;place-items:center;color:var(--muted)}.wiki-compact-search-icon .icon{width:17px;height:17px}.wiki-compact-search input,.wiki-compact-search select{min-width:0;width:100%;height:42px}.wiki-compact-search label{min-width:0}.wiki-compact-search .button{height:42px;white-space:nowrap}.wiki-compact-kpis{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wiki-compact-kpis span{display:flex;align-items:baseline;gap:5px;padding:7px 9px;border-left:1px solid var(--line);color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}.wiki-compact-kpis b{color:#f5f1e8;font-size:.8rem}

.recruit-web-intro{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 16px;padding:14px 16px;border-color:#3b3427;background:linear-gradient(90deg,#1a1814,#17191b 55%)}.recruit-web-intro>img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,.35))}.recruit-web-intro-copy{min-width:0}.recruit-web-intro-copy strong{display:block;margin:3px 0 3px;font-size:.92rem}.recruit-web-intro-copy p{margin:0;max-width:800px;color:var(--muted);font-size:.68rem;line-height:1.5}.recruit-web-intro-actions{display:flex;justify-content:flex-end}.recruit-web-intro-actions .button{white-space:nowrap}
.recruit-web-eligibility{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 15px;padding:13px 15px}.recruit-web-eligibility.is-blocked{border-color:#544331;background:#1b1815}.recruit-web-eligibility-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #4a4030;color:#d7ab5a}.recruit-web-eligibility-icon .icon{width:20px;height:20px}.recruit-web-eligibility strong{display:block;font-size:.78rem}.recruit-web-eligibility p{margin:3px 0 0;color:var(--muted);font-size:.66rem}.recruit-web-verified{display:flex;align-items:center;gap:8px;margin-bottom:15px}.recruit-web-verified .icon{width:16px;height:16px}
.recruit-web-filters{grid-template-columns:minmax(240px,1.45fr) repeat(4,minmax(130px,.8fr));margin-bottom:18px}.recruit-web-filters .recruit-filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px;justify-content:flex-end}.recruit-web-list-heading{margin-top:2px}.recruit-web-list-heading p{margin:4px 0 0;color:var(--muted)}
.recruit-web-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recruit-web-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px}.recruit-web-card .recruit-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.recruit-web-card .recruit-card-top .text-link{display:inline-flex;align-items:center;gap:5px}.recruit-web-card .recruit-card-top button.text-link{appearance:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}.recruit-web-card .recruit-card-top .icon{width:13px;height:13px}.recruit-web-identity{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:center}.recruit-web-identity h2{margin:0;font-size:1.02rem}.recruit-web-title{display:block;margin-top:5px;color:#f2c261;font-size:.69rem}.recruit-web-card .recruit-tags{display:flex;flex-wrap:wrap;gap:6px}.recruit-web-card .recruit-tags>span{display:inline-flex;align-items:center;gap:5px}.recruit-web-card .recruit-tags .icon{width:13px;height:13px}.recruit-web-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.recruit-web-card .recruit-description{flex:1}.recruit-web-card .recruit-description p{margin:0;color:#d9d5ce;line-height:1.58;white-space:normal}.recruit-web-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:2px}.recruit-web-footer .recruit-actions{display:flex;gap:8px}.recruit-web-footer .button{white-space:nowrap}
.recruit-web-dialog{width:min(920px,calc(100vw - 32px))}.recruit-web-dialog-shell{max-height:min(850px,calc(100vh - 40px))}.recruit-web-dialog-content{padding:18px;overflow:auto}.recruit-web-clan-snapshot{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:13px 14px;margin-bottom:16px;border:1px solid var(--line);background:#151719}.recruit-web-clan-snapshot img{width:68px;height:68px;object-fit:contain}.recruit-web-clan-snapshot strong{display:block;margin:3px 0;font-size:.95rem}.recruit-web-clan-snapshot small{color:var(--muted)}.recruit-web-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.recruit-web-editor .recruit-editor-title,.recruit-web-editor .recruit-editor-description{grid-column:1/-1}.recruit-web-editor textarea{resize:vertical;min-height:130px}.recruit-web-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.recruit-web-danger-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.recruit-web-delete{border-color:#694040!important;color:#e0a4a4!important}

@media(max-width:1100px){.wiki-compact-tools{grid-template-columns:1fr}.wiki-compact-kpis{justify-content:flex-start}.wiki-compact-search{grid-template-columns:20px minmax(0,1fr) minmax(150px,220px) auto auto}.recruit-web-grid{grid-template-columns:1fr}.recruit-web-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.updates-compact-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.updates-compact-stats>span{justify-content:center;padding:7px 6px;font-size:.56rem}.updates-compact-stats b{font-size:.7rem}.wiki-compact-tools{padding:10px;margin-bottom:13px}.wiki-compact-search{grid-template-columns:1fr}.wiki-compact-search-icon{display:none}.wiki-compact-search .button{width:100%}.wiki-compact-kpis{display:none}.recruit-web-intro{grid-template-columns:54px minmax(0,1fr);gap:11px;padding:12px}.recruit-web-intro>img{width:50px;height:50px}.recruit-web-intro-copy strong{font-size:.82rem}.recruit-web-intro-copy p{font-size:.63rem}.recruit-web-intro-actions{grid-column:1/-1}.recruit-web-intro-actions .button{width:100%;justify-content:center}.recruit-web-eligibility{grid-template-columns:38px minmax(0,1fr);padding:12px}.recruit-web-eligibility .button{grid-column:1/-1;width:100%}.recruit-web-filters{grid-template-columns:1fr}.recruit-web-filters .recruit-filter-actions{display:grid;grid-template-columns:1fr}.recruit-web-card{padding:15px}.recruit-web-identity{grid-template-columns:60px minmax(0,1fr)}.recruit-web-card .recruit-emblem{width:58px;height:60px}.recruit-web-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-web-footer{align-items:stretch;flex-direction:column}.recruit-web-footer .recruit-actions{display:grid;grid-template-columns:1fr 1fr}.recruit-web-editor{grid-template-columns:1fr}.recruit-web-editor .recruit-editor-title,.recruit-web-editor .recruit-editor-description{grid-column:auto}.recruit-web-dialog-actions{grid-column:auto}.recruit-web-dialog-actions .button{width:100%}.recruit-web-danger-actions{display:grid;grid-template-columns:1fr}.recruit-web-danger-actions .button{width:100%}}
@media(max-width:420px){.updates-compact-stats{grid-template-columns:1fr}.recruit-web-footer .recruit-actions{grid-template-columns:1fr}.recruit-web-clan-snapshot{grid-template-columns:58px minmax(0,1fr)}.recruit-web-clan-snapshot img{width:54px;height:54px}}
.clan-recruitment-spotlight{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;border-color:#463923;background:linear-gradient(90deg,#1b1813,#17191b 68%)}.clan-recruitment-spotlight h2{margin:4px 0 5px;font-size:1rem}.clan-recruitment-spotlight p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.5}.clan-recruitment-spotlight-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.clan-recruitment-spotlight-meta span{padding:6px 8px;border:1px solid var(--line);background:#141618;color:#d7c29b;font-size:.6rem;font-weight:800}@media(max-width:800px){.clan-recruitment-spotlight{grid-template-columns:1fr}.clan-recruitment-spotlight-meta{justify-content:flex-start}.clan-recruitment-spotlight .button{width:100%;justify-content:center}}

/* === ClashHub v1.12.0 — administrator recruitment test bypass ========== */
.admin-settings-panel{max-width:980px}
.admin-settings-heading{margin-bottom:18px}
.admin-setting-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#ffffff03}
.admin-setting-card.is-enabled{border-color:#d8b45870;background:#d8b45808}
.admin-setting-copy{min-width:0}
.admin-setting-copy strong{display:block;font-size:1rem;margin-bottom:7px}
.admin-setting-copy p{margin:0 0 7px;color:var(--muted);line-height:1.6}
.admin-setting-copy small{display:block;color:#8d8f8f;line-height:1.5}
.admin-toggle{display:flex;align-items:center;gap:10px;flex:0 0 auto;cursor:pointer;user-select:none}
.admin-toggle input{position:absolute;opacity:0;pointer-events:none}
.admin-toggle span{position:relative;width:48px;height:26px;border:1px solid #555;border-radius:999px;background:#202223;transition:.16s ease}
.admin-toggle span::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8e9294;transition:.16s ease}
.admin-toggle input:checked+span{border-color:#d8b458;background:#5a4a20}
.admin-toggle input:checked+span::after{left:25px;background:#efd17b}
.admin-toggle input:focus-visible+span{outline:2px solid #efd17b;outline-offset:3px}
.admin-toggle b{min-width:64px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.admin-settings-warning{margin:16px 0}
@media (max-width:700px){.admin-setting-card{align-items:flex-start;flex-direction:column}.admin-toggle{width:100%;justify-content:space-between}}


/* === ClashHub v1.12.0 — recruitment modal viewport + submit visibility === */
.recruit-web-dialog{
  width:min(1180px,calc(100vw - 32px));
  max-width:none;
  max-height:calc(100dvh - 24px);
}
.recruit-web-dialog-shell{
  max-height:calc(100dvh - 24px);
}
.recruit-web-dialog-content{
  min-height:0;
  padding:14px 16px 16px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.recruit-web-clan-snapshot{
  grid-template-columns:60px minmax(0,1fr);
  gap:12px;
  padding:10px 12px;
  margin-bottom:12px;
}
.recruit-web-clan-snapshot img{width:56px;height:56px}
.recruit-web-editor{
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:12px;
  row-gap:10px;
}
.recruit-web-editor .recruit-editor-title,
.recruit-web-editor .recruit-editor-description{grid-column:1/-1}
.recruit-web-editor textarea{
  min-height:92px;
  max-height:132px;
  resize:vertical;
}
.recruit-web-dialog-actions{
  grid-column:1/-1;
  position:sticky;
  bottom:-16px;
  z-index:6;
  display:flex;
  justify-content:flex-end;
  margin:0 -2px -2px;
  padding:10px 2px 2px;
  border-top:1px solid #2f3235;
  background:linear-gradient(180deg,rgba(23,25,27,.92),#17191b 32%);
}
.recruit-web-submit{min-width:210px;justify-content:center}
.recruit-web-danger-actions{margin-top:10px;padding-top:10px}

@media(max-width:900px){
  .recruit-web-dialog{width:min(820px,calc(100vw - 20px));max-height:calc(100dvh - 16px)}
  .recruit-web-dialog-shell{max-height:calc(100dvh - 16px)}
  .recruit-web-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .recruit-web-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
  .recruit-web-dialog-shell{max-height:calc(100dvh - 12px)}
  .recruit-web-dialog-content{padding:12px}
  .recruit-web-editor{grid-template-columns:1fr}
  .recruit-web-editor .recruit-editor-title,
  .recruit-web-editor .recruit-editor-description,
  .recruit-web-dialog-actions{grid-column:1}
  .recruit-web-dialog-actions{bottom:-12px;margin:0 -1px -1px;padding:10px 1px 1px}
  .recruit-web-submit{width:100%;min-width:0}
}

@media(min-width:701px) and (max-height:720px){
  .recruit-web-dialog{max-height:calc(100dvh - 12px)}
  .recruit-web-dialog-shell{max-height:calc(100dvh - 12px)}
  .hub-profile-settings-dialog.recruit-web-dialog header{padding:12px 16px}
  .recruit-web-dialog-content{padding:10px 14px 12px}
  .recruit-web-clan-snapshot{grid-template-columns:50px minmax(0,1fr);padding:8px 10px;margin-bottom:9px}
  .recruit-web-clan-snapshot img{width:46px;height:46px}
  .recruit-web-editor{row-gap:8px}
  .recruit-web-editor textarea{min-height:72px;max-height:92px}
  .recruit-web-dialog-actions{bottom:-12px;padding-top:8px}
}

/* === ClashHub v1.12.0 — fast recruitment state visibility =============== */
.recruit-web-card.is-paused-owner{border-color:#775f31;background:linear-gradient(180deg,#1c1a15,#17191b)}
.recruit-web-card.is-paused-owner .recruit-card-top .eyebrow{color:#d8b661}
.recruit-web-card.is-paused-owner .recruit-web-title{color:#d9d2c5}

/* === ClashHub v1.12.0 — complete clan profiles + resilient War Center ===== */
.clan-profile-v2-hero{
  position:relative;
  display:grid;
  grid-template-columns:112px minmax(0,1fr) auto;
  grid-template-areas:"badge heading actions" "kpis kpis kpis";
  align-items:center;
  gap:18px 20px;
  margin-bottom:12px;
  padding:20px 22px 16px;
  overflow:hidden;
  border:1px solid #3b3933;
  border-radius:11px;
  background:linear-gradient(115deg,#211e18 0,#191b1d 52%,#17191b 100%);
}
.clan-profile-v2-hero:after{content:"";position:absolute;right:-72px;top:-45px;width:300px;height:220px;pointer-events:none;border:1px solid rgba(200,153,72,.08);transform:rotate(24deg)}
.clan-profile-v2-badge{grid-area:badge;position:relative;z-index:1;width:112px;height:112px;display:grid;place-items:center;border:1px solid #4c4027;border-radius:18px;background:radial-gradient(circle at 50% 20%,#3e321e,#191a19 70%)}
.clan-profile-v2-badge img{width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(0,0,0,.38))}
.clan-profile-v2-badge>.icon{width:48px;height:48px;color:#c99b4c}
.clan-profile-v2-heading{grid-area:heading;position:relative;z-index:1;min-width:0}
.clan-profile-v2-heading .eyebrow{color:#c79a48}
.clan-profile-v2-heading h1{margin:5px 0 8px;font-size:clamp(1.75rem,2.6vw,2.45rem);line-height:1;overflow-wrap:anywhere}
.clan-profile-v2-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 13px;color:#898e92;font-size:.68rem}
.clan-profile-v2-meta>span{display:inline-flex;align-items:center;gap:6px;min-height:23px}
.clan-profile-v2-meta img{object-fit:contain}
.clan-profile-v2-meta .clan-tag-copy{color:#c89b50;font-weight:800;letter-spacing:.045em}
.clan-profile-v2-meta .status-badge{font-size:.55rem}
.clan-profile-v2-actions{grid-area:actions;position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.clan-profile-v2-kpis{grid-area:kpis;position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding-top:13px;border-top:1px solid #34322d}
.clan-profile-v2-kpis>div{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr);grid-template-areas:"icon label" "icon value";align-items:center;column-gap:8px;padding:8px 9px;border:1px solid #2f3235;border-radius:6px;background:#17191b}
.clan-profile-v2-kpi-icon{grid-area:icon;width:31px;height:31px;display:grid;place-items:center;color:#bc9148}
.clan-profile-v2-kpi-icon img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.35))}
.clan-profile-v2-kpi-icon>.icon,.clan-profile-v2-kpi-icon.icon{width:19px;height:19px}
.clan-profile-v2-kpis small{grid-area:label;color:#72777b;font-size:.53rem;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clan-profile-v2-kpis strong{grid-area:value;color:#ece9e4;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clan-profile-v2-kpis strong em{color:#71767a;font-size:.65rem;font-style:normal;font-weight:600}
.clan-profile-v2-tabs{margin:0 0 16px}
.clan-profile-v2-tabs a{display:inline-flex;align-items:center;gap:6px}
.clan-profile-v2-tabs a>span{min-width:20px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border:1px solid #383b3f;border-radius:9px;color:#8d9296;font-size:.53rem}
.clan-profile-v2-tabs a[aria-current="page"]>span{border-color:#70562d;color:#e6bd6b;background:#2b2419}

.clan-profile-v2-overview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:12px;margin-bottom:12px}
.clan-profile-v2-overview-grid>.panel{margin:0}
.clan-profile-v2-about,.clan-profile-v2-intel{padding:17px 18px}
.clan-profile-description{margin:0;color:#b7bbbe;font-size:.8rem;line-height:1.65;white-space:normal}
.clan-profile-v2-intel .stat-list{margin:0}
.clan-profile-v2-intel .stat-list>div:first-child{border-top:0}
.clan-profile-v2-requirements{margin-bottom:12px}
.clan-profile-v2-requirement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.clan-profile-v2-requirement-grid>div{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"art label" "art value";align-items:center;column-gap:10px;padding:11px 12px;border:1px solid #303337;border-radius:7px;background:#181a1c}
.clan-profile-v2-requirement-grid>div>span:first-child{grid-area:art;display:grid;place-items:center;min-width:42px}
.clan-profile-v2-requirement-grid>div>span:first-child .coc-visual-value>img{width:38px;height:38px}
.clan-profile-v2-requirement-icon img{width:34px;height:34px;object-fit:contain}
.clan-profile-v2-requirement-icon>.icon{width:23px;height:23px;color:#b98d45}
.clan-profile-v2-requirement-grid small{grid-area:label;color:#74797d;font-size:.56rem;text-transform:uppercase;letter-spacing:.045em}
.clan-profile-v2-requirement-grid strong{grid-area:value;font-size:.82rem;color:#ece9e4}
.clan-profile-v2-recruitment{margin-bottom:12px}

.clan-profile-v2-member-preview{margin-bottom:12px}
.clan-profile-v2-member-preview .section-heading{align-items:center}
.clan-profile-v2-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.clan-profile-v2-member-card{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #303337;border-radius:7px;background:#181a1c;color:inherit;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}
.clan-profile-v2-member-card:hover{border-color:#66502d;background:#211e18;transform:translateY(-1px)}
.clan-profile-v2-member-avatar{width:46px;height:46px;display:grid;place-items:center;color:#a58246}
.clan-profile-v2-member-avatar img{width:44px;height:44px;object-fit:contain}
.clan-profile-v2-member-avatar>.icon{width:23px;height:23px}
.clan-profile-v2-member-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.clan-profile-v2-member-copy strong{max-width:100%;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clan-profile-v2-member-copy small{margin-top:2px;color:#777c80;font-size:.56rem}
.clan-profile-v2-member-copy .role-badge{margin-top:5px}
.clan-profile-v2-member-score{display:flex;flex-direction:column;text-align:right}
.clan-profile-v2-member-score small{color:#6f7478;font-size:.5rem;text-transform:uppercase}
.clan-profile-v2-member-score strong{margin-top:2px;color:#d8ad5c;font-size:.75rem}
.role-badge{display:inline-flex;align-items:center;min-height:20px;padding:2px 6px;border:1px solid #3a3d40;border-radius:4px;background:#202225;color:#9fa4a8;font-size:.54rem;font-weight:750;line-height:1.1;white-space:nowrap}
.role-badge.role-leader{border-color:#84672f;background:#2a2418;color:#efc36d}
.role-badge.role-coleader{border-color:#5a7045;background:#1d271b;color:#b7dc9d}
.role-badge.role-admin{border-color:#4c6076;background:#1a222a;color:#abc6df}

.clan-roster-panel{overflow:hidden}
.clan-roster-heading{align-items:flex-start}
.clan-roster-heading h2{margin-top:3px}
.clan-roster-heading p{margin:5px 0 0;max-width:750px}
.clan-roster-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(170px,.36fr) minmax(190px,.4fr);gap:9px;margin-bottom:12px;padding:10px;border:1px solid #303337;border-radius:7px;background:#181a1c}
.clan-roster-toolbar label{min-width:0;display:grid;gap:5px;color:#777c80;font-size:.56rem;text-transform:uppercase;letter-spacing:.045em}
.clan-roster-toolbar input,.clan-roster-toolbar select{width:100%;min-width:0}
.clan-roster-scroll{margin-inline:-2px}
.clan-members-v2{min-width:920px}
.clan-members-v2 th{position:sticky;top:0;z-index:1;background:#191b1d}
.clan-members-v2 td{vertical-align:middle}
.clan-members-v2 tr[hidden]{display:none}
.clan-rank-cell strong,.clan-rank-cell small{display:block}
.member-rank-delta{margin-top:3px;font-size:.51rem;font-weight:750}.member-rank-delta.up{color:#79bb8c}.member-rank-delta.down{color:#cc7469}
.member-league-value{display:inline-flex;align-items:center;gap:6px}.member-league-value img{width:24px;height:24px;object-fit:contain}.member-league-value strong{font-size:.75rem}
.clan-members-v2 .member-identity>img{width:36px;height:36px}
.clan-members-v2 .member-identity small{margin-top:2px;font-size:.54rem}

.war-live-panel-v2{margin-bottom:12px}
.war-live-panel-v2 .section-heading{align-items:center}
.war-team-substats{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px;color:#878c90;font-size:.62rem}
.war-team.right .war-team-substats{justify-content:flex-end}
.war-team-substats b{font-weight:650}
.war-meta-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))}
.war-roster-details{margin-top:13px;border:1px solid #303337;border-radius:6px;background:#17191b;overflow:hidden}
.war-roster-details>summary{cursor:pointer;padding:11px 13px;color:#bca36f;font-size:.68rem;font-weight:750;list-style:none}
.war-roster-details>summary::-webkit-details-marker{display:none}
.war-roster-details[open]>summary{border-bottom:1px solid #303337}
.war-roster-details>.table-scroll{margin:0!important}
.war-roster-table{min-width:720px}
.war-roster-table a strong,.war-roster-table a small{display:block}.war-roster-table a small{margin-top:2px;color:#73787c;font-size:.53rem}
.cwl-profile-panel{margin-bottom:12px}
.cwl-clan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.cwl-clan-card{min-width:0;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid #303337;border-radius:6px;background:#181a1c;color:inherit;text-decoration:none}
.cwl-clan-card:hover{border-color:#67512e;background:#211e18}
.cwl-clan-card>img{width:42px;height:42px;object-fit:contain}.cwl-clan-card>.icon:first-child{width:24px;height:24px;color:#b18a47}
.cwl-clan-card>span{min-width:0;display:flex;flex-direction:column}.cwl-clan-card strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwl-clan-card small{margin-top:2px;color:#73787c;font-size:.51rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwl-clan-card>.icon{width:13px;height:13px;color:#856d43}

.warlog-panel-v2{margin-bottom:12px}
.warlog-list-v2{display:grid;gap:8px}
.warlog-card-v2{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(340px,1.1fr) minmax(200px,.65fr);align-items:center;gap:14px;padding:11px 13px;border:1px solid #303337;border-left:3px solid #777;border-radius:6px;background:#181a1c}
.warlog-card-v2.result-win{border-left-color:#72b987}.warlog-card-v2.result-lose{border-left-color:#c46156}.warlog-card-v2.result-tie{border-left-color:#b59b62}.warlog-card-v2.result-cwl{border-left-color:#8a75bd}
.warlog-v2-opponent{min-width:0;display:grid;gap:6px}
.warlog-result{justify-self:start;display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border:1px solid #3b3e42;border-radius:4px;color:#a7acb0;font-size:.5rem;font-weight:850;letter-spacing:.055em}
.warlog-result.result-win{border-color:#365e42;background:#17241b;color:#88c699}.warlog-result.result-lose{border-color:#70423d;background:#291b19;color:#d9877d}.warlog-result.result-tie{border-color:#685936;background:#272218;color:#d1b871}.warlog-result.result-cwl{border-color:#52436d;background:#211c2b;color:#bca8e0}
.warlog-v2-opponent .warlog-opponent strong{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.warlog-badge-fallback{width:38px;height:38px;display:grid;place-items:center;color:#8c7448}.warlog-badge-fallback>.icon{width:22px;height:22px}
.warlog-v2-score{min-width:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;padding:8px 10px;border:1px solid #2c2f32;border-radius:5px;background:#151719}
.warlog-v2-score.single{grid-template-columns:1fr}
.warlog-v2-score>div{min-width:0;display:grid;grid-template-columns:auto auto;grid-template-areas:"label label" "stars destruction" "attacks attacks";align-items:center;gap:2px 8px}
.warlog-v2-score>div.right{text-align:right}.warlog-v2-score>div.right strong{justify-self:end}
.warlog-v2-score small{grid-area:label;color:#71767a;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warlog-v2-score strong{grid-area:stars;font-size:.72rem}.warlog-v2-score span{grid-area:destruction;color:#d1d4d6;font-size:.67rem;font-weight:750}.warlog-v2-score em{grid-area:attacks;color:#6f7478;font-size:.5rem;font-style:normal}.warlog-v2-score>b{color:#5e6266;font-size:.85rem}
.warlog-v2-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.warlog-v2-meta>span{min-width:0;padding:6px 7px;border:1px solid #2c2f32;border-radius:5px;background:#151719}.warlog-v2-meta small,.warlog-v2-meta strong{display:block}.warlog-v2-meta small{color:#6f7478;font-size:.47rem;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warlog-v2-meta strong{margin-top:2px;font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clan-capital-summary{margin-bottom:13px}
.clan-profile-v2-footer{margin-top:14px}

@media(max-width:1250px){
  .clan-profile-v2-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .clan-profile-v2-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cwl-clan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .warlog-card-v2{grid-template-columns:minmax(220px,.8fr) minmax(330px,1.2fr)}
  .warlog-v2-meta{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .clan-profile-v2-hero{grid-template-columns:92px minmax(0,1fr);grid-template-areas:"badge heading" "actions actions" "kpis kpis";padding:17px}
  .clan-profile-v2-badge{width:92px;height:92px}.clan-profile-v2-badge img{width:82px;height:82px}
  .clan-profile-v2-actions{justify-content:flex-start}.clan-profile-v2-actions .button{flex:1 1 auto;justify-content:center}
  .clan-profile-v2-overview-grid{grid-template-columns:1fr}
  .clan-profile-v2-member-grid{grid-template-columns:1fr 1fr}
  .clan-roster-toolbar{grid-template-columns:1fr 1fr}.clan-roster-toolbar .member-search{grid-column:1/-1;max-width:none}
  .war-meta-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .warlog-card-v2{grid-template-columns:1fr}.warlog-v2-meta{grid-column:auto}
}
@media(max-width:700px){
  .clan-profile-v2-hero{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px}
  .clan-profile-v2-badge{width:72px;height:72px;border-radius:13px}.clan-profile-v2-badge img{width:64px;height:64px}.clan-profile-v2-heading h1{font-size:1.5rem}.clan-profile-v2-meta{gap:5px 9px}.clan-profile-v2-meta .status-badge{display:none}
  .clan-profile-v2-actions{display:grid;grid-template-columns:1fr}.clan-profile-v2-actions .button{width:100%}
  .clan-profile-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .clan-profile-v2-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.clan-profile-v2-tabs::-webkit-scrollbar{display:none}.clan-profile-v2-tabs a{flex:none;white-space:nowrap}
  .clan-profile-v2-requirement-grid{grid-template-columns:1fr}
  .clan-profile-v2-member-grid{grid-template-columns:1fr}
  .clan-roster-heading{display:grid;gap:6px}.clan-roster-toolbar{grid-template-columns:1fr}.clan-roster-toolbar .member-search{grid-column:auto}
  .war-team.right .war-team-substats{justify-content:center}.war-team-substats{justify-content:center}
  .cwl-clan-grid{grid-template-columns:1fr}
  .warlog-v2-score{grid-template-columns:1fr auto 1fr}.warlog-v2-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px){
  .clan-profile-v2-hero{grid-template-columns:58px minmax(0,1fr);padding:12px 10px}.clan-profile-v2-badge{width:58px;height:58px}.clan-profile-v2-badge img{width:52px;height:52px}.clan-profile-v2-heading h1{font-size:1.25rem}.clan-profile-v2-heading .eyebrow{font-size:.52rem}.clan-profile-v2-meta>span:not(.clan-tag-copy):not(:last-child){display:none}
  .clan-profile-v2-kpis>div{grid-template-columns:26px minmax(0,1fr);padding:7px}.clan-profile-v2-kpi-icon{width:26px;height:26px}.clan-profile-v2-kpi-icon img{width:24px;height:24px}
  .clan-profile-v2-about,.clan-profile-v2-intel{padding:14px}
  .clan-profile-v2-member-card{grid-template-columns:42px minmax(0,1fr)}.clan-profile-v2-member-score{grid-column:2;text-align:left;flex-direction:row;gap:6px;align-items:center}.clan-profile-v2-member-avatar{width:42px;height:42px}.clan-profile-v2-member-avatar img{width:40px;height:40px}
  .war-meta-grid-v2{grid-template-columns:1fr!important}
  .warlog-v2-score{grid-template-columns:1fr}.warlog-v2-score>b{display:none}.warlog-v2-score>div.right{text-align:left;border-top:1px solid #2d3033;padding-top:7px}.warlog-v2-score>div.right strong{justify-self:start}
  .warlog-v2-meta{grid-template-columns:1fr 1fr}
}

/* Click-through from War Center into the matching clan profile. */
.war-team-link{display:grid;gap:2px;color:inherit;text-decoration:none;justify-items:inherit}
.war-team-link:hover strong,.warlog-opponent:hover strong{color:var(--gold,#f7c948)}
.warlog-opponent{color:inherit;text-decoration:none}
.warlog-opponent>.icon{margin-left:auto;opacity:.55;flex:0 0 auto}
.cwl-clan-card.is-static{cursor:default}


/* === ClashHub v1.12.0 — Clan Capital spacing + responsive polish ======== */
.clan-capital-v3{padding:0;overflow:hidden}
.clan-capital-v3-header{padding:18px 20px 16px;border-bottom:1px solid #2f3235;background:linear-gradient(180deg,#1d1f21,#1a1c1e)}
.clan-capital-v3-heading{margin:0;align-items:flex-end}
.clan-capital-v3-heading h2{margin:4px 0 0}
.clan-capital-snapshot{flex:none;padding-bottom:2px;white-space:nowrap}
.clan-capital-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;border-bottom:1px solid #2e3134;background:#17191b}
.clan-capital-overview-card{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid #303337;border-radius:6px;background:#1c1e20}
.clan-capital-overview-icon{width:42px;height:42px;display:grid;place-items:center;flex:none}
.clan-capital-overview-icon img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.28))}
.clan-capital-overview-icon.is-generic{width:38px;height:38px;margin-left:2px;border:1px solid #51452f;border-radius:7px;background:#242017;color:#caa65d}
.clan-capital-overview-icon.is-generic .icon{width:21px;height:21px}
.clan-capital-overview-copy{min-width:0;display:grid;gap:3px}
.clan-capital-overview-copy small{color:#7c8185;font-size:.58rem;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clan-capital-overview-copy strong{min-width:0;color:#e8c77f;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clan-capital-v3-body{padding:14px}
.clan-capital-empty>.empty-state{margin:0}
.raid-grid-v3{gap:10px}
.raid-card-v3{padding:0;overflow:hidden;border-color:#303337;background:#191b1d}
.raid-head-v3{margin:0;padding:12px 14px;align-items:center;border-bottom:1px solid #2e3134;background:#1c1e20}
.raid-head-copy{min-width:0}
.raid-head-v3 h3{margin:3px 0 0;font-size:.82rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raid-head-v3 h3 span{padding:0 4px;color:#716247}
.raid-head-v3 .status-badge{flex:none}
.raid-stats-v3{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#2c2f32}
.raid-stat-v3{min-width:0;min-height:72px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:10px 11px;background:#181a1c}
.raid-stat-v3-icon{width:36px;height:36px;display:grid;place-items:center}
.raid-stat-v3-icon img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.26))}
.raid-stat-v3-icon.is-generic{width:32px;height:32px;margin-left:2px;border:1px solid #3d4145;border-radius:6px;background:#202225;color:#a98950}
.raid-stat-v3-icon.is-generic .icon{width:17px;height:17px}
.raid-stat-v3>span:last-child{min-width:0;display:grid;gap:3px}
.raid-stat-v3 small{color:#72777b;font-size:.52rem;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raid-stat-v3 strong{color:#ddd3bd;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raid-raiders-v3{margin:0;border-top:1px solid #2e3134;background:#17191b}
.raid-raiders-v3>summary{min-height:42px;display:flex;align-items:center;gap:8px;padding:9px 13px;cursor:pointer;list-style:none;color:#9c8354;font-size:.64rem;font-weight:750}
.raid-raiders-v3>summary::-webkit-details-marker{display:none}
.raid-raiders-v3>summary b{min-width:23px;padding:2px 6px;border:1px solid #3b3e42;border-radius:4px;background:#1d1f21;color:#aeb1b4;text-align:center;font-size:.55rem}
.raid-raiders-v3>summary .icon{width:14px;height:14px;margin-left:auto;transition:transform .16s ease}
.raid-raiders-v3[open]>summary{border-bottom:1px solid #2e3134}
.raid-raiders-v3[open]>summary .icon{transform:rotate(180deg)}
.raid-raiders-v3>.table-scroll{margin:0!important}
.raid-raiders-table-v3{min-width:620px}
.raid-raiders-table-v3 th,.raid-raiders-table-v3 td{padding:10px 13px;font-size:.72rem}
.raid-raiders-table-v3 th{font-size:.59rem}
.raid-raiders-table-v3 .rank{font-size:.82rem}

@media(max-width:1250px){
  .raid-stats-v3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .clan-capital-v3-header{padding:16px}
  .clan-capital-v3-heading{align-items:flex-start}
  .clan-capital-overview{grid-template-columns:1fr 1fr;padding:10px}
  .clan-capital-v3-body{padding:10px}
}
@media(max-width:700px){
  .clan-capital-v3-header{padding:14px 12px}
  .clan-capital-snapshot{white-space:normal;font-size:.58rem}
  .clan-capital-overview{grid-template-columns:1fr;gap:6px;padding:8px}
  .clan-capital-overview-card{grid-template-columns:40px minmax(0,1fr);padding:8px 10px}
  .clan-capital-overview-icon,.clan-capital-overview-icon img{width:36px;height:36px}
  .clan-capital-v3-body{padding:8px}
  .raid-grid-v3{gap:8px}
  .raid-head-v3{padding:10px 11px}
  .raid-head-v3 h3{font-size:.72rem}
  .raid-stats-v3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .raid-stat-v3{min-height:64px;padding:8px 9px;grid-template-columns:32px minmax(0,1fr);gap:7px}
  .raid-stat-v3-icon,.raid-stat-v3-icon img{width:30px;height:30px}
  .raid-stat-v3-icon.is-generic{width:29px;height:29px;margin-left:0}
  .raid-raiders-v3>summary{padding:9px 11px}
}
@media(max-width:460px){
  .clan-capital-v3-header{padding:12px 10px}
  .clan-capital-v3-heading .asset-heading>img{width:25px;height:25px}
  .clan-capital-overview{padding:7px}
  .clan-capital-v3-body{padding:7px}
  .raid-head-v3{align-items:flex-start;gap:8px;padding:9px 10px}
  .raid-head-v3 h3{white-space:normal}
  .raid-stats-v3{grid-template-columns:1fr 1fr}
  .raid-stat-v3{min-height:58px;grid-template-columns:28px minmax(0,1fr);padding:7px 8px}
  .raid-stat-v3-icon,.raid-stat-v3-icon img{width:27px;height:27px}
  .raid-stat-v3-icon.is-generic{width:26px;height:26px}.raid-stat-v3-icon.is-generic .icon{width:14px;height:14px}
  .raid-stat-v3 small{font-size:.48rem}.raid-stat-v3 strong{font-size:.68rem}
}

/* === ClashHub v1.12.7 — voluntary support / QR Platba =================== */
.support-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px;align-items:start}
.support-main,.support-side{display:grid;gap:14px;min-width:0}
.support-hero-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:center;padding:20px}
.support-heart-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #644b32;border-radius:9px;background:#241e18;color:var(--gold)}
.support-heart-mark .icon{width:29px;height:29px}
.support-hero-card h2,.support-form h2,.support-progress-card h2,.support-how-card h2,.support-bank-card h2,.support-qr-card h2{margin:3px 0 6px}.support-hero-card p{margin:0;color:var(--muted)}
.support-form{padding:18px}.support-form-head,.support-submit-row,.support-section-heading,.support-bank-head,.support-qr-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.support-limit{font-size:.72rem;color:#d8bd82;border:1px solid #40392d;background:#211e18;padding:6px 9px;border-radius:5px;white-space:nowrap}
.support-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.support-amount-button{min-height:58px;border:1px solid #34373a;border-radius:7px;background:#1d1f21;color:#e9e4d9;display:flex;gap:8px;align-items:center;justify-content:center;padding:10px;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.support-amount-button:hover{border-color:#69593a;background:#222019}.support-amount-button.is-active{border-color:#a88139;background:#2a2419;color:#f2cd7d;box-shadow:inset 0 0 0 1px #5f4a25}.support-amount-button .icon{width:17px;height:17px}
.support-custom-field{display:grid;gap:6px;padding-top:4px}.support-custom-field>span{font-size:.72rem;color:#aaa7a0;font-weight:700}.support-custom-field>small{color:#74777a;font-size:.66rem}
.support-amount-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #35383b;border-radius:7px;background:#151719;overflow:hidden}.support-amount-input-wrap:focus-within{border-color:#81672f}.support-amount-input-wrap input{width:100%;min-height:48px;border:0!important;background:transparent!important;padding:11px 13px!important;color:var(--text)}.support-amount-input-wrap b{padding:0 14px;color:#b99a59;font-size:.72rem}
.support-submit-row{margin-top:16px;padding-top:14px;border-top:1px solid #2d3032}.support-submit-copy{display:flex;align-items:center;gap:9px;color:#9c9e9f}.support-submit-copy>.icon{width:18px;height:18px;color:#ad9158}.support-submit-copy span{display:grid;gap:1px}.support-submit-copy strong{font-size:.7rem;color:#d8d5ce}.support-submit-copy small{font-size:.62rem}.support-submit{min-width:190px;justify-content:center}
.support-no-benefits{padding:18px}.support-section-heading{justify-content:flex-start}.support-section-heading>.icon{width:25px;height:25px;color:#bba068}.support-no-benefits>p{margin:10px 0 12px;color:var(--muted)}.support-no-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.support-no-benefit-grid span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #2d3032;background:#17191a;border-radius:6px;font-size:.72rem;color:#c6c7c8}.support-no-benefit-grid .icon{width:15px;height:15px;color:var(--green)}
.support-progress-card,.support-how-card{padding:17px}.support-progress-numbers{display:flex;align-items:baseline;gap:7px;margin:12px 0 8px}.support-progress-numbers strong{font-size:1.55rem;color:#f0cb7b}.support-progress-numbers span{font-size:.75rem;color:#818589}.support-progress-track{height:10px;background:#292c2e;border:1px solid #34373a;border-radius:3px;overflow:hidden}.support-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#9d7530,#f0bd58)}.support-progress-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:.62rem;color:#888c8f}.support-progress-card>p{margin:13px 0 0;color:#898c8f;font-size:.68rem}
.support-steps{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:9px}.support-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;color:#b9babc;font-size:.7rem}.support-steps b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #4a402d;border-radius:5px;background:#231f17;color:#e5bd67;font-size:.65rem}
.support-policy-card{margin-top:14px;padding:13px 15px;border:1px solid #303236;background:#151719;color:#8e9194;font-size:.68rem}.support-policy-card strong{color:#bebfc0}.support-policy-card p{margin:3px 0 0}.support-policy-card .source-link{color:#d0aa5e}
.support-payment-shell{max-width:1180px;margin:0 auto;display:grid;gap:14px}.support-payment-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px}.support-payment-head h1{font-size:1.45rem;margin:3px 0 3px}.support-payment-head p{margin:0;color:var(--muted);font-size:.78rem}.support-payment-status-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #5b4930;border-radius:8px;background:#211d17;color:#e0b45c}.support-payment-status-icon .icon{width:27px;height:27px}.support-status-badge{white-space:nowrap}.status-paid{color:#9fd5aa!important;border-color:#35523b!important;background:#18231b!important}.status-expired,.status-cancelled{color:#d4a59d!important;border-color:#573833!important;background:#241817!important}
.support-payment-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:14px}.support-qr-card,.support-bank-card{padding:18px;min-width:0}.support-qr-title{align-items:flex-end}.support-qr-frame{width:min(100%,390px);aspect-ratio:1;margin:14px auto;padding:12px;background:#fff;border:1px solid #3d3f41;border-radius:8px}.support-qr-frame img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.support-qr-card>p{margin:0;color:#85888b;text-align:center;font-size:.68rem}
.support-bank-head{align-items:flex-end;margin-bottom:8px}.support-bank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #2a2d2f}.support-bank-row>div{min-width:0;display:grid;gap:2px}.support-bank-row small{font-size:.58rem;text-transform:uppercase;letter-spacing:.04em;color:#74787b}.support-bank-row strong{font-size:.83rem;overflow-wrap:anywhere;color:#e4e0d8}.support-bank-row .button{min-width:104px;justify-content:center}.support-payment-note{display:flex;gap:9px;margin-top:13px;padding:10px;border:1px solid #493f2d;background:#211e18;color:#aa9b7d;border-radius:6px}.support-payment-note>.icon{flex:none;width:17px;height:17px;margin-top:1px}.support-payment-note p{margin:0;font-size:.66rem}
.support-live-card{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 16px}.support-live-pulse{width:10px;height:10px;border-radius:50%;background:#deb053;box-shadow:0 0 0 4px rgba(222,176,83,.1);animation:supportPulse 1.8s ease-in-out infinite}.support-live-pulse.is-paid{background:#80bc8c;animation:none;box-shadow:0 0 0 4px rgba(128,188,140,.1)}.support-live-pulse.is-expired{background:#a76257;animation:none;box-shadow:none}.support-live-card strong{font-size:.78rem}.support-live-card p{margin:2px 0 0;color:#878b8e;font-size:.68rem}.support-live-time{font-size:.62rem;color:#727679;white-space:nowrap}.support-payment-actions{display:flex;justify-content:flex-start}.support-policy-inline{margin-top:0}
@keyframes supportPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}

/* Administration / support */
.support-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.support-admin-stat{padding:12px;border:1px solid #303337;border-radius:7px;background:#191b1d;display:grid;gap:3px}.support-admin-stat small{font-size:.57rem;text-transform:uppercase;color:#7d8184}.support-admin-stat strong{font-size:1rem;color:#e6d5ae}.support-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.support-admin-card{padding:15px}.support-admin-card h2{margin:3px 0 10px}.support-admin-meta{display:grid;gap:6px;font-size:.7rem;color:#9b9ea0}.support-admin-meta span{display:flex;justify-content:space-between;gap:12px}.support-admin-table td,.support-admin-table th{white-space:nowrap}.support-admin-table .word-wrap{white-space:normal;min-width:160px}.support-admin-actions{display:flex;gap:6px;flex-wrap:wrap}.support-unmatched-card{padding:0;overflow:hidden}.support-unmatched-head{padding:14px 15px;border-bottom:1px solid #2e3134}.support-unmatched-match{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.7fr) auto;gap:6px;align-items:end}.support-unmatched-match label{display:grid;gap:4px;font-size:.58rem;color:#83878a}.support-unmatched-match select,.support-unmatched-match input{min-width:0}.support-manual-details{margin-top:5px}.support-manual-details summary{cursor:pointer;color:#ae9157;font-size:.62rem}.support-manual-details form{display:grid;gap:6px;margin-top:7px}

@media(max-width:1100px){.support-layout{grid-template-columns:1fr}.support-side{grid-template-columns:1fr 1fr}.support-payment-grid{grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr)}.support-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.support-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-side{grid-template-columns:1fr}.support-submit-row{align-items:stretch;flex-direction:column}.support-submit{width:100%}.support-no-benefit-grid{grid-template-columns:1fr}.support-payment-head{grid-template-columns:46px minmax(0,1fr)}.support-payment-status-icon{width:46px;height:46px}.support-status-badge{grid-column:1/-1;justify-self:start}.support-payment-grid{grid-template-columns:1fr}.support-qr-frame{width:min(100%,420px)}.support-admin-grid{grid-template-columns:1fr}.support-unmatched-match{grid-template-columns:1fr}}
@media(max-width:520px){.support-hero-card{grid-template-columns:44px minmax(0,1fr);padding:14px;gap:11px}.support-heart-mark{width:44px;height:44px}.support-heart-mark .icon{width:22px;height:22px}.support-form,.support-no-benefits,.support-progress-card,.support-how-card,.support-qr-card,.support-bank-card{padding:13px}.support-form-head{align-items:flex-start;flex-direction:column;gap:6px}.support-amount-grid{gap:6px}.support-amount-button{min-height:52px;padding:8px;font-size:.78rem}.support-limit{white-space:normal}.support-submit-copy{display:none}.support-payment-head{padding:13px}.support-payment-head h1{font-size:1.2rem}.support-qr-frame{padding:9px;margin:10px auto}.support-bank-row{grid-template-columns:minmax(0,1fr);gap:7px}.support-bank-row .button{width:100%}.support-live-card{grid-template-columns:14px minmax(0,1fr);padding:12px}.support-live-time{grid-column:2}.support-admin-stats{grid-template-columns:1fr 1fr}.support-admin-stat{padding:9px}.support-policy-card{padding:11px;font-size:.62rem}}


/* v1.12.7 — Fio configuration diagnostics */
.support-config-warning{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,184,77,.28);background:rgba(255,184,77,.06);color:var(--muted)}


/* === ClashHub v1.12.7 — public support entry + terms ===================== */
.top-account-actions{gap:8px}
.top-support-button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #5b4626;border-radius:8px;background:#241e15;color:#efc46f;font-size:.74rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;transition:background .16s,border-color .16s,color .16s,transform .16s}
.top-support-button:hover,.top-support-button[aria-current="page"]{background:#302617;border-color:#87632d;color:#ffd88a;transform:translateY(-1px)}
.top-support-button .icon{width:17px;height:17px}
.support-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.support-principle{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:12px 13px;border:1px solid #34373a;border-radius:8px;background:#181a1c}
.support-principle-main{border-color:#654c27;background:#211c14}.support-principle>.icon{width:20px;height:20px;color:#d3a24d;justify-self:center}
.support-principle div{min-width:0;display:grid;gap:2px}.support-principle small{font-size:.53rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#9f7b40}.support-principle strong{font-size:.78rem;color:#f0ede7}.support-principle span{font-size:.62rem;color:#83878b;line-height:1.35}
.support-layout-v2{align-items:start}.support-hero-card-v2{border-color:#40392d}.support-public-note{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:7px 9px;border:1px solid #34373a;border-radius:6px;background:#1b1d1f;color:#999da1;font-size:.63rem}.support-public-note .icon{width:14px;height:14px;color:#b18a4b}
.support-form-v2{position:relative;overflow:hidden}.support-form-v2:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#b7893e}
.support-terms-consent{display:grid;gap:8px;margin-top:14px;padding:12px;border:1px solid #4a4030;border-radius:7px;background:#211e18}.support-terms-check{display:flex!important;align-items:flex-start!important;gap:9px!important;margin:0!important;color:#d7d1c6!important;font-size:.69rem!important;line-height:1.45!important}.support-terms-check input{width:16px!important;height:16px!important;min-width:16px!important;margin:2px 0 0!important;accent-color:#c79440}.support-terms-check a{color:#edbf6c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.support-terms-consent>p{display:flex;align-items:flex-start;gap:7px;margin:0;color:#938a79;font-size:.62rem;line-height:1.4}.support-terms-consent>p .icon{width:14px;height:14px;flex:0 0 14px;margin-top:1px}
.support-no-benefits-v2{border-color:#3f3a30}.support-terms-preview{padding:15px}.support-terms-preview h2{margin:4px 0 9px}.support-terms-preview ul{display:grid;gap:7px;margin:0 0 12px;padding:0;list-style:none}.support-terms-preview li{position:relative;padding-left:16px;color:#989b9e;font-size:.67rem;line-height:1.38}.support-terms-preview li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#bb8d42}.support-terms-preview .button{width:100%;justify-content:center}.support-policy-card-v2{margin-top:12px}
.support-terms-page{display:grid;gap:12px;max-width:1120px}.support-terms-lead{padding:20px}.support-terms-lead h2{margin:4px 0 8px;font-size:1.35rem}.support-terms-lead>p{max-width:880px;margin:0;color:#9a9da0;line-height:1.55}.support-terms-highlight{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px;border:1px solid #554329;border-radius:7px;background:#211d16}.support-terms-highlight>.icon{width:19px;height:19px;flex:none;color:#d6a34b}.support-terms-highlight>div{display:grid;gap:3px}.support-terms-highlight strong{font-size:.78rem}.support-terms-highlight span{color:#9e9687;font-size:.66rem;line-height:1.42}
.support-terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-term-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px}.support-term-item>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #4b3b25;border-radius:7px;background:#211c15;color:#d5a34d;font-size:.66rem;font-weight:900;letter-spacing:.1em}.support-term-item h3{margin:1px 0 6px;font-size:.87rem}.support-term-item p{margin:0;color:#8f9396;font-size:.69rem;line-height:1.5}.support-terms-contact{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.support-terms-contact>div{display:flex;align-items:center;gap:10px}.support-terms-contact>div>.icon{width:18px;height:18px;color:#ba8c43}.support-terms-contact span{display:grid;gap:2px}.support-terms-contact strong{font-size:.76rem}.support-terms-contact small{font-size:.64rem;color:#898d90}.support-terms-actions{display:flex;justify-content:flex-start}
.support-payment-actions{gap:8px;flex-wrap:wrap}.support-payment-actions form{margin:0}.status-cancelled{border-color:#544044!important;background:#251d1f!important;color:#d9a8ad!important}
@media(max-width:900px){.support-principles{grid-template-columns:1fr}.support-terms-grid{grid-template-columns:1fr}}
@media(max-width:620px){.top-account-actions{gap:6px}.top-support-button{width:42px;height:42px;min-height:42px;padding:0;justify-content:center}.top-support-button span{display:none}.top-support-button .icon{width:18px;height:18px}.support-principle{padding:10px 11px}.support-terms-lead{padding:15px}.support-terms-contact{align-items:stretch;flex-direction:column}.support-terms-contact .button{width:100%;justify-content:center}}
@media(max-width:460px){.support-terms-consent{padding:10px}.support-term-item{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px}.support-term-item>span{width:34px;height:34px}}


/* === ClashHub v1.12.7 — cleaner public support ========================== */
.support-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.support-info-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border:1px solid #34373a;border-radius:8px;background:#181a1c;min-width:0}
.support-info-card.is-highlight{border-color:#5a4729;background:linear-gradient(180deg,#201c16,#191a1b)}
.support-info-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #4b402f;border-radius:7px;background:#211d16;color:#ddb05b}
.support-info-icon .icon{width:21px;height:21px}.support-info-card h2{margin:3px 0 5px;font-size:.93rem}.support-info-card p{margin:0;color:#8d9194;font-size:.67rem;line-height:1.45}.support-info-card .eyebrow{font-size:.54rem}
.support-info-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:11px 13px;border:1px solid #36383b;border-radius:7px;background:#161819}
.support-info-strip>div{display:flex;align-items:center;gap:9px;min-width:0}.support-info-strip>div>.icon{width:16px;height:16px;flex:none;color:#80b78c}.support-info-strip span{display:grid;gap:1px;min-width:0}.support-info-strip strong{font-size:.7rem;color:#ddd9d1}.support-info-strip small{font-size:.61rem;color:#808487}.support-info-strip>a{display:inline-flex;align-items:center;gap:6px;color:#ddb05b;font-size:.65rem;font-weight:800;white-space:nowrap}.support-info-strip>a .icon{width:14px;height:14px}
.support-layout-clean{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr)}
.support-form-clean{padding:20px}.support-form-title{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;align-items:center;padding-bottom:16px;border-bottom:1px solid #2d3032}.support-form-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid #5a4729;border-radius:8px;background:#211c15;color:#e2b45e}.support-form-icon .icon{width:24px;height:24px}.support-form-title h2{margin:2px 0 4px;font-size:1.18rem}.support-form-title p{margin:0;color:#8f9295;font-size:.7rem;line-height:1.45}.support-form-head-clean{margin-top:15px}.support-form-head-clean>strong{font-size:.76rem;color:#d8d5ce}.support-anonymous-note{display:inline-flex;align-items:center;gap:7px;margin-top:11px;color:#8e9295;font-size:.64rem}.support-anonymous-note .icon{width:14px;height:14px;color:#b38e4e}.support-submit-row-clean{justify-content:flex-end}.support-side-clean{gap:10px}.support-how-card-clean{padding:16px}
.support-bank-head{align-items:flex-end}
@media(max-width:980px){.support-info-grid{grid-template-columns:1fr}.support-layout-clean{grid-template-columns:1fr}.support-side-clean{grid-template-columns:1fr 1fr}.support-info-card{grid-template-columns:40px minmax(0,1fr)}.support-info-icon{width:40px;height:40px}}
@media(max-width:720px){.support-info-strip{align-items:flex-start;flex-direction:column}.support-side-clean{grid-template-columns:1fr}.support-form-clean{padding:15px}.support-form-title{grid-template-columns:44px minmax(0,1fr);padding-bottom:13px}.support-form-icon{width:44px;height:44px}.support-form-title h2{font-size:1.05rem}}
@media(max-width:460px){.support-info-card{padding:12px;grid-template-columns:36px minmax(0,1fr);gap:9px}.support-info-icon{width:36px;height:36px}.support-info-icon .icon{width:18px;height:18px}.support-info-strip{padding:10px 11px}.support-form-clean{padding:12px}.support-form-title{grid-template-columns:38px minmax(0,1fr);gap:9px}.support-form-icon{width:38px;height:38px}.support-form-icon .icon{width:19px;height:19px}}

/* ========================================================================== 
   ClashHub v1.16.5 — Administration Control Room redesign
   ========================================================================== */
.admin-v3{display:grid;gap:22px;min-width:0}
.admin-v3-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 0 2px;border-bottom:1px solid var(--line);padding-bottom:22px}
.admin-v3-heading{min-width:0}.admin-v3-heading h1{margin:0 0 7px}.admin-v3-heading p{margin:0;max-width:760px;font-size:.88rem}
.admin-v3-identity{display:flex;align-items:center;gap:11px;min-width:0;padding:9px 10px 9px 9px;border:1px solid #34363a;background:#17191b;border-radius:7px}
.admin-v3-avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border:1px solid #494238;background:#201d18;flex:none}.admin-v3-avatar .avatar,.admin-v3-avatar img{width:100%;height:100%;object-fit:cover;border-radius:0}
.admin-v3-identity>span:nth-child(2){display:grid;min-width:0}.admin-v3-identity small{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#7d8185}.admin-v3-identity strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.admin-v3-role{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:#d8b15f;border-left:1px solid #35373a;padding-left:10px}
.admin-v3-shell{display:grid;grid-template-columns:224px minmax(0,1fr);gap:20px;align-items:start;min-width:0}
.admin-v3-rail{position:sticky;top:104px;border:1px solid #2f3235;background:#151719;border-radius:7px;overflow:hidden}
.admin-v3-rail-title{padding:13px 14px 10px;color:#73777b;font-size:.57rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;border-bottom:1px solid #292c2f}
.admin-v3-nav{display:grid;padding:6px}.admin-v3-nav a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:7px 8px;border-left:2px solid transparent;color:#a5a8ab;transition:.14s ease}
.admin-v3-nav a:hover{background:#1d1f21;color:#f4f1e9}.admin-v3-nav a.active{background:#242117;border-left-color:#d9a946;color:#f0d48e}.admin-v3-nav-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #303337;background:#1b1d1f;color:#8c9094}.admin-v3-nav a.active .admin-v3-nav-icon{border-color:#64502a;background:#2d2619;color:#f4bd50}
.admin-v3-nav-copy{display:grid;min-width:0}.admin-v3-nav-copy strong{font-size:.74rem;font-weight:700}.admin-v3-nav-copy small{font-size:.58rem;color:#74787c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-v3-nav a.active small{color:#a89061}.admin-v3-nav-badge{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;background:#4a3319;color:#ffc968;font-size:.58rem;border:1px solid #6e4c22;border-radius:999px}
.admin-v3-rail-footer{padding:7px;border-top:1px solid #292c2f}.admin-v3-site-link{display:flex;align-items:center;gap:8px;padding:10px;color:#8e9295;font-size:.68rem}.admin-v3-site-link:hover{color:#f4bd50}.admin-v3-site-link .icon{transform:rotate(180deg);width:16px}
.admin-v3-content{min-width:0}.admin-v3-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.admin-v3-section-head .eyebrow{margin-bottom:5px}.admin-v3-section-head h2{margin:0 0 2px;font-size:1.45rem}.admin-v3-section-head p{margin:0;font-size:.72rem;line-height:1.45;max-width:780px}
.admin-v3-card{border:1px solid #303337;background:#181a1c;border-radius:7px;padding:16px;min-width:0}.admin-v3-card+.admin-v3-card{margin-top:12px}.admin-v3-card-flush{padding:0;overflow:hidden}.admin-v3-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.admin-v3-card-head.padded{padding:15px 16px 12px;margin:0;border-bottom:1px solid #2c2f32}.admin-v3-card-head .eyebrow{margin-bottom:5px}.admin-v3-card-head h3{margin:0;font-size:1rem}.admin-v3-card-head p{margin:5px 0 0;font-size:.7rem;line-height:1.5}.admin-v3-inline-link{display:inline-flex;align-items:center;gap:6px;color:#b89a5e;font-size:.65rem;font-weight:700;white-space:nowrap}.admin-v3-inline-link .icon{width:15px;height:15px}
.admin-v3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-v3-kpi{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:84px;padding:13px;border:1px solid #303337;background:#181a1c;border-radius:7px}.admin-v3-kpi:hover{border-color:#5b4a2a;background:#1e1d19}.admin-v3-kpi.static{cursor:default}.admin-v3-kpi.static:hover{border-color:#303337;background:#181a1c}.admin-v3-kpi-icon{width:42px;height:42px;display:grid;place-items:center;background:#201e19;border:1px solid #443923;color:#dcb15b}.admin-v3-kpi-icon .icon{width:19px;height:19px}.admin-v3-kpi>span:nth-child(2){display:grid}.admin-v3-kpi small{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:#7f8387}.admin-v3-kpi strong{font-size:1.35rem;line-height:1.15;color:#f0e8d8}.admin-v3-kpi>.icon{width:16px;color:#6d7074}
.admin-v3-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:12px;margin-bottom:12px}.admin-v3-dashboard-grid-wide{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)}
.admin-v3-health{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:.61rem;color:#9b9fa2}.admin-v3-health i,.admin-v3-connection-chip i,.admin-v3-health-list i{width:7px;height:7px;border-radius:50%;background:#6d7275;display:inline-block;flex:none}.admin-v3-health.good i,.admin-v3-health-list i.good,.admin-v3-connection-chip i.good{background:#6ac388;box-shadow:0 0 0 3px #6ac38814}.admin-v3-health.warn i,.admin-v3-health-list i.warn,.admin-v3-connection-chip i.warn{background:#e0ad4f;box-shadow:0 0 0 3px #e0ad4f12}.admin-v3-health.bad i,.admin-v3-health-list i.bad,.admin-v3-connection-chip i.bad{background:#d9685e}.admin-v3-connection-chip i.neutral{background:#73777a}
.admin-v3-attention-list{display:grid;gap:7px}.admin-v3-attention-list a{display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:10px;border:1px solid #2d3033;background:#151719}.admin-v3-attention-list a:hover{border-color:#51452f}.admin-v3-attention-list>a>span:first-child{width:36px;height:36px;display:grid;place-items:center;background:#1e1f20;color:#c5a45f}.admin-v3-attention-list .icon{width:16px;height:16px}.admin-v3-attention-list div{display:grid}.admin-v3-attention-list strong{font-size:.75rem}.admin-v3-attention-list small{font-size:.61rem;color:#797d80}.admin-v3-attention-list b{font-size:1rem;color:#e8c16e}
.admin-v3-health-list{display:grid}.admin-v3-health-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #292c2f}.admin-v3-health-list>div:last-child{border:0}.admin-v3-health-list span{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#b4b7b9}.admin-v3-health-list strong{font-size:.66rem;color:#e4ddcf}
.admin-v3-activity-list{display:grid}.admin-v3-activity-list>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 15px;border-bottom:1px solid #292c2f}.admin-v3-activity-list>div:last-child{border:0}.admin-v3-activity-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #303337;color:#8bc89b;background:#171a18}.admin-v3-activity-icon .icon{width:14px}.admin-v3-activity-list div>div{display:grid;min-width:0}.admin-v3-activity-list strong{font-size:.69rem}.admin-v3-activity-list small{font-size:.6rem;color:#777b7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-v3-activity-list time,.admin-v3-latest-users time{font-size:.58rem;color:#707477;white-space:nowrap}
.admin-v3-latest-users{display:grid;margin-bottom:12px}.admin-v3-latest-users a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #292c2f}.admin-v3-latest-users a:last-child{border:0}.admin-v3-latest-users .avatar{width:30px;height:30px}.admin-v3-latest-users span{display:grid;min-width:0}.admin-v3-latest-users strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-v3-latest-users small{font-size:.58rem;color:#787c7f}
.admin-v3-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-v3-mini-stats-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.admin-v3-mini-stats>div{display:grid;gap:2px;padding:9px 10px;border:1px solid #2e3134;background:#151719}.admin-v3-mini-stats small{font-size:.56rem;text-transform:uppercase;color:#74787b}.admin-v3-mini-stats strong{font-size:.79rem;color:#e6ddca}
.admin-v3-quick-actions{margin-top:0}.admin-v3-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-v3-action-grid a{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:11px;border:1px solid #2e3134;background:#151719}.admin-v3-action-grid a:hover{border-color:#594926}.admin-v3-action-grid>a>.icon:first-child{width:18px;color:#d0aa5d}.admin-v3-action-grid span{display:grid}.admin-v3-action-grid strong{font-size:.68rem}.admin-v3-action-grid small{font-size:.58rem;color:#777b7e}.admin-v3-action-grid>a>.icon:last-child{width:14px;color:#6d7073}
.admin-v3-filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.admin-v3-filter-tabs a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #303337;background:#17191b;color:#989c9f;font-size:.68rem}.admin-v3-filter-tabs a b{font-size:.68rem;color:#d0b36f}.admin-v3-filter-tabs a.active{border-color:#6c552d;background:#262117;color:#f1d084}
.admin-v3-moderation-list{display:grid}.admin-v3-layout-row{display:grid;grid-template-columns:124px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid #2b2e31}.admin-v3-layout-row:last-child{border:0}.admin-v3-layout-thumb{width:124px;height:82px;overflow:hidden;background:#111}.admin-v3-layout-thumb img{width:100%;height:100%;object-fit:cover}.admin-v3-layout-main{min-width:0}.admin-v3-layout-main h3{font-size:.82rem;margin:5px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-v3-layout-main p{font-size:.62rem;margin:0}.admin-v3-layout-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.58rem;color:#8b8f92}.admin-v3-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:310px}.admin-v3-row-actions form{margin:0}
.admin-v3-report{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:8px!important}.admin-v3-report-thumb{width:92px;height:68px;overflow:hidden;background:#111}.admin-v3-report-thumb img{width:100%;height:100%;object-fit:cover}.admin-v3-report-copy{min-width:0}.admin-v3-report-copy h3{margin:3px 0 4px;font-size:.8rem}.admin-v3-report-copy p{margin:0;font-size:.67rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-v3-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:.57rem;color:#7b7f82}.admin-v3-report-action{justify-self:end}
.admin-v3-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:10px;border:1px solid #303337;background:#17191b;border-radius:7px}.admin-v3-search{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;border:1px solid #34373b;background:#121416;padding:0 10px}.admin-v3-search .icon{width:16px;color:#777}.admin-v3-search input{width:100%;border:0!important;background:transparent!important;min-height:42px;padding:0!important;box-shadow:none!important}.admin-v3-search input:focus{outline:0}.admin-v3-toolbar .button{min-height:42px}
.admin-v3-table{width:100%;border-collapse:collapse;font-size:.67rem}.admin-v3-table th{padding:10px 12px;text-align:left;color:#757a7e;font-size:.56rem;text-transform:uppercase;letter-spacing:.07em;background:#141618;border-bottom:1px solid #303337;white-space:nowrap}.admin-v3-table td{padding:10px 12px;border-bottom:1px solid #292c2f;vertical-align:middle}.admin-v3-table tbody tr:last-child td{border-bottom:0}.admin-v3-table tbody tr:hover{background:#ffffff02}.admin-v3-users-table{min-width:810px}.admin-v3-user{display:flex;align-items:center;gap:9px;min-width:180px}.admin-v3-user .avatar{width:32px;height:32px}.admin-v3-user span{display:grid}.admin-v3-user strong{font-size:.7rem}.admin-v3-user small{font-size:.56rem;color:#73777a}.admin-v3-role-chip{display:inline-flex;padding:4px 7px;border:1px solid #3b3d40;background:#1b1d1f;color:#c4b99f;font-size:.58rem}.admin-v3-user-controls{display:flex;align-items:center;gap:6px}.admin-v3-user-controls select{min-width:118px;padding:7px 8px;font-size:.62rem}.admin-v3-check{display:flex;align-items:center;gap:5px;font-size:.59rem;white-space:nowrap}.admin-v3-check input{accent-color:#d2a34d}
.admin-v3-empty{display:grid;place-items:center;text-align:center;gap:6px;padding:38px 18px;color:#777b7e}.admin-v3-empty .icon{width:24px;height:24px;color:#70bd86}.admin-v3-empty h3{margin:0;color:#d8d4ca;font-size:.82rem}.admin-v3-empty p{margin:0;font-size:.65rem}.admin-v3-empty.compact{padding:20px}
.admin-v3-connection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.admin-v3-connection-chip{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 11px;border:1px solid #303337;background:#17191b;font-size:.63rem}.admin-v3-connection-chip span{color:#9a9ea1}.admin-v3-connection-chip strong{font-size:.61rem;color:#e0d8c7;text-align:right}.admin-v3-stack{display:grid;gap:9px}.admin-v3-stack .button{justify-self:start}.admin-v3-diagnostic{display:grid;gap:2px;margin-top:12px;padding:10px;border-left:2px solid #6abd83;background:#151a17}.admin-v3-diagnostic.is-error{border-color:#dba84a;background:#1e1a14}.admin-v3-diagnostic>div{display:flex;justify-content:space-between;gap:10px;font-size:.63rem}.admin-v3-diagnostic small{font-size:.58rem;color:#7e8285}.admin-v3-keyvalue{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #292c2f;font-size:.64rem}.admin-v3-keyvalue span{color:#797d80}.admin-v3-keyvalue strong{font-weight:600;text-align:right}.admin-v3-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.admin-v3-service-grid>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #2e3134;background:#151719}.admin-v3-service-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #34443a;color:#6ec18a;background:#172019}.admin-v3-service-icon.off{border-color:#453535;color:#bb6868;background:#1e1717}.admin-v3-service-icon .icon{width:14px}.admin-v3-service-grid span:last-child{display:grid}.admin-v3-service-grid strong{font-size:.65rem}.admin-v3-service-grid small{font-size:.56rem;color:#73777a}.admin-v3-last-sync{margin:10px 0 0}
.admin-v3-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.admin-v3-switch{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.admin-v3-switch input{position:absolute;opacity:0;pointer-events:none}.admin-v3-switch>span{position:relative;width:42px;height:23px;border:1px solid #4a4e52;background:#202326;border-radius:999px;transition:.16s}.admin-v3-switch>span:after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#777c80;transition:.16s}.admin-v3-switch input:checked+span{border-color:#8b6a2f;background:#40331d}.admin-v3-switch input:checked+span:after{left:22px;background:#f1c66d}.admin-v3-switch b{font-size:.65rem}.admin-v3-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-v3-status-grid>div,.admin-v3-keyvalue-grid>div{display:grid;gap:3px;padding:9px 10px;border:1px solid #2e3134;background:#151719}.admin-v3-status-grid small,.admin-v3-keyvalue-grid span{font-size:.56rem;color:#767a7d}.admin-v3-status-grid strong,.admin-v3-keyvalue-grid strong{font-size:.66rem;color:#ddd7ca;overflow-wrap:anywhere}.admin-v3-test-card{margin-top:0!important}.admin-v3-test-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.admin-v3-test-actions form{display:flex;align-items:end;gap:8px;margin:0}.admin-v3-test-actions .form-field{min-width:170px;margin:0}
.admin-v3-settings-card{max-width:none}.admin-v3-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px;border:1px solid #303337;background:#151719;margin-bottom:10px}.admin-v3-setting-row.is-enabled{border-color:#6a5228;background:#211d15}.admin-v3-setting-row>div{display:flex;align-items:center;gap:10px}.admin-v3-setting-row>div>span:last-child{display:grid}.admin-v3-setting-row strong{font-size:.72rem}.admin-v3-setting-row small{font-size:.61rem;color:#7e8285}.admin-v3-setting-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #373a3d;color:#c7a45d}.admin-v3-setting-icon .icon{width:17px}.admin-v3-warning{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px;border-left:2px solid #d0a14a;background:#1d1a14;color:#b9aa8a;font-size:.62rem}.admin-v3-warning .icon{width:16px;color:#d7aa52}
.admin-v3-support-status-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:12px}.admin-v3-support-status-strip>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #303337;background:#17191b}.admin-v3-support-status-strip small{font-size:.56rem;text-transform:uppercase;color:#797d80}.admin-v3-support-status-strip strong{font-size:.8rem}.admin-v3-keyvalue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-v3-error-text{color:#e57b72!important}.admin-v3-count-chip{display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border:1px solid #493d25;background:#211d16;color:#e3b75d;font-size:.65rem}.admin-v3-match-form{display:grid;grid-template-columns:minmax(170px,1fr) minmax(130px,.8fr) auto;gap:5px;min-width:460px}.admin-v3-match-form select,.admin-v3-match-form input{min-width:0;font-size:.62rem;padding:7px}.admin-v3-table-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.admin-v3-table-actions form{margin:0}

@media(max-width:1280px){
  .admin-v3-shell{grid-template-columns:200px minmax(0,1fr);gap:14px}.admin-v3-nav-copy small{display:none}.admin-v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v3-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v3-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v3-dashboard-grid,.admin-v3-dashboard-grid-wide{grid-template-columns:1fr 1fr}
}
@media(max-width:1050px){
  .admin-v3-header{align-items:flex-start}.admin-v3-shell{grid-template-columns:1fr}.admin-v3-rail{position:static;overflow:visible}.admin-v3-rail-title,.admin-v3-rail-footer{display:none}.admin-v3-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.admin-v3-nav a{grid-template-columns:28px minmax(0,1fr) auto;min-height:44px;border-left:0;border-bottom:2px solid transparent}.admin-v3-nav a.active{border-left:0;border-bottom-color:#d9a946}.admin-v3-nav-icon{width:28px;height:28px}.admin-v3-nav-copy small{display:none}.admin-v3-content{width:100%}.admin-v3-dashboard-grid,.admin-v3-dashboard-grid-wide{grid-template-columns:1fr}.admin-v3-connection-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-v3-layout-row{grid-template-columns:110px minmax(0,1fr)}.admin-v3-row-actions{grid-column:2;justify-content:flex-start;max-width:none}.admin-v3-report{grid-template-columns:82px minmax(0,1fr)}.admin-v3-report-action{grid-column:2;justify-self:start}
}
@media(max-width:760px){
  .admin-v3{gap:14px}.admin-v3-header{display:grid;gap:12px;padding-bottom:14px}.admin-v3-identity{width:100%}.admin-v3-identity>span:nth-child(2){flex:1}.admin-v3-role{margin-left:auto}.admin-v3-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v3-nav a{min-width:0}.admin-v3-section-head{margin-bottom:10px}.admin-v3-section-head h2{font-size:1.15rem}.admin-v3-kpis,.admin-v3-kpis-support{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-v3-kpi{grid-template-columns:36px minmax(0,1fr);min-height:70px;padding:10px}.admin-v3-kpi-icon{width:36px;height:36px}.admin-v3-kpi>.icon{display:none}.admin-v3-kpi strong{font-size:1.05rem}.admin-v3-card{padding:12px}.admin-v3-card-head.padded{padding:12px}.admin-v3-dashboard-grid,.admin-v3-dashboard-grid-wide{gap:8px}.admin-v3-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v3-layout-row{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px}.admin-v3-layout-thumb{width:82px;height:62px}.admin-v3-layout-main h3{white-space:normal}.admin-v3-row-actions{grid-column:1/-1}.admin-v3-row-actions .button{min-height:38px;width:auto!important}.admin-v3-report{grid-template-columns:70px minmax(0,1fr);padding:10px}.admin-v3-report-thumb{width:70px;height:54px}.admin-v3-report-action{grid-column:1/-1}.admin-v3-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:8px}.admin-v3-search{grid-column:1/-1}.admin-v3-toolbar .button{width:100%}.admin-v3-connection-summary{grid-template-columns:1fr}.admin-v3-service-grid{grid-template-columns:1fr 1fr}.admin-v3-mini-stats-3{grid-template-columns:1fr}.admin-v3-form-grid,.admin-v3-status-grid,.admin-v3-keyvalue-grid{grid-template-columns:1fr}.admin-v3-test-actions,.admin-v3-test-actions form{display:grid;width:100%}.admin-v3-test-actions .form-field,.admin-v3-test-actions .button{width:100%}.admin-v3-setting-row{align-items:flex-start;flex-direction:column}.admin-v3-setting-row .admin-v3-switch{width:100%;justify-content:space-between}.admin-v3-support-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v3-match-form{grid-template-columns:1fr;min-width:280px}.admin-v3-action-grid{grid-template-columns:1fr 1fr}.admin-v3-card+.admin-v3-card{margin-top:8px}
}
@media(max-width:480px){
  .admin-v3-nav{grid-template-columns:1fr}.admin-v3-nav-copy small{display:block}.admin-v3-kpis,.admin-v3-kpis-support{grid-template-columns:1fr 1fr}.admin-v3-kpi{padding:9px}.admin-v3-service-grid,.admin-v3-action-grid{grid-template-columns:1fr}.admin-v3-attention-list a{grid-template-columns:32px minmax(0,1fr) auto}.admin-v3-attention-list a>.icon:last-child{display:none}.admin-v3-activity-list>div{grid-template-columns:28px minmax(0,1fr)}.admin-v3-activity-list time{grid-column:2}.admin-v3-latest-users a{grid-template-columns:28px minmax(0,1fr)}.admin-v3-latest-users time{grid-column:2}.admin-v3-support-status-strip{grid-template-columns:1fr 1fr}.admin-v3-identity strong{max-width:120px}.admin-v3-role{font-size:.53rem}
}

/* ========================================================================== 
   ClashHub v1.16.5 — Administration top navigation + scroll cleanup
   ========================================================================== */
.admin-v3{gap:14px}
.admin-v3-header{align-items:center;gap:16px;padding:2px 0 12px}
.admin-v3-heading h1{margin-bottom:4px}
.admin-v3-heading p{font-size:.76rem;line-height:1.4}
.admin-v3-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;min-width:0}
.admin-v3-rail,.admin-v3-navbar{position:static;top:auto;overflow:visible;padding:6px;border:1px solid #303337;background:#151719;border-radius:7px}
.admin-v3-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:5px;padding:0}
.admin-v3-nav a{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:40px;padding:5px 7px;border:1px solid transparent;border-bottom:2px solid transparent;color:#a5a8ab;background:#181a1c}
.admin-v3-nav a:hover{border-color:#373a3d;background:#1d1f21;color:#f4f1e9}
.admin-v3-nav a.active{border-color:#5f4c29;border-bottom-color:#d9a946;background:#252117;color:#f0d48e}
.admin-v3-nav-icon{width:27px;height:27px;border:0;background:transparent}
.admin-v3-nav-icon .icon{width:15px;height:15px}
.admin-v3-nav-copy strong{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-v3-nav-badge{min-width:18px;height:18px;padding:0 4px;font-size:.54rem}
.admin-v3-content{min-width:0;width:100%}
.admin-v3-section-head{align-items:center;margin-bottom:9px;min-height:34px}
.admin-v3-section-head .eyebrow{display:none}
.admin-v3-section-head h2{margin:0 0 1px;font-size:1.12rem}
.admin-v3-section-head p{font-size:.64rem;line-height:1.35;max-width:900px}
.admin-v3-kpis{gap:7px;margin-bottom:9px}
.admin-v3-kpi{grid-template-columns:36px minmax(0,1fr) 16px;gap:9px;min-height:68px;padding:9px 10px}
.admin-v3-kpi-icon{width:36px;height:36px}.admin-v3-kpi-icon .icon{width:17px;height:17px}.admin-v3-kpi strong{font-size:1.12rem}
.admin-v3-dashboard-grid{gap:9px;margin-bottom:9px}.admin-v3-card{padding:13px}.admin-v3-card+.admin-v3-card{margin-top:9px}.admin-v3-card-head{margin-bottom:10px}.admin-v3-card-head.padded{padding:12px 13px 9px}
.admin-v3-action-grid{gap:6px}.admin-v3-action-grid a{padding:9px}
.admin-v3-attention-list{gap:5px}.admin-v3-attention-list a{padding:8px}
.admin-v3-health-list>div{padding:8px 0}.admin-v3-activity-list>div{padding:8px 12px}.admin-v3-latest-users a{padding:6px 0}
.admin-v3-filter-tabs{gap:5px;margin-bottom:8px}.admin-v3-filter-tabs a{padding:8px 10px}
.admin-v3-layout-row{grid-template-columns:106px minmax(0,1fr) auto;gap:11px;padding:9px 11px}.admin-v3-layout-thumb{width:106px;height:70px}
.admin-v3-report{padding:11px;gap:11px;margin-bottom:6px!important}.admin-v3-toolbar{padding:7px;margin-bottom:8px}.admin-v3-search input{min-height:38px}.admin-v3-toolbar .button{min-height:38px}
.admin-v3 .table-scroll{max-width:100%;overflow:visible}
.admin-v3-table{width:100%;table-layout:auto;font-size:.64rem}.admin-v3-table th{padding:8px 9px;font-size:.53rem}.admin-v3-table td{padding:8px 9px}
.admin-v3-users-table{min-width:0}.admin-v3-user{min-width:0}.admin-v3-user-controls{flex-wrap:wrap}.admin-v3-user-controls select{min-width:100px}
.admin-v3-match-form{min-width:0;grid-template-columns:minmax(145px,1fr) minmax(110px,.7fr) auto}
.admin-v3-support-status-strip{gap:5px;margin-bottom:9px}.admin-v3-support-status-strip>div{padding:8px 9px}
.admin-v3-connection-summary{gap:6px;margin-bottom:9px}.admin-v3-service-grid{gap:5px}.admin-v3-form-grid{gap:6px;margin-top:9px}.admin-v3-status-grid,.admin-v3-keyvalue-grid{gap:5px}
.admin-v3-empty{padding:26px 15px}.admin-v3-empty.compact{padding:14px}

@media(max-width:1280px){
  .admin-v3-shell{grid-template-columns:minmax(0,1fr);gap:10px}
  .admin-v3-nav{grid-template-columns:repeat(auto-fit,minmax(102px,1fr))}
  .admin-v3-nav-copy small{display:none}
  .admin-v3-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .admin-v3-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:980px){
  .admin-v3-header{align-items:flex-start}
  .admin-v3-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-v3-dashboard-grid,.admin-v3-dashboard-grid-wide{grid-template-columns:1fr}
  .admin-v3-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-v3-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-v3-layout-row{grid-template-columns:92px minmax(0,1fr)}
  .admin-v3-layout-thumb{width:92px;height:62px}
  .admin-v3-row-actions{grid-column:2;justify-content:flex-start;max-width:none}
}
@media(max-width:760px){
  .admin-v3{gap:10px}.admin-v3-header{gap:9px;padding-bottom:10px}.admin-v3-heading p{font-size:.68rem}
  .admin-v3-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v3-nav a{min-height:38px}
  .admin-v3-section-head{margin-bottom:7px}.admin-v3-section-head p{display:none}
  .admin-v3-card{padding:10px}.admin-v3-card-head.padded{padding:10px}.admin-v3-kpi{min-height:62px;padding:8px}
  .admin-v3 .table-scroll{overflow:visible}
  .admin-v3-table,.admin-v3-table tbody,.admin-v3-table tr,.admin-v3-table td{display:block;width:100%}
  .admin-v3-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .admin-v3-table tbody tr{padding:7px 9px;border-bottom:1px solid #303337;background:#17191b}
  .admin-v3-table tbody tr:last-child{border-bottom:0}
  .admin-v3-table td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid #26292c;min-width:0;overflow-wrap:anywhere}
  .admin-v3-table td:last-child{border-bottom:0}.admin-v3-table td:before{content:attr(data-label);color:#73787c;font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
  .admin-v3-table td[colspan]{display:block}.admin-v3-table td[colspan]:before{display:none}
  .admin-v3-user-controls,.admin-v3-table-actions{justify-content:flex-start}.admin-v3-match-form{grid-template-columns:1fr;min-width:0;width:100%}
  .admin-v3-match-form select,.admin-v3-match-form input,.admin-v3-match-form .button{width:100%}
}
@media(max-width:480px){
  .admin-v3-nav{grid-template-columns:1fr 1fr}.admin-v3-nav-copy small{display:none}.admin-v3-nav-copy strong{font-size:.62rem}
  .admin-v3-kpis,.admin-v3-kpis-support{grid-template-columns:1fr 1fr}.admin-v3-action-grid,.admin-v3-service-grid{grid-template-columns:1fr}
  .admin-v3-table td{grid-template-columns:82px minmax(0,1fr);gap:7px}
  .admin-v3-identity{padding:7px}.admin-v3-avatar{width:34px;height:34px}.admin-v3-role{font-size:.5rem}
}

/* ========================================================================== 
   ClashHub v1.16.5 — RBAC, modules and layout maintenance
   ========================================================================== */
.admin-v3-role,.admin-v3-role-chip{border-color:color-mix(in srgb,var(--role-color,#d9a946) 45%,#303337);color:var(--role-color,#d9a946)}
.admin-v3-role-chip{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--role-color,#d9a946) 38%,#303337);border-radius:4px;background:#191b1d;font-size:.58rem;font-weight:800;white-space:nowrap}
.admin-rbac-grid{display:grid;grid-template-columns:minmax(240px,.35fr) minmax(0,1.65fr);gap:10px;align-items:start}
.admin-rbac-sidebar{position:sticky;top:10px;min-width:0}.admin-rbac-main{min-width:0}.admin-role-list{display:grid;gap:5px}.admin-role-list-item{display:grid;grid-template-columns:8px minmax(0,1fr) 15px;gap:9px;align-items:center;padding:9px;border:1px solid #2d3033;border-radius:5px;background:#17191b;color:#aaaeb1}.admin-role-list-item:hover,.admin-role-list-item.active{border-color:#5d4c2d;background:#211e18;color:#e9dfc9}.admin-role-list-item>i{width:8px;height:32px;border-radius:2px;background:var(--role-color,#d9a946)}.admin-role-list-item span{display:grid;gap:2px;min-width:0}.admin-role-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.admin-role-list-item small{font-size:.54rem;color:#74787b}.admin-role-list-item>.icon{width:14px;height:14px}
.admin-role-color-preview{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--role-color,#d9a946) 45%,#303337);border-radius:4px;color:var(--role-color,#d9a946);background:#17191b;font-size:.62rem;font-weight:800}.admin-role-form-grid{display:grid;grid-template-columns:minmax(180px,1fr) 90px;gap:8px}.admin-role-description{grid-column:1/-1}.admin-color-input{width:100%;min-height:42px;padding:3px!important;cursor:pointer}
.admin-permission-groups{display:grid;gap:10px;margin:13px 0}.admin-permission-group{min-width:0;margin:0;padding:10px;border:1px solid #2d3033;border-radius:6px;background:#151719}.admin-permission-group legend,.admin-permission-group h4{padding:0 5px;color:#d4b36d;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.admin-permission-group h4{margin:0 0 8px;padding:0}.admin-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.admin-permission-card{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid #2b2e31;border-radius:5px;background:#181a1c;cursor:pointer}.admin-permission-card:hover{border-color:#474039}.admin-permission-card.is-enabled{border-color:#5c4b2d;background:#201d18}.admin-permission-card.is-locked{opacity:.62;cursor:not-allowed}.admin-permission-card>input{margin:2px 0 0;accent-color:#d4a94f}.admin-permission-card>span{display:grid;gap:2px;min-width:0}.admin-permission-card strong{font-size:.66rem;color:#d8d4ca}.admin-permission-card small{font-size:.56rem;line-height:1.35;color:#85898c}.admin-permission-card code{margin-top:3px;color:#776f61;font-size:.5rem;overflow-wrap:anywhere}.admin-permission-groups.read-only .admin-permission-card{grid-template-columns:1fr;cursor:default}
.admin-role-actions{justify-content:flex-start}.admin-role-delete{margin-top:8px;padding-top:8px;border-top:1px solid #292c2f}.admin-role-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.admin-role-members>a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;padding:7px;border:1px solid #2c2f32;border-radius:5px;background:#17191b}.admin-role-members .avatar{width:32px;height:32px}.admin-role-members span{display:grid;gap:1px;min-width:0}.admin-role-members strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.admin-role-members small{color:#73777a;font-size:.53rem}
.admin-module-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:10px;align-items:start}.admin-feature-list{display:grid;gap:6px;margin:0 0 10px}.admin-feature-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #2d3033;border-radius:5px;background:#17191b}.admin-feature-row.is-disabled{border-color:#433438;background:#1d1719}.admin-feature-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #34373a;border-radius:5px;background:#1e2022;color:#b6975a}.admin-feature-icon .icon{width:17px;height:17px}.admin-feature-copy{display:grid;gap:2px;min-width:0}.admin-feature-copy strong{font-size:.7rem;color:#ddd8cd}.admin-feature-copy small{font-size:.57rem;line-height:1.35;color:#7f8386}.admin-module-features .admin-v3-warning{margin:10px 0}.admin-v3-warning.success{border-color:#314939;background:#172019;color:#9fc9a7}
.admin-maintenance-active{display:grid;gap:9px}.admin-maintenance-pulse{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #5c4726;border-radius:5px;background:#211d16;color:#e1bd72;font-size:.64rem;font-weight:800}.admin-maintenance-pulse i{width:8px;height:8px;border-radius:50%;background:#e0ad4d;box-shadow:0 0 0 4px #e0ad4d18}.admin-maintenance-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr) auto;gap:7px;align-items:end}.admin-maintenance-form .button{min-height:42px}.admin-maintenance-auto-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;margin-top:12px;padding-top:10px;border-top:1px solid #2a2d2f}.admin-maintenance-auto-note>.icon{width:18px;height:18px;margin:2px 0 0;color:#b79556}.admin-maintenance-auto-note div{display:grid;gap:2px}.admin-maintenance-auto-note strong{font-size:.63rem}.admin-maintenance-auto-note small{color:#777b7e;font-size:.56rem;line-height:1.4}
@media(max-width:1100px){.admin-rbac-grid,.admin-module-grid{grid-template-columns:1fr}.admin-rbac-sidebar{position:static}.admin-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-role-members{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-permission-grid{grid-template-columns:1fr}.admin-role-list{grid-template-columns:1fr}.admin-maintenance-form{grid-template-columns:1fr 1fr}.admin-maintenance-form .button{grid-column:1/-1;width:100%}.admin-feature-row{grid-template-columns:34px minmax(0,1fr) auto}.admin-feature-icon{width:34px;height:34px}.admin-role-members{grid-template-columns:1fr}}
@media(max-width:480px){.admin-role-form-grid{grid-template-columns:1fr}.admin-role-description{grid-column:auto}.admin-feature-row{grid-template-columns:32px minmax(0,1fr)}.admin-feature-row .admin-v3-switch,.admin-feature-row>.status-badge{grid-column:2;width:100%;justify-content:space-between}.admin-maintenance-form{grid-template-columns:1fr}.admin-maintenance-form .button{grid-column:auto}}

/* 1.16.5 — built-in staff roles + per-user permissions */
.admin-user-access-editor{margin-bottom:10px}.admin-user-access-meta{align-items:end}.admin-user-ban{min-height:42px;padding:0 10px;border:1px solid #2a2d2f;border-radius:5px;background:#141618}.admin-user-permissions{margin-top:12px}.admin-user-permissions .admin-permission-card{min-height:74px}.admin-user-access-editor .form-actions{justify-content:flex-start;flex-wrap:wrap}
@media(max-width:760px){.admin-user-access-meta{grid-template-columns:1fr}.admin-user-access-editor .form-actions .button{width:100%}}

/* ========================================================================== 
   ClashHub v1.16.5 — CoC Live Engine, Ranked, War/CWL and History
   ========================================================================== */
.live-watch-form{margin:0}.live-watch-form .button{white-space:nowrap}
.live-entity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:14px;margin-bottom:14px;align-items:start}
.live-status-panel,.ranked-live-panel,.live-feed-panel,.war-live-panel-v2{min-width:0}
.live-kpis{margin-top:16px}.live-kpis .coc-stat-card strong{font-size:1.05rem}
.live-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.live-chart-card{min-width:0;padding:9px 10px 7px;border:1px solid #2d3033;background:#151719;border-radius:6px;overflow:hidden}.live-chart-card header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;align-items:baseline}.live-chart-card header>span{font-size:.56rem;color:#888d91;text-transform:uppercase;letter-spacing:.06em}.live-chart-card header>strong{font-size:.82rem}.live-chart-card header>small{grid-column:1/-1;font-size:.54rem;color:#85898d}.live-chart-card header>small.is-up{color:#82b88d}.live-chart-card header>small.is-down{color:#c97970}.live-sparkline{display:block;width:100%;height:74px;margin-top:4px;--live-chart-line:#d9aa4e;--live-chart-fill:rgba(217,170,78,.09)}
.live-context-kpis{margin-bottom:10px}.ranked-live-kpis .coc-stat-card small,.live-dashboard-kpis .coc-stat-card small{display:block;margin-top:2px;font-size:.52rem;color:#777c80;font-weight:600}
.live-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.live-feature-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border:1px solid #2e3134;background:#17191b;border-radius:6px}
.live-feature-grid>div>.icon{width:18px;height:18px;margin:2px 0 0;color:#d8ab50}.live-feature-grid>div>span{display:grid;gap:2px}.live-feature-grid strong{font-size:.65rem;letter-spacing:.04em}.live-feature-grid small{font-size:.58rem;line-height:1.45;color:#85898d}
.live-event-list{display:grid;gap:5px;max-height:620px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a3d40 transparent}
.live-event{display:grid;grid-template-columns:9px minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px;border:1px solid #2c2f32;background:#17191b;border-radius:5px;animation:liveEventIn .18s ease-out}
.live-event-dot{width:7px;height:7px;margin-top:7px;border-radius:50%;background:#d9aa4e;box-shadow:0 0 0 3px #d9aa4e14}.live-event>div{display:grid;gap:2px;min-width:0}.live-event strong{font-size:.7rem;line-height:1.35;font-weight:700}.live-event small{font-size:.58rem;color:#7f8387}.live-event small a{color:#b99a5d}.live-empty{margin:0;padding:12px 2px;font-size:.7rem}
@keyframes liveEventIn{from{opacity:.25;transform:translateY(-4px)}to{opacity:1;transform:none}}
.live-mini-list{display:grid;gap:5px}.live-mini-list>div,.live-mini-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid #2b2e31;background:#17191b;border-radius:5px}.live-mini-list>a{grid-template-columns:28px minmax(0,1fr) auto}.live-mini-list>a>span:first-child{display:grid;place-items:center;color:#cda85d}.live-mini-list>a>span:first-child .icon{width:16px;height:16px}.live-mini-list>a>span:nth-child(2){display:grid;min-width:0}.live-mini-list>a strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-mini-list>a small,.live-mini-list>div small{font-size:.55rem;color:#777b7f}.live-mini-list>div>span{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-mini-list>div>strong{font-size:.66rem;color:#e2bd72;white-space:nowrap}.live-mini-list>a>b{font-size:.56rem;color:#777b7f}
.battle-list-v2{display:grid;gap:7px}.battle-card-v2{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #303337;background:#17191b;border-radius:6px}.battle-card-v2 .battle-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #36393c;background:#1d1f21;border-radius:5px}.battle-card-main{display:grid;gap:4px;min-width:0}.battle-card-main .eyebrow{font-size:.54rem}.battle-card-main h3{margin:0;font-size:.88rem}.battle-card-main .battle-meta{display:flex;flex-wrap:wrap;gap:5px 10px;color:#9b9fa2;font-size:.62rem}.battle-loot-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px}.battle-loot-row small{font-size:.55rem;color:#72767a}.battle-loot-row span{padding:2px 5px;border:1px solid #2d3033;background:#141617;border-radius:3px;font-size:.55rem;color:#999da0}.battle-loot-row strong{color:#dbb667}
.ranked-live-panel{overflow:hidden}.ranked-members-table .is-current-player td{background:#211e17}.ranked-members-table .is-current-player strong{color:#f0c568}.ranked-log-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ranked-log-column{min-width:0;padding:10px;border:1px solid #2d3033;background:#151719;border-radius:6px}.ranked-log-column h3{margin:0 0 8px;font-size:.76rem}.ranked-log-column .live-mini-list>div{grid-template-columns:minmax(0,1fr) auto}.ranked-log-column .live-mini-list>div>span{display:grid;gap:1px}.ranked-log-column .live-mini-list>div>span small{font-size:.54rem}.ranked-log-column .live-mini-list>div>strong{display:grid;text-align:right}
.war-live-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.war-live-summary>div{display:grid;gap:2px;padding:10px;border:1px solid #2d3033;background:#17191b;border-radius:5px}.war-live-summary span{font-size:.55rem;color:#85898c;text-transform:uppercase;letter-spacing:.06em}.war-live-summary strong{font-size:1.1rem}.war-attack-list{margin-top:8px}.war-attack-list>div{grid-template-columns:minmax(0,1fr) auto auto}.war-attack-list .stars{color:#e4bc68}
.cwl-round-center{padding-top:12px;border-top:1px solid #2d3033}.cwl-round-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 10px}.cwl-round-tabs .tag{display:grid;place-items:center;min-width:32px;height:30px;border:1px solid #34373a;border-radius:4px;background:#17191b;font-size:.62rem}.cwl-round-tabs .tag.is-active{border-color:#6a542c;background:#282116;color:#f0c46c}.cwl-round-score{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid #303337;background:#17191b;border-radius:6px}.cwl-round-score>div{display:grid;gap:1px}.cwl-round-score>div.right{text-align:right}.cwl-round-score strong{font-size:.72rem}.cwl-round-score span{font-size:1.12rem;font-weight:800;color:#e3b862}.cwl-round-score small{font-size:.58rem;color:#85898c}.cwl-round-score>b{text-align:center;color:#666b6f;font-size:.62rem}.cwl-round-attacks{margin-top:7px}
.raid-efficiency-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.raid-efficiency-strip>div{display:grid;gap:2px;padding:8px 9px;border:1px solid #2d3033;background:#141617;border-radius:5px}.raid-efficiency-strip span{font-size:.52rem;color:#7f8488;text-transform:uppercase;letter-spacing:.05em}.raid-efficiency-strip strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.raid-efficiency-strip small{font-size:.52rem;color:#c9a75f}
.raid-districts-v4{margin-top:8px;border-top:1px solid #2c2f32;padding-top:8px}.raid-districts-v4>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#b8b9ba;font-size:.64rem;font-weight:750}.raid-districts-v4>summary .icon{margin-left:auto;width:14px}.raid-opponent-v4{margin-top:8px;padding:9px;border:1px solid #2d3033;background:#151719;border-radius:5px}.raid-opponent-v4-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.raid-opponent-v4-head strong{font-size:.68rem}.raid-opponent-v4-head small{font-size:.56rem;color:#808488}.raid-district-table td,.raid-district-table th{font-size:.6rem}
.live-dashboard{display:grid;gap:14px}.live-status-strip{display:flex;align-items:center;justify-content:space-between;gap:18px}.live-status-copy{min-width:0}.live-status-copy h2,.admin-coc-live-dashboard .live-status-copy h3{margin:3px 0 6px}.live-status-copy p{margin:0;max-width:820px;font-size:.72rem}.live-dashboard-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.live-kpi-date{font-size:.72rem!important;line-height:1.3}.live-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:14px;align-items:start}
@media(max-width:1100px){.live-entity-grid,.live-dashboard-grid{grid-template-columns:1fr}.live-dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.live-feature-grid,.ranked-log-grid{grid-template-columns:1fr}.live-chart-grid{grid-template-columns:1fr 1fr}.raid-efficiency-strip{grid-template-columns:1fr 1fr}.battle-card-v2{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:10px}.battle-card-v2 .battle-mark{width:36px;height:36px}.battle-card-v2>.button{grid-column:2;width:max-content}.war-live-summary{grid-template-columns:1fr 1fr}.live-status-strip{align-items:flex-start}.cwl-round-score{grid-template-columns:1fr 28px 1fr}}
@media(max-width:480px){.live-dashboard-kpis{grid-template-columns:1fr 1fr}.live-chart-grid{grid-template-columns:1fr}.war-live-summary{grid-template-columns:1fr}.battle-card-v2{grid-template-columns:32px minmax(0,1fr)}.battle-card-v2 .battle-mark{width:32px;height:32px}.battle-card-v2 .battle-mark img{width:26px}.cwl-round-score{padding:8px;gap:6px}.live-event{padding:8px}.live-mini-list>div{grid-template-columns:minmax(0,1fr) auto}.live-mini-list>div>small{grid-column:1/-1}.live-status-strip{padding:14px}}
.cwl-live-standings{margin-top:12px;padding-top:12px;border-top:1px solid #2d3033}.cwl-live-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:.58rem}.cwl-live-note strong{color:#c5a35e;white-space:nowrap}.cwl-live-table .is-current-clan td{background:#211e17}.cwl-live-table .is-current-clan>td:first-child{box-shadow:inset 2px 0 0 #d9aa4e}.cwl-standing-clan{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;color:inherit}.cwl-standing-clan img{width:30px;height:30px;object-fit:contain}.cwl-standing-clan>span{display:grid;min-width:0}.cwl-standing-clan strong{font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwl-standing-clan small{font-size:.52rem;color:#777c80}.cwl-standing-clan small b{color:#7eb98a;text-transform:uppercase}.cwl-live-table td>strong{color:#dfb664}
@media(max-width:720px){.cwl-live-note{display:grid;gap:3px}.cwl-live-table{min-width:650px}}

/* ClashHub v1.16.5 — CoC Live tracking workflow + per-entity admin logs */
.admin-coc-live-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.55fr);gap:14px;align-items:start}
.admin-live-watch-panel,.admin-live-detail-panel{min-width:0}
.admin-live-entity-list{display:grid;gap:6px;max-height:680px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#3a3d40 transparent}
.admin-live-entity{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #2c2f32;background:#17191b;border-radius:5px;color:inherit;transition:border-color .14s ease,background .14s ease}
.admin-live-entity:hover{border-color:#45494d;background:#1b1d1f}.admin-live-entity.is-active{border-color:#6a542c;background:#221e17;box-shadow:inset 2px 0 0 #d9aa4e}
.admin-live-entity-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #303337;background:#141617;border-radius:5px;color:#d5aa54}.admin-live-entity-icon.large{width:40px;height:40px}.admin-live-entity-icon .icon{width:17px;height:17px}.admin-live-entity-icon.large .icon{width:20px;height:20px}
.admin-live-entity-copy{display:grid;gap:2px;min-width:0}.admin-live-entity-copy strong{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-live-entity-copy small{font-size:.55rem;color:#7f8488;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-live-entity-state{display:grid;gap:2px;text-align:right;justify-items:end}.admin-live-entity-state b{font-size:.53rem;text-transform:uppercase;letter-spacing:.05em}.admin-live-entity-state small{font-size:.52rem;color:#777c80}.admin-live-entity-state .is-ok,.admin-live-detail-meta .is-ok{color:#7fba8a}.admin-live-entity-state .is-error,.admin-live-detail-meta .is-error{color:#d57c72}
.admin-live-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #2c2f32}.admin-live-detail-title{display:flex;align-items:center;gap:10px;min-width:0}.admin-live-detail-title>span:last-child{display:grid;gap:1px;min-width:0}.admin-live-detail-title h3{margin:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-live-detail-title small{font-size:.58rem;color:#7f8488}
.admin-live-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 12px}.admin-live-detail-meta>div{display:grid;gap:2px;padding:8px 9px;border:1px solid #2c2f32;background:#151719;border-radius:5px}.admin-live-detail-meta span{font-size:.51rem;color:#777c80;text-transform:uppercase;letter-spacing:.05em}.admin-live-detail-meta strong{font-size:.62rem;line-height:1.35;overflow-wrap:anywhere}
.admin-live-log-head{margin-bottom:8px}.admin-live-detail-panel .live-event-list{max-height:560px}
@media(max-width:1120px){.admin-coc-live-grid{grid-template-columns:1fr}.admin-live-entity-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.admin-live-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-live-entity-list{grid-template-columns:1fr}.admin-live-detail-head{align-items:flex-start}.admin-live-detail-head>.button{width:max-content}.admin-live-detail-meta{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.admin-live-detail-head{display:grid}.admin-live-detail-meta{grid-template-columns:1fr}.admin-live-entity{grid-template-columns:30px minmax(0,1fr)}.admin-live-entity-icon{width:30px;height:30px}.admin-live-entity-state{grid-column:2;display:flex;justify-content:space-between;width:100%;text-align:left}}


/* ClashHub v1.16.5 — CoC Live per-entity categorized log */
.admin-live-log-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px}
.admin-live-log-filter{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #2d3033;background:#151719;color:#a5aaae;border-radius:4px;font:inherit;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}
.admin-live-log-filter:hover{border-color:#4a4e52;color:#ddd}.admin-live-log-filter.is-active{border-color:#70572b;background:#241f17;color:#e4b45a}
.admin-live-log-filter span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid #303337;background:#101213;border-radius:3px;color:#8f9498;font-size:.5rem}
.live-event[hidden]{display:none!important}.live-event-category{color:#d2a954;font-weight:800;text-transform:uppercase;letter-spacing:.045em;font-size:.49rem}


/* ClashHub v1.16.5 — CoC Live semantic event cards + ClashKing CDN artwork */
.live-event{grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;min-height:54px}
.live-event-art{width:38px;height:38px;display:grid;place-items:center;align-self:center;background:#111315;border:1px solid #303338;border-radius:5px;overflow:hidden}
.live-event-art img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.32))}
.live-event-art.has-secondary{position:relative}.live-event-art.has-secondary>img:first-child{width:28px;height:28px;transform:translate(-4px,-3px)}.live-event-art.has-secondary>.live-event-art-secondary{position:absolute;right:1px;bottom:1px;width:21px;height:21px;padding:1px;background:#111315;border-radius:50%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.42))}
.live-event-art img.image-unavailable{display:none!important}
.live-event>.live-event-dot{align-self:center;margin:0 0 0 15px}
.live-event strong{font-size:.72rem;line-height:1.45}
.admin-live-definition-note{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px 11px;border:1px solid #302d25;background:#171612;border-radius:5px;color:#a9abad;font-size:.62rem;line-height:1.45}
.admin-live-definition-note .donation-icons{display:flex;align-items:center;gap:3px;flex:none}
.admin-live-definition-note img{width:25px;height:25px;object-fit:contain}
.admin-live-entity-icon.real-coc-asset{background:#111315;border-color:#2e3135}
.admin-live-entity-icon.real-coc-asset img{width:31px;height:31px;object-fit:contain}
@media(max-width:480px){.live-event{grid-template-columns:34px minmax(0,1fr);gap:8px}.live-event-art{width:32px;height:32px}.live-event-art img{width:29px;height:29px}.admin-live-definition-note{align-items:flex-start}}

/* ClashHub v1.16.5 — CoC Live full clan/player log taxonomy */
.admin-live-watch-groups{display:grid;gap:12px}
.admin-live-watch-group{display:grid;gap:7px}
.admin-live-watch-group+.admin-live-watch-group{padding-top:11px;border-top:1px solid #2b2e31}
.admin-live-watch-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}
.admin-live-watch-group-title{display:flex;align-items:center;gap:7px;min-width:0;color:#c2c5c7}
.admin-live-watch-group-title img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.admin-live-watch-group-title strong{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em}
.admin-live-watch-group .admin-live-entity-list{max-height:330px}
.admin-live-log-taxonomy-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 7px}
.admin-live-log-taxonomy-head>span{font-size:.56rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#d1aa5d}
.admin-live-log-taxonomy-head>small{max-width:660px;text-align:right;font-size:.54rem;line-height:1.35;color:#777c80}
.admin-live-log-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:6px;margin:0 0 10px}
.admin-live-log-filter{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:40px;padding:6px 7px;border:1px solid #2d3033;background:#151719;color:#a5aaae;border-radius:4px;font:inherit;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:left;transition:border-color .14s ease,background .14s ease,color .14s ease,opacity .14s ease}
.admin-live-log-filter>img{width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.admin-live-log-filter-label{display:block!important;min-width:0!important;height:auto!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important;color:inherit!important;font-size:inherit!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-live-log-filter-count{display:grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 4px!important;border:1px solid #303337!important;background:#101213!important;border-radius:3px!important;color:#8f9498!important;font-size:.5rem!important}
.admin-live-log-filter:hover{border-color:#4a4e52;color:#ddd}
.admin-live-log-filter.is-active{border-color:#70572b;background:#241f17;color:#e4b45a;box-shadow:inset 2px 0 0 #d9aa4e}
.admin-live-log-filter.is-empty:not(.is-active){opacity:.55}
.admin-live-filter-empty{margin:0 0 8px;padding:9px 10px;border:1px dashed #33373a;background:#141617;border-radius:4px;font-size:.62rem}
@media(max-width:1120px){.admin-live-watch-group .admin-live-entity-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}
@media(max-width:700px){.admin-live-watch-group .admin-live-entity-list{grid-template-columns:1fr}.admin-live-log-taxonomy-head{display:grid;gap:3px}.admin-live-log-taxonomy-head>small{text-align:left}.admin-live-log-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.admin-live-log-filters{grid-template-columns:1fr 1fr}.admin-live-log-filter{min-height:38px;grid-template-columns:20px minmax(0,1fr) auto;gap:5px;padding:5px}.admin-live-log-filter>img{width:19px;height:19px}}

/* ==============================
   ClashHub Partnerships v1.17.5
   ============================== */
.partners-page,.partner-detail,.partner-apply-layout{display:grid;gap:22px}.partner-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:28px;align-items:stretch;padding:28px;overflow:hidden;position:relative}.partner-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border:1px solid rgba(244,189,80,.14);transform:rotate(35deg);pointer-events:none}.partner-hero-copy{max-width:760px}.partner-hero-copy h2{font-size:clamp(1.55rem,2.4vw,2.35rem);margin:7px 0 12px}.partner-hero-copy p{max-width:720px;margin-bottom:20px}.partner-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.partner-hero-stats>div{border:1px solid var(--line);background:rgba(255,255,255,.018);padding:18px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0}.partner-hero-stats strong{font-size:1.7rem;color:var(--gold);line-height:1}.partner-hero-stats span{font-size:.76rem;color:var(--muted);margin-top:7px;text-transform:uppercase;letter-spacing:.04em}.partner-filter-panel{display:grid;grid-template-columns:minmax(220px,1fr) 220px 180px auto auto;gap:10px;align-items:center}.partner-filter-panel .filter-field{min-width:0}.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.partner-card{border:1px solid var(--line);background:var(--panel);min-width:0;display:grid;grid-template-rows:auto 1fr;position:relative;transition:border-color .18s ease,transform .18s ease}.partner-card:hover{border-color:#494b4f;transform:translateY(-2px)}.partner-card.is-featured{border-color:rgba(244,189,80,.55)}.partner-card-media{min-height:172px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#17191b,#111214);position:relative;overflow:hidden}.partner-card-media:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(transparent,rgba(0,0,0,.42));pointer-events:none}.partner-card-media>img{width:112px;height:112px;object-fit:cover;border:1px solid #34363a;background:#101112;z-index:1}.partner-type-chip{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:rgba(16,17,18,.92);border:1px solid #3a3c40;padding:6px 9px;font-size:.74rem;font-weight:700}.partner-type-chip .icon{width:15px;height:15px;color:var(--gold)}.partner-featured-mark{position:absolute;right:12px;top:12px;z-index:2;width:32px;height:32px;display:grid;place-items:center;background:var(--gold);color:#15120c}.partner-featured-mark .icon{width:17px}.partner-card-body{padding:18px;display:flex;flex-direction:column;min-width:0}.partner-card-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.partner-card-title h3{margin:0;font-size:1.08rem}.partner-card-title>span{font-size:.72rem;color:var(--gold);white-space:nowrap;border:1px solid rgba(244,189,80,.25);padding:4px 7px}.partner-card-body p{font-size:.9rem;margin:10px 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.partner-card-links{display:flex;gap:8px;margin-top:auto;color:var(--muted)}.partner-card-links span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:#151719}.partner-card-links .icon{width:15px}.partner-card-open{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-weight:750;font-size:.86rem}.partner-card-open .icon{width:17px;color:var(--gold)}

.partner-detail-banner{min-height:300px;border:1px solid var(--line);position:relative;overflow:hidden;background:#121315}.partner-detail-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.partner-detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,14,.96) 0%,rgba(12,13,14,.78) 42%,rgba(12,13,14,.28) 100%),linear-gradient(0deg,rgba(12,13,14,.75),transparent 70%)}.partner-detail-head{position:absolute;left:28px;right:28px;bottom:28px;display:flex;align-items:flex-end;gap:20px;z-index:2}.partner-detail-logo{width:112px;height:112px;object-fit:cover;border:1px solid #4a4c4f;background:#101112;flex:0 0 auto}.partner-detail-head h1{margin:7px 0 5px}.partner-detail-head p{margin:0;max-width:700px;color:#d2d0ca}.partner-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:18px}.partner-detail-main,.partner-detail-side{padding:24px}.partner-rich-copy{color:#d7d5cf;line-height:1.75}.partner-info-block{display:grid;grid-template-columns:42px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.partner-info-block>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(244,189,80,.3);color:var(--gold)}.partner-info-block strong{display:block;margin-bottom:4px}.partner-info-block p{margin:0}.partner-audience-big{padding:14px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px}.partner-audience-big small{display:block;color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.partner-audience-big strong{display:block;font-size:1.2rem;margin-top:3px}.partner-link-stack{display:grid;gap:8px;margin-bottom:18px}.partner-link-stack .button{justify-content:flex-start}.partner-link-stack .button .icon:last-child{margin-left:auto}.partner-detail-side>.text-link{display:flex;justify-content:space-between;align-items:center}

.partner-apply-layout{max-width:1120px;margin:0 auto}.partner-apply-intro{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:24px}.partner-type-mark{width:58px;height:58px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(244,189,80,.35);background:rgba(244,189,80,.04)}.partner-type-mark .icon{width:27px;height:27px}.partner-apply-intro h2{margin:5px 0}.partner-apply-intro p{margin:0;max-width:820px}.partner-login-gate{display:flex;justify-content:space-between;align-items:center;gap:20px}.partner-login-gate>div{display:flex;align-items:center;gap:12px}.partner-login-gate>div>.icon{color:var(--gold)}.partner-login-gate small{display:block;color:var(--muted);margin-top:3px}.partner-apply-form-card{padding:24px}.partner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.partner-form-grid .full{grid-column:1/-1}.partner-my-apps{padding:22px}.partner-application-list{display:grid;gap:9px}.partner-application-list article{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);padding:12px 14px;background:#151719}.partner-application-list strong,.partner-application-list small{display:block}.partner-application-list small{color:var(--muted);margin-top:2px}.partner-application-list p{margin:7px 0 0;font-size:.86rem}.partner-app-status{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.partner-app-status.status-approved{color:var(--green)}.partner-app-status.status-rejected{color:#e68075}.partner-app-status.status-reviewing{color:var(--gold)}

/* Admin / partnerships */
.admin-partnerships{display:grid;gap:18px}.partner-admin-tabs{margin-bottom:0}.partner-admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.partner-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.partner-workflow-grid>div{border:1px solid var(--line);padding:15px;display:grid;grid-template-columns:34px 1fr;gap:10px;background:#151719}.partner-workflow-grid b{width:34px;height:34px;display:grid;place-items:center;background:rgba(244,189,80,.09);border:1px solid rgba(244,189,80,.28);color:var(--gold)}.partner-workflow-grid strong,.partner-workflow-grid small{display:block}.partner-workflow-grid small{color:var(--muted);font-size:.78rem;margin-top:4px}.admin-partner-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-partner-live-grid>div{border:1px solid var(--line);padding:13px;display:flex;flex-direction:column;gap:4px}.admin-partner-live-grid strong{font-size:.76rem;text-transform:uppercase;color:var(--muted)}.admin-partner-live-grid code,.admin-partner-live-grid span{font-size:.84rem}.partner-admin-split{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.35fr);gap:16px;align-items:start}.partner-admin-list{display:grid}.partner-admin-list-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line)}.partner-admin-list-row:last-child{border-bottom:0}.partner-admin-list-row:hover,.partner-admin-list-row.active{background:#202225}.partner-admin-list-row.active{box-shadow:inset 3px 0 var(--gold)}.partner-admin-list-row strong,.partner-admin-list-row small{display:block;min-width:0}.partner-admin-list-row small{color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partner-admin-logo{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:#111214;overflow:hidden}.partner-admin-logo img{width:100%;height:100%;object-fit:cover}.partner-admin-logo .icon{width:19px;color:var(--gold)}.partner-admin-kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.partner-admin-kv>div{border:1px solid var(--line);padding:10px}.partner-admin-kv small,.partner-admin-kv strong{display:block}.partner-admin-kv small{color:var(--muted);font-size:.68rem;text-transform:uppercase}.partner-admin-kv strong{font-size:.84rem;margin-top:3px;overflow-wrap:anywhere}.partner-admin-copy{border-top:1px solid var(--line);padding-top:14px}.partner-admin-copy h4{margin:12px 0 5px}.partner-admin-copy p{white-space:normal}.partner-admin-links{display:flex;flex-wrap:wrap;gap:7px;padding-top:12px}.partner-admin-links a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:7px 9px;font-size:.78rem;background:#151719}.partner-admin-links .icon{width:14px}.partner-admin-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.partner-reject-form{margin-top:12px}.partner-editor{margin-bottom:2px}.partner-table-name{display:flex;align-items:center;gap:10px;min-width:220px}.partner-table-name strong,.partner-table-name small{display:block}.partner-table-name small{color:var(--muted);font-size:.72rem}.partner-table td .status-badge+.status-badge{margin-left:5px}

@media(max-width:1180px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-workflow-grid,.admin-partner-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-admin-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-filter-panel{grid-template-columns:minmax(220px,1fr) 190px 160px auto}.partner-filter-panel>.button.secondary{grid-column:4}}
@media(max-width:900px){.partner-hero,.partner-detail-grid,.partner-admin-split{grid-template-columns:1fr}.partner-hero-stats{grid-template-columns:repeat(3,1fr)}.partner-filter-panel{grid-template-columns:1fr 1fr}.partner-filter-panel .search-field{grid-column:1/-1}.partner-filter-panel>.button{width:100%}.partner-detail-banner{min-height:340px}.partner-detail-shade{background:linear-gradient(0deg,rgba(12,13,14,.96),rgba(12,13,14,.42))}.partner-detail-head{align-items:flex-start;flex-direction:column}.partner-admin-split{gap:12px}}
@media(max-width:640px){.partner-grid{grid-template-columns:1fr}.partner-hero{padding:20px}.partner-hero-stats{grid-template-columns:1fr}.partner-hero-stats>div{min-height:76px}.partner-filter-panel{grid-template-columns:1fr}.partner-filter-panel .search-field{grid-column:auto}.partner-form-grid{grid-template-columns:1fr}.partner-form-grid .full{grid-column:auto}.partner-detail-banner{min-height:420px}.partner-detail-head{left:18px;right:18px;bottom:18px}.partner-detail-logo{width:88px;height:88px}.partner-detail-main,.partner-detail-side{padding:18px}.partner-application-list article{grid-template-columns:1fr}.partner-login-gate{align-items:flex-start;flex-direction:column}.partner-workflow-grid,.admin-partner-live-grid,.partner-admin-stat-grid,.partner-admin-kv{grid-template-columns:1fr}.partner-admin-list-row{grid-template-columns:40px minmax(0,1fr)}.partner-admin-list-row>.status-badge{grid-column:2}.partner-admin-links{display:grid}.partner-admin-links a{justify-content:space-between}}

/* ClashHub v1.17.5 — partnership timing + channel analytics */
.partner-window-strip{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.partner-window-strip>span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);background:var(--panel);font-size:12px}.partner-window-strip svg{width:14px;height:14px}.partner-window-strip b{font-size:13px}.partner-channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.partner-channel-grid>div{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);background:var(--panel2)}.partner-channel-grid svg{width:17px;height:17px}.partner-channel-grid span{font-size:12px}.partner-channel-grid strong{font-size:15px}


/* ==========================================
   ClashHub Partnerships v1.17.5 — compact directory + media editor
   ========================================== */
.partners-page{gap:16px}
.partner-directory-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;min-height:0}
.partner-directory-top h2{margin:3px 0 4px;font-size:1.15rem}
.partner-directory-top p{margin:0;max-width:760px;font-size:.84rem;color:var(--muted)}
.partner-directory-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.partner-mini-stat{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid var(--line);background:#151719;color:var(--muted);font-size:.73rem;white-space:nowrap}
.partner-mini-stat .icon{width:15px;color:var(--gold)}.partner-mini-stat b{color:#fff;font-size:.88rem}
.partner-filter-panel{grid-template-columns:minmax(220px,1fr) 205px 165px auto auto;padding:12px}
.partner-directory-section{display:grid;gap:10px;padding-top:2px}
.partner-directory-section+.partner-directory-section{margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}
.partner-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}
.partner-directory-heading h2{display:flex;align-items:center;gap:8px;margin:2px 0 0;font-size:1.08rem}
.partner-directory-heading p{margin:4px 0 0;font-size:.78rem;color:var(--muted)}
.partner-directory-section.is-ours .partner-directory-heading .eyebrow{color:#77b7ff}
.partner-directory-section.is-featured .partner-directory-heading .eyebrow{color:var(--gold)}

.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.partner-card{grid-template-rows:126px 1fr;overflow:hidden;transform:none}
.partner-card:hover{transform:none;border-color:#505357}
.partner-card.is-ours{border-color:rgba(89,154,223,.42)}
.partner-card.is-featured{border-color:rgba(244,189,80,.5)}
.partner-card-media{min-height:126px;height:126px;display:block;background:linear-gradient(145deg,#181a1d,#101214)}
.partner-card-media:after{height:65%;z-index:1;background:linear-gradient(transparent,rgba(0,0,0,.68))}
.partner-card-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.9)}
.partner-card-media.no-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(244,189,80,.045),transparent 55%)}
.partner-card-logo{position:absolute;z-index:3;bottom:10px;width:62px;height:62px;object-fit:cover;border:1px solid #484b50;background:#101214;box-shadow:0 5px 16px rgba(0,0,0,.32)}
.partner-card-logo.logo-left{left:12px}.partner-card-logo.logo-center{left:50%;transform:translateX(-50%)}.partner-card-logo.logo-right{right:12px}
.partner-type-chip{left:10px;top:10px;bottom:auto;padding:5px 8px;font-size:.66rem;z-index:4}
.partner-featured-mark{right:10px;top:10px;width:29px;height:29px;z-index:4}
.partner-own-mark{background:#3e78af;color:#fff}
.partner-card-body{padding:13px 14px 12px}
.partner-card-title h3{font-size:.98rem}.partner-card-title>span{font-size:.65rem;padding:3px 5px}
.partner-card-body p{font-size:.8rem;line-height:1.45;margin:7px 0 10px;-webkit-line-clamp:2}
.partner-card-links{gap:6px}.partner-card-links span{width:26px;height:26px}.partner-card-links .icon{width:13px}
.partner-card-open{margin-top:10px;padding-top:9px;font-size:.77rem}

.partner-detail-banner{min-height:230px}
.partner-detail-banner.no-banner{min-height:180px;background:linear-gradient(145deg,#191b1e,#101214);padding:24px}
.partner-detail-head{left:24px;right:24px;bottom:22px}
.partner-detail-banner.no-banner .partner-detail-head{position:relative;left:auto;right:auto;bottom:auto;min-height:130px}
.partner-detail-logo{width:96px;height:96px}
.partner-detail-head.logo-center{justify-content:center;text-align:center;align-items:center;flex-direction:column}
.partner-detail-head.logo-right{justify-content:flex-start;flex-direction:row-reverse;text-align:right}
.partner-detail-head.logo-right .tag-row{justify-content:flex-end}
.partner-own-badge{border-color:rgba(89,154,223,.45)!important;color:#9bceff!important;background:rgba(62,120,175,.12)!important}

/* Admin v2 */
.partner-admin-toolbar{grid-template-columns:minmax(220px,1fr) 170px 190px auto auto}
.partner-admin-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.partner-admin-card{display:grid;grid-template-columns:138px minmax(0,1fr);border:1px solid var(--line);background:var(--panel);min-width:0}
.partner-admin-card-media{position:relative;min-height:142px;background:linear-gradient(145deg,#181a1d,#111214);overflow:hidden}
.partner-admin-card-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.partner-admin-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.55))}
.partner-admin-card-media .partner-admin-logo{position:absolute;left:12px;bottom:12px;z-index:2;width:48px;height:48px;border-color:#4b4e52}
.partner-admin-card-body{padding:12px;min-width:0;display:grid;align-content:start;gap:8px}
.partner-admin-card-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.partner-admin-card-title h3{margin:2px 0 1px;font-size:.94rem}.partner-admin-card-title small{font-size:.67rem;color:var(--muted)}
.partner-admin-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.partner-admin-card-body>p{font-size:.76rem;line-height:1.45;margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.partner-admin-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.67rem;color:var(--muted)}.partner-admin-card-meta b{color:#d8d8d8}
.partner-admin-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.partner-admin-card-actions form{display:inline-flex}

.partner-editor-v2{display:grid;gap:14px;margin-bottom:2px}
.partner-editor-v2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);background:var(--panel)}
.partner-editor-v2-head h2{margin:3px 0 4px;font-size:1.15rem}.partner-editor-v2-head p{margin:0;color:var(--muted);font-size:.78rem}
.partner-editor-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.partner-editor-v2-main{display:grid;gap:12px}
.partner-editor-section{padding:16px}
.partner-editor-section-head{display:flex;align-items:flex-start;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.partner-editor-section-head>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(244,189,80,.28);background:rgba(244,189,80,.05);color:var(--gold);flex:none}
.partner-editor-section-head .icon{width:17px}.partner-editor-section-head h3{margin:0 0 2px;font-size:.92rem}.partner-editor-section-head p{margin:0;color:var(--muted);font-size:.72rem}
.partner-form-grid.single{grid-template-columns:1fr}
.partner-language-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.partner-language-card{border:1px solid var(--line);background:#151719;padding:12px}
.partner-language-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.partner-language-label b{font-size:.78rem}.partner-language-label span{font-size:.66rem;color:var(--muted)}
.partner-media-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.partner-media-control{border:1px solid var(--line);background:#151719;padding:12px}
.partner-media-control-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.partner-media-control-head>strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.switch-check{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--muted);cursor:pointer}.switch-check input{accent-color:var(--gold)}
.partner-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.partner-position-grid .form-field{position:relative}.partner-position-grid input[type=range]{padding:0;height:28px}
.partner-position-grid output{position:absolute;right:0;top:0;color:var(--gold);font-size:.66rem}
.partner-editor-preview{min-width:0}.partner-editor-preview-sticky{position:sticky;top:82px;display:grid;gap:8px}
.partner-editor-preview-label{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.partner-editor-preview-label span{font-size:.69rem;font-weight:800;text-transform:uppercase;color:var(--gold)}.partner-editor-preview-label small{font-size:.62rem;color:var(--muted)}
.partner-preview-card{border:1px solid var(--line);background:#151719;overflow:hidden}
.partner-preview-banner{height:150px;position:relative;background:linear-gradient(145deg,#181a1d,#101214);overflow:hidden}
.partner-preview-banner img{width:100%;height:100%;object-fit:cover}
.partner-preview-banner.no-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(244,189,80,.06),transparent)}
.partner-preview-logo-wrap{height:0;position:relative;z-index:2}.partner-preview-logo-wrap.logo-left{margin-left:14px}.partner-preview-logo-wrap.logo-center{text-align:center}.partner-preview-logo-wrap.logo-right{text-align:right;margin-right:14px}
.partner-preview-logo{position:relative;top:-36px;width:72px;height:72px;object-fit:cover;border:1px solid #4a4d51;background:#101214}
.partner-preview-logo.placeholder{display:inline-grid;place-items:center;color:var(--muted)}.partner-preview-logo.is-hidden{display:none!important}
.partner-preview-body{padding:42px 14px 14px}.partner-preview-body>span{font-size:.62rem;color:var(--gold);text-transform:uppercase}.partner-preview-body strong{display:block;margin:4px 0;font-size:.95rem}.partner-preview-body p{margin:0;font-size:.75rem;line-height:1.45;color:var(--muted)}
.partner-preview-note{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid var(--line);background:#151719;color:var(--muted);font-size:.68rem;line-height:1.45}.partner-preview-note .icon{width:15px;flex:none;color:var(--gold)}
.check-label>span{display:grid;gap:2px}.check-label>span small{color:var(--muted);font-size:.67rem;font-weight:400}
.upload-field input[type=file]{max-width:100%}

@media(max-width:1240px){
  .partner-admin-cards{grid-template-columns:1fr}
  .partner-editor-v2-layout{grid-template-columns:minmax(0,1fr) 290px}
}
@media(max-width:1040px){
  .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-editor-v2-layout{grid-template-columns:1fr}
  .partner-editor-preview-sticky{position:static}
  .partner-admin-toolbar{grid-template-columns:1fr 1fr}.partner-admin-toolbar .admin-v3-search{grid-column:1/-1}
}
@media(max-width:760px){
  .partner-directory-top{align-items:flex-start;flex-direction:column}
  .partner-directory-actions{width:100%;justify-content:space-between}
  .partner-filter-panel{grid-template-columns:1fr 1fr}.partner-filter-panel .search-field{grid-column:1/-1}
  .partner-language-columns,.partner-media-editor-grid{grid-template-columns:1fr}
  .partner-editor-v2-head{display:grid}.partner-editor-v2-head .form-actions{justify-content:flex-start}
  .partner-admin-card{grid-template-columns:110px minmax(0,1fr)}
  .partner-admin-card-actions{grid-column:1/-1}
}
@media(max-width:560px){
  .partner-grid{grid-template-columns:1fr}
  .partner-directory-actions{display:grid;grid-template-columns:1fr}.partner-directory-actions .button{width:100%}
  .partner-filter-panel{grid-template-columns:1fr}.partner-filter-panel .search-field{grid-column:auto}
  .partner-admin-card{grid-template-columns:1fr}.partner-admin-card-media{min-height:105px}
  .partner-admin-card-title{display:grid}.partner-admin-badges{justify-content:flex-start}
  .partner-position-grid{grid-template-columns:1fr}
  .partner-detail-head.logo-right{flex-direction:column;text-align:left}.partner-detail-head.logo-right .tag-row{justify-content:flex-start}
}

.partner-preview-banner.is-hidden-image img{display:none!important}.partner-preview-banner.is-hidden-image{background:linear-gradient(145deg,#181a1d,#101214)}

/* =========================================================
   Partnerships media editor base
   ========================================================= */
.partner-editor-back{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:#151719;flex:none}.partner-editor-back .icon{width:16px;transform:rotate(180deg)}
.partner-form-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-feature-toggle{padding:10px 11px;border:1px solid var(--line);background:#151719}
.partner-media-thumb{position:relative;overflow:hidden;border:1px dashed #484b50;background:#101214;display:grid;place-items:center}.partner-media-thumb.is-banner{aspect-ratio:16/5}.partner-media-thumb.is-logo{width:min(100%,210px);aspect-ratio:1;margin-inline:auto}.partner-media-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent}.partner-media-thumb>span{display:grid;place-items:center;gap:7px;color:var(--muted);font-size:.7rem;text-align:center}.partner-media-thumb>span .icon{width:22px;color:#777}
.partner-media-file{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.partner-media-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.partner-media-actions .button{justify-content:center}.partner-logo-placement-field{margin-top:9px}.partner-media-info{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:8px 10px;border-left:2px solid rgba(244,189,80,.45);background:rgba(244,189,80,.035);color:var(--muted);font-size:.67rem;line-height:1.45}.partner-media-info .icon{width:14px;flex:none;color:var(--gold)}
.partner-crop-dialog{width:min(760px,calc(100vw - 28px));max-width:none;border:1px solid #3c3f44;padding:0;background:#202226;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.65);border-radius:0}.partner-crop-dialog::backdrop{background:rgba(0,0,0,.78)}.partner-crop-shell{display:grid;gap:0}.partner-crop-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid #34373b}.partner-crop-head h3{margin:2px 0 0;font-size:1rem}.partner-crop-close{width:34px;height:34px;border:0;background:transparent;color:#aaa;font-size:1.6rem;line-height:1;cursor:pointer}.partner-crop-close:hover{color:#fff;background:#2c2f33}
.partner-crop-stage{position:relative;overflow:hidden;margin:16px;background:#101114;touch-action:none;user-select:none;cursor:grab;min-height:0}.partner-crop-stage.is-dragging{cursor:grabbing}.partner-crop-stage.is-banner{aspect-ratio:16/5}.partner-crop-stage.is-logo{width:min(520px,calc(100% - 32px));aspect-ratio:1;margin-inline:auto}.partner-crop-stage>img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform:translate(-50%,-50%);pointer-events:none;will-change:width,height,margin-left,margin-top}.partner-crop-stage:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.partner-crop-stage.is-logo:after{content:"";position:absolute;z-index:3;inset:8%;border:3px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.18);pointer-events:none}
.partner-crop-controls{display:grid;align-items:center;gap:16px;padding:0 16px 14px}.partner-crop-controls label span{font-size:.69rem;color:var(--muted);text-transform:uppercase}.partner-crop-controls input[type=range]{padding:0;height:28px}.partner-crop-controls p{margin:0;font-size:.68rem;color:var(--muted);line-height:1.4}.partner-crop-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid #34373b;background:#1b1d20}.partner-media-thumb.is-drop-target{border-color:var(--gold);background:rgba(244,189,80,.06);box-shadow:inset 0 0 0 1px rgba(244,189,80,.22)}
@media(max-width:720px){.partner-form-grid-compact,.partner-language-columns{grid-template-columns:1fr}.partner-crop-actions{grid-template-columns:1fr 1fr}.partner-crop-actions>span{display:none}.partner-crop-actions .button{width:100%}.partner-crop-stage{margin:10px}.partner-crop-stage.is-logo{width:calc(100% - 20px)}}

/* =====================================================================
   ClashHub Partnerships v1.17.5 — control center + application studio
   ===================================================================== */
.partner-admin-v4{display:grid;gap:12px}.partner-admin-nav{display:flex;gap:4px;overflow:auto;padding:4px;border:1px solid var(--line);background:var(--panel)}.partner-admin-nav a{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-left:2px solid transparent;color:var(--muted);font-size:.72rem;font-weight:800;white-space:nowrap}.partner-admin-nav a:hover{background:#1b1d20;color:#fff}.partner-admin-nav a.active{background:#202225;color:#fff;border-left-color:var(--gold)}.partner-admin-nav .icon{width:15px;color:var(--gold)}.partner-admin-nav b{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;background:#2a2d31;color:#fff;font-size:.62rem}
.partner-control-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid var(--line);background:linear-gradient(110deg,#181a1c,#121416 70%)}.partner-control-hero.compact{padding:12px 14px}.partner-control-hero h2{margin:3px 0 3px;font-size:1.08rem}.partner-control-hero p{margin:0;color:var(--muted);font-size:.71rem}.partner-control-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.partner-control-metrics.mini{grid-template-columns:repeat(4,minmax(0,1fr))}.partner-control-metrics article{min-height:78px;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);background:#151719}.partner-control-metrics article>span{width:34px;height:34px;display:grid;place-items:center;background:#1e2023;border:1px solid #34373b;color:var(--gold);flex:none}.partner-control-metrics article .icon{width:16px}.partner-control-metrics small,.partner-control-metrics strong,.partner-control-metrics em{display:block}.partner-control-metrics small{font-size:.61rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.partner-control-metrics strong{font-size:1.25rem;line-height:1.1;margin-top:3px}.partner-control-metrics em{font-style:normal;font-size:.59rem;color:var(--muted);margin-top:2px}.partner-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.partner-status-tabs{display:flex;gap:4px;overflow:auto}.partner-status-tabs a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);background:#151719;color:var(--muted);font-size:.68rem;font-weight:800;white-space:nowrap}.partner-status-tabs a.active{border-color:rgba(244,189,80,.55);background:rgba(244,189,80,.07);color:#fff}.partner-status-tabs b{min-width:19px;height:19px;display:grid;place-items:center;background:#23262a;font-size:.59rem}.partner-admin-filterbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--line);background:#151719}.partner-admin-filterbar select{height:38px}.partner-admin-filterbar .button{height:38px}
.partner-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.partner-control-card{min-width:0;border:1px solid var(--line);background:#151719;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.partner-control-card-media{position:relative;height:104px;background:#0f1113;overflow:hidden}.partner-control-card-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.partner-control-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78))}.partner-control-card-logo{position:absolute;left:11px;bottom:9px;width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.72);background:#101214;color:var(--gold)}.partner-control-card-logo img{width:100%;height:100%;object-fit:cover}.partner-control-card-logo .icon{width:20px}.partner-control-card-badges{position:absolute;top:8px;right:8px;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.partner-control-card-body{padding:11px}.partner-control-card-body h3{font-size:.88rem;margin:3px 0 5px}.partner-control-card-body p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.partner-control-card-body>div{display:flex;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}.partner-control-card-body small{font-size:.59rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-control-card footer{display:flex;gap:6px;padding:9px 11px;border-top:1px solid var(--line);background:#121416}.partner-control-card footer .button{flex:1;justify-content:center}
.partner-review-workbench{display:grid;grid-template-columns:330px minmax(0,1fr);gap:10px;align-items:start}.partner-review-queue{display:grid;gap:5px;max-height:780px;overflow:auto;padding:5px;border:1px solid var(--line);background:#121416}.partner-review-item{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border:1px solid transparent;background:#17191b}.partner-review-item:hover{background:#1d1f22}.partner-review-item.active{border-color:rgba(244,189,80,.5);background:rgba(244,189,80,.055)}.partner-review-media{position:relative;width:66px;height:48px;overflow:hidden;background:#101214;border:1px solid #34373b}.partner-review-media>img{width:100%;height:100%;object-fit:cover;opacity:.58}.partner-review-media i{position:absolute;left:5px;bottom:4px;width:27px;height:27px;display:grid;place-items:center;overflow:hidden;border:1px solid #555;background:#111;color:var(--gold);font-style:normal}.partner-review-media i img{width:100%;height:100%;object-fit:cover}.partner-review-media .icon{width:13px}.partner-review-copy{min-width:0}.partner-review-copy strong,.partner-review-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-review-copy strong{font-size:.74rem}.partner-review-copy small{font-size:.6rem;color:var(--muted);margin-top:2px}.partner-review-detail{border:1px solid var(--line);background:#151719;min-height:320px}.partner-review-hero{position:relative;min-height:132px;overflow:hidden;background:#101214}.partner-review-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.partner-review-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,11,.88),rgba(9,10,11,.42))}.partner-review-hero-content{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:end;min-height:132px;padding:14px}.partner-review-hero-logo{width:72px;height:72px;object-fit:cover;border:2px solid rgba(255,255,255,.75);background:#111;display:grid;place-items:center;color:var(--gold)}.partner-review-hero-logo .icon{width:26px}.partner-review-hero-content h2{margin:2px 0 2px;font-size:1.08rem}.partner-review-hero-content p{margin:0;color:#c6c8cb;font-size:.68rem}.partner-review-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partner-review-facts>div{padding:9px 11px;border-right:1px solid var(--line)}.partner-review-facts>div:last-child{border-right:0}.partner-review-facts small,.partner-review-facts strong{display:block}.partner-review-facts small{font-size:.57rem;text-transform:uppercase;color:var(--muted)}.partner-review-facts strong{font-size:.69rem;margin-top:3px}.partner-review-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px}.partner-review-columns article{padding:10px;border:1px solid var(--line);background:#121416}.partner-review-columns article>span{display:block;color:var(--gold);font-size:.61rem;font-weight:900;text-transform:uppercase}.partner-review-columns p{font-size:.69rem;line-height:1.5;color:#d4d5d7}.partner-review-actions{padding:11px;border-top:1px solid var(--line);background:#121416}.partner-review-primary-actions{display:flex;gap:6px;margin-bottom:9px}.partner-review-primary-actions form{margin:0}
.partner-studio{display:grid;gap:9px}.partner-studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line);background:#151719}.partner-studio-heading{display:flex;align-items:center;gap:10px;min-width:0}.partner-studio-heading h2{font-size:.96rem;margin:2px 0}.partner-studio-heading p{font-size:.66rem;margin:0;color:var(--muted)}.partner-studio-toolbar-actions{display:flex;align-items:center;gap:6px}.partner-studio-workbench{display:grid;grid-template-columns:205px minmax(0,1fr) 270px;gap:9px;align-items:start}.partner-studio-sidebar{position:sticky;top:74px;border:1px solid var(--line);background:#151719}.partner-studio-identity{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid var(--line)}.partner-studio-identity>img,.partner-studio-identity>span{width:38px;height:38px;display:grid;place-items:center;object-fit:cover;background:#101214;border:1px solid #3b3e42;color:var(--gold);flex:none}.partner-studio-identity .icon{width:17px}.partner-studio-identity strong,.partner-studio-identity small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-studio-identity strong{font-size:.7rem}.partner-studio-identity small{font-size:.56rem;color:var(--muted);margin-top:2px}.partner-studio-nav{display:grid;padding:5px}.partner-studio-nav button{appearance:none;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);display:grid;grid-template-columns:18px 1fr 14px;align-items:center;gap:7px;text-align:left;padding:9px 8px;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.partner-studio-nav button:hover{background:#1c1e21;color:#fff}.partner-studio-nav button.active{background:rgba(244,189,80,.065);color:#fff;border-left-color:var(--gold)}.partner-studio-nav .icon{width:14px}.partner-studio-nav button .icon:first-child{color:var(--gold)}.partner-studio-nav button .icon:last-child{opacity:.45}.partner-studio-sidebar-meta{display:grid;gap:5px;padding:8px 10px;border-top:1px solid var(--line)}.partner-studio-sidebar-meta span{font-size:.57rem;color:var(--muted)}.partner-studio-sidebar-meta b{color:#ddd}.partner-studio-main{min-width:0}.partner-studio-panel{padding:13px;border:1px solid var(--line);background:#151719}.partner-studio-panel-head{display:flex;align-items:flex-start;gap:9px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.partner-studio-panel-head>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #393c40;background:#1d1f22;color:var(--gold);flex:none}.partner-studio-panel-head .icon{width:15px}.partner-studio-panel-head h3{font-size:.79rem;margin:0 0 2px}.partner-studio-panel-head p{font-size:.62rem;line-height:1.4;margin:0;color:var(--muted)}.partner-studio-preview{min-width:0}.partner-studio-preview-sticky{position:sticky;top:74px}.partner-media-workspace-v4{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:9px}.partner-media-card{border:1px solid var(--line);background:#111315;padding:10px}.partner-media-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.partner-media-card-head strong,.partner-media-card-head small{display:block}.partner-media-card-head strong{font-size:.69rem;text-transform:uppercase}.partner-media-card-head small{font-size:.58rem;color:var(--muted);margin-top:2px;line-height:1.35}
.partner-crop-stage{background-color:#101114;background-image:linear-gradient(45deg,#15171a 25%,transparent 25%),linear-gradient(-45deg,#15171a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15171a 75%),linear-gradient(-45deg,transparent 75%,#15171a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.partner-crop-controls{grid-template-columns:1fr;gap:9px}.partner-crop-zoom-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 52px;gap:7px;align-items:center}.partner-crop-zoom-row>button{height:32px;border:1px solid #45484d;background:#181a1d;color:#fff;font-size:1.1rem;cursor:pointer}.partner-crop-zoom-row>button:hover{border-color:var(--gold)}.partner-crop-zoom-row label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}.partner-crop-zoom-row output{font-size:.66rem;text-align:right;color:var(--gold);font-weight:800}.partner-crop-controls p{margin:0}.partner-crop-stage.is-logo:after{inset:8%;box-shadow:0 0 0 999px rgba(0,0,0,.24)}
.partner-application-studio{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:10px;align-items:start}.partner-application-main{display:grid;gap:9px}.partner-application-section{padding:13px}.partner-application-media{min-width:0}.partner-application-media-sticky{position:sticky;top:74px;display:grid;gap:8px}.partner-application-media-grid{display:grid;gap:8px}.partner-application-media-grid .partner-media-thumb.is-logo{width:150px}.partner-application-preview{position:relative;margin-top:10px;border:1px solid var(--line);background:#111315}.partner-application-preview .partner-preview-banner{height:92px}.partner-application-preview .partner-preview-logo{width:54px;height:54px;top:-27px}.partner-application-preview .partner-preview-body{padding:33px 10px 10px}.partner-application-submit{display:grid;grid-template-columns:1fr 1fr;gap:6px}.partner-application-submit .button{justify-content:center}.partner-apply-intro.compact{padding:11px 13px}.partner-application-history-logo{width:38px;height:38px;object-fit:cover;border:1px solid #444;flex:none}
@media(max-width:1240px){.partner-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-studio-workbench{grid-template-columns:190px minmax(0,1fr)}.partner-studio-preview{grid-column:2}.partner-studio-preview-sticky{position:static;max-width:420px}.partner-review-workbench{grid-template-columns:290px minmax(0,1fr)}.partner-application-studio{grid-template-columns:minmax(0,1fr) 310px}.partner-control-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.partner-overview-grid{grid-template-columns:1fr}.partner-review-workbench{grid-template-columns:1fr}.partner-review-queue{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.partner-studio-workbench{grid-template-columns:1fr}.partner-studio-sidebar{position:static}.partner-studio-nav{display:flex;overflow:auto}.partner-studio-nav button{min-width:max-content;grid-template-columns:18px auto;padding:8px 10px}.partner-studio-nav button .icon:last-child{display:none}.partner-studio-sidebar-meta{display:none}.partner-studio-preview{grid-column:auto}.partner-application-studio{grid-template-columns:1fr}.partner-application-media-sticky{position:static}.partner-application-media-grid{grid-template-columns:1fr 1fr}.partner-admin-filterbar{grid-template-columns:minmax(220px,1fr) 150px 150px auto}}
@media(max-width:720px){.partner-admin-nav a{padding:8px 9px}.partner-control-hero,.partner-studio-toolbar{align-items:flex-start;flex-direction:column}.partner-control-hero .button{width:100%;justify-content:center}.partner-control-metrics,.partner-control-metrics.mini{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-control-grid{grid-template-columns:1fr}.partner-admin-filterbar{grid-template-columns:1fr}.partner-review-queue{grid-template-columns:1fr}.partner-review-hero-content{grid-template-columns:auto minmax(0,1fr)}.partner-review-hero-content>.status-badge{grid-column:2}.partner-review-facts{grid-template-columns:repeat(2,1fr)}.partner-review-columns{grid-template-columns:1fr}.partner-studio-toolbar-actions{width:100%;flex-wrap:wrap}.partner-studio-toolbar-actions .button{flex:1}.partner-media-workspace-v4,.partner-application-media-grid{grid-template-columns:1fr}.partner-application-submit{grid-template-columns:1fr}.partner-crop-zoom-row{grid-template-columns:32px minmax(0,1fr) 32px}.partner-crop-zoom-row output{grid-column:1/4;text-align:center}.partner-control-metrics article{min-height:70px}}

/* ========================================================================== 
   ClashHub v1.17.5 — filter alignment + no-jump interaction hardening
   ========================================================================== */
.partner-admin-filterbar{align-items:stretch}
.partner-admin-filterbar-applications{grid-template-columns:minmax(260px,1fr) minmax(190px,230px) 180px}
.partner-admin-filterbar-partners{grid-template-columns:minmax(260px,1fr) minmax(155px,190px) minmax(155px,190px) 170px}
.partner-admin-filterbar .admin-v3-search,
.partner-admin-filterbar select,
.partner-admin-filterbar .button{height:44px;min-height:44px;margin:0}
.partner-admin-filterbar .admin-v3-search{padding:0 12px;border-radius:7px}
.partner-admin-filterbar .admin-v3-search input{height:42px;min-height:42px}
.partner-admin-filterbar select{
  width:100%;min-width:0;padding:0 42px 0 13px;
  border:1px solid #373a3e;border-radius:7px;
  color:#f3efe7;background-color:#1b1d20;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b8b1a2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:14px 14px;
  line-height:1;box-shadow:none
}
.partner-admin-filterbar select:hover{border-color:#4b4f54;background-color:#1d2023}
.partner-admin-filterbar select:focus-visible{outline:0;border-color:#b88b3b;box-shadow:0 0 0 2px rgba(244,189,80,.14)}
.partner-admin-filterbar .button{min-width:0;justify-content:center;padding-inline:18px;border-radius:7px}

/* Dynamic replacement must not let browser scroll anchoring move the viewport. */
#main,[data-partnership-live],#live-content{overflow-anchor:none}

@media(max-width:980px){
  .partner-admin-filterbar-applications{grid-template-columns:minmax(220px,1fr) minmax(160px,210px) 150px}
  .partner-admin-filterbar-partners{grid-template-columns:minmax(220px,1fr) 150px 150px 150px}
}
@media(max-width:720px){
  .partner-admin-filterbar-applications,.partner-admin-filterbar-partners{grid-template-columns:1fr}
  .partner-admin-filterbar .admin-v3-search,.partner-admin-filterbar select,.partner-admin-filterbar .button{width:100%}
}

/* v1.17.5 — reliable instant module switches */
[data-module-feature-form].is-saving .admin-v3-switch{opacity:.72}
[data-module-feature-form].is-saving .admin-v3-switch>span{box-shadow:0 0 0 2px rgba(217,170,78,.08)}
[data-module-save-state].warn{border-color:#6a472f!important;color:#e0a56c!important}

/* ========================================================================== */
/* ClashHub v1.18.6 · Recruitment 2.0 + private Clan Intelligence + WAR ROOM */
/* ========================================================================== */
.clan-private-tab{display:inline-flex!important;align-items:center;gap:6px}.clan-private-tab .icon{width:15px;height:15px}
.clan-private-lock{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px}.clan-private-lock-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #3a3428;background:#211e18;color:var(--gold);border-radius:6px}.clan-private-lock-icon .icon{width:25px;height:25px}.clan-private-lock h2,.clan-private-hero h2{margin:2px 0 5px}.clan-private-lock p,.clan-private-hero p{margin:0;max-width:850px}
.clan-private-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:12px;border-color:#3a3428;background:linear-gradient(110deg,#1b1915,#191b1d 58%)}.clan-private-role{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border:1px solid #3b443c;background:#19211b;color:#a9d5b3;border-radius:5px;font-size:.72rem;font-weight:800}.clan-private-role .icon{width:15px;height:15px}
.clan-intel-tracking{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;border-color:#5b4928}.clan-intel-tracking strong{display:block;margin-bottom:4px}.clan-intel-tracking p{margin:0}
.clan-intel-kpis,.war-room-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.clan-intel-kpis>article,.war-room-kpis>article{padding:12px;min-width:0}.clan-intel-kpis span,.war-room-kpis span{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.055em;font-weight:800}.clan-intel-kpis strong,.war-room-kpis strong{display:block;margin-top:5px;font-size:1.18rem;line-height:1.1}.clan-intel-kpis small{display:block;margin-top:4px;color:#7f8387;font-size:.58rem}
.clan-intel-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:12px;margin-bottom:12px}.clan-intel-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clan-intel-period-grid>article{border:1px solid var(--line);background:#16181a;border-radius:6px;overflow:hidden}.clan-intel-period-grid header{padding:9px 11px;border-bottom:1px solid var(--line);background:#1b1d20}.clan-intel-period-grid dl{margin:0;padding:4px 10px}.clan-intel-period-grid dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #242629}.clan-intel-period-grid dl>div:last-child{border-bottom:0}.clan-intel-period-grid dt{color:var(--muted);font-size:.68rem}.clan-intel-period-grid dd{margin:0;font-weight:800;font-size:.78rem}
.clan-intel-distribution{display:grid;gap:7px}.clan-intel-distribution>div{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:8px;align-items:center;font-size:.68rem}.clan-intel-distribution>div>div{height:7px;background:#101214;border:1px solid #2a2d30;overflow:hidden}.clan-intel-distribution i{display:block;height:100%;background:var(--gold)}.clan-intel-distribution strong{text-align:right}
.clan-intel-member-list{display:grid;gap:5px}.clan-intel-member-list>a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid #2b2e31;background:#17191b;border-radius:5px}.clan-intel-member-list>a:hover{border-color:#51462e}.clan-intel-member-list .rank{color:#8d9094;font-size:.62rem;font-weight:800}.clan-intel-member-list strong{display:block;font-size:.72rem}.clan-intel-member-list small{display:block;color:#7f8387;font-size:.58rem}.clan-intel-member-list b{font-size:.74rem;color:var(--gold)}
.clan-intel-feed{display:grid;gap:5px;max-height:460px;overflow:auto}.clan-intel-feed>article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid #2b2e31;background:#17191b;border-radius:5px}.clan-intel-feed>article>div>strong{display:block;font-size:.69rem;line-height:1.4}.clan-intel-feed>article>div>small{display:block;margin-top:2px;color:#7f8387;font-size:.56rem}

.war-room-hero{margin-bottom:12px}.war-room-access-badges{display:flex;gap:6px;align-items:center}.war-room-discord{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:12px;border-left:3px solid #5965f2}.war-room-discord-copy h2{margin:2px 0 4px}.war-room-discord-copy p{margin:0;max-width:780px}.war-room-discord-connected{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #39443b;background:#18201a;border-radius:5px}.war-room-discord-connected>span{color:var(--green)}.war-room-discord-connected strong,.war-room-discord-connected small{display:block}.war-room-discord-connected strong{font-size:.7rem}.war-room-discord-connected small{color:#858a8f;font-size:.56rem}.war-room-discord-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.button.danger{color:#f2b1aa;border-color:#633c38;background:#2a1b1a}.button.danger:hover{background:#3a211f}
.war-room-empty{display:flex;align-items:center;gap:15px;min-height:150px}.war-room-empty>.icon{width:38px;height:38px;color:#777}.war-room-empty h2{margin-bottom:4px}.war-room-empty p{margin:0}
.war-room-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:8px;padding:18px}.war-room-side{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center}.war-room-side>div strong,.war-room-side>div small{display:block}.war-room-side>div strong{font-size:1rem}.war-room-side>div small{color:#7f8387;font-size:.6rem}.war-room-side>b{font-size:1.3rem}.war-room-side>span{grid-column:2;color:#9da0a4;text-align:right;font-size:.72rem}.war-room-side.is-us{text-align:left}.war-room-side:not(.is-us){text-align:right;grid-template-columns:auto minmax(0,1fr)}.war-room-side:not(.is-us)>div{grid-column:2;grid-row:1/3}.war-room-side:not(.is-us)>b,.war-room-side:not(.is-us)>span{grid-column:1;text-align:left}.war-room-versus{text-align:center}.war-room-versus span,.war-room-versus small{display:block;color:#8b8f93;font-size:.58rem}.war-room-versus strong{display:block;margin:2px 0;font-size:1.25rem;color:var(--gold)}
.war-room-demo-badge{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid #765a26;background:#2a2113;color:#f1c45f;border-radius:5px;font-size:.68rem;font-weight:900;letter-spacing:.045em;white-space:nowrap}.war-room-demo-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;border-color:#765a26;background:#211c13}.war-room-demo-notice h2{margin:2px 0 4px}.war-room-demo-notice p{margin:0;max-width:900px}.war-room-demo-start{margin-top:12px}.war-room-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.war-room-activity-card{padding:14px;min-width:0}.war-room-activity-card.is-missing{border-top:3px solid #9f4e47}.war-room-activity-card.is-done{border-top:3px solid #5b9869}.war-room-activity-card>header,.war-room-attack-log>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.war-room-activity-card h2,.war-room-attack-log h2{display:flex;align-items:center;gap:7px;margin:2px 0 3px}.war-room-activity-card p,.war-room-attack-log p{margin:0}.war-room-activity-card .button,.war-room-attack-log .button{white-space:nowrap}.war-room-roster-list{display:grid;gap:5px}.war-room-roster-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid #2b2e31;background:#151719}.war-room-roster-row strong,.war-room-roster-row small{display:block}.war-room-roster-row strong{font-size:.72rem}.war-room-roster-row small{margin-top:1px;color:#81858a;font-size:.56rem}.war-room-attack-count{min-width:50px;text-align:center;padding:5px 7px;border:1px solid #35543c;background:#17231a;color:#9ed4aa;font-size:.65rem}.war-room-attack-count.is-zero{border-color:#613b37;background:#281918;color:#e6a19a}.war-room-activity-empty{padding:16px;border:1px dashed #34373a;background:#141618;color:#81858a;text-align:center;font-size:.66rem}.war-room-attack-log{margin-bottom:18px;padding:14px}.war-room-log-list{display:grid;gap:5px;max-height:560px;overflow:auto}.war-room-log-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #2b2e31;background:#151719}.war-room-log-order{height:30px;display:grid;place-items:center;border:1px solid #34383c;background:#101214;font-size:.6rem;font-weight:900}.war-room-log-route{display:flex;align-items:center;gap:8px;min-width:0}.war-room-log-route strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.69rem}.war-room-log-route span{color:#70757a}.war-room-log-result{text-align:right}.war-room-log-result b,.war-room-log-result span{display:block}.war-room-log-result b{font-size:.66rem;letter-spacing:.02em}.war-room-log-result span{margin-top:2px;color:#8d9195;font-size:.56rem}
.war-room-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.war-room-section-head{margin-top:20px}.war-room-section-head p{margin:3px 0 0}.war-room-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.war-room-target{padding:13px;border-top:3px solid #43474b}.war-room-target.is-claimed{border-top-color:#b69047}.war-room-target.is-planned{border-top-color:#7c8ab0}.war-room-target.is-done{border-top-color:#68a676}.war-room-target.is-skipped{opacity:.72}.war-room-target>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;margin-bottom:10px}.war-room-map-pos{height:34px;display:grid;place-items:center;border:1px solid #34383c;background:#121416;font-size:.7rem;font-weight:900}.war-room-target>header strong,.war-room-target>header small{display:block}.war-room-target>header strong{font-size:.76rem}.war-room-target>header small{font-size:.56rem;color:#85898e}.war-room-state{padding:4px 7px;border:1px solid #34383c;background:#17191b;border-radius:4px;font-size:.54rem;text-transform:uppercase;font-weight:900;letter-spacing:.04em}.war-room-best-attack{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;margin-bottom:9px;padding:8px 9px;background:#151719;border:1px solid #292c2f}.war-room-best-attack span{font-size:.57rem;color:#85898e}.war-room-best-attack strong{font-size:.7rem}.war-room-best-attack small{grid-column:1/-1;font-size:.56rem;color:#a2a5a8}.war-room-target-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.war-room-target-form label,.war-room-record-editor>label{display:grid;gap:4px;color:#aeb0b3;font-size:.6rem;font-weight:700}.war-room-target-form select,.war-room-target-form textarea,.war-room-record-editor select,.war-room-record-editor input,.war-room-record-editor textarea{width:100%;border:1px solid #33363a;background:#111315;color:var(--text);border-radius:4px;padding:8px 9px;outline:none}.war-room-target-form .wide{grid-column:1/-1}.war-room-target-form textarea{resize:vertical;min-height:58px}.war-room-target-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}.war-room-target-readonly{display:grid;gap:8px}.war-room-target-readonly>div span,.war-room-target-readonly>div strong{display:block}.war-room-target-readonly>div span{font-size:.56rem;color:#85898e;text-transform:uppercase}.war-room-target-readonly>div strong{font-size:.72rem}.war-room-target-readonly p{margin:0;padding:8px 9px;border-left:2px solid #454a4e;background:#151719;font-size:.67rem}
.war-room-record-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:12px}.war-room-record-list{display:grid;gap:7px}.war-room-record{padding:10px 11px;border:1px solid #2c2f32;background:#17191b;border-radius:5px}.war-room-record.is-pinned{border-color:#5e4b2a;background:#1c1a16}.war-room-record header,.war-room-record footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.war-room-record header span,.war-room-record header b{font-size:.54rem;text-transform:uppercase;letter-spacing:.05em}.war-room-record header span{color:#9b9fa3}.war-room-record header b{color:var(--gold)}.war-room-record h3{margin:6px 0 3px;font-size:.76rem}.war-room-record p{margin:0 0 8px;font-size:.67rem}.war-room-record footer small{color:#73777b;font-size:.54rem}.war-room-record-editor{align-self:start;display:grid;gap:9px}.war-room-record-editor h2{margin:0 0 2px}.war-room-record-editor textarea{resize:vertical;min-height:120px}.war-room-editor-options{display:grid;gap:5px;padding:5px 0}

.recruit-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.recruit-mode-tabs>a{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);background:#17191b;border-radius:6px}.recruit-mode-tabs>a:hover{border-color:#4c4534}.recruit-mode-tabs>a[aria-current="page"]{border-color:#6b542d;background:#211d16}.recruit-mode-tabs .icon{width:22px;height:22px;color:var(--gold)}.recruit-mode-tabs strong,.recruit-mode-tabs small{display:block}.recruit-mode-tabs strong{font-size:.76rem}.recruit-mode-tabs small{margin-top:1px;color:#7f8387;font-size:.58rem}
.recruit-player-own{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;border-left:3px solid var(--green)}.recruit-player-own.is-paused{border-left-color:#a67c39}.recruit-player-own h2{margin:2px 0 3px}.recruit-player-own p{margin:0}
.recruit-player-matches{margin:18px 0}.recruit-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recruit-match-card{display:flex;flex-direction:column;gap:9px;padding:12px}.recruit-match-card header{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;align-items:center}.recruit-match-card header img{width:50px;height:50px;object-fit:contain}.recruit-match-card header strong,.recruit-match-card header small{display:block}.recruit-match-card header strong{font-size:.76rem}.recruit-match-card header small{font-size:.56rem;color:#8b8e92}.recruit-match-meta{display:flex;gap:10px;flex-wrap:wrap;color:#989b9f;font-size:.58rem}.recruit-match-card .button{margin-top:auto;justify-content:center}
.recruit-player-filters{grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(130px,1fr))}.recruit-player-filters .recruit-filter-actions{grid-column:1/-1}.recruit-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.recruit-player-card{display:flex;flex-direction:column;gap:10px;padding:14px}.recruit-player-card>header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center}.recruit-player-card>header h2{margin:1px 0 0;font-size:1rem}.recruit-player-th{width:52px;height:52px;display:grid;place-items:center;align-content:center;border:1px solid #3f3829;background:#211e18;color:#c2b28c;font-size:.57rem;font-weight:800}.recruit-player-th strong{display:block;font-size:1rem;color:var(--gold);line-height:1}.recruit-player-league{object-fit:contain}.recruit-player-title{font-size:.76rem}.recruit-player-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.recruit-player-stats>div{padding:7px 8px;border:1px solid #2b2e31;background:#151719}.recruit-player-stats span,.recruit-player-stats strong{display:block}.recruit-player-stats span{color:#7f8387;font-size:.53rem;text-transform:uppercase}.recruit-player-stats strong{margin-top:2px;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruit-player-description{font-size:.68rem;line-height:1.5;margin:0;min-height:42px}.recruit-player-card>footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #292c2f;padding-top:10px}.recruit-player-card>footer small{color:#73777b;font-size:.55rem}.recruit-player-card>footer>div{display:flex;gap:6px}.recruit-player-snapshot{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:10px 11px;border:1px solid #303338;background:#16181a;margin-bottom:11px}.recruit-player-snapshot>div strong,.recruit-player-snapshot>div small,.recruit-player-snapshot>div span,.recruit-player-snapshot>div b{display:block}.recruit-player-snapshot>div small,.recruit-player-snapshot>div span{color:#85898e;font-size:.56rem}.recruit-player-snapshot>div b{font-size:.72rem}

@media(max-width:1100px){.war-room-activity-grid{grid-template-columns:1fr}.clan-intel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.war-room-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.clan-intel-grid,.war-room-record-layout{grid-template-columns:1fr}.recruit-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-player-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-player-filters .recruit-search,.recruit-player-filters .recruit-filter-actions{grid-column:1/-1}}
@media(max-width:760px){.war-room-demo-notice,.war-room-activity-card>header,.war-room-attack-log>header{align-items:stretch;flex-direction:column}.war-room-activity-card>header form,.war-room-activity-card>header .button,.war-room-attack-log>header form,.war-room-attack-log>header .button{width:100%}.clan-private-lock{grid-template-columns:44px minmax(0,1fr)}.clan-private-lock .button{grid-column:1/-1;width:100%;justify-content:center}.clan-private-hero,.clan-intel-tracking,.recruit-player-own{align-items:stretch;flex-direction:column}.clan-private-role{align-self:flex-start}.clan-intel-kpis,.war-room-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.clan-intel-period-grid{grid-template-columns:1fr}.war-room-discord{grid-template-columns:1fr}.war-room-discord-actions{justify-content:stretch}.war-room-discord-actions form,.war-room-discord-actions .button{width:100%}.war-room-scoreboard{grid-template-columns:1fr;gap:8px}.war-room-versus{display:flex;align-items:center;justify-content:center;gap:7px}.war-room-side:not(.is-us){text-align:left;grid-template-columns:minmax(0,1fr) auto}.war-room-side:not(.is-us)>div{grid-column:1;grid-row:1/3}.war-room-side:not(.is-us)>b,.war-room-side:not(.is-us)>span{grid-column:2;text-align:right}.war-room-target-grid{grid-template-columns:1fr}.recruit-match-grid,.recruit-player-grid{grid-template-columns:1fr}.recruit-player-card>footer{align-items:stretch;flex-direction:column}.recruit-player-card>footer>div{display:grid;grid-template-columns:1fr 1fr}.recruit-player-snapshot{grid-template-columns:54px minmax(0,1fr)}.recruit-player-snapshot>div:nth-last-child(-n+2){padding-top:6px;border-top:1px solid #292c2f}}
@media(max-width:500px){.war-room-log-row{grid-template-columns:36px minmax(0,1fr)}.war-room-log-result{grid-column:2;text-align:left}.war-room-log-route{gap:5px}.war-room-roster-row{grid-template-columns:34px minmax(0,1fr) auto}.recruit-mode-tabs{grid-template-columns:1fr}.clan-intel-kpis,.war-room-kpis{grid-template-columns:1fr 1fr}.war-room-target-form{grid-template-columns:1fr}.war-room-target-form .wide,.war-room-target-actions{grid-column:1}.war-room-target-actions{align-items:stretch;flex-direction:column}.war-room-target-actions .button{width:100%}.recruit-player-filters{grid-template-columns:1fr}.recruit-player-filters .recruit-search,.recruit-player-filters .recruit-filter-actions{grid-column:1}.recruit-player-stats{grid-template-columns:1fr 1fr}.recruit-player-card>header{grid-template-columns:48px minmax(0,1fr) auto}.recruit-player-th{width:46px;height:46px}.recruit-player-league{width:42px;height:42px}}

/* ClashHub v1.18.6 · WAR ROOM member-first activity console */
.war-room-member-console{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:10px;margin:12px 0}.war-room-member-menu,.war-room-member-stage{padding:14px;min-width:0}.war-room-member-menu>header{margin-bottom:10px}.war-room-member-menu h2{display:flex;align-items:center;gap:7px;margin:2px 0 3px}.war-room-member-menu p{margin:0}.war-room-member-buttons{display:grid;gap:5px;max-height:620px;overflow:auto;padding-right:2px}.war-room-member-button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:9px;border:1px solid #2b2e31;background:#151719;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.war-room-member-button:hover{border-color:#4a4e52;background:#191b1d}.war-room-member-button.is-active{border-color:#8c6b2d;background:#241d12;box-shadow:inset 3px 0 0 var(--gold)}.war-room-member-position{height:34px;display:grid;place-items:center;border:1px solid #34383c;background:#101214;font-size:.68rem;font-weight:900}.war-room-member-copy strong,.war-room-member-copy small,.war-room-member-usage b,.war-room-member-usage small{display:block}.war-room-member-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.war-room-member-copy small{margin-top:2px;color:#81858a;font-size:.54rem}.war-room-member-usage{text-align:right}.war-room-member-usage b{font-size:.66rem}.war-room-member-usage small{margin-top:2px;font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.war-room-member-button.has-attacked .war-room-member-usage small{color:#8bc99a}.war-room-member-button.not-attacked .war-room-member-usage small{color:#e39b94}.war-room-member-stage{min-height:330px}.war-room-member-panel[hidden]{display:none!important}.war-room-member-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #2a2d30}.war-room-member-detail-head h2{margin:2px 0 3px}.war-room-member-detail-head p{margin:0}.war-room-member-detail-head .button{white-space:nowrap}.war-room-member-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.war-room-member-kpis>div{padding:10px;border:1px solid #2b2e31;background:#151719}.war-room-member-kpis span,.war-room-member-kpis strong{display:block}.war-room-member-kpis span{color:#85898e;font-size:.55rem;text-transform:uppercase;font-weight:800;letter-spacing:.03em}.war-room-member-kpis strong{margin-top:4px;font-size:.78rem}.war-room-member-kpis strong.good{color:#9ed4aa}.war-room-member-kpis strong.warn{color:#e6a19a}.war-room-member-log{margin-top:8px}.war-room-member-log .section-heading{margin-bottom:8px}.war-room-member-log .section-heading h3{display:flex;align-items:center;gap:7px;margin:2px 0 0;font-size:.78rem}.war-room-log-list.is-member-log{max-height:390px}
@media(max-width:980px){.war-room-member-console{grid-template-columns:1fr}.war-room-member-buttons{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.war-room-member-stage{min-height:0}}
@media(max-width:700px){.war-room-member-buttons{grid-template-columns:1fr}.war-room-member-detail-head{align-items:stretch;flex-direction:column}.war-room-member-detail-head form,.war-room-member-detail-head .button{width:100%}.war-room-member-kpis{grid-template-columns:1fr 1fr}.war-room-member-kpis>div:last-child{grid-column:1/-1}}
@media(max-width:500px){.war-room-member-button{grid-template-columns:34px minmax(0,1fr) auto;padding:8px}.war-room-member-kpis{grid-template-columns:1fr}.war-room-member-kpis>div:last-child{grid-column:1}.war-room-member-menu,.war-room-member-stage{padding:11px}}

/* ClashHub v1.18.6 · WAR ROOM 31-day archive */
.war-room-history{margin-bottom:12px;padding:14px}.war-room-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.war-room-history-head h2{margin:2px 0 4px}.war-room-history-head p{margin:0;max-width:900px}.war-room-history-list{display:grid;gap:5px;max-height:360px;overflow:auto}.war-room-history-row{display:grid;grid-template-columns:78px minmax(0,1fr) auto 105px;gap:12px;align-items:center;padding:10px 11px;border:1px solid #2b2e31;background:#151719;color:var(--text)}.war-room-history-row:hover{border-color:#4c4638;background:#191a1b}.war-room-history-row.is-active{border-color:#8c6b2d;background:#241d12;box-shadow:inset 3px 0 0 var(--gold)}.war-room-history-row.is-current .war-room-history-state{color:#9ed4aa;border-color:#35543c;background:#17231a}.war-room-history-state{display:inline-flex;justify-content:center;padding:5px 7px;border:1px solid #554729;background:#211c13;color:var(--gold);font-size:.54rem;font-weight:900;letter-spacing:.05em}.war-room-history-match{display:flex;align-items:center;gap:8px;min-width:0}.war-room-history-match strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.war-room-history-match b{color:#71757a;font-size:.55rem}.war-room-history-score{font-size:.7rem;font-weight:900;white-space:nowrap}.war-room-history-date{color:#85898e;font-size:.58rem;text-align:right;white-space:nowrap}.war-room-history-badge{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid #5c4b2b;background:#221d14;color:#e8c16d;border-radius:5px;font-size:.68rem;font-weight:900;letter-spacing:.045em;white-space:nowrap}.war-room-history-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;border-color:#5c4b2b;background:#1f1b14}.war-room-history-notice h2{margin:2px 0 4px}.war-room-history-notice p{margin:0;max-width:900px}
@media(max-width:760px){.war-room-history-head,.war-room-history-notice{align-items:stretch;flex-direction:column}.war-room-history-row{grid-template-columns:72px minmax(0,1fr) auto}.war-room-history-date{grid-column:2/4;text-align:left}.war-room-history-head .button,.war-room-history-notice .button{width:100%;justify-content:center}}
@media(max-width:520px){.war-room-history-row{grid-template-columns:66px minmax(0,1fr)}.war-room-history-score{grid-column:2}.war-room-history-date{grid-column:2}.war-room-history-match{align-items:flex-start;flex-direction:column;gap:2px}.war-room-history-match b{display:none}}