.clan-role {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 800;
  color: #a9d6f1;
  padding: 4px 7px;
  border-radius: 7px;
  background: #173955;
  border: 1px solid #3b617c;
}
.clan-role svg {
  width: 15px;
  height: 15px;
}
.role-founder {
  color: #ffcf74;
  background: #574220;
  border-color: #a08145;
}
.role-admin {
  color: #beadff;
  background: #312850;
  border-color: #66538d;
}
.clan-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  margin: 10px 0 18px;
}
.clan-actions .button {
  min-height: 38px;
  font-size: 11px;
}
.clan-notice {
  font-size: 11px;
  color: #aac5da;
  line-height: 1.5;
}
.clan-actions > .clan-notice {
  flex-basis: 100%;
  margin: 0;
}
.clan-top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 20px;
}
.clan-top-actions .button {
  font-size: 11px;
}
.clan-leagues {
  margin: 16px 0;
}
.clan-leagues > h3 {
  font-size: 12px;
  margin-bottom: 9px;
  color: #a4c5da;
}
.clan-league-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid #426783;
  border-radius: 12px;
  background: linear-gradient(110deg, #284b65, #122b43);
  margin: 8px 0;
}
.clan-league-logo {
  width: 44px;
  flex-shrink: 0;
}
.clan-league-logo > img,
.clan-league-logo > svg {
  width: 44px;
  height: 36px;
  object-fit: contain;
}
.clan-league-card > div {
  min-width: 0;
  flex: 1;
}
.clan-league-card > div > b {
  font-size: 13px;
  overflow-wrap: anywhere;
}
.clan-league-card small {
  display: block;
  font-size: 10px;
  color: #abcce2;
  margin-top: 3px;
}
.clan-league-card > svg {
  width: 16px;
  height: 16px;
  color: #64d6ff;
}
.clan-league-numbers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.clan-league-numbers > span {
  font-size: 9px;
  color: #a6c4da;
}
.clan-league-numbers b {
  display: block;
  font-size: 12px;
  color: #f1f7ff;
  margin-top: 3px;
}
.nexus-members {
  margin-bottom: 18px;
}
.clan-member-list {
  display: grid;
  gap: 8px;
  padding: 10px;
}
.managed-member {
  border: 1px solid #3d6682;
  border-radius: 11px;
  background: linear-gradient(120deg, #234660, #142f48);
  padding: 0 10px 10px;
}
.managed-member:not([open]) {
  padding-bottom: 0;
}
.managed-member :is(summary,.member-row) {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  min-height: 60px;
  list-style: none;
  padding: 8px 0;
}
.managed-member :is(summary,.member-row) > b {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
}
.managed-member :is(summary,.member-row)::-webkit-details-marker {
  display: none;
}
.managed-member .button {
  font-size: 10px;
  margin-top: 8px;
}
.member-management {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0;
}
.member-management:empty {
  display: none;
}
.member-management .button {
  min-height: 34px;
  font-size: 10px;
  letter-spacing: 0;
  padding: 8px;
}
.roster-player > .member-management {
  padding: 0 12px;
}
.roster-player summary .clan-role span {
  display: none;
}
.imported-member-note {
  padding: 10px 14px;
  border-top: 1px solid #355772;
}
.clan-request {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 12px;
}
.clan-request > b {
  flex-basis: 100%;
  font-size: 13px;
}
.clan-request .button {
  min-height: 34px;
  font-size: 10px;
}
.created-clan-emblem {
  display: grid;
  place-items: center;
  position: relative;
  width: 88px;
  height: 88px;
  color: #95d8ef;
}
.created-clan-emblem > svg {
  width: 80px;
  height: 80px;
  fill: #173d5a;
}
.created-clan-emblem > b {
  position: absolute;
  font-size: 24px;
  color: #dcf4ff;
}
.clan-confirm {
  width: min(380px, calc(100vw - 32px));
  border: 1px solid #59849b;
  border-radius: 14px;
  background: linear-gradient(#234662, #112940);
  color: #eef6ff;
  padding: 22px;
  box-shadow: 0 12px 70px #000b;
}
.clan-confirm h2 {
  font-size: 20px;
}
.clan-confirm p {
  font-size: 13px;
  line-height: 1.6;
  margin: 16px 0;
}
.clan-confirm::backdrop {
  background: #020b1cbb;
}
.compact-profile {
  max-width: 540px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compact-profile .hub-heading h1 {
  font-size: 28px;
  font-style: italic;
}
.profile-identity {
  display: flex;
  align-items: center;
  gap: 14px;
}
.profile-identity .personal-avatar {
  width: 56px;
  height: 56px;
}
.profile-identity h2 {
  font-size: 20px;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}
.profile-identity .status {
  font-size: 10px;
}
.profile-overview {
  padding: 14px;
  border: 1px solid #42617c;
  border-radius: 12px;
  background: linear-gradient(120deg, #1d3c57, #11263f);
}
.profile-clan-links {
  display: grid;
  gap: 6px;
  max-height: 118px;
  overflow: auto;
}
.profile-clan-link {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 39px;
}
.profile-clan-link > b {
  flex: 1;
  font-size: 13px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.profile-clan-link > .team-logo,
.profile-clan-link > .created-clan-emblem,
.profile-clan-link > svg {
  width: 31px;
  height: 31px;
  max-width: 31px;
  max-height: 31px;
  object-fit: contain;
}
.profile-clan-link .created-clan-emblem > svg {
  width: 30px;
  height: 30px;
}
.profile-clan-link .created-clan-emblem > b {
  font-size: 10px;
}
.profile-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.profile-metrics > div {
  background: #254761;
  border-radius: 8px;
  padding: 10px;
}
.profile-metrics small {
  display: block;
  font-size: 9px;
  color: #a8c9df;
  margin-bottom: 5px;
}
.profile-metrics b {
  font-size: 18px;
}
.profile-data-note {
  color: #9fbcd1;
  font-size: 10px;
  line-height: 1.4;
  margin: 8px 0 !important;
}
.profile-gaming-summary {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  margin: 13px 0;
  color: #a8c8de;
}
.profile-gaming-summary b {
  color: #e7f2ff;
  text-align: right;
  overflow-wrap: anywhere;
}
.profile-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.profile-links .button {
  flex: 1;
  min-height: 37px;
  font-size: 10px;
  letter-spacing: 0;
  padding: 8px;
  white-space: nowrap;
}
.profile-gaming-form {
  padding: 14px;
  background: #142f48;
  border: 1px solid #3c5e7b;
  border-radius: 12px;
}
.profile-gaming-form .field {
  margin-bottom: 12px;
  font-size: 11px;
}
.profile-gaming-form input {
  font-size: 14px;
  padding: 10px;
}
.profile-gaming-form > .button {
  min-height: 38px;
  width: 100%;
  font-size: 11px;
}
.profile-gaming-form [role="status"] {
  font-size: 11px;
  margin: 8px 0 0;
}
.profile-compact-page .game-shell {
  padding-bottom: 90px;
}
.profile-compact-stage {
  padding-top: 4px !important;
}
.compact-profile .game-icon-button {
  width: 34px;
  height: 34px;
}
.squad-card .clan-role {
  margin-top: 8px;
}
@media (max-height: 700px) {
  .compact-profile {
    gap: 9px;
  }
  .compact-profile .hub-heading h1 {
    font-size: 24px;
  }
  .profile-identity .personal-avatar {
    width: 48px;
    height: 48px;
  }
  .profile-overview {
    padding: 11px;
  }
  .profile-metrics > div {
    padding: 8px;
  }
  .profile-metrics b {
    font-size: 16px;
  }
  .profile-gaming-summary {
    margin: 9px 0;
  }
  .profile-links .button {
    min-height: 34px;
  }
  .profile-compact-stage {
    padding-bottom: 4px;
  }
  .profile-compact-page .game-shell {
    padding-bottom: 84px;
  }
}
@media (max-width: 360px) {
  .clan-top-actions {
    gap: 6px;
  }
  .clan-top-actions .button {
    padding: 8px;
  }
  .clan-league-card {
    gap: 8px;
    padding: 11px;
  }
  .clan-league-logo,
  .clan-league-logo > img {
    width: 32px;
  }
  .clan-role {
    font-size: 9px;
  }
  .profile-clan-link .clan-role span {
    display: none;
  }
}
.geo-presets .nexus-clan-search {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 9px;
  border: 1px solid #698598;
  border-radius: 7px;
  background: #294863;
  color: #ffe1a3;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}
.profile-clan-links {
  max-height: none;
  overflow: visible;
}
.clan-logo-editor[open] { flex-basis: 100%; }
.clan-logo-editor form { width: 100%; }
.clan-logo-editor textarea { width: 100%; resize: vertical; }
.clan-description { white-space: pre-wrap; overflow-wrap: anywhere; }
.clan-image-picker {display:inline-flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:0;border-radius:10px;padding:6px;cursor:pointer;color:inherit;max-width:100%}
.clan-image-picker:hover {background:#6ddcff18}
.clan-image-picker:focus-visible {outline:2px solid #ffcf7d;outline-offset:3px}
.clan-image-picker .clan-upload-preview {margin:0}
.clan-image-picker .clan-upload-preview:not([hidden]) + .clan-image-fallback {display:none}
.clan-image-fallback > .team-logo {width:96px;height:96px;object-fit:contain}
.clan-image-caption {font-size:11px;color:#a1e4ff}
.clan-header-image {flex-shrink:0;padding:0}
.clan-header-image > .team-logo {width:72px;height:72px;object-fit:contain}
.clan-create-image {width:132px;height:132px;aspect-ratio:1;display:flex;justify-content:center;padding:10px;margin:8px 0;border:1px dashed #76b8d5;background:#0d263d}
.clan-create-image .clan-upload-preview {width:100%;height:100%;object-fit:contain}
.clan-create-image .clan-image-fallback {display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;color:#a1e4ff}
.clan-create-image .clan-image-fallback svg {width:32px;height:32px}

.clan-league-card .clan-league-team { color: #e1f3ff; font-weight: 700; font-size: 12px; margin-top: 3px; }

/* Clan cards use a full-card emblem and compact role symbols. */
.compact-squad-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 160px;
  justify-content: flex-end;
}
.compact-squad-card > img.team-logo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  margin: 0;
  z-index: -2;
}
.compact-squad-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, #061528b3 75%, #061528ee);
  z-index: -1;
  pointer-events: none;
}
.compact-squad-card h2 { position: relative; margin-top: auto; text-shadow: 0 1px 4px #000; }
.compact-squad-card .clan-role > span { display: none; }
.compact-squad-card .clan-role {
  position: absolute;
  top: 8px;
  left: 8px;
  right: auto;
  margin: 0;
  padding: 4px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  display: grid;
  place-items: center;
}
.compact-squad-card .clan-role svg { width: 30px; height: 30px; }

.compact-squad-grid .compact-squad-card { overflow: hidden; padding: 0; }
.compact-squad-grid .compact-squad-card > img.team-logo.big {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  z-index: -2;
}
.compact-squad-grid .compact-squad-card .clan-role {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  filter: drop-shadow(0 1px 3px #000);
}
.compact-squad-grid .compact-squad-card h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 9px 5px;
  background: linear-gradient(180deg, #c7eeff30, #274a6380 45%, #10263ba6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-top: 1px solid #beeaff60;
  box-shadow: inset 0 -1px #c6edff30;
  text-align: center;
  z-index: 3;
}

/* Full-card glass pane, with a free-standing readable clan name. */
.compact-squad-grid .compact-squad-card::before {
  z-index: 0;
  background: linear-gradient(125deg, #e5f7ff32 0%, #c1eaff09 30%, transparent 31%, transparent 57%, #e3f7ff1a 58%, transparent 75%),
    linear-gradient(180deg, #9bd6ff0a 25%, #04122215 55%, #041222b8 100%);
  box-shadow: inset 1px 1px 3px #d8f4ff70, inset -1px -1px 4px #06162980;
  border-radius: inherit;
}
.compact-squad-grid .compact-squad-card h2 {
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-weight: 800;
  text-shadow: 0 1px 2px #000, 0 2px 6px #000, 1px 0 2px #000;
}
.compact-squad-grid .compact-squad-card .clan-role { z-index: 3; }

.compact-squad-grid .compact-squad-card > img.team-logo.big { opacity: .72; }
.compact-squad-grid .compact-squad-card h2 {
  text-shadow: -1px -1px 1px #020711, 1px -1px 1px #020711,
    -1px 1px 1px #020711, 1px 1px 1px #020711,
    0 2px 3px #000, 0 3px 8px #000, 0 0 5px #000;
}

.clan-member-profile{color:inherit;font-weight:700;text-decoration:none;flex:1;min-width:0}
[data-clan-roles][aria-pressed="true"]{border-color:#a4dfff;background:#244d68}
.clan-role-popup{width:min(350px,calc(100% - 32px));box-sizing:border-box;padding:22px;border:1px solid #91d8ff;border-radius:18px;background:linear-gradient(145deg,#24465f,#0c2033);color:#f0f9ff;box-shadow:0 18px 60px #0009}
.clan-role-popup::backdrop{background:#020916b8}
.clan-role-popup h2{font-size:20px;margin:0 0 18px}
.clan-role-popup>.button{display:block;width:100%;margin-top:10px}

.managed-member .member-row{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 12px}.managed-member .member-details[hidden]{display:none!important}

/* Compact member rows and a single aligned management header. */
.nexus-members .clan-member-list{gap:6px;padding:8px}
.nexus-members .managed-member{padding:0;border-radius:9px}
.nexus-members .managed-member .member-row{
 height:42px;min-height:42px;box-sizing:border-box;padding:5px 10px;gap:8px;
}
.nexus-members .member-row .member-avatar{width:26px;height:26px;flex:0 0 26px}
.nexus-members .member-row .member-avatar img{width:100%;height:100%;object-fit:cover}
.nexus-members .clan-member-profile{font-size:13px}
.nexus-members>.panel-head:first-child{
 display:flex;align-items:center;justify-content:space-between;
 height:40px;min-height:40px;box-sizing:border-box;margin:0;padding:8px 10px;
}
.nexus-members>.panel-head:first-child [data-clan-roles]{
 height:24px;min-height:24px;padding:2px 12px;line-height:18px;
 display:inline-flex;align-items:center;justify-content:center;font-size:11px;
}
.nexus-members:has(>.add-clan-member)>.panel-head:first-child>span{margin-right:32px}
.nexus-members>.add-clan-member>summary{top:8px;right:10px;width:24px;height:24px}

.clan-role-popup>.role-banner{
 height:34px;min-height:34px;padding:4px 12px;display:flex;align-items:center;justify-content:center;gap:8px;
 border:1px solid #9bd6f2;border-radius:9px;background:linear-gradient(155deg,#47718c,#17354e 60%,#244b65);
 box-shadow:inset 0 1px #e6f8ff80,inset 0 -2px #071a2c,0 3px 7px #0005;color:#effaff;font-size:12px;
}
.role-banner svg{width:17px;height:17px}
.clan-role-popup>.role-banner-transfer{border-color:#eccd83;color:#ffe4a0}
.clan-role-popup>.role-banner-kick{border-color:#d88b87;color:#ffc2bc;background:linear-gradient(155deg,#653b46,#342533)}
.clan-role-popup>.role-banner:disabled{opacity:.45;cursor:default}
.clan-role-popup>.role-banner.is-current{opacity:.8;box-shadow:inset 0 0 0 1px #f4e3ad}

/* Gold glass identifies the active role-editing surface. */
.nexus-members.clan-role-editing{
 position:relative;isolation:isolate;overflow:hidden;
 border-color:#e6c06c;
 background:linear-gradient(135deg,#6b542a55,#18364ce8 38%,#3e3928e8);
 box-shadow:inset 0 1px #fff1b68c,inset 0 0 24px #e5b54424,0 0 17px #e8bd4b42;
}
.nexus-members.clan-role-editing::after{
 content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
 background:linear-gradient(110deg,transparent 30%,#ffe49b06 40%,#ffeab943 49%,#ffe49b12 56%,transparent 66%);
 background-size:300% 100%;background-position:100% 0;
 animation:role-window-shimmer 7.7s ease-in-out infinite;
}
.nexus-members.clan-role-editing .managed-member{
 border-color:#bca56b80;background:linear-gradient(125deg,#64543255,#19384be8 60%,#59482744);
}
.nexus-members.clan-role-editing [data-clan-roles]{
 color:#fff1be;border-color:#e6c06c;background:linear-gradient(#705c32,#3e3828);
 box-shadow:inset 0 1px #ffebad66,0 0 9px #e6bf5440;
}
@keyframes role-window-shimmer{
 0%,35%{background-position:100% 0;opacity:0}
 42%{opacity:1}
 70%{background-position:0% 0;opacity:0}
 100%{background-position:0% 0;opacity:0}
}
@media(prefers-reduced-motion:reduce){
 .nexus-members.clan-role-editing::after{animation:none;opacity:.3;background-position:50% 0}
}

/* Role dialogs use the same cool, translucent glass as the navigation dock. */
.clan-role-popup,.clan-confirm{
 border:1px solid #c3dcee88;border-radius:26px;
 background:linear-gradient(130deg,#57768d9c,#233e548f 48%,#102133b8);
 backdrop-filter:blur(22px) saturate(1.35);
 -webkit-backdrop-filter:blur(22px) saturate(1.35);
 box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -2px 3px #07142088,0 12px 38px #0008;
 color:#f1f8ff;
}
.clan-role-popup>.role-banner{
 background:linear-gradient(145deg,#86abc142,#29465b66 60%,#10283b80);
 border-color:#c1dce9a3;box-shadow:inset 0 1px #fff6,inset 0 -1px #07152188,0 2px 5px #0003;
}
.clan-role-popup>.role-banner-transfer{color:#ffdfa1;border-color:#e3c889a0}
.clan-role-popup>.role-banner-kick{color:#ffd0ca;border-color:#d9a09b99;background:linear-gradient(145deg,#ab6c7350,#462c3b80)}
.clan-confirm::backdrop,.clan-role-popup::backdrop{background:#02091680}

/* A game-style confirmation with a raised rim and chunky action buttons. */
.clan-confirm{
 width:min(390px,calc(100% - 32px));box-sizing:border-box;text-align:center;padding:24px 22px 22px;
 border:3px solid #9fc9df;border-bottom:6px solid #33536d;border-radius:20px;
 background:linear-gradient(145deg,#42677ae8,#203d52ed 58%,#152c40f2);
 box-shadow:inset 0 2px #e6f9ff88,inset 0 -3px #0b1c3080,0 7px 0 #071323,0 20px 55px #0009;
}
.clan-confirm-crest{display:grid;place-items:center;width:48px;height:50px;margin:-5px auto 10px;color:#ffdf7c;filter:drop-shadow(0 3px #805421)}
.clan-confirm-crest svg{width:40px;height:40px}
.clan-confirm h2{font-size:24px;font-weight:900;margin:0 0 14px;text-shadow:0 3px #102337}
.clan-confirm p{font-size:14px;line-height:1.5;color:#dfedf7}
.clan-confirm .form-actions{display:flex;gap:12px;margin-top:22px}
.clan-confirm .form-actions .button{
 flex:1;min-height:42px;justify-content:center;font-size:13px;font-weight:900;
 border:2px solid #a3d8f0;border-bottom:4px solid #1b4564;border-radius:10px;
 background:linear-gradient(#5aa1c4,#31698f);box-shadow:inset 0 2px #ffffff65,0 3px 0 #07192b;
 text-shadow:0 2px #143955;
}
.clan-confirm .form-actions .primary{
 border-color:#ffe8a1;border-bottom-color:#a96c19;background:linear-gradient(#ffe280,#f4ab32);
 color:#492b0c;text-shadow:0 1px #fff5;box-shadow:inset 0 2px #fff9,0 3px 0 #684216;
}

/* Confirmation actions match the compact glass role banners. */
.clan-confirm .form-actions{gap:10px}
.clan-confirm .form-actions .button,
.clan-confirm .form-actions .button.primary{
 height:34px;min-height:34px;padding:4px 12px;
 display:flex;align-items:center;justify-content:center;
 border:1px solid #c1dce9a3;border-radius:9px;
 background:linear-gradient(145deg,#86abc142,#29465b66 60%,#10283b80);
 color:#effaff;font-size:12px;font-weight:800;line-height:20px;
 box-shadow:inset 0 1px #fff6,inset 0 -1px #07152188,0 2px 5px #0003;
 text-shadow:0 1px 2px #061321;
}
.clan-confirm .form-actions .button.primary{border-color:#e3c889a0;color:#ffdfa1}
.clan-confirm .form-actions .button:hover{background:linear-gradient(145deg,#a0c9df60,#355b757d 60%,#19394f99)}
/* Compact creation sheet: logo, two fields, one clear action. */
#app #create-clan{display:flex;flex-direction:column;gap:18px;padding:24px 20px;border:1px solid #a0d7ed88;border-radius:22px;background:linear-gradient(145deg,#416780a6,#0b2239e8 65%);box-shadow:inset 0 2px 0 #ffffff35,0 8px 25px #0004;max-width:560px;margin:0 auto}
#create-clan>.field{margin:0;gap:8px;font-size:12px;color:#d2edf9}
#create-clan>div.field{order:-1;align-self:center;text-align:center}
#create-clan .clan-image-picker{width:110px;height:110px;max-width:none;margin:0 auto;border:2px solid #a4e1f5;border-radius:24px;background:linear-gradient(145deg,#497d9b70,#0d2c46);box-shadow:inset 0 2px #fff4,0 5px 0 #071a2d}
#create-clan .clan-image-fallback{display:flex;flex-direction:column;align-items:center;gap:8px;color:#c7f1ff}
#create-clan .clan-image-fallback svg{width:34px;height:34px}
#create-clan .clan-image-fallback span{font-size:11px}
#create-clan input[name="name"],#create-clan textarea{border:1px solid #86b7d0;border-radius:12px;background:#071d32a6;padding:13px;color:#fff;font-size:14px;box-shadow:inset 0 2px 5px #0003}
#create-clan textarea{min-height:76px;resize:vertical}
#create-clan>button[type="submit"]{width:100%;min-height:48px;margin-top:4px;border-radius:12px;font-size:14px}
#create-clan>[role="status"]:empty{display:none}
#create-clan input[name="city"]{border:1px solid #86b7d0;border-radius:12px;background:#071d32a6;padding:13px;color:#fff;font-size:14px;box-shadow:inset 0 2px 5px #0003}
/* League artwork and a clear registered-team identity. */
.clan-league-card{position:relative;isolation:isolate;overflow:hidden;min-height:160px;background:#10273e}
.clan-league-card>.clan-league-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:-2}
.clan-league-card::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07192bed,#10273eaa);z-index:-1;pointer-events:none}
.clan-league-registered{display:flex;align-items:center;gap:12px;margin:12px 0}
.clan-league-registered strong{display:block;font-size:22px;line-height:1.2;color:#fff;text-shadow:0 2px 4px #0008}
.clan-league-registered small{color:#a9d9ed;font-size:10px}
.clan-league-team-crest{display:grid;place-items:center;flex:0 0 56px}
.clan-league-team-crest>.team-logo,.clan-league-team-crest>svg{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:contain}
.clan-league-card{align-items:flex-start;padding-top:10px}
.clan-league-card>.clan-league-logo,.clan-league-card>svg{align-self:center}
.clan-league-card .clan-league-division{margin-top:2px;color:#b7d9e9}
.clan-league-roster{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:5px 0 10px}
.clan-league-roster .clan-league-team{margin:0}
.clan-league-avatars{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.clan-league-member-avatar{display:grid;place-items:center;width:30px;height:30px;overflow:hidden;border-radius:50%;border:1px solid #91cce3;background:#21455f;color:#e3f5ff}
.clan-league-member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.clan-league-member-avatar svg{width:19px;height:19px}